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

a:link {color:#466E8C; text-decoration:underline;}
a:visited {color:#466E8C; text-decoration:none;}
a:hover {color:#466E8C; text-decoration:none;}
a:active {color:#466E8C;}

body {background:#BFE4FF url(images/back.gif) 0 0; margin:0; font-family:Verdana,sans-serif; font-size:11px; color:#000;}

#logo {background:transparent url(images/logo.png) no-repeat; width:329px; height:251px; margin-bottom:5px; margin-left:13px;}
#logo p {display:none;}

#leftcol {width:350px; position:absolute; top:0; left:0;}
#leftcol #mailinglist {background-color:#FFF; width:225px; margin:15px auto 0 auto; padding:3px; border:1px solid #999;}
#leftcol #mailinglist .title {background:#C5E6FF url(images/grad_back.gif) repeat-x 0 0; margin-bottom:5px; padding:3px; font-size:110%; font-weight:bold; text-align:center; border:1px solid #B6D8F2;}

#rightcol {width:630px; margin-left:358px; padding:4px;}


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

#nav p {background-color:transparent; background-repeat:no-repeat; background-position:0 0; height:24px; margin:0;}
#nav p span {font-size:110%; font-weight:bold; display:none;}

#nav #mainmenu {width:168px; margin-left:4px; float:left;}
#nav #mainmenu p {background-image:url(images/mainmenu.png);} 

#nav #browsemenu {width:168px; float:right;}
#nav #browsemenu p {background-image:url(images/browsemenu.png);}

#nav .content {background:transparent url(images/navback.png) repeat-y 0 0; height:267px; padding-top:7px;}
#nav .content ul {margin:0 0 0 15px; padding:0;}
#nav .content li {padding-bottom:8px; list-style-type:none;}
#nav a:link,#nav a:visited,#nav a:hover,#nav a:active {background:transparent url(images/bullet1.png) no-repeat 0 54%; height:8px; padding-left:13px;}

#nav .bottom {background:transparent url(images/navbottom.png) repeat-y 0 0; height:3px; margin-bottom:10px;}


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

#welcomeblock,#infoblock,#onlineblock,#randomblock {margin-bottom:15px;}

.blocktitle {background-color:transparent; background-repeat:no-repeat; background-position:0 0; height:24px; margin-bottom:5px;}
.blocktitle span {font-size:110%; font-weight:bold; display:none;}


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

#leftindex {width:385px; float:left;}

#welcomeblock {background-color:#E6F4FF; padding:3px; text-align:justify; border:1px solid #B6D8F2;}
#catblock .blocktitle {background-image:url(images/cattitle.gif);}
#catblock .blockcontent #categoryblock .column {padding-bottom:12px;}
#categoryblock .column {width:46%; padding-right:10px;}
#browse #browseblock .column {width:46%; padding-right:15px;}
#newsblock .blocktitle {background-image:url(images/newstitle.gif);}
.newsbox {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #B6D8F2;}
.newsbox .newstitle {background:transparent url(images/bullet2.gif) no-repeat 0 59%; margin-bottom:10px; padding-left:13px; font-size:110%; font-weight:bold;}
.newsbox .newscontent,.newsbox .newsauthor {margin-left:14px;}
.newsbox .newsauthor {margin-top:10px; font-style:italic; text-align:right;}


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

#rightindex {width:225px; float:right;}

#infoblock .blocktitle {background-image:url(images/infotitle.gif);}
#infoblock #newestmember {margin:10px 0; text-align:center;}
#infoblock #loggedinas {font-style:italic;}
#onlineblock .blocktitle {background-image:url(images/onlinetitle.gif);}
#randomblock .blocktitle {background-image:url(images/randomtitle.gif);}
#recentblock .blocktitle {background-image:url(images/recenttitle.gif);}
#recentblock .recentbox {margin-bottom:15px;}


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

#tabs div {background-color:#E6F4FF; margin:15px 5px -9px 0; padding:3px; float:left; border:1px solid #B6D8F2;}
#viewuser #sort {padding-top:10px; clear:left;}
#viewuser .sectionheader {}


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

.listbox,.notes {margin:0 6%;}
.listbox {margin-bottom:20px;}
.listbox .title,.notes .title {background:#C5E6FF url(images/grad_back.gif) repeat-x 0 0; height:20px font-size:110%; font-weight:bold; text-align:center; line-height:20px; border:1px solid #B6D8F2; border-bottom:none;}
.listbox .content, .notes .noteinfo {margin-bottom:5px; padding:2px 2px 5px 2px; border:1px solid #B6D8F2;}

#featured {float:left;}
.favs {margin-top:5px; text-align:center;}

.listbox .title a:link,.listbox .title a:visited,.listbox .title a:hover,.listbox .title a:active {color:#4D7899;}


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

#story,.notes {margin-bottom:25px;}

.storyinfo,.jumpmenu,.jumpmenu2 {text-align:center;}
.jumpmenu {margin-top:15px;}
.jumpmenu2 {margin-bottom:5px; padding-top:10px; clear:both;}
.notes .title {padding-left:2px; text-align:left;}
#viewstory .respond {margin-bottom:25px;}
#story .storyend {margin-top:20px;}

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


/*------------miscellaneous css---------------------------------------------*/

#pagetitle {background:transparent url(images/pagetitle.gif) no-repeat 0 0; height:24px; margin:0 auto 15px auto; font-size:110%; font-weight:bold; text-align:center; line-height:20px;}

.sectionheader {padding:10px 0; font-size:130%; font-weight:bold; text-align:center; clear:both;}

#alphabet,#pagelinks {margin-top:10px; text-align:center;}
#alphabet {padding-bottom:10px;}
#sortform {padding:10px 0; text-align:center;}
#sort {margin-bottom:10px; text-align:center;}
#titleinfo {margin-bottom:20px; text-align:center;}

.label,label {font-weight:bold;}
.border {border:1px solid #B6D8F2;}
.respond {margin-bottom:15px; text-align:center;}
input,textarea {background-color:#FFF; border:1px solid #B6D8F2;}
.button,input[type="submit"],input[type="reset"] {background:#C5E6FF url(images/grad_back.gif) repeat-x 0 0; color:#4D7899; font-weight:bold;}
option,select {background-color:#FFF; color:#000;}
select {color:#4B7FA6; border:1px solid #B6D8F2;}
.top {background:transparent url(images/uparrow.gif) no-repeat 100% 50%; width:120px; height:18px; margin:0 auto; text-align:right;}
.top span {padding-right:16px; line-height:18px;}

#counter {padding-top:8px; font-size:80%; text-align:center;}
#counter a:link,#counter a:visited,#counter a:hover,#counter a:active {text-decoration:none;}


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

#footer {padding-top:30px; clear:both;}
#footer div {background:transparent url(images/divider.gif) no-repeat 0 0; padding-top:6px; font-size:90%; text-align:justify;}
#footer p {margin-bottom:0; text-align:center;}