@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: "Winter 2011 - 12 : Volume 14, No. 4";}





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;

}



.BlueSubHeadBig {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13pt;

	color: #005c8e;

	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;

}



.Advertise {

	font-family: "Times New Roman", Times, serif;

	font-size: 7pt;

	font-style: normal;

	line-height: normal;

	font-weight: normal; 

	text-transform: none;

	color: #666;

	margin-right: 0px;

	margin-left: 0px;

	margin-bottom: 2px;

	margin-top: 20px;

}











	

/* 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;}