/* The Basics */

body {
background: #17222f url(images/bg.gif) repeat-x top left;
margin: 0 auto;
padding: 0;
}

body, table, input, select, textarea {
color: #cccccc;
font: 10px verdana, arial, helvetica, tahoma, sans-serif;
}

small {
font-weight: 100;
font-size: 9px
}

hr {
width: 500px;
height: 10px;
color: #c9e5ed;
background-color: #60959d;
border: 1px solid #4396b9;
text-align: center;
}

#story hr {
height: 2px;
}

input, textarea, select {
color: #bcd8dd;
background-color: #60959d;
border: 1px solid #9ab6bb;
margin-top: 1px;
z-index: 3;
}

option {
color: #bcd8dd;
}

#ficbottom textarea {
width: 348px;
}

a:link, a:visited {
color: #9ab6bb;
font-weight: bold;
text-decoration: none;
}

a:active, a:hover {
color: #9ab6bb;
font-weight: bold;
text-decoration: underline;
}


/* Layout */

#topunder {
background: url(images/header.jpg) no-repeat;
position: relative;
width: 679px;
height: 294px;
z-index: 2
}

#topover {
position: absolute;
left: 0;
top: 0;
right: 0;
width: 100%;
z-index: 3;
}

#bigtitle {
background: url(images/title.png) no-repeat top right;
height: 327px;
width: 100%;
z-index: 2
}

#filler {
background-color: #000000;
position: relative;
height: 45px;
width: 100%;
z-index: 1;
}

#filler2 {
position: relative;
height: 23px;
background-color: #000000;
}

#entry {
position: absolute;
top: 300px;
width: 99%;
color: #9ab6bb;
font-size: 10px;
margin-left: 5px;
margin-top: 5px;
padding: 0;
text-align: right;
z-index: 3;
}

#entry a {
font-weight: normal;
}

#entry input.checkbox {
background-color: #000000;
border-color: #000000;
}

#mncontent {
display: table;
vertical-align: top;
width: 100%;
padding: 0;
margin: 0;
border-collapse: collapse;
z-index: 3;
height: 100%;
width: 100%
}

#mncontent tr, #mncontent td {
vertical-align: top;
}

#row {
display: table-row;
}

#sidebar {
width: 157px;
padding-left: 12px;
}

#main {
font-size: 10px;
padding: 10px 10px 0 10px;
text-align: justify;
height: 100%;
}

#footunder {
background: url(images/foot_bg.gif) repeat-x;
height: 95px;
padding: 0;
}

#footover {
background: url(images/foot_decoration.gif) no-repeat top right;
height: 95px;
}

.foottext {
color: #aaaaaa;
padding-top: 8px;
padding-left: 1em;
padding-right: 250px;
font-size: 9px;
text-align: justify;
}

.foottext span {
text-decoration: underline;
}


/* Main menu */


#menu ul, #menu2 ul {
list-style: none outside;
margin: 0;
padding: 0;
}

.mena {
position: relative;
top: 0;
left: 0;
z-index: 6
}

#nav, #browse, #recent, #random, #skins {
padding-top: 38px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
}

#nav, #browse, #random, #skins {
padding-bottom: 10px;
}

#nav {
font-size: 12px;
background: url(images/nav.gif) no-repeat top left;
}

#browse {
font-size: 12px;
background: url(images/browse.gif) no-repeat top left;
}

#recent {
background: url(images/recent.gif) no-repeat top left;
}

#random {
background: url(images/random.gif) no-repeat top left;
}

#skins {
background: url(images/skins.gif) no-repeat top left;
text-align: center;
}

.quicklinks {
background: #60959d url(images/menubg.gif) repeat;
border-bottom: 1px solid #000000;
}

#sidebar a:link, #sidebar a:visited {
text-decoration: none;
color: #f7f6ef;
}

#sidebar a:active, #sidebar a:hover {
text-decoration: underline;
color: #f7f6ef
}


/* Misc. Font Styles. */

.siteinfo {
font-style: italic;
margin-left: 20px;
margin-right: 20px;
}

.title {
font-weight: bold;
font-size: 12px;
}

.classification {
font-weight: bold;
}

.standout {
font-size: 12px;
}

#welcome:first-letter {
font-size: 17px;
font-weight: bold;
}

#welcome {
margin-bottom: 10px;
}

#story {
font-size: 11px;
padding-left: 10px;
}

