/* General declarations ____________________________ */
body{
background:rgb(19,12,12) url("../images/fold.gif") 28px 0 repeat-y;
background-attachment:fixed;
}
/* Volume pic and spine ____________________________ */ 
#issuePic a{
display:block;
position:absolute;
top:0;
left:35px;
width:220px;
height:220px;
z-index:10;
}
#spine{/* for everything */
position:fixed;
top:20px;
left:3px;
width:22px;
height:718px;
background:url("../images/mediationsSpine.gif") left top no-repeat;
}
/* Page layout DIVS ____________________________ */
#wrapper{
margin-left:255px;
padding-bottom:200px;
background-color:rgb(255,255,240);
}
#header{
position:relative;
height:220px;
background:rgb(19,12,12) url("../images/topRight.gif") top right no-repeat;
}
#logo{
margin-top:45px;
margin-left:30px;
}
#content{
width:40em;
max-width:545px;
margin:30px auto 0 30px;
}
.default #content,
.toc #content{
margin-top:30px;
}
.archive #content, .search #content{ /*unlimited width for archive list pages */
max-width:none;
width:auto;
margin-right:30px;
}
.book-info{ /* for book reviews */
float:right;
width:16em;
margin-right:-50%;
margin-left:.5em;
padding:0 .5em .5em .5em;
font-size:.8333em; /* 10px */
line-height:1.8em; /* 18px */
border-left:1px solid rgb(150,150,150);
}
/*#prevNext{
position:relative;
margin-bottom:1.5em;
height:1.5em;
line-height:1.5em;
}
#prevNext span.next{
position:absolute;
right:0;
}
#prevNext span.prev{
position:absolute;
left:0;
}*/
#prevNext{
position:relative;
margin-bottom:1.5em;
line-height:1.5em;
overflow:auto;
z-index:1;
}
#prevNext span.next{
float:right;
width:48%;
text-align:right;
}
#prevNext span.prev{
float:left;
width:48%;
}
#url{ /*url for print only */
display:none;
}
/* Section title and Search ____________________________ */
#sectionAndSearch{
position:relative;
height:36px;
margin-top:42px;
color:rgb(255,255,240);
border-top:1px solid rgb(255,255,240);
font-size:1.1667em; /*14px */
line-height:2.571em; /*36 px */
text-shadow: 0 0 0 #000; /* to un-bold white text in Safari and Moz */
-moz-opacity: 0.9999;
}
#issueInfo, #sectionName{
position:absolute;
left:30px;
}
#search{
position:absolute;
right:10px;
}
#sectionAndSearch label{
display:none;
}
input{
border:1px solid black;
}
input:focus, input:hover{
border:1px solid #D30000;
}
#sectionAndSearch input{
font-size:.8333em;
font-family:arial,helvetica,clean,sans-serif;
background-color:rgb(255,255,240);
}
#sectionAndSearch input.button{
cursor:pointer;
color:rgb(255,255,240);
background-color:rgb(19,12,12);
border:0;
}
#search input.button:hover,
#search input.button:focus{
color:#D30000;
border:0;
}
/* MISC SPECIAL FORMATTING ____________________________ */
div.headnote{
margin-bottom:2em;
padding:.5em 0;
border:1px solid rgb(19,12,12);
border-width:1px 0;
}
.searchResult{
padding-bottom:.75em;
border-bottom:1px solid rgb(150,150,150);
}
.last{
border-bottom:0;
}
#paypal input{
border:0;
}
#paypal form{
margin-left:3em;
}
/* LINKS ____________________________ */
a{
color:black;
}
a:visited{
color:#333;
}
h2 a, h3 a, #prevNext a{
text-decoration:none;
}
#prevNext a{
color:#666;
}
#issueInfo a,
#issueInfo a:visited{
color:white;
}
a:hover,
a:focus,
#issueInfo a:hover,
#issueInfo a:focus,
#prevNext a:hover,
#prevNext a:focus{
color:#D30000;
text-decoration:underline;
}
a.skipLink{
display:none;
}
.sup a{
color:#D30000;
}
.backLink { /* return from footnotes */
padding-right:15px;
text-transform:uppercase;
font-size:.8333em;/* 10px */
line-height:1.8em;/* 18px */
margin-top:-1.8em;
text-decoration:none;
background:transparent url("../images/arrow.gif") 100% 0px no-repeat;
}
.backLink:hover{
background:transparent url("../images/arrow.gif") 100% -20px no-repeat;
}
/* article tools ____________________________ */
ul#articleTools, ul#archiveTools{
list-style:none;
margin:0 20px 0 0;
}
ul#articleTools li, ul#archiveTools li{
float:right;
margin:0;
}
ul#articleTools li a, ul#archiveTools li a{
display:block;
padding:3px 5px 2px 5px;
text-decoration:none;
border:1px solid rgb(19,19,12);
border-width:0 0 1px 1px;
}
ul#articleTools li a:hover,
ul#articleTools li a:focus,
ul#archiveTools li a:hover,
ul#archiveTools li a:focus{
background-color:#D30000;
color:white;
}
ul#articleTools li.pdfThis a, ul#articleTools li.last a, ul#archiveTools li.last a{
border-right:1px solid black;
}
/* IMG ____________________________ */
.imgC{
text-align:center;
margin-top:1.5em;
}
.imgC p{
margin-bottom:0;
}
.imgC img{
border:1px solid black;
}
/* Main navigation ____________________________ */
#navContainer{
position:absolute;
top:243px;
left:35px;
width:220px;
color:rgb(255,255,240);
}
#navContainer ul, #navContainer li{
margin:0;
padding:0;
}
#navContainer li{
font-size:1.1667em; /*14px*/
line-height:1.2857em;
text-shadow: 0 0 0 #000;
-moz-opacity: 0.9999;
}
#nav li a{
display:block;
padding:3px 0 2px 10px;
margin:8px 0;
text-decoration:none;
border-bottom:0;
color:rgb(255,255,240);
}
.articles li#archiveL a,/* archives on for past articles */
.toc li#archiveL a, /* archives on for past tocs */
.current li#curVolumeL a{ /* current on for individual articles in current issue */
background:transparent url("../images/sq.gif") 90% 60% no-repeat;
}
.current li#archiveL a, /* archives off for current issue articles and toc */
.next li#archiveL a{/* archives off next issue toc */
background:none;
}
#nav li a:hover,
#nav li a:focus,
.articles.current li#curVolumeL a:hover{
background-color:#D30000;
}
.default #nav li#curVolumeL a,
.archive #nav li#archiveL a,
.about #nav li#aboutL a,
.submit_info #nav li#submitInfoL a,
.edit_board #nav li#editBoardL a,
.toc.current li#curVolumeL a{ /*for current toc */
background-color:#D30000;
}
/* SITE TOOLS ____________________________ */
#siteTools{
border-top:1px dotted rgb(255,255,240);
}
#siteTools li{
padding:3px 0 2px 10px;
margin:8px 0;
}
#siteTools li a{
text-decoration:none;
border-bottom:0;
color:rgb(255,255,240);
}
#siteTools li a:hover{
color:#D30000;
}
#siteTools #rss a{
padding-right:16px;
background:url("../images/rss.gif") right 2px no-repeat;
}
#siteTools #rss a:hover{
background:url("../images/rss.gif") right -28px no-repeat;
}
#siteTools #email a{
padding-right:19px;
background:url("../images/email.gif") right 2px no-repeat;
}
#siteTools #email a:hover{
background:url("../images/email.gif") right -28px no-repeat;
}
#issueInfo a{
padding-right:14px;
text-decoration:none;
background:url("../images/pdf.gif") right 2px no-repeat;
}
#issueInfo a:hover{
padding-right:14px;
background:url("../images/pdf.gif") right -27px no-repeat;
}
/* LIGHTBOX STUFF ________________________*/
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption {}
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;	}			
#lightbox-secNav-btnClose {float: right;padding-right:14px;margin-bottom:.7em; background:url("../images/close.png") right 1px no-repeat; text-decoration:none;}
#lightbox-secNav-btnClose:hover{background-position:right -29px;}
/* TOOLTIP STUFF ________________________*/
#tooltip {position: absolute;z-index: 3000;border: 1px solid #D30000;background-color: #eee;padding: 5px;opacity: 0.9;
}
#tooltip h3, #tooltip div { margin: 0; width:200px; line-height:1.5em;}