/* Updated: Sunday, 31 January, 2010 */

body {
background:#bfbfbf url(gray.jpg) repeat-x top left;
font-family:Arial, Helvetica;
margin:0;
padding:0;
}

#container {
width:92%;
margin:2em auto;
background-color:#dcdcdc;
border:2px solid #808080;
text-align:center;
}

#header {
padding:15px;
background:#171060 url(bop_ebooks.jpg) no-repeat 10px 10px;
border-bottom:2px solid #808080;
height:110px;
text-align:left;
}

html>body #header {
padding:10px;
background:#171060 url(bop_ebooks.jpg) no-repeat 10px 10px;
border-bottom:2px solid #808080;
height:90px;
text-align:left;
}

.hide {
display:none;
}

h4, h5 {
font-weight:normal;
}

#nav {
background-color:black;
width:auto;
margin:0;
padding:0 0 15px 10px;
border-bottom:2px solid #808080;text-align:left;
}

ul#navlist {
margin:0;
padding:0;
white-space:nowrap;
}

#navlist li {
margin:0 0 0 5px;
display:inline;
list-style:none;
font-size:90%;
}

#navlist a { padding:10px 8px 5px 8px;}

#navlist a:link, #navlist a:visited {
color:#fff;
background-color:#171060;
border:1px #dcdcdc solid;
text-decoration:none;
}

#navlist a:hover {
color:#171060;
background-color:#b0c4de;
text-decoration:none;
}

#active a:link, #active a:visited {
color:#171060;
background-color:#a9a9a9;
border:1px #dcdcdc solid;
text-decoration:none;
}

#leftcontent {
background-color:#dcdcdc;
float:left;
width:21.5%;
margin:0;
padding:2em 2% 1.75% 1.75%;
text-align:left;
}

.menubox {
background-color:#ffffff;
width:100%;
margin-bottom:15%;
padding:0;
border:1px solid #808080;
font-size:85%;
}

.menuhead {
background-color:black;
border-bottom:2px solid #808080;
color:#ffffff;
width:auto;
margin:0;
padding:2%;
}

.menubody {
background-color:#ffffff;
width:auto;
margin:0;
padding:3.5%;
}

.menuboxpic {
background-color:#ffffff;
width:100%;
margin-bottom:12%;
padding:0 0 0.5em 0;
border:1px solid #808080;
font-size:85%;
text-align:center;
}

.menuheadpic {
background-color:black;
border-bottom:2px solid #808080;
color:#ffffff;
width:auto;
margin:0;
padding:2%;
text-align:left;
}

.menubodypic {
background-color:#ffffff;
width:auto;
margin:0;
padding:0.75em 0 0.5em 0;
text-align:center;
}


.menubodypic a:link {
display:block;
text-decoration:none;
color:#00008B;
}

.menubodypic a:hover {
display:block;
background-color:#ffffff;
text-decoration:none;
color:#a9a9a9;
}

.menubodypic a:visited {
display:block;
text-decoration:none;
color:red;
}

.menubodypic a:active {
display:block;
text-decoration:none;
color:blue;
}





.bannerby {
font-size:70%;
}

.menupictext {
text-align:left;
margin:0;
padding:3%;
}

.update {
font-size:105%;
font-weight:bold;
font-variant:small-caps;
}


.siteupdateborder {
background-color:#ffffff;
width:auto;
margin:0;
padding:3% 0 4% 3%;
}

.siteupdate {
background-color:#ffffff;
width:auto;
margin:0;
padding:0.25em;
overflow:auto;
height:210px;
}

.archived {
background-color:#ffffff;
width:auto;
margin:0;
padding:2%;
border-top:2px solid #808080;
}

#rightcontent {
background-color:#f5f5f8;
border-left:1px solid #808080;
margin-left:26%;
padding:0 0 0.5em 0.5em;
}

#whatsnewcontent {
margin:0;
padding:1.75em 1.5em 1.5em 1.5em;
text-align:left;
}

#textcontent {
margin:0 0 2em 0;
padding:0.75em;
text-align:left;
}

#authorcontent {
margin:1em 0 2em 0;
padding:0.75em;
text-align:center;
}

.authorleft {
float:left;
width:47%;
margin:0;
padding:0;
}

.authorright {
float:left;
width:47%;
margin-left:5%;
padding:0;
}

.authorbox {
background-color:#ffffff;
width:auto;
margin-bottom:12%;
padding:0;
text-align:left;
}

.author {
background-color:#dcdcdc;
margin:0;
padding:0.25em 0 0.25em 0.5em;
font-size:105%;
font-weight:bold;
}

.aka {
font-size:85%;
font-weight:normal;
}

.storycount {
font-size:65%;
color:#808080;
margin:1%;
}

.archive {
font-size:80%;
font-weight:normal;
margin:0;
padding:0.5em;
line-height:100%;
}

.pair {
font-size:75%;
color:#808080;
line-height:100%;
}

.ficlist {
text-align:right;
font-size:85%;
margin:0;
padding:0.75em;
line-height:130%;
}


.clear {
clear:both;
margin:0;
padding:0;
}


.toplink {
background-color:#f5f5f8;
clear:both;
margin:0;
padding:0;
line-height:100%;
font-size:85%;
text-align:left;
}


#footer {
clear:both;
margin:0;
padding:0.5em;
color:#f5f5f5;
background-color:#00008B;
border-top:2px solid #808080;
font-size:85%;
text-align:left;
}


#copy {
float:right;
width:50%;
font-size:95%;
text-align:right;
}


#footer a:link {
color:#ffffff;
text-decoration:none;
}

#footer a:hover {
text-decoration:none;
background-color:#00008B;
color:yellow;
}

#footer a:visited {
text-decoration:none;
color:red;
}

#footer a:active {
text-decoration:none;
color:blue;
}

a:link {
text-decoration:none;
color:#00008B;
}

a:hover {
background-color:#00008B;
text-decoration:none;
color:white;
}

a:visited {
text-decoration:none;
color:red;
}

a:active {
text-decoration:none;
color:blue;
}