/*---------------------------------------------
Description: CSS file for History News Network
Author: Jeremy Boggs
Created: 25 May 2005
Updated: 25 July 2005
-----------------------------------------------*/
/*---------------------------------------------
Table of Contents: To quickly find section, just look for ="Section" (e.g. =Footer) in your find or quick search tool.

=Basic - basic styles for all elements
=Structure - basic structural elements, like the wrap and padding divs.
=Navigation - styles the sites main nagivation elements
=Header - styles the header div and its contents
=Contents - styles the various content divs and their contents
=Footer - styles the footer and its contents
=Misc - miscelaneous styles.
-----------------------------------------------*/

/* =Basic */

body {
width: 100%;
margin:0; padding:0;
font-size: 74%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #444;
text-align:left;
background-color: #E5E5E5;
background-image:url("../i/shadowbg.gif");
background-position: -10px 0px;
background-repeat: repeat-y;
}

html*body {
}
body#comments {
background-color:white;
background-image:none;
}

body#comments div.padding {
padding: 30px;
}

p {
line-height: 1.75em;
}

blockquote {
line-height: 1.5em;
}

abbr {
text-decoration:none;
border:none;
}
#content2 ul, #content2 ol, #content3 ul, #content3 ol {
list-style-type:none;
padding:0;
text-indent:0;
padding-left: 0;
margin-left:0;
}

#content2 li #content3 li {
text-indent:0;
margin: 6px 0;
padding-left:0;
}

/* =Structure */

#wrap {
width: 800px;
margin:0; 
padding:0;
text-align:left;
}

.relative {

}

div.padding {
padding: 0 14px;
}

a:link {
color: #455568;
}

a:visited, a:hover, a:active {
color: #6F8197;
}



/* =Header */


#header {
position:relative;
top:0;
width: 800px;
background-color: #2A3745;
background-color: #33526B;
text-align:right;
margin:0 auto; padding:0;/*
background-image:url("../i/hnnheader.gif");*/
background-position:1px 0;
background-repeat:no-repeat;
height: 162px;
border-bottom: 10px solid #fff;
display:block;
      }

#header div.padding {
padding: 0;
}
#adspace {position:relative;
top:0; right:0;width: 800px;
background: #333;
margin:0;
height: 60px;
display:block;
}
#adspace a, #adspace img {margin:0;padding:0;}
#adspace img {position:absolute; top:0; right:0;}
h1#hnn {
position:absolute;
top:60px; left: 0;
margin:0; padding:0;
width: 300px;
height: 102px;
background-image:url("../i/hnntitle.gif");
background-position:top left;
background-repeat:no-repeat;
z-index: 100;
cursor: pointer;
}

h1#hnnfull {
position:absolute;
top:80px; left: 320px;
margin:0; padding:0;
width: 377px;
height: 80px;
background-image:url("../i/hnnfull.gif");
background-position:top left;
background-repeat:no-repeat;
z-index: 200;
}

#header span, h1#hnn a span {
display:none;
}
/* =Navigation */

/* Nagivation uses descendant selectors (see http://www.w3.org/TR/CSS2/selector.html#descendant-selectors) to choose how to display the selected tab. I use combinations of body and list item IDs to set the "current" tab */
      
#header ul#metanav {
position:absolute;
top:60px; left: 301px;
padding:0;
margin:0;
list-style:none;
background-color: #33424F;
display:inline;
z-index: 500;
}

#header li {
display:block;
float:left;
margin:0;
padding:4px 0;
width: 83px;
text-align: center;
font-size: 0.85em;
}

#header a {
width: 83px;
text-decoration:none;
border:none;
padding: 4px;
margin:0;
color: #ccc;
}

#header li a:hover {
color: white;
}

#header #gmuad {
position:absolute;
top:0px; left:0;
width: 300px; height: 47px;
margin:0; padding:0;
text-align:left;
display:none;}

#header #gmuad a img, #header #adspace a img {
border:0 !important;
text-decoration:none !important;
background-color: transparent;
padding:0;
margin:0;
}

#gmuad a {
padding:0; margin:0;
}

#searchbox {
position:absolute;
top: 14px; left: 0;
width: 299px;
}

#searchbox label {
color: #fcfcfc;
font-weight:normal;
text-transform:uppercase;
font-size: 1.15em;
}
/* =Contents */

/* the following define the content divs */

#content1 {
float:right;
width: 492px;
margin:0; padding:0;
padding-bottom: 20px; 
margin-top: 0;
}

#content2 {
position: absolute;
top:177px; left:0;
margin:0; padding:0;
width: 130px;
padding-bottom: 20px;
margin-top: 10px;
}

#content3 {
position:absolute;
top:177px; left: 135px;
width: 180px;
margin:0; padding: 0;
font-size: 93%;
padding-bottom: 20px;
}

#content_comment {
float:right;
margin:0; padding:0;
margin-top: 160px;
width: 640px;
}

.twocol #content1 {
left: 150px;
width: 650px;
}

#content2 div.padding {
padding:0 !important;
}

#content1, #content2, #content3 {
}

/* content typography */

#content2 h3, #content3 h3 {
display:block;
color: #fcfcfc;
font-weight:normal;
}

#content3 h2 {
border-top: 2px solid #2A3745;
border-bottom: 1px solid #ddc;
padding: 6px 0;
width: 100%;
margin-top:0;
}

