/*------------header--------------------------------------------------------*/

a:link {color:#8C628C; text-decoration:underline;}
a:visited {color:#8C628C; text-decoration:none;}
a:hover {color:#8C628C; text-decoration:none;}
a:active {color:#8C628C; text-decoration:none;}

body {background-color:#E6DAE6; margin:15px; margin-left:13px; font-family:Arial,sans-serif; font-size:12px; color:#000;}

#container {background:#FFF url(images/containerback.gif) repeat-y 0 0; position:relative;}
#logo {background:transparent url(images/logo.gif) no-repeat 0 0; width:179px; height:179px; position:absolute; top:0; left:0; z-index:1;}
#header {background:transparent url(images/headerback.gif) repeat-x 0 0; height:117px; margin-left:179px; padding-top:10px; position:relative;}
#header p {display:none;}
#header #oisa_text {background:transparent url(images/oisa_text.gif) no-repeat 50% 0; width:389px; height:127px; position:absolute; top:0; left:0; z-index:2.2;}

#header #search {background-color:#CCB8CC; height:92px; position:absolute; top:22px; right:10px; z-index:2.1; border:1px solid #A493A4;}
#header #search .blocktitle {background:#E6DAE6 url(images/gradback1.gif) repeat-x 0 0; width:200px; height:20px; font-size:110%; color:#000; font-weight:bold; text-align:center; line-height:20px; border-bottom:1px solid #A493A4;}
#header #search .blockcontent {padding:26px 0 0 13px; color:#595059;}
#header #search .blockcontent form {margin:0;}

#header .right {background:transparent url(images/headerright.gif) no-repeat 0 0; width:10px; height:117px; position:absolute; top:0; right:0; z-index:2.3;}

#header a:link,#header a:visited,#header a:hover,#header a:active {color:#FFFFBF;}


/*------------navigation----------------------------------------------------*/

#nav {width:155px; margin-top:52px; padding-bottom:5px; padding-left:12px; float:left;}
#nav #mainmenu,#nav #browsemenu {background-color:transparent; background-position:50% 0; background-repeat:no-repeat; width:137px; padding:25px 1px 2px 2px; position:relative; border:1px solid #D9C3D9;}
#nav #mainmenu {background-image:url(images/maintitle.gif); margin:0 auto;}
#nav #browsemenu {background-image:url(images/browsetitle.gif); margin:15px auto;}

#nav ul {margin:0; padding:0;}
#nav li {padding-bottom:4px; list-style-type:none;}
#nav #menu a:link,#nav #menu a:visited,#nav #menu a:hover,#nav #menu a:active {background:transparent url(images/bullet.gif) no-repeat 0 50%; padding-left:11px;}
#nav #menu2 a:link,#nav #menu2 a:visited,#nav #menu2 a:hover,#nav #menu2 a:active {background:transparent url(images/bullet.gif) no-repeat 0 50%; padding-left:11px;}

#nav #loginblock {width:115px; margin:0 auto 15px auto;}
#nav #loginblock .button {margin-left:74px;}

#nav a:link,#nav a:visited,#nav a:hover,#nav a:active {color:#FFE6FF;}


/*------------main content area---------------------------------------------*/

#main_content {margin-left:179px; padding:12px 12px 10px 0;}
#catblock,#mailinglist,#infoblock,#onlineblock,#randomblock,#pollblock {margin-bottom:15px;}

#main_content .blocktitle {background-color:transparent; background-repeat:no-repeat; background-position:0 0; height:25px; position:relative;}
#main_content .blocktitle span {display:none;}
#main_content .blockcontent {padding:4px 2px; border:1px solid #A493A4; border-top:none;}


/*------------left index----------------------------------------------------*/

#leftindex {margin-right:220px; padding-bottom:12px;}
#leftindex .blocktitle {background:transparent url(images/blocktitleback.gif) repeat-x 0 0; height:16px; padding-top:9px;}
#leftindex .blocktitle .left {background-image:url(images/blocktitleleft.gif); width:10px; height:25px; position:absolute; top:0; left:0;}
#leftindex .blocktitle .right {background-image:url(images/blocktitleright.gif); width:10px; height:25px; position:absolute; top:0; right:0;}

#welcomeblock {background-color:#F2E6F2; margin-bottom:20px; padding:3px; color:#4D454D; text-align:justify; border:1px solid #CCB8CC;}
#welcomeblock a:link,#welcomeblock a:visited,#welcomeblock a:hover,#welcomeblock a:active {color:#736773;}

#catblock .blocktitle .content {background:transparent url(images/cattitle.gif) no-repeat 50% 0; width:105px; height:11px; margin:0 auto;}
#catblock .blockcontent #categoryblock .column {padding-bottom:12px;}
#categoryblock .column {width:46%; padding-right:10px;}
#browse #browseblock .column {width:46%; padding-right:15px;}
#newsblock .blocktitle .content {background:transparent url(images/newstitle.gif) no-repeat 50% 0; width:138px; height:11px; margin:0 auto;}
.newsbox {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #D9C3D9;}
.newsbox .newstitle {margin-bottom:10px; font-size:110%; font-weight:bold;}
.newsbox .newsauthor {padding-top:8px; font-style:italic; text-align:right;}


/*------------right index---------------------------------------------------*/

#rightindex {width:200px; padding-bottom:12px; float:right;}
#rightindex .blockcontent {border-bottom:none;}
#rightindex .blockbottom {background:transparent url(images/blockbottom.gif) no-repeat 50% 0; width:200px; height:6px;}

#infoblock .blocktitle {background-image:url(images/infotitle.gif);}
#infoblock #newestmember {margin:13px 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);}
#pollblock .blocktitle {background-image:url(images/polltitle.gif);}
#pollblock form {margin:0;}
#pollblock #poll_question .poll {border:1px solid #A493A4;}
#pollblock #cast_vote {margin-top:10px;}
#recentblock .blocktitle {background-image:url(images/recenttitle.gif);}
#rightindex #recentblock .recentbox {margin-bottom:15px;}

#rightindex #mailinglist form {margin:0;}
#rightindex #mailinglist  p {margin-bottom:0; text-align:center;}
#rightindex #mailinglist .blocktitle {background-image:url(images/mltitle.gif);}


/*------------user page-----------------------------------------------------*/

#tabs div {background-color:#DAC6DA; margin:15px 5px 0 0; padding:3px; float:left;  border:1px solid #A493A4;}
#viewuser #sort {margin:53px 0 0 0;}
#viewuser .sectionheader {margin-top:30px;}
.adminoptions {text-align:center;}


/*------------story listings------------------------------------------------*/

.listbox {width:540px; margin:0 auto 20px auto;}
.listbox .title,#rightindex #mailinglist .title {background:transparent url(images/blocktitleback.gif) repeat-x 0 0; height:25px; padding:0 10px; position:relative; text-align:center; line-height:25px;}
.listbox .title .left,#rightindex #mailinglist .title .left {background-image:url(images/blocktitleleft.gif); width:10px; height:25px; position:absolute; top:0; left:0;}
.listbox .title .right,#rightindex #mailinglist .title .right {background-image:url(images/blocktitleright.gif); width:10px; height:25px; position:absolute; top:0; right:0;}

.listbox .title a:link,.listbox .title a:visited,.listbox .title a:hover,.listbox .title a:active {color:#805980;}

.listbox .content {padding:4px 2px; border:1px solid #A493A4; border-top:none;}

#featured {float:left;}
.tail {margin-top:4px; text-align:center;}


/*------------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 {width:540px; margin:0 auto 20px auto; border:1px solid #A493A4;}
.notes .title {background:#DAC6DA url(images/pagetitleback.gif) repeat-x 0 0; height:23px; margin-bottom:4px; padding-left:2px; font-weight:bold; text-align:left; line-height:23px; border-bottom:1px solid #A493A4;}
.notes .noteinfo {padding:0 2px 2px 2px;}
#viewstory .respond {margin-bottom:20px;}
#viewstory .listbox {border-top:1px solid #A493A4;}
#story .storyend {margin-top:25px;}

#previous {float:left;}
#next {float:right;}


/*------------miscellaneous css---------------------------------------------*/

#pagetitle {background:#DAC6DA url(images/pagetitleback.gif) repeat-x 0 0; height:23px; margin-bottom:15px; font-size:110%; font-weight:bold; text-align:center; line-height:23px; border:1px solid #A493A4;}

.sectionheader {margin-top:10px; padding-bottom:10px; font-size:130%; font-weight:bold; text-align:center;}

#alphabet,#pagelinks {margin-top:10px; text-align:center;}
#alphabet {padding-bottom:10px;}
#sortform {margin-top:10px; margin-bottom:20px; text-align:center;}
#sort {margin-bottom:10px; text-align:center;}
#titleinfo {margin-bottom:20px; text-align:center;}
#pagelinks {padding-top:10px;}

.cleaner {clear:none;}
#catblock .cleaner {clear:both;}
.label,label {font-weight:bold;}
.respond {margin-bottom:15px; text-align:center;}
input,textarea {background-color:#FFF; border:1px solid #A493A4;}
#nav #loginblock input {border:1px solid #D9C3D9;}
.button,input[type="submit"],input[type="reset"] {background:#DAC6DA url(images/gradback1.gif) repeat-x 0 0; padding:0; font-weight:bold;}
option,select {background-color:#FFF; color:#735073;}
select {color:#000; border:1px solid #A493A4;}
.border {border:1px solid #A493A4;}
.top {background:transparent url(images/arrowup.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 {margin-left:12px; clear:both; position:relative;}
#footer .left {background:transparent url(images/footerleft.gif) no-repeat 0 0; width:10px; height:85px; position:absolute; top:0; left:0;}
#footer .content {background-color:#CCB8CC; height:65px; margin:0 10px; padding:10px 0; font-size:90%; color:#595059; text-align:justify;}
#footer .content p {margin:5px 0 0 0; text-align:center;}
#footer .right {background:transparent url(images/footerright.gif) no-repeat 0 0; width:10px; height:85px; position:absolute; top:0; right:0;}

#footer a:link,#footer a:visited,#footer a:hover,#footer a:active {color:#8C468C;}