@import url('reset.css');

@font-face {
	font-family: 'GEInspiraRegular';
	src: url('../fonts/GEInspRg.eot');
	src: local('GE Inspira Regular'), 
		local('GEInspira'), 
		url('../fonts/GEInspRg.woff') format('woff'), 
		url('../fonts/GEInspRg.ttf') format('truetype'),
		url('../fonts/GEInspRg.svg#GEInspira') format('svg');
}

@font-face {
	font-family: 'GEInspiraMediumRegular';
	src: url('../fonts/GEInspMd.eot');
	src: local('GE Inspira Medium Regular'), 
		local('GEInspira-Medium'), 
		url('../fonts/GEInspMd.woff') format('woff'), 
		url('../fonts/GEInspMd.ttf') format('truetype'),
		url('../fonts/GEInspMD.svg#GEInspira-Medium') format('svg');
}

@font-face {
	font-family: 'GEInspiraBold';
	src: url('../fonts/GEInspBd.eot');
	src: local('GE Inspira Bold'), 
		local('GEInspira-Bold'), 
		url('../fonts/GEInspBd.woff') format('woff'), 
		url('../fonts/GEInspBd.ttf') format('truetype'),
		url('../fonts/GEInspBd.svg#GEInspira-Bold') format('svg');
}

body {
	position: relative;
	margin: 0 0 0 0;
  	padding: 0;
  	font: 13px/24px Arial, Helvetica, sans-serif;
   	color: #666;
	background: #e8ebef;
 	}
a {
	color: #3b60af;
	text-decoration: none;
	outline: 0;
	}
a:hover, a:active {
	text-decoration: underline;
	outline: 0;
	}

#nav {
	position: fixed;
	top: 35px; /* original, too low? 202px; */
	right: 0;
	width: 228px;
	z-index: 89;
	}
#nav li {
	width: 228px;
	height: auto;
	}
#nav li a:link,
#nav li a:visited {
	display: block;
	margin-left: 0px;
	padding: 1em 1em;
	height: auto;
	color: #707070;
	font: 1em 'GEInspiraMediumRegular', Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	border-bottom: 0;
	background: #fff url(../images/web/bg-nav-item-white.gif) repeat-x bottom left;
	text-decoration: none;
	}



/* "browse this issue" */
#nav #nav-title a {
	text-align: right;  
	text-transform: uppercase; 
	color: #fff; 
	padding: .35em 1.6em .35em 1.6em;
	border: 0; 
	background: url(../images/web/bg-nav-title-left.png) no-repeat bottom right;
	font-size: 1.3em;
} 


/* "volume xxx, issue xxx */
#nav #nav-volume a { 
	border-radius-bottom-left: 10px; 
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border: 1px solid #1c79a9;
	border-top: 1px solid #ccc !important;
	color: #fff; 
	text-transform: uppercase;
	background: #258fcd url(../images/web/bg-nav-item-blue.gif) repeat-x bottom left 
} 
	
#nav #nav-article1  a { 
	border-radius-top-left: 10px; 
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	} 
#nav li.active + li a { border-top: 0;} 
#nav li a:hover {
	margin-left: 0;
	}
#nav .active a:link,
#nav .active a:visited,
#nav .active a:hover {
	background: #B0DB56 url(../images/web/bg-nav-item-green.gif) repeat-x bottom left;
	border-bottom: 1px solid #ccc;
	border-color: #649007;
	}
#nav .active a span { color: #000 } 
#nav li a:hover { background: #ecf7d6 url(../images/web/bg-nav-item-ltgreen.gif) repeat-x bottom left; }
#nav .nav-item-title { text-transform: uppercase; color: #3b60af; font-size: 1.1em; display: block; }
#nav .nav-item-subtitle { color: #707070; font-size: .95em;   }

#nav li a .nav-item-title, 
#nav li a .nav-item-subtitle  { padding-left: 1em; background: transparent url(../images/web/icon-nav-arrow-blue-left.png) no-repeat 0 .33em; } 
#nav li.active a .nav-item-title, 
#nav li.active a .nav-item-subtitle  { background-image: url(../images/web/icon-nav-arrow-black-left.png); } 
#nav li a .nav-item-title + .nav-item-subtitle { display:block; margin-left: 1em; background: none; padding-left: 0} 



/* WRAP */
#wrap {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0 35px 35px 35px;
	width: 610px;
  	text-align: center;
	background: #fff;
	}
