﻿/* ### Story info page start ### */

/* Sections individual formatting */

.sbname {
	border-bottom: 1px solid #000000;
	font-weight: bold;
}

.sbdatetime {
	font-size: 10px; 
	font-style: italic;
}

input, textarea, select {
				color:#000;
				z-index:3;
				margin-top:1px;
				border:1px solid #A4ACAC;
				background:#FFFFFF;
				font:12px normal verdana,helvetica,arial,tahoma,sans-serif;
	}

.storydata {
	margin-top: 18px;
}

.storyindex {
	margin-top: 24px;
}

.storyoptions {
	margin: 10px 10% 0px;
}

/* Sections' titles and contents common formatting */

.storyoptions .title, .storyindex .title, .storydata .title {
	font-weight: bold;
	padding: 4px;
	border: 0px solid #000000;
	background: #FFFFFF;
}

.storydata .alttitle {
           background: #191970;
           font-size: 12px;
           color: #191970;
           font-weight: bold;
           padding: 4px;
           text-decoration: none;
           font-family: Tahoma,Verdana,Helvetica,Arial;
}

.storydata .alttitle a:link,
.storydata .alttitle a:active,
.storydata .alttitle a:visited,
.storydata .alttitle a:hover {
           background: #191970;
           font-size: 12px;
           color: #FFFFFF;
           font-weight: bold;
           padding: 4px;
           text-decoration: none;
           font-family: Tahoma,Verdana,Helvetica,Arial;
}

.storydata .content, .storyindex .content, .storyoptions .content {
	padding: 18px;
	border: 0px solid #000000;
	border-top: 0;
	background: #FFFFFF;
}

/* Storydata and storyindex sections table specific formatting */

.storydata td {
	padding: 0;
	border-collapse: collapse;
	vertical-align: top;
}

.stdatabit {
	margin-top: 12px;
	border-collapse: collapse;
}

.stdatabit td {
	background: #FFFFFF;
	vertical-align: top;
	padding: 5px;
	border: solid 1px #000000;
	border-collapse: collapse;
}

/* Sections' headings specific formatting */

.storydata .classification {
	font-weight: normal;
	background-color: #191970;
	width: 86px;
}

.storyindex .classification {
	font-weight: normal;
	background-color: #191970;
}

.storyindex th {
	font-weight: normal;
	background: #191970;
	padding: 5px;
	border: solid 1px #000000;
	border-collapse: collapse;
}

/* ### Story info page end ### */

/* ### Design color start ### */

.bgcolor1 {
               background: #191970;
}

.bgcolor2 {
              background: #FFFFFF;
}

.bgcolor3 {
              background: #F1E8DD;
}

/* ### Design color end ### */

/* ### table design start ### */

.section { 
              background: #FFFFFF;
}

.reviewssection { 
              border: 1px #000000 solid;
              background: #FFFFFF;
}
.quotes { 
              border: 1px #000000 solid;
              background: #F1E6C6;
}

.sectionhead { 
             background-color: #191970; 
             padding-top: 3px; 
             padding-right: 5px; 
             padding-bottom: 3px; 
             padding-left: 5px; 
             border: #000000 solid; 
             border-width: 1px 0px
}

.sectionfooter { 
             background-color: #FFFFFF; 
             padding-top: 3px; 
             padding-right: 5px; 
             padding-bottom: 3px; 
             padding-left: 5px; 
             border: #000000 solid; 
             border-width: 1px 0px;
             border-top: 0px;
}

.sectioncontent {  
             padding-right: 5px; 
             padding-left: 5px;
             padding-top: 5px;
             padding-bottom: 5px
}

.sectionlinked {  
             padding-right: 3px; 
             padding-left: 3px;
             padding-top: 3px;
             padding-bottom: 3px;
             border: #191970 solid; 
             border-bottom-width: 1px; 
             border-width: 0px 0px 1px;
}