#catsdiv {
width: 80%;
font-size: 11px;
border-style: none;
padding: 0;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
}

#cats {
border: 1px solid #77afcc;
padding: 0 5px;
line-height: 1.75em;
margin: 0 0 15px 0;
}

#cats .catblockdiv {
padding: 5px;
font-size: 11px;
line-height: 14px;
}

.newsttl, .catsttl {
font-size: 14px;
font-weight: 800;
text-align: left;
padding: 0;
width: 80%;
height: 25px;
line-height: 25px;
text-indent: 5px
}

#newsarchive {
text-align: center;
font-weight: bold;
}

.newsbox {
border: 1px solid #4396b9;
text-align: left;
}

.newscomm {
float: right;
font-size: 10px;
}

.newsstory {
padding: 5px;
}

#notes {
border: 1px solid #77afcc;
margin: 5px 0 15px 0;
padding: 5px;
clear: both;
}

#notes .content {
margin-left: 20px;
margin-right: 20px;
}

.newstitle {
font-size: 12px;
font-weight: 800;
text-align: left;
padding: 5px;
color: #ffffff;
background-color: #60959d;
border-bottom: 1px solid #4396b9;
}

.newstitle a {
color: #cccccc;
}

#pagetitle {
font-size: 14px;
font-weight: 800;
text-align: center;
margin-top: 14px;
margin-bottom: 14px;
width: 100%;
}

#category_content {
border: 1px solid #77afcc;
width: 80%;
margin: 0 auto;
}

#category_content .catblockdiv {
padding: 5px;
font-size: 11px;
line-height: 14px;
}

#alphabet {
text-align: center;
font-size: 12px;
line-height: 1.5em;
padding-bottom: 1em;
}

.respond {
text-align: center;
line-height: 2em
}

.tblborder {
border: 1px solid #77afcc;
padding: 3px;
margin: 3px;
}

.jumpmenu {
text-align: right;
}

#ficbottom {
width: 370px;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
padding: 10px;
border: 1px solid #77afcc;
text-align: center;
}

.review {
margin-top: 10px;
border: solid 1px #000000;
}

.chaptertitle {
font-size: 11px;
}

.byauthor {
font-size: 10px;
}

.reviewer {
border-bottom: solid 1px #000000;
margin-left: -5px;
margin-right: -5px;
margin-bottom: -3px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 3px;
}

.listbox {
padding: 5px;
}

#ficstats {
padding: 5px;
border: 1px solid #77afcc;
margin-bottom: 10px;
}

/* sub-section headers "Series" and "Stories */

.sectionheader {
background-color: #000000;
color: #ffffff;
font-weight: bold;
text-align: center;
width: 100%;
clear: both
}

.tail {
text-align: right;
font-size: 9px;
margin-top: 2px;
margin-left: -5px;
margin-right: -5px;
margin-bottom: -4px;
border-top: solid 1px #000000;
}

#sort {
width: 100%;
margin-bottom: 10px;
}


/* alternating div colors */

.odd {
background-color: #60959d;
}

.odd a:link, .odd a:visited, .odd a:active, .odd a:hover {
color: #255d66;
}

.even {
background-color: #60809d;
}

.even a:link, .even a:visited, .even a:active, .even a:hover {
color: #084e70;
}

/* Warnings */

.warning {
color: red;
font-weight: bold;
text-align: center;
padding: 1em 1ex
}


/* user.tpl */

#sort {
float: right;
position: relative;
padding: 2px;
clear: both;
}

#bio {
padding: 10px;
}

#profile .adminoptions {
font-weight: bold;
height: 3em;
}

#tabs {
padding: 0;
margin: 0 auto;
clear: both
}

#tabs div {
width: 33%;
float: left;
font-size: 12px;
font-weight: bold;
text-align: left;
text-indent: 3px;
line-height: 25px;
vertical-align: middle;
z-index: 1;
}

#tabs #centertab {
width: 100%;
}

#tabs a {
color: #446a88
}

#tabs a:active, #tabs a:hover {
text-decoration: none;
color: #779cbb
}

#tabs #active {
width: 34%;
z-index: 8;
}

#tabs #active a {
color: #779cbb
}

#tabs #active a:active, #tabs #active a:hover {
color: #aacfee;
text-decoration: none;
}

#next {
float: right;
}

#prev {
float: left;
}

.jumpmenu {
text-align: right;
margin-right: 1em;
}

#ficbottom .jumpmenu {
text-align: center;
}