#wrap div {
  	text-align: left;
	}

	#header { } 
	#dateline { text-transform: uppercase;  color: #666666; font-size: .75em; line-height: 2.5em; margin-bottom: 2.1em; overflow: auto;} 
	.border-bottom-single-black {  padding-bottom: 1px; background: #fff url(../images/web/border-dot-single-black.png) repeat-x bottom left; }
	
	/* SIDEBAR */
	#sidebar { float: right; width: 140px; margin-left: 1em; } 
		#sidebar .block { padding: .75em; margin: 0 0 1.2em 0; color: #fff; } 
		#sidebar .block a { text-decoration: underline } 
		#sidebar .block.blue { background: #3b73b9 }
		#sidebar .block.ltblue { background: #f7f7f7; }
		#sidebar .block.white { border: 1px solid #7b7979;  color: #7b7979;}
			#sidebar .block button { cursor: pointer; font: .95em "GEInspiraMediumRegular", Arial, Helvetica, sans-serif; color: #fff; text-transform:uppercase; background: none; border: 1px solid #a7c0df; margin: 1em 0 0 0 } 
		#sidebar .block.signup p  { font: 1.1em "GEInspiraMediumRegular", Arial, Helvetica, sans-serif; margin: 0 0 .5em 0; line-height: 1.5em;}
		#sidebar .block.survey h2 { font: 1.5em "GEInspiraMediumRegular", Arial, Helvetica, sans-serif; margin: 0 0 .5em 0 }
		#sidebar .block.survey p  { font: .75em "GEInspiraMediumRegular", Arial, Helvetica, sans-serif; } 
		#sidebar .block.contactus h2 { text-transform: uppercase; color: #ff9933; font-size: .825em; padding-left: 25px; background: #fff url(../images/web/icon-contactus.png) no-repeat 0% 50%; } 
		#sidebar .block.contactus p { font-size: .75em; line-height: 1.5em; } 
		#sidebar .block.contactus a { color: #3b73b9; } 
		#sidebar .block.archives p { font-size: 1em; line-height: 1.5em; } 
		#sidebar .block.archives a { background: transparent url(../images/web/icon-archives.png) no-repeat 0 50%; padding-left: 30px; text-transform: uppercase } 

		
	/* ARTICLE CONTAINER */
	#article-container { 
		width: 439px;
		margin: 0 0 0 0; 
		padding: 0 14px 0 0; 
		/*border: 1px solid #f00;*/
		background: #fff url(../images/web/border-dot-double-grey-vert.png) repeat-y top right;  
		} 

	/* ARTICLE STYLES */
	.article {
		position: relative;
		background: #fff url(../images/web/border-dot-double-grey.png) repeat-x bottom left; 
		padding: 2.1em 0 3.1em 0;
		z-index: 88;
		/*border: 1px solid #ff0;*/
		}
	#article-container .article:first-child { padding-top: 0 } 
	#article-container .article.last  { background: none} 
	
	/* ARTICLE: component styles */
	.article h1, .article h2, .article a { color: #3b60af }
	.article h1 { font-weight: normal; font-size: 2.0em; line-height: 1.1em; font-family: 'GEInspiraMediumRegular', Arial, Helvetica, sans-serif; margin: 0em 0 .45em }
	.article h1 strong {  }
	.article h1 .sub { font-size: .7em; line-height: 1.1em; margin-bottom: .75em; display: block; } 
	.article h2 { font-family: 'GEInspiraMediumRegular', Arial, Helvetica, sans-serif; color: #3b60af; line-height: 1.1em; }
	.article p { margin-bottom: 1.1em; line-height: 1.31em} 
	.article p.excerpt { color: #3b60af; line-height: 1.25em; font-size: 1.2em; font-family: 'GEInspiraMediumRegular', Arial, Helvetica, sans-serif; margin: 0 0 1.25em 0 } 
	.article ul li { overflow: auto; line-height: 1.31em; padding: 0 0 1em .65em; background: url(../images/web/list-dot.png) no-repeat 0 .45em; } 
	/* ARTICLE: inset styles */
	
	.article .inset { max-width: 439px; margin-bottom: .5em } 
	.article .inset img { max-width: 439px; }
		.article .inset.left { float: left; clear: left; margin: 0 1.5em .5em 0;} 
		.article .inset.right { float: right; clear: right; margin: 0 0 .5em 2em } 
		.article .inset.images { border: 1px solid #ccc; } 
		.article .inset img.bottom-border { border-bottom: 1px solid #ccc; }
		.article .inset.copy { width: 208px; background:  #E7F4FA; /* #E7F4FA; #f7f7f7;*/ color: #7b7979; padding: 1em 1.2em 1.25em 1.0em; } 
		.article .inset.noborder { border: 0 } 
			.article .inset.copy h1 { font-size: 1.45em; margin-top: 0; } 
			.article .inset.copy h2 { font-family: Arial; font-size: 1.15em; line-height: 1.25em; margin-bottom: .5em } 
			.article .inset.copy p, .article .inset.copy li { font-size: .85em; background-position: 0 .3em; } 
		.article .inset div.caption { margin: .75em .5em; font-size: .75em; position: relative; min-height: 2em; } 
		.article .inset div.caption .caption-text { color: #3b60af;  margin: .75em 0 .75em 30px; width: 75%; display: block; font-style: italic; line-height: 1em; } 
		.article .inset div.caption a.slideshow-link { 
			text-transform: uppercase; color: #9f9f9f;
			padding: 0 0 0 28px; background: url(../images/web/icon-viewallphotos.png) no-repeat center left; 
			cursor: pointer;
			position: absolute;
			top: 0; left: 0;
			display: block;
			min-width: 16px;
			white-space: nowrap;
			}
		
		.article .inset div.caption a.video-link { 
			text-transform: uppercase; color: #9f9f9f;
			padding: 0 0 0 28px; background: url(../images/web/icon-viewvideo.png) no-repeat center left; 
			cursor: pointer;
			position: absolute;
			top: 0; left: 0;
			display: block;
			min-width: 16px;
			white-space: nowrap;
			}
		
		
		.article .inset	a.slide { display: none }
		.article .backtotop {  position: absolute; bottom: 1em; right: -132px; z-index: 89; }
	
	.article .subarticle { padding: 1em 1.25em; margin-bottom: 1em; background:  #E7F4FA; color: #7b7979; /*color: #fff; background-color: #3b60af;*/ } 
	.article .subarticle h1 { font-size: 1.4em; } 
	.article .subarticle .inset div.caption a.slideshow-link { background: url(../images/web/icon-viewallphotos-subarticle.png) no-repeat top left; }
		/*.article .subarticle a { color: #fff; }
	.article .subarticle h1 { color: #fff; font-size: 1.4em; font-weight: normal; }
	.article .subarticle div.caption .caption-text { color: #fff } 
	.article .subarticle .inset div.caption a.slideshow-link { 
			color: #fff;
			background: url(../images/web/icon-viewallphotos-subarticle.png) no-repeat top left; 
			
			}
	.article .subarticle ul li  { background: url(../images/web/list-dot-subarticle.png) no-repeat 0 .45em; }*/

#footer {
	position: relative;
	overflow: auto;
	width: 610px;
	clear: both;
	padding: 35px 0;
	background: #fff url(../images/web/border-dot-double-grey.png) repeat-x top left; 
	}
	
	#footer h1 {  color: #3b60af; font-weight: normal; font-size: 2.3em; line-height: 1.1em; font-family: 'GEInspiraMediumRegular', Arial, Helvetica, sans-serif; margin: 0 0 .45em }
	#footer .contact_region { float: left; padding-right: 2.25em; height: 100px;} 
	#footer .contact_region h2 { font-weight: normal; font-size: .95em; } 
	#footer .contact_region p { font-size: .85em; line-height: 1.25em; margin: 0 0 1em 0 } 
	#footer .contact_region a { text-decoration: underline } 
	
#subfooter {
	position: relative;
	margin: 1.25em auto 4em auto;
	padding: 0;
	width: 680px;
  	text-align: left;
	background: transparent;
	overflow: auto;
	}
	#subfooter img { vertical-align: middle } 
	#subfooter ul { display: inline; margin-left: 3em; } 
	#subfooter ul li { display: inline; width: auto; }
	#subfooter ul li a { display: inline; color: #363636; font-size: .85em; padding: 0 1em; border-left: 1px solid #363636; line-height: 1em } 
	#subfooter ul li:first-child a { padding-left: 0; border-left: 0} 
	#footer p.fine { clear: left; font-size: .7em; color: #363636; line-height: 1em;} 
	

	#lightbox-container-image-box { background-color: #f00 }