/*
    Skin Name: Shinigami Blues
    Skin URI: http://www.lunaescence.com/
    Description: Dark blue and white themed skin meant to be easily compatible with the upcoming version of eFiction. Please be sure to read the readme.txt file before you alter this skin.
    Author: Sally Anderson (Lazuli)
    Author URI: http://sally.lunaescence.com/
*/


/* Cascade the other style sheets via @import to keep things tidy. __________________________________ */
@import url("home.css");
@import url("user.css");
@import url("story.css");






/*  __________________________________Shinigami Blues Global Style Sheet __________________________________ */


/* Tag Styles __________________________________ */
/* CONTROLS: Basic HTML tags throughout the site. */

body {
	background-image: url(images/bkgrd.jpg);
	background-attachment: scroll;
	background-color: #000000;
	background-repeat: repeat-x;
	background-position: 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #ffffff;
}

A:link, A:visited {
	text-decoration:none;
	color: #884F4F;
}

A:hover, A:active {
	text-decoration:underline;
}

INPUT, TEXTAREA, SELECT, .biobox {
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Layout Styles __________________________________ */
/* CONTROLS: Basic layout; logo, content table, graphics, and header position. */

.headTable {
	z-index:1;
	width:100%;
	height:48px;
	text-align:right;
	vertical-align:middle;
	position:absolute;
	left:0;
	top:0;
}

.logoLine {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}

.graphicsLine {
	position:absolute;
	top:60px;
	left:0;
	width:95%;
	height:178px;
	background-image: url(images/big_bkgrd.jpg);
 	background-repeat:no-repeat;
 	z-index:1;
}

.mainContent {
	position:absolute;
	left:0;
	top:259px;
	z-index:3;
	width:100%;
}

/* Head Styles __________________________________ */
/* CONTROLS: The login box and welcome message.  Also included is the login and quicklinks tags, which will control my logged in block if you have it downloaded. */

.headTable TD, .login {
	color: #F49EA3;
	font-size:12px;
	position:relative;
	right: 3px;
	z-index:3;
}

.headTable form, .login form {
	font-size:10px;
}

.headTable INPUT, .headTable TEXTAREA, .headTable SELECT, .login INPUT, .login TEXTAREA, .login SELECT {
	border: 1px solid #999999;
	background-color:#8F0009;
	color:#F49EA3;
	font-family: verdana, helvetica, arial, tahoma, sans-serif;
	font-weight: normal;
	font-size:xsmall;
	margin-top: 1px;
}

.quicklinks {
	position:relative;
	right:5px;
	top:6px;
	color: #F49EA3;
	font-size:10px;
}

.headTable A:link, .headTable A:visited, .headTable A:active {
	color:#F49EA3;
	text-decoration:none;
	background:transparent;
}

.headTable A:hover {
	text-decoration:underline;
}

.welcome P {
	text-align:left;
	margin:3px 0 1px 0;
	padding:3px 0 0 0;
	font-size: 12px;
}

/* Sidebar and Menu Styles __________________________________ */
/* CONTROLS: The sidebar, menu items, stats, and categories. */

.sideBar {
	width:169px;
	vertical-align:top;
	height:95%;
	color:#FFF;
}

#menu UL, #menu2 UL, #menu3 UL {
	list-style-type:none;
	padding:0;
	margin:0;
}

.menuItem {
	background-image: url(images/sidebar_bkgrd.gif);
	padding-bottom:10px;
}

.menuItem A {
	padding-left:25px;
}

.menuItem A:link, .menuItem A:visited {
	text-decoration:none;
	color:#FFF;
}

.menuItem A:active, .menuItem A:hover {
	text-decoration:underline;
	color:#FFF;
	background-image: url(images/on.gif);
	background-repeat:no-repeat;
	background-position: 15px center;
}

/* General Content Styles __________________________________ */
/* CONTROLS: Lots of little things that apply to many items throughout the page. */

#alphabet {
	text-align:center;
	font-size:12px;
	line-height:40px;
	vertical-align:middle;
}

#currentpage {
	font-weight:bold;
}

.comment {
	border:1px dotted #C0C0C0;
	margin: 0 0 15px 0;
}

.commentsig {
	color: #FFF;
	text-align:right;
	background-color: #8F0009;
	border-top: 1px solid #C0C0C0;
	margin:10px 0 0 0;
}

.contentArea {
	vertical-align:top;
	padding:15px;
	width:95%;
}

.contentArea BLOCKQUOTE {
	margin:5px 10px 3px 28px;
}

.contentArea H2 {
	font-weight:bold;
	text-align:center;
	font-size:16px;
}

.contentArea H4 {
	font-weight:bold;
	text-align:center;
	font-size:12px;
	padding:3px;
}

.contentArea OL, .contentArea UL {
	margin:3px 0px 2px 28px;
}

.jumpmenu {
	text-align:right;
	margin-right:12px;
}

.pageDivider {
	text-align:center;
	padding:10px;
}

#pagelinks {
	text-align:center;
	line-height:40px;
	vertical-align:middle;
}

#pagetitle {
	font-weight:bold;
	text-align:center;
	font-size:16px;
	line-height:50px;
}

.respond, #respond {
	text-align:center;
}

.sort, #sort {
	text-align:right;
	clear:both;
	margin:12px 3px 3px 3px;
}

.tblborder {
	border: 1px solid #C0C0C0;
	
}

.tblborder TABLE {
	text-align:center;
}

.members {
	padding: 10px;
	line-height:2em;
	width:218px;
	margin: 0 auto;
	vertical-align:middle;
	border: 1px solid #C0C0C0;
}

/* Review specific Styles __________________________________ */
/* CONTROLS: Reviews, review signatures, links, etc. */

.reviewhead {
	line-height:20px;
	color:#FFF;
	background-color: #8F0009;
	border-bottom: 1px solid #C0C0C0;
}

.reviewhead A {
	color:#FFF;
	border-bottom: 1px dotted #FFF;
}

.review {
	padding:10px 3px 3px 10px;
}

/* Footer Styles __________________________________ */
/* CONTROLS: footer.tpl, copyright footer, links, etc. */

.footCell {
	background-image: url(images/foot_bkgrd.gif);
	background-repeat:repeat-x;
	height:95px;
	width:100%;
	vertical-align:top;
}

.footerLinks {
	margin-top:13px;
	text-align:center;
	color: #fff;
	font-size:9px;
}

.footerLinks A:link, .footerLinks A:visited, .footMessage A:link, .footMessage A:visited {
	color:#BAD3ED;
	text-decoration:none;
}

.footerLinks A:active, .footerLinks A:hover, .footMessage A:active, .footMessage A:hover {
	text-decoration:underline;
}

.footMessage {
	margin-top:1.2em;
	color:#fff;
	font-size:9px;
}