/*

COLOR GUIDE
======================================
 > #004361 (navy)
 > #0e5fa4 (royal blue)
 > #429591 (turquoise)
 > #8dbfbd (light teal)
 > #db654a (red)
 > #b3b3b3 (light gray)
 > #404041 (charcoal)
 > #c0b147 (yellow)
--------------------------------------

STYLE RULES for
======================================
 > EEG's Keeping Pace site
 > 11/2010
 > Steve @ Blue Marble Creative
--------------------------------------

Turquoise: #429591
Navy: #004361
Yellow: #c0b147
Red: #db654a
Royal Blue: #0e5fa4
Charcoal Gray: #404041

*/

.editlink{ position:absolute; font-size:.6em; top:20px; right:140px; z-index:101; }
.post-edit-link  { color:#db654a; }

.right { float:right; }
.left { float:left; }
.clear { clear:both; }

#content strong { color:#0e5fa4; font-size:1.25em; font-weight:normal; }
#sidebar strong { color:#db654a; font-size:1.25em; font-weight:normal; }

.blue, blue { color:#0e5fa4; }
.red, red { color:#db654a; }
.gold, gold { color:#c0b147; }

#sidebar strong.blue, #content strong.blue, strong.blue, b.blue { color:#0e5fa4;font-size:1.25em; font-weight:normal; }
#sidebar strong.red, #content strong.red, strong.red, b.red { color:#db654a; font-size:1.25em; font-weight:normal; }
#sidebar strong.gold, #content strong.gold, strong.gold, b.gold { color:#c0b147; font-size:1.25em; font-weight:normal; }
			 
.ghost { display:none; }


body {
 font-family:"Arial", "Helvetica", sans-serif; }
 
.wrap {
 position:relative; }

#sponsors { margin-top:30px; background:url('../graphics/sponsors_bg.png') repeat-x top center; }

/* ==========
---- HEADER ----------
  ============= */ 

.wrap.header {
 z-index:11;
 height:200px; overflow:visible; border-bottom:5px solid white;
 background:#429591 url('../graphics/header_bg.png') no-repeat top center; }
  
	#header {
	 width:960px; height:200px; margin:0 auto; overflow:visible;
	 position:relative; }
	 
		#header .logo {
		 position:absolute;
		 top:0; left:-27px; z-index:11; }
		 
		#header .tagline {
		 position:absolute;
		 bottom:14px; right:5px; }
	 
		#header .nav {
		 position:absolute;
		 top:205px; height:44px;
		 background:#004361; width:100%; }
		 
			#header .nav li {
			 height:10px; padding:15px 30px 19px 30px; line-height:10px;
			 float:left; }
			 
			#header .nav a {
			 padding:2px 3px 3px;
			 display:block; }
			 
			#header .nav li.current, #header .nav li.active  {
			 background:#db654a; }
			 
		#header .sharing {
		 position:absolute;
		 padding:0 5px;
		 top:0; right:0; height:40px;
		 background:#004361;
		 font-size:.8em; }
		 
			#header .sharing li {
			 padding:11px 10px;
			 line-height:18px;
			 float:left; }

			#header .sharing li a {
			 color:white; text-decoration:none; }
			#header .sharing li a:hover { text-decoration:underline; }
			 
			#header .sharing img { margin:0 1px; }


/* ==========
---- CHESTER ---------
  ============= */ 