.sectioncontent .recent
.sectioncontent .recent a:link,
.sectioncontent .recent a:active,
.sectioncontent .recent a:visited,
.sectioncontent .recent a:hover {
              color: #191970;
              font-size: 12px;
              font-weight: bold;
              font-family: Tahoma,Verdana,Helvetica,Arial;
              text-decoration: none;
}

.randomtitle {
			 padding-top: 3px; 
             padding-right: 5px; 
             padding-left: 5px; 
             color: #191970;
             font-weight: bolder;
             font-size: 14px;
			 font: Tahoma,Verdana,Helvetica,Arial;
			 border-bottom-style: solid;
			 border-bottom-width: 1px;
			 text-align: left;

}

.topsection { 
			 background: url(nw.gif) no-repeat top left;
}


.blocktitle{
			background-color: #191970;
            font-weight: bold;
            font-size: 12px;
			font-family: Tahoma,Verdana,Helvetica,Arial;
			text-align: center;
			color: #FFFFFF;
			font-style: italic;
			text-transform: lowercase;
			padding: 3px 3px 3px 3px;
}

.topsection2 {
			background: url(ne.gif) no-repeat top right;
}


.reviewstopsection { 
           font-size: 12px;
           color: #000000;
           font-family: Tahoma,Verdana,Helvetica,Arial;
         }


.reviewstopsection a:link,
.reviewstopsection a:active,
.reviewstopsection a:visited,
.reviewstopsection a:hover {
           font-size: 12px;
           color: #0000CD;
           font-weight: bold;
           text-decoration: none;
           font-family: Tahoma,Verdana,Helvetica,Arial;
}

.mopsection { 
             background-color: #191970; 
             padding-top: 3px; 
             padding-right: 5px; 
             padding-bottom: 3px; 
             padding-left: 5px; 
             border: #000000 solid; 
             border-width: 1px 0px 1px;
             font-size: 12px;
             color: #191970;
             font-weight: bolder;
             padding: 4px;
             font-family: Tahoma,Verdana,Helvetica,Arial;
             font-variant: small-caps
}

.modsection { 
             padding-top: 3px; 
             padding-right: 5px; 
             padding-bottom: 3px; 
             padding-left: 5px; 
             border: #000000 solid; 
             border-width: 0px 0px 0px;
             font-size: 12px;
             color: #191970;
             font-weight: bolder;
             padding: 4px;
             font-family: Tahoma,Verdana,Helvetica,Arial;
             font-variant: small-caps
}

.topsectionlinks {
	background: #191970;
                padding-top: 3px; 
                padding-right: 5px; 
                padding-bottom: 3px; 
                padding-left: 5px; 
                border: #000000 solid; 
                border-width: 0px 0px 1px
}

.topsectionlinks p {
	background: transparent !important;
	border: 0 !important;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0 !important;
	padding: 7px 0 7px 0;
	text-align: center;
}

.topsectionlinks p.home {
	float: left;
}

.topsectionlinks a:link, 
.topsectionlinks  a:visited {
	background: transparent;
	color: #191970;
	padding: 0 6px 0 6px;
	text-decoration: none;
}

.topsectionlinks a:hover, 
.topsectionlinks a:active {
	background: transparent;
	color: #191970;
}

.midsection { 
             padding-top: 3px; 
             padding-right: 5px; 
             padding-bottom: 3px; 
             padding-left: 5px; 
             border: #000000 solid; 
             border-width: 1px 0px 0px
}

/* ### table design end ### */

/* ### sort menu in the profile ###*/
#sort {
	text-align: right;
	padding: 1ex 3em; 
 }

/* ### tabs in profile ### */
#tabs {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	margin-bottom: 1em;
	text-align:center;
}
#tabs UL {
	padding: 3px 0;
	margin: 0;
	border-bottom: 1px solid #000;
	font-family: Tahoma, Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
#tabs LI {
	list-style: none;
	margin: 0;
	display: inline;
}
#tabs LI A {
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #000;
	border-bottom: none;
	background: #191970;
	font-family: Tahoma, Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
	text-decoration: none;
	color: #191970;
}
#tabs LI A:hover {
	color: #191970;
	background: #191970;
	border-color: #000;
}

