@charset "UTF-8";
/* CSS Document */
 
body, html {font-family: Arial, Helvetica, sans-serif;}


#wrapper {margin: auto; padding: 0; background-image: url(http://www.modernismmagazine.com/images/bg-header.jpg); background-position: top center; background-repeat: repeat-x; min-height: 155px; z-index:1; position:relative; text-align: center; /* for IE */
}

.VN:after {content: "Summer 2010 : Volume 13, No. 2";}


a:link {color: #005c8e;	text-decoration: none;}
a:visited {color: #005c8e; text-decoration: none;}
a:hover {color: #5E5E5E; text-decoration: none;}

.uList {font-family: "Times New Roman", Times, serif; font-size: 10pt; color: #000000; list-style-position: outside; list-style-type: circle;	left: 10px;}
.uList a:link{color: #005c8e; font-weight: bold; text-decoration: none;}
.uList v:link{color: #005c8e; font-weight: bold; text-decoration: none;}
.uList a:hover{color: #5E5E5E; font-weight: bold; text-decoration: none;}


/* header divs */
#header {margin: auto; padding: 0; height: 195px; width: 1240x; position: relative;}

#header_container {margin: auto; padding: 0px; width: 1024px;}

#logo {margin: auto; padding: 0 0 0 110px; float: left; width: 350px; height: 135px;}

#action {margin: 15px 55px 0 0; padding: 0; float: right; width: 400px; height: 120px; line-height: 25px;}
	.action a:link{color: #d3d3d3; text-decoration:none;}
	.action a:visited{color: #d3d3d3; text-decoration:none;}
	.action a:hover{color: #ffffff; text-decoration:none;}
	
#followPNG {margin: 0; position:inherit; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='scale');}
	.follow {color: #d3d3d3; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal;}

#nav_bottom {border-bottom: dotted 1px;}



/* navigation divs */

#nav_menu {margin: auto; padding: 5px 0 0 0px; width: 995px; height: 30px; clear:both;}

.chromestyle {width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: lighter;}

.chromestyle a:link{color: #666666; text-decoration: none;}
	
.chromestyle a:visited{color: #666666; text-decoration: none;}

.chromestyle a:hover{color: #ffffff;text-decoration: none;}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.chromestyle ul{
width: 100%; background: url(chrometheme/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0; margin: 0; text-align: left; /*set value to "left", "center", or "right"*/}

.chromestyle ul li{display: inline;}

.chromestyle ul li a{color: #ffffff; padding: 4px 7px; margin: 0; text-decoration: none; border-right: 1px solid #b3b3b3;}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chrometheme/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv {position:absolute; top: 0; border: 0px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0; font:normal 13px Arial, Helvetica, sans-serif; line-height: 18px; z-index:100; background-color: #d3d3d3; min-width: 200px; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a{
width: auto; display: block; text-indent: 3px; border-bottom: 0px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0; text-decoration: none; font-weight: lighter; color: #666666; 
}

* html .dropmenudiv a{ /*IE only hack*/
width: 330px; color: #666666;}

.dropmenudiv a:link{color: #666666; text-decoration: none;}

.dropmenudiv a:visited{color: #666666; text-decoration: none;}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #419ccd; color: #ffffff; text-decoration: none;}

/* ######### Style for Drop Down BLOG Menu ######### */

.dropmenublogdiv {position:absolute; margin-top: -30px; border: 0px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0; font:normal 13px Arial, Helvetica, sans-serif; line-height: 18px; z-index:100; background-color: #d3d3d3; min-width: 150px; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenublogdiv a{
width: auto; display: block; text-indent: 3px; border-bottom: 0px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0; text-decoration: none; font-weight: lighter; color: #666666; 
}

* html .dropmenublogdiv a{ /*IE only hack*/
width: 330px; color: #666666;}

.dropmenublogdiv a:link{color: #666666; text-decoration: none;}

.dropmenublogdiv a:visited{color: #666666; text-decoration: none;}

.dropmenublogdiv a:hover{ /*THEME CHANGE HERE*/
background-color: #419ccd; color: #ffffff; text-decoration: none;}

	
	

/* end navigation divs */



#homeContainer {width: 1024px; margin: auto; position: relative;}

#linksContainer {width: 845px; left-margin: auto; right-margin: auto; clear:both;}

#moreContainer {width: 780px; left-margin: auto; right-margin: auto; clear:both;}


#linksLeft {width: 419px; margin: auto; float: left; position: relative;}
#moreLeft {width: 385px; margin: auto; float: left; position: relative;}


#linksRight {width: 419px; margin: auto; float: right; position: relative;}
#moreRight {width: 385px; margin: auto; float: right; position: relative;}



#LinksMain {
	width: 846px;
	height: 100%;
	margin-top: 15px;
	}
	
	
#Payment {background-color: #CCCCCC; width: 384px;}
	
.VN {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}


#homeSocial {
	width: 300px;
	height: 100%;
	margin-top: 35px;
	margin-left: 15px;
	float: left;
	}
		
#blueBox {
	width: 275px;
	height: 165px;
	margin-top: 40px;
	margin-left: 0px;
	margin-right: 15px;
	float: right;
	background-color: #FFFFFF;
	border: thin #666666 solid;
	}
	
#topContainer {
	width: 800px;
	}
	
#ThisIssue {
	width: 780px;
	float: left;
	clear: both;
	}
	
#leftContainer {
	width: 280px;
	height: 100%;
	float: left;
	margin-top: 15px;
	}
	
#leftContainerfeature {
	width: 480px;
	height: 100%;
	float: left;
	margin-top: 15px;
	}
	
#rightContainer {
	width: 450px;
	height: 100%;
	float: right;
	margin-top: 15px;
	margin-right: 25px;
	}
	
#Plus {
	width: 600px;
	height: 100%;
	float: left;
	margin-top: 15px;
}
	
#ShelfLifeRight {
	width: 220px;
	height: 100%;
	float: right;
	margin-top: 15px;
	margin-right: 45px;
	}
	
#ShelfLifeLeft {
	width: 450px;
	height: 100%;
	float: left;
	margin-top: 15px;
	}
	
#PRLeft {
	width: 500px;
	height: 100%;
	float: left;
	margin-top: 15px;
	}
	
#BackIssuesContainer {
	width: 780px;
	height: 100%;
	margin-top: 15px;
	}
	

.IntroText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #5E5E5E;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 20px;
	margin-right: 25px;
	}
	
.GreenHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #339900;
	margin-top: 7px;
	margin-bottom: 10px;
}

.GreenHeadBig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #339900;
	margin-top: 12px;
	margin-bottom: 10px;
}

.BlueHeadBig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #005c8e;
	margin-top: 12px;
	margin-bottom: 10px;
}


.FeatureContainer {
	text-align: left;
	vertical-align: top;
	height: 175px;
	width: 430px;
	margin-bottom: 10px;
	}
	
.FeatureContainer2 {
	text-align: left;
	vertical-align: top;
	height: 135px;
	width: 440px;
	margin-bottom: 10px;
	}
	
.HomeImage {
	float: right;
	vertical-align: text-top;
	height: 160px;
	width: 210px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.HomeImage3 {
	float: right;
	vertical-align: text-top;
	height: 120px;
	width: 210px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.HomeImage2 {
	float: right;
	vertical-align: text-top;
	height: 104px;
	width: 81px;
	padding-bottom: 10px;
	padding-left: 6px;
	padding-right: 10px;
}

.ViewButtons {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 2px;
	width: 175px;
	height: 105px;
	float: left;
}

.FeatureLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	color: #5E5E5E;
	letter-spacing: 0em;
	cursor: hand;
	text-decoration: none;
	width: 300px;
	float: left;
}

.HomeFeatureBody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	margin-right: 0px;
	margin-bottom: 10px;
	width: 200px;
	height: 95px;
	float: left;
}

.HomeFeatureBody p{
	margin-top: 0;
	margin-bottom: 10px;
}

.MainHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-style: normal;
	font-weight: lighter;
	color: #5E5E5E;
	letter-spacing: 0em;
	text-decoration: none;
	margin-top: 20px;
}

.MainHeadHome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17pt;
	font-style: normal;
	font-weight: lighter;
	color: #5E5E5E;
	letter-spacing: 0em;
	text-decoration: none;
	margin-top: 20px;
}

.YellowHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-style: normal;
	font-weight: lighter;
	color: #ecb540;
	letter-spacing: 0em;
	font-stretch: ultra-expanded;
	text-decoration: none;
}

.ContentsHead {
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;;
	font-size: 34pt;
	font-stretch: ultra-condensed;
	font-weight: 100;
	color: #ecb540;
	letter-spacing: 0em;
	text-decoration: none;
}


.GrayHead1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	color: #5E5E5E;
	letter-spacing: 0em;
	text-decoration: none;
}

