/* 
    Document   : general
    Created on : 19-Jan-2010, 12:22:59
    Author     : robl
    Description:
        This stylesheet should hold styles which are general to the NLR site as a whole. Anything which is highly specific should be kept in an individual css file in a subdirectory of this one named "particular"
*/

/* Default content font is Palatino, falling back on Book Antiqua. We set a % body font size so that we can work consistently in ems on this basis. */
html{background:none;}
body {background-repeat:repeat;font-family:'Palatino Linotype','Book Antiqua',Palatino,serif;font-size:80%;color:#2C2C2F;background-color:white;}
#wrapper {width:730px;margin:0 auto;}
/* Functional and header text defaults to serif (disabled until complete redesign) */
/*h1,h2,h3,h4,h5,h6,h7,a,input,.label{font-family:Helvetica,Arial,serif;}*/
#header{font-family:Helvetica,Arial,serif;}
p a {font-family:inherit;}
h1{font-size:4.5em;}
h2{font-size:2em;}
h3{font-size:1.4em;}
h4{font-size:1.3em;}
h5{font-size:1.2em;}
h6{font-size:1.1em;}
h7{font-size:1.1em;}
a{color:#1E5C97;text-decoration:none;}
a:hover{color:#143B5B;}
p,blockquote {text-align:justify;}
#header,.main_content{position:relative;}
.clearer{clear:both;}

/* Header */
/* .js_on and .open classes are for styles specific to javascript states and inherently will not apply to plain HTML without Javascript */
#header{border-bottom:2px solid #C9C3B7;margin-bottom:3em;top:10px;height:134px;}
h1.logo{position:relative;top:10px;}
#top_links{position:absolute;top:0;right:-0.5em;}
#top_links li{float:left;}
#top_links a{padding:0 0.5em;}
#main_navigation{bottom:21px;left:6px;position:absolute;}
#main_navigation li{float:left;padding:0 40px 0 0;}
#main_navigation .subnav li{float:none;padding:0;}
#main_navigation .subnav li:hover{text-decoration:underline;}
#main_navigation .subnav a{font-size:.85em;}
#main_navigation a{color:#2C2C2F;font-size:1.15em;}
#main_navigation .subnav{position:relative;z-index:1;border:1px solid #C9C3B7;padding:0 5px 5px;min-width:60px;}
#header .search,
#header #issue_browser{cursor:pointer;position:absolute;right:0;border:1px solid #C9C3B7;width:225px;}
#header #issues_dropdown{position:absolute;right:0;width:225px;top:52px;}
.js_on #header #issues_dropdown{display:none;}
#header .search{top:22px;height:24px;}
#header .search_field{width:185px;background-color:transparent;height:18px;border:none;padding:0.4em;}
#header #issue_browser{display:none;z-index:1;background:transparent url(/images/icons/arrow_closed.gif) no-repeat 204px 7px;padding-bottom:.5em;top:52px;}
.js_on #header #issue_browser{display:block;}
#header #issue_browser span{width:100%;display:block;}
#header #issue_browser span#browse_issues{height:19px;line-height:2.1em;padding-left:0.5em;}
#header #issue_browser .issue_range {margin-left:1em;display:inline;font-size:0.9em;color:gray;}
#header #issue_browser ol{margin-left:.9em;display:none;}
#header #issue_browser ol.open{display:block;}
#header #issue_browser #decades{margin-top:.5em;}
#header #issue_browser li{font-size:.95em;}
#header #issue_browser.open{background-image:url(/images/icons/arrow_open.gif);}
#header #issues_dropdown select{width:180px;}
#search_button{position:absolute;right:0;background:transparent url(/images/icons/magnifying_glass.gif) no-repeat 0 2px;border:none;height:20px;width:20px;}
.address{font-size:.9em;text-align:right;position:absolute;right:0;bottom:0;}

/* main_content */
#current_issue{width:320px;float:right;position:relative;}
#current_issue h2{font-size:1.7em;}
#current_issue #cover,
.call_to_action_buttons{left:-180px;position:absolute;width:160px;}
#current_issue #cover{top:5px;}
.call_to_action_buttons{top:250px;}
#selected_articles {width:175px;}
#selected_articles h2{font-size:1.4em;}
#selected_articles li {margin:1em 0;}
.main_content{padding:0 3em;}
#editorial_committee li{display:inline}
#staff li{margin:1em 0;}
#view_all{display:block;text-align:center;}
#index_blurb p{margin:2em auto;width:490px;}
#index_blurb img{display:block;margin:0 auto;}
#index_blurb .details p,
#index_blurb .details form{text-align:center;margin:0.9em auto;}
/* Footer */
#footer{clear:both;}