#tabs #active A{
	background: #191970;
	color: #FFFFFF;
}

/* ### end profile tabs ### */

font {
font-family: Tahoma,Verdana,Helvetica,Arial;
font-size: 12px;
}

p {
font-family: Tahoma,Verdana,Helvetica,Arial;
font-size: 12px;
}

div {
font-family: Tahoma,Verdana,Helvetica,Arial;
font-size: 12px;
}

.sitelinks {
	background: #191970;
	border-top: 0;
	border-bottom: 0;
                border-left: 1px solid #000;
                border-right: 1px solid #000;
	margin: 0 !important;
	padding: 0 5px 0 5px;
}

.sitelinks p {
	background: transparent !important;
	border: 0 !important;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0 !important;
	padding: 7px 0 7px 0;
	text-align: center;
}

.sitelinks p.home {
	float: left;
}

.sitelinks a:link, 
.sitelinks a:visited {
	background: transparent;
	color: #191970;
	padding: 0 6px 0 6px;
	text-decoration: none;
}

.sitelinks a:hover, 
.sitelinks a:active {
	background: transparent;
	color: #191970;
}

td {
               font-family: Tahoma,Verdana,Helvetica,Arial;
               font-size: 12px;
}

body {
               font-family: Tahoma,Verdana,Helvetica,Arial;
               font-size: 12px;
               margin-left: 0;
               margin-right: 0;
               margin-top: 0;
               margin-bottom: 0;
               background: #FFFFFF;

}



form {
               font-family: Tahoma,Verdana,Helvetica,Arial;
               font-size: 12px;
               color: #000000;
}



hr {
              height: 1px;
              color: #000000;
}

a:link,
a:active,
a:visited {
              color: #0000CD;
              font-size: 12px;
              font-family: Tahoma,Verdana,Helvetica,Arial;
              text-decoration: none;
}
a:hover {
              color: #191970;
              font-size: 12px;
              font-family: Tahoma,Verdana,Helvetica,Arial;
              text-decoration: none;
}

.quicklinks,
.quicklinks a:link,
.quicklinks a:active,
.quicklinks a:hover,
.quicklinks a:visited {
              font-family: Tahoma,Verdana,Helvetica,Arial;
              color: #191970;
              font-size: 10px;
              font-weight: normal;
              text-decoration: none;
}

.menu {
	text-transform:lowercase;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 1px;
	font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif;
}

#menu { 
	border-left: 0;
    border-right: 0; 
	border-top: 1px solid #000000;
    border-bottom: 1px solid #000000; 
	background: #191970; 
	padding-top: 4px;
    padding-bottom: 3px;
}

#menu a:link, 
#menu a:visited,
#menu a:hover,
#menu a:active { 
    font-family: Tahoma,Verdana,Helvetica,Arial;
    font-size: 12px;
	color: #FFFFFF; 
	text-decoration: none; 
	padding: 0 7px; 
    padding-bottom: 3px;
	font-weight: bold;
}

#menu #current { 
    font-family: Tahoma,Verdana,Helvetica,Arial;
    font-size: 13px;
	font-weight: bold; 
	border: 1px solid #000000; 
	background: #FFFFFF; 
	color: #191970; 
	border-bottom: 1px solid #FFFFFF; 
	margin-bottom: -2px;
}

.menu2 a:link,
.menu2 a:active,
.menu2 a:visited{
              font-family: Tahoma,Verdana,Helvetica,Arial;
              text-decoration: none;
              color: #0000CD;
              font-size: 12px;
              font-weight: normal;
              margin: 2px 3px 2px 0px; 
              padding: 0 0 0 7px; 	
}
.menu2 a:hover {
              font-family: Tahoma,Verdana,Helvetica,Arial;
              text-decoration: none;
              color: #191970;
              font-size: 12px;
              font-weight: normal;
              margin: 2px 3px 2px 0px; 
              padding: 0 0 0 7px; 
}

.bigfont {
             background: none;
             font-size: 12px;
             font-weight: bold;
             font-family: Tahoma,Verdana,Helvetica,Arial;
             color: #191970;
}