.GrayHead2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	color: #5E5E5E;
	letter-spacing: 0em;
	text-decoration: none;
}

.GrayHead3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	color: #5E5E5E;
	letter-spacing: 0em;
	text-decoration: none;
	margin-top: 5px;
}

.GrayHeadPR {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	color: #5E5E5E;
	letter-spacing: 0em;
	text-decoration: none;
	margin-top: 25px;
}


.GrayHeadTOC {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	color: #5E5E5E;
	letter-spacing: 0em;
	text-decoration: none;
	margin-top: 10px;
}

.GrayHeadTOC2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	color: #5E5E5E;
	letter-spacing: 0em;
	text-decoration: none;
	margin-top: 10px;
}

.HEADbi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: bolder;
	color: #005c8e;
	letter-spacing: 0em;
	text-decoration: none;
	margin-top: 10px;
}


.Volume {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	color: #5E5E5E;
	letter-spacing: 0em;
	text-decoration: none;
}


.ModBodyWide {
	font-family: "Times New Roman", Times, serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}


.ModBody {
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}

.ModBody2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	margin-top: 10px;
}

.ModBody3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	margin-top: 10px;
	padding-top: 25px;
}

.ModBodyWTB {
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	width: 300px;
	margin-top: 20px;
}

.ModBodyWTB2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	width: 300px;
	margin-top: 5px;
}

