/* CSS for Working Papers website 

=Color Palette
-------------
red:#90000e; headings
lightest blue:#ebf6fd; nav hover 
light blue:#d8edfc; footer background color and nav current
dark blue:#369; copyright background
medium gray:#748699; link visited
text dark gray:#333;
--------------------*/

body, h1, #nav ul, #nav li {margin:0; padding:0;}
body, #nav, #content, #footer, #add input, #add textarea {font:12px helvetica,arial,sans-serif; color:#333;}
body {text-align:center;}
a, a:hover, a:visited:hover {color:#369;}
a:visited {color:#748699;}
address {font-style:normal;}
.clear {clear:both;}
.caption {font-size:10px; text-align:left; color:#444;}
span.cap {text-transform:uppercase;}
.extrapad {padding:7px 0 5px 30px; color:#999;}
.floatRight {float:right; margin:0 0 10px 10px;}
.floatLeft {float:left; margin:0 10px 10px 0;}

/* =Container
---------------*/
#container {width:705px; margin:0 auto; text-align:left;}

/* =Header
------------*/
#header {}
#header h1 {height:91px; text-indent:-999em; background:url(../images/wp_header.gif) no-repeat top left;}
	
/* =Content
-------------*/
#content {margin-bottom:20px;}

/* =Nav
---------*/
#nav {float:left; width:150px; margin-top:25px; margin-right:38px;}
#nav li {list-style-type:none;}
#nav a {display:block; width:125px; padding:7px 0 5px 25px; color:#000; text-decoration:none;}
#nav a:hover, #nav a:visited:hover {color:#90000e; background-color:#ebf6fd;}
#nav .secondary {display:none;}
#edit_editors #edit, #edit_readers #edit, #edit_editors_past #edit, #guidelines_submit #guidelines, #guidelines_readers #guidelines, #roundtables #roundtable, #roundtables_past #roundtable, #volumes #vol {display:block;}
#nav .secondary a {width:115px; padding-left:40px;}
#call #nav #li_call a, #guidelines_submit #nav #li_guide_submit a, #home #nav #li_home a, #edit_editors #nav #li_edit_editors a, 
#edit_readers #nav #li_edit_readers a, #edit_editors_past #nav #li_edit_past a, #roundtables #nav #li_round_current a, #contact #nav #li_contact a, 
#guidelines_readers #nav #li_guide_readers a, #roundtables_past #nav #li_round_past a, 
#volumes.main #nav #li_volumes a, #volumes.issue1 #nav #li_vol1_1 a, #volumes.issue2 #nav #li_vol1_2 a, #volumes.vol2_issue1 #nav #li_vol2_1 a, #volumes.vol2_issue2 #nav #li_vol2_2 a, #volumes.vol3_issue1 #nav #li_vol3_1 a {background-color:#d8edfc; color:#90000e; cursor:default;}
#volumes .tertiary {dispaly:block;}
	
/* =Bodytext
--------------*/
#bodytext {float:left; width:490px; line-height:135%;}
.col3 #bodytext {width:515px;}
* .col3 #bodytext {width:500px;}
h2 {position:relative; width:325px; height:36px; margin-top:25px; margin-bottom:-14px; font-weight:normal; font-size:28px; color:#90000e;}
h3 {font-size:14px; font-weight:normal; margin-bottom:-10px;}
#home p.first {margin-top:30px;}
.editor_entry {margin:15px 0; clear:both;}
.entry_image {float:right; margin:0 0 10px 25px; border:1px solid #d8edfc;}
#edit_readers h3 {clear:both;}
	
/* =sidebar
==============*/
#sidebar, .sidebar {float:right; width:145px; margin:48px 0 10px 10px; font-size:11px;}
* html #sidebar, * html .sidebar {width:145px;}
#home #sidebar {margin-top:21px;}
#home #sidebar p {text-align:right;}
#call #sidebar, #call .sidebar {position:relative; margin:15px -25px 5px 25px; font-size:9px; line-height:1;}
#call #sidebar img, #call .sidebar img {display:block; margin-bottom:2px;}
.article #sidebar iframe {width:144px; height:450px;}
#add #sidebar input {font-size:10px;}
/*#bio_laddaga, #bio_solomon, #bio_prince, #bio_cooney {display:none;}*/

#bio {display:block; margin-top:25px; clear:both;}
.pdfbox {float:right; margin:0 0 10px 10px; padding:10px 15px; background-color:#d8edfc;}


/* =Footer 
------------*/
#footer {background-color:#d8edfc; clear:both;}
#submitHead {float:left; width:125px; min-height:50px; margin:20px 38px 0 25px; padding-top:1px; font-size:16px; color:#90000e; text-align:center;}
p#submitHead {padding-top:15px; text-align:left;}
* html #submitHead {display:inline; margin:20px 35px 0 25px; height:50px;}
#submitHead h4 {margin:5px 0; font-weight:normal;}
#submitHead .caption {margin:5px 0 15px; padding:0; text-align:left; }
#submitHead .caption a:hover {color:#90000e;}
#submitHead .linkImg {margin:5px 0;}
#submitHead a img {border-width:1px 1px 5px; border-style:solid; border-top-color:#ccc; border-right-color:#ccc; border-bottom-color: #369; border-left-color:#ccc;}
#submitHead a:hover img {border-bottom:5px solid #90000e;}
#submitText, .comment {float:left; width:485px; padding:25px 25px 10px 0;}
#submitText {line-height:125%;}
#footer h3 {margin-top:0; margin-bottom:10px; color:#90000e; font-size:16px; line-height:110%;}
#footer h3 a {color:#90000e; text-decoration:none;}
#copyright {margin:0; padding:7px 25px 7px 7px; background-color:#369; color:#fff; font-size:11px; line-height:125%; text-align:center; clear:both;}
#contact address {margin-top:15px;}

#add #container {width:144px;}	
#add label {display:block; padding:0 0 5px 0;}

/* duplicates/homepage
=========================*/
#home #footer {padding-left:25px;}
#home #submitHead {margin:10px 38px 0 0;}
#home #submitHead .innerwrap {margin:0 -15px;}
#home #copyright {position:relative; margin:0 0 0 -25px;}

/* custom homepage rules
===========================*/
.vol3-1 #footer {min-height:300px; color:#000; background: transparent url(../images/vol3-1/footer-mate.jpg) no-repeat 0 0;}
.vol3-1 #footer h3 {padding-top:15px;}
.vol3-1 #footer #submitHead {margin-top:42px; text-align:center;}
.vol3-1 #footer #submitText {font-size:13px; line-height:1.4; min-height:300px;}
.vol3-1 #footer #submitHead .innerwrap img {width:150px;}
.vol3-1 #footer #submitHead .caption {font-size:12px; text-align:center;}
.vol3-1 #footer #submitHead .caption a {color:#000;}
.vol3-1 #footer #submitHead .caption a:hover {color:#90000e;}


/* =Roundtable Page Rules
---------------------------*/
#bio_names {margin:0; padding:0; overflow:hidden;}
	.roundMyth, .roundGeog {width:380px; margin:0 auto !important; text-align:center;}
#bio_names li {float:left; margin:0; padding:0; vertical-align:middle; list-style-type:none; text-align:center;}
#bio_names li img {display:block; padding-bottom:5px;}
#bio_names li#names_2 {padding-left:3px;}
#bio_names li#names_3 {padding-left:3px; padding-right:3px;}
#bio_names li#names_4{}
#bio_full {margin:0; padding:0;}
#bio_full li {margin:0; padding:0; list-style-type:none;}
.hide {display:none;}
.block {display:block;}
#roundtables h3 {margin-bottom:-5px; font-size:18px; line-height:20px;}
#roundtables .roundtableList h3 {font-size:14px; line-height:16px; margin-bottom:-10px;}
#roundtables dt {font-weight:bold;}
#roundtables dd {margin:0 0 0 10px; padding:0;}

#sourceListControl {margin:0; padding:0; list-style-type:none;}
#sourceListItems {margin:0; padding:0; list-style-type:none;}
#list_1, #list_2, #list_3 {padding:15px 25px 20px 25px; background-color:#f1f8fc; border:1px solid #d8edfc;}
.suggestionList dt {margin-top:10px}

/* =calls for submission
---------------------------*/
#call h2 {width:auto;}
#call h3 {font-size:16px;}
#call .open {overflow:hidden;}
#call .open h4 {margin-bottom:0; text-transform:capitalize;}
#call .open .multi {float:left; width:48%;}
#call .open .multi h3 {height:50px; margin-bottom:0;}
#call .open .multi .sidebar {width:auto; margin-top:15px; margin-bottom:10px;}
#call .open .multi .sidebar img {width:90%;}
#call .open .secretions {margin-right:4%;}
#call .open .secretions .sidebar {float:left; margin-right:10px; margin-left:0;}
#call .open .correspondences .sidebar {float:right; margin-right:0; margin-left:10px;}

/* =Volumes/Article styling
------------------------------*/
#volumes h3 a img {margin:8px 0;}
.vol2_issue1 h2, .vol2_issue2 h2, .vol3_issue1 h2 {height:auto; margin-bottom:10px;}
.vol3_issue1 h2 img {display:block;}
.vol3_issue1.video #bio {text-align:center;}

/* =slideshow/video custom rules 
---------------------------------- */
.slideshow h3, .video h3 {margin-bottom:15px; font-size:18px;}
.slideshow .pdfbox .caption {display:block; padding-top:5px;}

/*--- modal styles ---*/
#slideHolder, #vidHolder {display:none; position:absolute; top:15%; left:50%; width:705px; margin-left:-400px; padding:20px 30px; border:1px solid #bdbdbd; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:2px 2px 5px #999; -webkit-box-shadow:10px 10px 5px #999; box-shadow:10px 10px 5px #999; overflow:visible; text-align:left; background-color:#fff;}
#slideHolder {height:585px;}
#vidHolder {height:470px;}
/*#slideHolder #wrapper {position:relative;}*/
#slideHolder a.close, #vidHolder a.close {position:absolute; top:-25px; right:5px; width:16px; height:16px; text-indent:-9999px; overflow:hidden; background:transparent url(/assets/images/vol3-1/closeX.gif) no-repeat top right;}
#slideHolder .meta {position:absolute; top:0; left:0; width:765px; height:100%; z-index:5;}
#slideHolder .meta .number{position:absolute; top:-21px; right:30px; font-size:10px;}
#slideHolder .next, #slideHolder .previous {height:100%;}
#slideHolder .next img, #slideHolder .previous img {border:none;}
#slideHolder .next {float:right; width:75%; /*border-top:3px solid green;*/}
#slideHolder .previous {float:left; width:25%; /*border-top:3px solid blue;*/}
#slideHolder .next a, #slideHolder .previous a {display:block; width:100%; height:100%;}
#slideHolder .next a { text-align:right;}
#slideHolder h3, #vidHolder h3 {position:absolute; top:-96px; left:50%; margin-left:-246px;}

#slideHolder .slide {display:none;}
#slideHolder .slide.active {display:block;}

#slideHolder .hero, #slideHolder .caption {margin:0 auto; display:block;}
#slideHolder .hero {}
#slideHolder .slide .caption {margin-top:10px; font-size:12px; text-align:center;}

#slideHolder .text {font-size:14px; line-height:22px;}
#slideHolder .text .part1, #slideHolder .text .part2 {float:left; width:49%;}
#slideHolder .text .part1 {margin-right:2%;}
#slideHolder .text .part2 {}

#slideHolder .text p.narrow {margin:15px 10% 0 10%; font-size:16px; line-height:24px;}

#slideHolder .slide {clear:both;}

/*#slideHolder .hitTarget .meta {top:-5px; left:0; width:100%; height:100%;}
#slideHolder .hitTarget .hitPrev, #slideHolder .hitTarget .hitNext {position:absolute; top:35px; width:25%; height:90%; text-indent:-9999px; overflow:hidden;}
#slideHolder .hitTarget .hitPrev {left:0;}
#slideHolder .hitTarget .hitNext {right:0;}
#slideHolder .hitTarget a.hitPrev:hover {background:transparent url(../images/vol3-1/previous.png) no-repeat 0 100px;} 
#slideHolder .hitTarget a.hitNext:hover {background:transparent url(../images/vol3-1/next.png) no-repeat right 100px;}*/

#videoHolder #player {display:block; width:705px; height:470px;}
	
/* These are standard sIFR styles... do not modify 
-----------------------------------------------------*/
.sIFR-flash {visibility:visible !important; margin:0;}
.sIFR-replaced {visibility:visible !important;}
span.sIFR-alternate {position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;}

/* Hide Adblock Object tab:the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display:none !important;}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h2 {visibility:hidden;}