.wrap.chester {
 z-index:7;
 background:white; border-top:44px solid #004361; border-bottom:14px solid #004361; }
  
	#chester {
	 width:950px; margin:0 auto; /* background:orange; */
	 padding:15px 15px 3px 15px;
	 position:relative; }

	 
	/* CONTENT ----------------------------------------- */
	
		#content, #subcontent {
		 position:relative;
		 margin: 0 auto;
		 width:660px;
		 padding-right:300px; padding-bottom:50px;
		 color: #004361;
		 font-size:.9em; line-height:1.3em; }
		 
		.nodata #content { height:330px; }
		 
		#subcontent {
		 width:930px; padding-right:30px; padding-bottom:20px; }

				/* home specific */
				#content.home {
				 font-size:1.45em; line-height:1.4em; padding-bottom:5px; 
				 height: 565px;
				 background:url('../graphics/content-home_bg.png') no-repeat 20px 20px; }
				#content.home p { padding-top:20px; font-size: .9em; line-height: 1.2;}
				#content.home .thumbslide {
				 margin-left:45px;
				 position:relative; right:1px; top:13px; 
				 width:140px; height:140px; padding:20px; }
				.thumbbuttons { position:relative; }
				.thumbbuttons span { position:absolute; width:220px; height:300px; top:40px; cursor:pointer; }
				.thumbbuttons span img.icon { position:absolute; top:15px; z-index:13; }
				.thumbbuttons span img.bg { position:absolute; }
				.thumbbuttons span img.txt { position:absolute; left:11px; bottom:-4px; z-index:11; background:orange; text-align:center; }
				.thumbbuttons .download { left:-10px; } .thumbbuttons .download img.txt { background:#db654a; padding:17px 7px 17px 8px; }
				.thumbbuttons .explore { left:229px; } .thumbbuttons .explore img.txt { background: #429591; padding:18px 22px 17px 22px; }
				.thumbbuttons .keep-up { left:468px; } .thumbbuttons .keep-up img.txt { background:#c0b147; padding:18px 12px 17px 13px; }
				#subcontent.home { width:915px; height:240px; border-top: 1px solid #929396; color: #666667; padding-top:20px; margin-bottom:40px; }
				#subcontent.home .entry { width:270px; float:left; border-left:1px dotted #929396; padding-left:20px; margin-left:20px; }
				#subcontent.home .entry:first-child { margin-left:0; border-left:0; }
				#subcontent.home h2 { color:#004361; margin-top:10px; font-size:1.2em; font-weight:normal; }
				#subcontent.home a { color:#429591; text-decoration:none; } #subcontent.home a:hover { text-decoration:underline; }
		 
				/* state specific */
				#chester.states #content { background:url('../graphics/content-states_bg.png') no-repeat 0 bottom; }
				#chester.states { background:url('../graphics/content-states_bg.png') no-repeat 15px 15px; }
				#chester.states  #content .return, #chester.states #content .updated {
				 position:absolute; right:154px; bottom:27px;
				 font-size:.75em; text-decoration:none;
				 color:#b3b3b3; }
				#chester.states  #content .return:hover, #chester.states #content .updated:hover { text-decoration:underline; }
				#chester.states #content .updated { right:auto; left:3px; bottom:0px; }
				#chester.states #content .return:first-child { bottom:auto; top:25px; }
				
				/* map specific */
				#usmap { position:relative; }
				#usmap .overlay { position:absolute; z-index:50; }
				.statemenu { width:280px; padding-left:30px; }
				.mapfloat { display:block; z-index:11; width:115px; height:80px; position:absolute; right:-130px; top:-30px; }
				
				/* graphics specific */
				.fullreport { width:200px; padding-left:30px; position:relative; top:-20px; }
				.gbox { font-size:.9em; float:left; width:390px; height:200px; margin-bottom:10px; padding-right:30px; } .gbox.even { clear:right; }
				.gbox img { float:left; margin-right:20px; margin-bottom:100px; }
				#ghov { position:absolute; top:0; z-index:99; }
				.gbox h3 { margin-top:0; font-weight:normal; font-size:1.2em; color:#429591; }
				.gbox a.download { color:#429591; text-decoration:none; } .gbox a.download:hover { text-decoration:hover; }
				.links { margin-top:20px;}
				.gbox p.graphicdescription { margin: 5px 0 5px 0 !important;  line-height: 1.2em;}
				.gbox p.downloadthis { margin-top: 5px !important; }

		 
			#content .page-title { 
			 font-size:1.5em; line-height:1em; font-weight:normal; text-transform:uppercase; margin-bottom:20px; }
			 
			#content .section-title, #subcontent .section-title {
			 padding-top:15px; clear:both;
			 font-size:1.5em; line-height:1em; font-weight:normal;
			 margin-bottom:20px; }
			 
			#subcontent p {
			 margin:10px 0 20px 0; }
			 
				#content .section-title.ruled, #subcontent .section-title.ruled {
				 background:url('../graphics/ruled_bg.png') repeat-x 0 26px; }
				#content .section-title.ruled span, #subcontent .section-title.ruled span { background:white; padding-right:10px; }
				 
			#content a.block {
			 display:block;
			 font-size:.8em; line-height:2em;
			 color:#429591; text-decoration:none; }
			#content a.block:hover {
			 text-decoration:underline; }
			 
			#content .data-title {
			 clear:both; 
			 font-size:1.1em; font-weight:bold; }
			 
			#content h2, #content h3 {
			 padding-top:20px; }
			 
			 #content ul, #content ol {
			 padding-top:5px; }
			 
			#content ul { margin-left:30px; }
			 
			#content ul.single li { margin-bottom:20px; }
			 
			#content ul.double {
			 width:620px;
			 /*color:#429591;*/ }
			#content ul.double li {
			 width:310px; float:left;
			 font-size:.8em; }
			#content p {
			 margin-bottom:20px; }
			 
			/*#content ul.double li:last-child { margin-bottom:20px; }*/
		 
	
	/* SIDEBAR ----------------------------------------- */
	
		#sidebar {
		 position:absolute; top:115px; right:15px;
		 padding:15px 15px 5px 15px;
		 width:210px;
		 font-size:.9em; line-height:1.3em;
		 border-left:1px dotted #b3b3b3; }
				 
		#sidebar.home {
		 background:url('../graphics/sponsors_home_bg.png') repeat-y top center;
		 width:250px; top:415px; padding:50px 0;
		 border-left:0; }
		 
		#sidebar.blog { top:60px; color:#004361; }
		#sidebar.blog p { margin:10px 5px 20px 10px; } #sidebar.blog p.head { margin:0; }
		#sidebar.blog .cloud a { color:#429591; text-decoration:none; } #sidebar.blog .cloud a:hover { text-decoration:underline; }
		 
		.graphics-page #sidebar {
		 top:60px; padding-top:0; }
		 
			#sidebar .fact {
			 position:relative;
			 margin-bottom:20px;
			 color:#004361; }
			 
				#sidebar .fact li {
				 margin-bottom:20px; }
			 
			#sidebar a.block {
			 display:block;
			 font-size:.8em; line-height:2em;
			 color:#429591; text-decoration:none; }
			#sidebar a.block:hover {
			 text-decoration:underline; }
			 
			#sidebar select {
			 margin-top:50px; }
			 
			#sidebar img.button {
			 margin:20px 0 0 0; }
			 
			#sidebar .head {
			 display:block; background:#004261; padding:5px 0 5px 10px; }
			 
			#sidebar ul.prev {
			 margin-left:35px;
			 list-style-type:disc;
			 list-style-image:url('../graphics/arrow.png'); }
			
				#sidebar ul.prev li {
				 margin-top:14px;
				 font-size:1.25em; } #sidebar ul.prev li a { text-decoration:none; color:#004261; }

			#sidebar.nodata select { margin-top:0; }