.BodyBlueLink {
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}

.BodyBlueLink a:link{
	color: #005c8e;
	font-weight: bold;
	text-decoration: none;

}

.BodyBlueLink v:link{
	color: #005c8e;
	font-weight: bold;
	text-decoration: none;

}


.BodyBlueLink a:hover{
	color: #5E5E5E;
	font-weight: bold;
	text-decoration: none;

}

.author {
	font-family: "Times New Roman", Times, serif;
	font-size: 9pt;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	margin-bottom: 10px;
}

.ModBodyBold {
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	margin-top: 10px;
}

.ModBodyBold2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	margin-top: 0px;
}





	
/* footer divs */

#footer_wrapper {margin: 15px 0 0 0; padding: 0; background-color: #ffffff; min-height: 200px; border-top: 1px dotted;}
#footer_container {margin: auto; padding: 0; width: 1024px;}
#footer_home_message {margin: 0; padding: 0;}
#footer_home_message_inside {margin: auto; padding: 15px 50px 0 50px; text-align: center; line-height: 20px; font-size: 75%; font-family: Arial, Helvetica, sans-serif; font: normal; color: #a4d2fa;}
#footer_quote {margin: auto; padding: 75px 0 0 0; width: 1000px;}
#footer_links {margin: auto; padding: 0;}
#footer_copyright {margin: auto; padding: 0; width: 600px; text-align: center; font-size: 10px; color: #666666;}
#footer_copyright a, hover, visited, active {color: #005c8e;}
#light {margin: auto; padding: 20px 0 0 0; font-size: 1px; color: #f7f5ea; height: 10px; width: 1024px;}
#light a, hover, visited, active {font-size: 1px; color: #a4d2fa;}