.news {
             color: #000000;
             font-size: 12px;
             font-family: Tahoma,Verdana,Helvetica,Arial;
             font-weight: normal;
}

.tableborder {
             border: 1px solid #000000;
             background: #FFFFFF;
             padding: 3px;
}

.tableborder th {
             border: 0;
             border-bottom: 1px solid #000000;
             background: #191970;
             padding: 3px;
}

.tableborder2 {
            border: 2px solid #425558;
            background: #FFFFFF;
            padding: 3px;
}

.tblborder {
            border: 1px solid #000000;
            padding: 3px;
}

.text {
            color: #000000;
            font-size: 12px;
            font-family: Tahoma,Verdana,Helvetica,Arial;
            font-weight: normal;
            background: #FFFFFF;
}

.title {
           background: #191970;
           font-size: 12px;
           color: #FFFFFF;
           font-weight: bold;
           font-family: Tahoma,Verdana,Helvetica,Arial;
           
}

.title2 {
           font-size: 12px;
           color: #000000;
           font-weight: bold;
           font-family: Tahoma,Verdana,Helvetica,Arial;
	
}

.title a:link,
.title a:active,
.title a:visited,
.title a:hover {
           font-size: 12px;
           color: #FFFFFF;
           font-weight: bold;
           text-decoration: none;
           font-family: Tahoma,Verdana,Helvetica,Arial;
}

.listbox .title {
           font-weight: bold;
           font-size: 12px;
           color: #FFFFFF;
           text-decoration: none;
           padding: 3px 3px 3px 10px;
}

.listbox .title a:link,
.listbox .title a:active,
.listbox .title a:hover,
.listbox .title a:visited {
           font-weight: bold;
           font-size: 12px;
           color: #FFFFFF;
           text-decoration: none;
           padding: 3px 3px 3px 10px;
}

.fanfic-tbl {
           background: #FFFFFF;
           border-color: #000000;
           border-style: solid;
           border-top-width: 1px;
           border-right-width: 0px;
           border-bottom-width: 1px;
           border-left-width: 0px;
}

#output {
           padding: 7px;
}

#pagetitle {
           color: #191970;
           font-weight: bold;
           text-align: center;
        	padding-left: 5px;
        	padding-bottom: 5px;
			font: italic 22px Georgia;
			margin-bottom: 10px;

}

#pagetitle a:link,
#pagetitle a:hover,
#pagetitle a:active,
#pagetitle a:visited {
           color: #191970;
           font-weight: bold;
           font: italic 22px Georgia;
           text-align: center;
}

#pagetitle a:hover {
	color: #0000CD;

}

#pagelinks {
           text-align: center;
           padding: 1em;
}

#alphabet {
           text-align: center;
           padding: 7px 0 13px 0;;
}

#titleblock {
           margin: 0 10%;
}

#titleblock .listbox {
          border: 1px solid #000000;
          margin: 10px;
}

.respond {
          text-align: center;
}

.newsbox {
          padding: 5px;
          border-bottom: 1px solid #000000;
}

#newsarchive {
          text-align: center;
          padding: 5px;
}

#newsarchive a {
         color: #191970;
         text-decoration: none;
}

#newsarchive a:hover {
         text-decoration: none;
}

#news #mainpage #output {
         padding: 0;
}

#news .newstitle {
         font-size: 120%;
         text-align: center;
         padding: 7px;
         width: 70%;
         margin: 1ex auto;
         border-bottom: 3px solid #000000;
}

.comment {
        border-top: 0px solid #000000;
        border-bottom: 0px solid #000000;
        margin-bottom: 2px;
        padding: 5px;
        font-family: Tahoma,Verdana,Helvetica,Arial;
        font-size: 12px;
}

.commentsig {
        background: #FFFFFF;
        border-top: 0px solid #000000;
        border-bottom: 0px solid #000000;
        color: #000000;
        font-family: Tahoma,Verdana,Helvetica,Arial;
        font-size: 12px;
        text-align: left;
        margin-bottom: 2px;  
        font-style:italic;
}

