/*------------header--------------------------------------------------------*/

a:link {color:#39F; text-decoration: underline;}
a:visited {color:#39F; text-decoration:none;}
a:hover {color:#39F; text-decoration: none;}

body {background:#000 url(images/back.gif) center repeat-y; margin:0; font-family:Verdana,Helvetica,sans-serif; font-size:8pt; color:#9CF;}

#container {width:761px; margin:0 auto;}

#header {background:transparent url(images/darkwater.jpg) center no-repeat; margin-bottom:10px; height:150px;}
#header #sitename {margin:0; padding-top:57px; font-size:220%; color:#FFF; font-weight:bold; text-align:center;}

#middle {margin:0 10px;}


/*------------navigation----------------------------------------------------*/

#nav {background-color:#000; width:150px; margin:0 15px 15px 0; padding:4px; float:left; border:1px solid #9CF;}

#nav .label {background-color:#69F; margin:0 0 7px 0; padding-bottom:2px; font-size:110%; color:#000; text-align:center; letter-spacing:2px;}

#nav ul {margin:10px 0 0 13px; padding:0;}
#nav li {margin-bottom:5px; font-size:110%; color:#39F; list-style-type:none;}

#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {background:url(images/bullet1.gif) 0% 50% no-repeat; width:10px; padding-left:15px;}

#nav #browseby,#skinblock {margin-top:20px;}
#nav #skinblock {text-align:center;}

#nav a:link {color:#39F; text-decoration: underline;}
#nav a:visited {color:#39F; text-decoration: none;}
#nav a:hover {color:#39F; text-decoration: none;}


/*------------main content area---------------------------------------------*/

#main_content {width:565px; float:left;}

#catblock,#infoblock,#onlineblock,#featuredblock,#randomblock {margin-bottom:20px;}

.blocktitle {font-size:110%; font-weight:bold; text-align:center;}
.blockcontent {margin-top:5px;}


/*------------left index----------------------------------------------------*/

#leftindex {width:340px; float:left;}
#leftindex .blocktitle {background-color:#36F; color:#000; line-height:20px; border-bottom:1px solid #9CF;}
#leftindex .blockcontent {margin-top:8px;}

#welcomeblock {margin-bottom:25px; text-align:justify;}
#welcomeblock p {margin:20px 0 0 0; color:#69F; font-style:italic;}

#welcomeblock a:link {color:#9CF; text-decoration: underline;}
#welcomeblock a:visited {color:#9CF; text-decoration:underline;}
#welcomeblock a:hover {color:#39F; text-decoration: none;}

.newsbox {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #69F;}
.newsbox .newstitle {background:url(images/bullet2.gif) 0 20% no-repeat; padding-bottom:10px; padding-left:14px; color:#39F; font-weight:bold;}
.newsbox .newsstory {margin-left:15px;}
html>body>#container>#home>#middle>#main_content>#leftindex>#newsblock>.blockcontent>.newsbox .newsstory {margin-left:15px;}
.newsbox .newsauthor {padding-top:10px; text-align:right;}
.commentsig {padding-top:6px; padding-bottom:15px; font-style:italic;}
#newsarchive {font-size:110%; text-align:center;}


/*------------right index---------------------------------------------------*/

#rightindex {width:210px; float:right;}
#rightindex .blocktitle {background-color:#69F; color:#000; line-height:20px;}
#rightindex .blockcontent {color:#69F;}

#infoblock,#onlineblock,#featuredblock,#randomblock,#recentblock {padding:3px; border:1px solid #9CF;}

#infoblock #infoblock {border:none;}
#infoblock .blockcontent {color:#9CF;}
#infoblock #newestmember {margin-top:15px; text-align:center;}
#infoblock #loggedinas {margin-top:15px; font-style:italic;}
#rightindex .featuredbox,.recentbox {margin-bottom:15px;}

#rightindex a:link {color:#9CF; text-decoration: underline;}
#rightindex a:visited {color:#9CF; text-decoration:none;}
#rightindex a:hover {color:#9CF; text-decoration: none;}


/*------------user page-----------------------------------------------------*/

#tabs div {background-color:#36F; margin-bottom:10px; margin-right:5px; padding:4px 8px; color:#000; float:left; border:1px solid #39F;}

#tabs a:link {color:#9CF; text-decoration: underline;}
#tabs a:visited {color:#9CF; text-decoration:none;}
#tabs a:hover {color:#000; text-decoration: none;}

.commentodd,.commenteven {margin-bottom:10px;}


/*------------story listings------------------------------------------------*/

.listbox {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #69F;}
.listbox .title {padding-bottom:10px; font-size:110%; text-align:center;}
.listbox #featured {float:left;}

#otherresults {margin-bottom:10px;}
#titleinfo {margin-bottom:10px; text-align:center;}


/*------------story page----------------------------------------------------*/

#viewstory #output {margin:15px 0;}

#viewstory #output p {margin-bottom:20px;}
#viewstory .storyinfo {text-align:center;}
.jumpmenu {text-align:right;}
.notes {margin:25px 10%; padding:5px; border:1px solid #39F;}
.notes .title {margin-bottom:10px; font-size:110%; color:#39F; font-weight:bold;}
#story {margin-bottom:25px;}
.jumpmenu2 {margin-bottom:5px 0; padding:15px; text-align:center; clear:both;}

#prev {float:left;}
#next {float:right;}


/*------------Miscellaneous CSS---------------------------------------------*/

#pagetitle {background-color:#36F; margin-bottom:15px; font-size:110%; color:#000; font-weight:bold; text-align:center; letter-spacing:2px; line-height:20px; border:1px solid #39F;}
#viewstory #pagetitle {font-size:100%;}

#pagetitle a:link {color:#9CF; text-decoration: underline;}
#pagetitle a:visited {color:#9CF; text-decoration:none;}
#pagetitle a:hover {color:#000; text-decoration: none;}

#alphabet {padding-bottom:15px; font-size:110%; text-align:center;}
#sort,#sortform {margin-bottom:15px; text-align:center;}
#viewuser #sort {padding-top:15px;}
#reviewform {margin-top:20px;}
#reviews .jumpmenu {margin:15px 0;}
#titleinfo {margin-bottom:20px; text-align:center;}

.sectionheader {padding:15px 0 20px 0; font-size:120%; font-weight:bold; color:#69F; text-align:center; letter-spacing:2px;}
.jumpmenu {margin-bottom:15px;}
.label,label {color:#69F; font-weight:bold;}
.respond {margin-bottom:10px; text-align:center;}
.favs,.adminoptions,.tail {margin-top:10px; text-align:center;}

th,td {padding-right:50px;}

input,textarea {background-color:#000; color:#9CF; border:1px solid #39F;}
.button {margin-top:5px; color:#9CF;}
select,option {background-color:#000; color:#9CF;}
select {color:#39F;}


/*------------footer--------------------------------------------------------*/

#footer {margin:0 10px; padding:50px 0 3px 0; color:#39F; text-align:justify; clear:both;}
#footer p {text-align:center;}

#footer a:link {color:#9CF; text-decoration: underline;}
#footer a:visited {color:#9CF; text-decoration:underline;}
#footer a:hover {color:#39F; text-decoration: none;}