/* ==========
---- FOOTER ----------
  ============= */ 

.wrap.footer {
 z-index:3;
 background:#429591; border-top:5px solid white; }
  
	#footer {
	 width:960px; margin:0 auto;
	 position:relative;
	 height:116px; }
	 
		#footer .nav {
		 margin:12px 0 0 18px;
		 font-size:.8em;
		 width:300px; }
		 
			#footer .nav li {
			 width:150px; float:left;
			 line-height:21px; }
		 
			#footer .nav a { color:white; text-decoration:none; }

		#footer fieldset {
		 margin:12px 18px 0 0; padding:10px 0;
		 width:180px; border:1px solid #8dbfbd; }
		 
			#footer fieldset legend {
			 color:white; padding:0 5px;
			 font-size:13px; font-size:.8em; }
			 
			#footer fieldset img { margin:0 44px; }
		 
		#footer .copyright {
		 text-align:right;
		 margin:8px 18px 0 0;
		 color:#8dbfbd;
		 font-size:.7em;
		 font-style:italic; }

			 
			

/* ==========
---- BLOG ----------
  ============= */ 

	#content div.entry {
	 position:relative;
	 margin-bottom:30px;
	 border-top:1px dotted #b3b3b3;
	 padding-top:25px; }
	#content div.entry:first-child {
	 border-top:0; padding-top:0; margin-top:30px; }
	.entry-meta { color:#b3b3b3; font-size:.9em; margin-top:0; margin-bottom:20px; }
	.entry-meta.footer, #respond { color:#004361; }
	.entry-meta a, #respond a { color:#429591; text-decoration:none; } .entry-meta a:hover, #respond a:hover { text-decoration:underline; }
	.pubdate { color:#b3b3b3; margin:0; font-size:.9em; position:absolute; top:20px; left:0; }
	#content div.entry:first-child .pubdate { top:0; }
	#chester.blog h2.section-title { padding-top:25px; margin-bottom:5px; }
	#commentform label { display:block; clear:both; }
	.form-allowed-tags { color:#404041; font-size:.9em;  }
	body.single-post h2.section-title {
	 position:relative; top:12px; }
	.page-title.archive {
	 position:relative; background:white; top:24px; z-index:11; }
	
	
	
#nav-above, #nav-below {
 position:relative; height:25px;
 font-size:.8em; font-weight:bold; }
.nav-next, .nav-previous {
 position:absolute; top:0; left:0; } .nav-next { right:0; left:auto; }
#nav-above a, #nav-below a {
 text-decoration:none; }