/* CSS Document */

/*-------------------------------------------------
   Typography
-------------------------------------------------*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; color: #333333; 
	background: #cccc99; margin: 0; padding: 0; 
	
	voice-family: "\"}\""; voice-family: inherit;
	}

p { font-size: 95%; }

h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 190%; color: #660000; font-weight: normal; margin: 0; padding: 0 0 0 0; }

h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #660000; font-size: 150%; margin: 0; padding: 0 0 4px 0; font-weight: normal; }

h4 { font-family: Arial, Helvetica, sans-serif; font-size: 110%; color: #000000; font-weight: lighter;  margin: 0; padding: 0; }

.crumb { font-size: 75%; }

.red { color: #990000; } .dk { font-family: Arial, Helvetica, sans-serif; color: #330000; font-size: 110%; font-weight: normal; }

.credit { font-family: Georgia, "Times New Roman", Times, serif; font-size: 90%; color: #666666; font-weight: normal; margin: 0; padding: 0 0 4px 0;   }

hr { border: none 0; border-top:1px dashed #666666; border-bottom: 0; }


/* Common Links */
a:link, a:visited, a:active {color: #990000; text-decoration: none; }
a:hover {color: #990000; text-decoration: underline; }

/* Header Links */
h2 a:link, h2 a:visited, h2 a:active {font-family: Georgia, "Times New Roman", Times, serif; color: #660000; text-decoration: none; }
h2 a:hover {font-family: Georgia, "Times New Roman", Times, serif; color: #660000; text-decoration: underline; }


/*-------------------------------------------------
   Structure
-------------------------------------------------*/

#page { width: 906px; margin: 6px auto; padding: 0; }

#header { font-size: 80%; padding: 0; margin: 0 0 0 12px; }

#content { background: #DCDCBD; border: 1px #969678 solid; margin: 0; padding: 8px 14px 8px 8px; }

#credits { float: right; clear: both; width: 200px; border: 1px dashed #999966; font-size: 90%; padding: 0 8px 0 8px; margin: 0 2px 0 0; }

#left_col { width: 582px; padding: 12px; background: #FFFFFF; border: 1px #333333 solid; float: left; }

#right_col { float: right; width: 260px; padding: 7px 0 0 0; font-size: 95%; margin: 0 0 0 0; border-top:1px dashed #666666; }

#feature { height:110px; width: 100%; padding: 6px 0 0 0; border-top:1px dashed #666666; }
#lead { width: 460px; margin: 0 0 0 108px; padding: 0 0 0 0; }

#foot { clear: both; font-size: 80%; padding: 0; margin: 10px 0 10px 0; }

.bullet { position:relative; top:.1em; padding-right:8px }

.bullet_head { background:url(../images/bullet.gif) 0 2px no-repeat; padding-left:1.5em; }

.clear { clear: both; }

#links { margin: 0; padding: 6px 0 6px 0}
#links li { font-size: 95%; list-style: none; margin: 8px 0 8px 0 ; padding: 0 }

#picks { margin: 0; padding:  0}
#picks li {  margin: 8px 20px ; padding: 0 }

/*-- E-mail Form --*/

#email_sec { border-top:1px dashed #cccc99;}
#email_sec ul { margin:10px 0 0 0; padding:0; list-style:none;}
#email_sec li { margin:0 0 8px 0;}

/*-------------------------------------------------
 Feedburner styles
--------------------------------------------------*/

div.feedburnerFeedBlock ul {margin-left:0; padding-left:0; list-style-type:none; font-size: 95%;}
div.feedburnerFeedBlock ul li p.date {margin-top:0;}
div#creditfooter {display:none;}

div.feedburnerFeedBlock li {margin-bottom:12px;}
/*-------------------------------------------------
   Navigation
-------------------------------------------------*/

/* Global Nav */

#nav {	position: relative; margin: 0; height: 30px; width: 885px;  }	
#nav li { position: absolute; height: 30px; background: url(../images/nav.gif) 0 0 no-repeat; display: block; list-style: none; }	
#nav li a { height: 30px; display: block; }	

#nav #issue {width: 111px; left: 0;}
#nav #features {width: 85px; left: 111px; background-position: -111px 0;}
#nav #journal {width: 134px; left: 196px; background-position: -196px 0;}
#nav #investigations { width: 125px; left: 330px; background-position: -330px 0;}
#nav #arts_letters { width: 123px; left: 455px; background-position: -455px 0;}
#nav #every_issue { width: 121px; left: 578px; background-position: -578px 0;}
#nav #uchiblogo { width: 106px; left: 699px; background-position: -699px 0;}

#nav #the_core { width: 80px; left: 805px; background-position: -805px 0;}

#nav #issue a:hover { background: url(../images/nav.gif) 0 -30px no-repeat;}
#nav #features a:hover {background: url(../images/nav.gif) -111px -30px no-repeat}
#nav #journal a:hover {background: url(../images/nav.gif) -196px -30px no-repeat}
#nav #investigations a:hover {background: url(../images/nav.gif) -330px -30px no-repeat}
#nav #arts_letters a:hover {background: url(../images/nav.gif) -455px -30px no-repeat}
#nav #every_issue a:hover {background: url(../images/nav.gif) -578px -30px no-repeat}
#nav #uchiblogo a:hover {background: url(../images/nav.gif) -699px -30px no-repeat}

#nav #the_core a:hover {background: url(../images/nav.gif) -805px -30px no-repeat}

body.issue #nav #issue a { background: url(../images/nav.gif) 0 -30px no-repeat; }
body.features #nav #features a {background: url(../images/nav.gif) -111px -30px no-repeat}
body.journal #nav #journal a {background: url(../images/nav.gif) -196px -30px no-repeat}
body.investigations #nav #investigations a {background: url(../images/nav.gif) -330px -30px no-repeat}
body.arts_letters #nav #arts_letters a {background: url(../images/nav.gif) -455px -30px no-repeat}
body.every_issue #nav #every_issue a {background: url(../images/nav.gif) -578px -30px no-repeat}
body.uchiblogo #nav #uchiblogo a {background: url(../images/nav.gif) -699px -30px no-repeat}

body.the_core #nav #the_core a {background: url(../images/nav.gif) -805px -30px no-repeat}

/* Action Nav */

h5 { font-family: Arial, Helvetica, sans-serif; font-size: 110%; color: #000000; font-weight: lighter;  margin: 0; padding: 2px 0; }

h5 a:link, h5 a:visited, h5 a:active, h5 a:hover {color: #000000; text-decoration: none; }


.write { background:url(../images/write.gif) 0 0 no-repeat; padding-left:2.5em; }
.discuss { background:url(../images/discuss.gif) 0 0 no-repeat; padding-left:2.5em; }
.email { background:url(../images/email.gif) 0 0 no-repeat; padding-left:2.5em; }
.share { background:url(../images/share.gif) 0 0 no-repeat; padding-left:2.5em; }

/*-------------------------------------------------
   Photography
-------------------------------------------------*/

#photo_300 { float: right; width: 300px; padding: 0 0 0 0; margin: 0 3px 0 12px; font-size: 85%; color: #990000; }

#photo_caption_300 {
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 90%; color: #666666; font-weight: normal;
	float: right;
	padding: 0;
	width: 300px;
	background-color: #FFFFFF;
	margin: 0 3px 5px 10px;
	}
	
#photo_today { border: 1px #999999 solid; padding:4px; margin: 0; background-color: #eae9d3; }	
		
#nav-slideshow { margin: 0; padding: 6px 0 6px 0; font: normal 10px Verdana; color: #000000; background-color: #ffffff; border: 1px dashed #cccc99; }

#nav-features { margin: 0; padding: 6px 0 6px 0; font: normal 10px Verdana; color: #000000; background-color: #ffffff; border: 1px dashed #cccc99; }