.listbox {
        margin: 0 5%;
        margin-bottom: 1em;
        text-align:center;
}

.listbox .content {
        background: transparent;
        padding: 5px;
        border-left: 1px #191970 solid;
		border-bottom: 1px #191970 solid;
		border-right: 1px #191970 solid;

}

.listbox .content2 {
        background: transparent;
        padding: 5px;

}

.listbox .content3 {
        background: transparent;
        padding: 5px;
        color: #696969;

}




.reviewbox {
        background: #F4EFDE;
        margin: 0 5%;
        border: 1px solid #000000;
        padding: 5px;
        margin-bottom: 1em;
}

#profile .listbox .adminoptions {
margin: 0;
font-weight: bold;
height: auto;
}

#profile .listbox .tail .adminoptions a {
color: #191970;
}

.listbox .tail, .listbox .respond {
padding: 4px;
color: #0000CD;
}

.listbox .tail a, .listbox .respond a {
color: #0000CD;
text-decoration: none;
}

.listbox .tail a:hover, .listbox .respond a:hover {
color: #191970;
text-decoration: none;
}

.classification {
padding: 5px;
font-weight: bold;
color: #FFFFFF;
}

.odd {
background: #E3EEEF;
}

.even {
background: #FFFFFF;
}

.over{
background: #B0C4DE;
}

.adminoptions {
font-weight: bold;
}

#categoriesblock {
width: 90%;
padding-left: 5%;
padding-bottom: 1em;
}

.sectionheader {
font-weight: bold;
text-align: center;
width: 100%;
clear: both;
margin: 1em 0;
}

#sort {
text-align: center;
position: relative;
margin-bottom: 1em;
}

#bio {
padding: 5px;
}

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

#profile #sort {
text-align: right;
padding: 0 10px;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline;
}

/* Hides form IE-Mac \*/
* html .clearfix { height: 1%; }
.clearfix {display: block; }
/* End hiding */

.block {
padding-right: 10px; 
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
border-left: 1px #191970 solid;
border-bottom: 1px #191970 solid;
border-right: 1px #191970 solid;
}

.block .title {
background: #F3E2AE;
margin: 0;
font-weight: bold;
padding: 0;
padding: 5px;
text-align: center;
}

.block .content {
background: #FFFFFF;
margin: 0;
border-top: 3px double #191970;
padding: 5px;
}

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

.login {
text-align: right;
padding: 5px;
}
#leftindex {
width: 197px;
float: left; 
margin: 10px;
margin-top: 0;
}
#rightindex {
margin:  0 20px 10px 265px;
}

#story {
padding: 1ex 1em;
}
.next {
float: right;
margin: 0 20px;
}
#pagelinks .jumpmenu {
text-align: center;
}
.prev {
float: left;
margin: 0 20px;
}

.noteinfo {
	background: #E3EEEF;
	clear: both;
	margin-bottom: 5px;
}
h4 {
	font-size: 14px;
	color:#191970;
	text-transform:uppercase;
}
.listrecent {
	list-style-image:url(http://www.asianfanfiction.com/images/book_open.png);
}

.box { 
  background: #191970; 
}
.boxtop { 
  background: url(ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 23px; 
  background: url(nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 23px; 
  background: url(sw.gif) no-repeat bottom left; 
}

.storyinfo {
	text-align: center;
}

.box2 { 
  background: #E6E6FA; 
}
.boxtop2 { 
  background: url(top-right.png) no-repeat top right; 
}
.boxtop2 div { 
  font-size: 0;
  height: 23px; 
  background: url(top-left.png) no-repeat top left; 
}
.boxbottom2 { 
  background: url(bottom-right.png) no-repeat bottom right; 
}
.boxbottom2 div { 
  font-size: 0;
  height: 23px; 
  background: url(bottom-left.png) no-repeat bottom left; 
}
.boxcontent2 {
  padding: 0px 23px 0px 23px;
}
.maincolor {
	background-color:#191970;
}