#content2 ul, #content3 ul {
}

#content2 li, #content3 li {
}

#content1 h3 {
font-size: 1em;
font-weight:bold;
border-top: 2px solid #2A3745;
border-bottom: 1px solid #ccc;
padding: 6px 0;
width: 100%;
}

#content2 h2, #content3 h2 {
font-size: 1.1em;
}

#content2 h2 {
color: #2A3745;
padding-left:8px;
}

#content3 textarea#searchfield {
width: 150px;
height: 20px;
border-top: 2px solid #555;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 2px solid #555;
}
h2 a#nav-breakingnews {
 display:block;
margin:0; padding:0;
text-decoration:none;
text-transform: uppercase;
font-size: 1.35em;
padding: 16px 0;
margin-left: -8px;
padding-left: 8px;
margin-top: -16px;
}

h2 a#nav-breakingnews:link, h2 a#nav-breakingnews:visited {
background-color: #aa9;
color: #333;

}
h2 a#nav-breakingnews:hover, h2 a#nav-breakingnews:active {
background-color: #ccb;
color: #333;
}

h2 a#chnmlogo {
display:block;
height: 27px; width: 130px;
margin:0; padding:10px 0;
text-decoration:none;
background-image:url("../i/chnmlogo.gif"); background-position: 0px 50%; background-repeat: no-repeat;
margin-left: -8px;
}
h2 a#chnmlogo:hover {
display:block;
height: 27px; width: 130px;
margin:0; padding:10px 0;
text-decoration:none;
background-image:url("../i/chnmlogo2.gif"); background-position:  0px 50%; background-repeat: no-repeat;
margin-left: -8px;
background-color: #fcfcfc;
}

 a#chnmlogo span {
display:none;
}

h2#featuring {
display:block;/*
background:url("../i/featuring.gif") 0 50% no-repeat;
width: 120px;
height: 80px;*/
margin-top: 40px;
width: 100px;
font-size:1em;
font-weight:normal;
}

h2#featuring span {
}

#content3 img {
border:none;
text-decoration:none;
display:block;
}

#content3 ul#recentcomments li {
margin-bottom: 8px;
}

h2.blogtitle {
padding-bottom: 8px;
border-bottom: 1px solid #999;
font-weight:bold;
margin-top: 0px;
}

h2.blogtitle a {
text-decoration:none !important;
}
div#content2 div a {
padding-left: 8px;
}

#content3 li {
text-indent: -12px;
padding-left: 12px;
}
/* article styles */

p.metainfo {
padding: 4px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-bottom: 40px;
}

p.authorname {
margin-bottom: 0px !important;
font-size: 0.95em;
padding-bottom: 0 !important;
line-height: 1em;
}

h2.posttitle {
margin-top: 2px;
padding-top: 0px !important;
font-size: 1.35em;
}

h2.posttitle a {
text-decoration:none !important;
}

h2.title {
font-size: 1.25em;
color: #2A3745;
}

#content3 #archives {
}

/* Departmentlist styles - styles the department list navigation. */

#departmentlist {
text-indent:0;
margin:0;
padding:0;
}
#departmentlist li {
display:block;
padding: 0;
margin:0;
}

#departmentlist a {
display:block;
width: 140px;
color:#333;
padding: 4px 8px;
text-decoration:none;
}

#departmentlist a:hover {
display:block;
width: 141px;
background-color: #fcfcfc;
color: #333;
padding: 4px 8px;
}

/* =Footer */

#footer {
clear:both;
width: 800px;
margin:0; padding:0;
}

/* =Misc */

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

.commentbox {
	padding:3px;
}

.commentbox#commentboxheader {
	background-color: #CDCCBE;
}

.source {
	text-transform: uppercase;
	font-size: 78.5%;
	text-indent: 2em;
	color: #999;
}

form#commentform {

}

form#commentform label {
float: left;
	clear: left;
	text-align: right;
	width: 8em;
	margin-right: 2em;
	margin-bottom: 0.5em;
}

form#commentform input, form#commentform textarea {
float: left;
	clear: right;
	text-align: left;
	margin-bottom: 8px;
	}
	
form#commentform br {
	clear: both;
	margin-bottom: 12px;
}
p.department {
font-size: 0.85em;
}
h2.title, h2.posttitle {
font-size: 1.25em;
font-weight:bold;
}

p.bio {
font-style: italic;
line-height: 1.2em;
}

p#printbutton {
background:url("/i/printicon.jpg") 0 50% no-repeat;
text-indent: 20px;
margin-left: 0;
}


p#printbutton a {
display:block;
width: 120px;
text-decoration:none;
}

h2#dept a {
display:block;
width: 120px;
margin-left: -5px;
height: 120px;
background: transparent url("/i/dept1.gif") 0 0 no-repeat;
}

h2#dept a:hover {
display:block;
width: 120px;
margin-left: -5px;
height: 120px;
background: transparent url("/i/dept2.gif") 0 0 no-repeat;
}

h2#dept a span {
display:none;
}

p#resize{margin-left: 12px;}

p#resize a, p#resize a:link, p#resize a:visited, p#resize a:hover, p#resize a:active {
display:inline;
margin:0;
padding: 4px 8px;
}

p#resize a.small {font-size: 1em;}
p#resize a.medium {font-size: 1.15em;}
p#resize a.large{font-size: 1.25em;}