/*
    Skin Name: Shuriken -- main.css
    Skin URI: http://www.lunaescence.com/
    Description: Shuriken is a light-weight, brown, cream, and tan skin.  It's slightly fixed width, and should adjust to fit resolutions down to 800x600.
    Author: Sally Anderson (Lazuli) and Marohi
    Author URI: http://www.lunaescence.com/
*/

/*  __________________________________Shuriken Index and Block Style Sheet __________________________________ */

/* News Block Styles __________________________________ */
/* This section controls the appearance of the news block both on the news page and on the index. */

#loginlinks {
margin-top: 4px;
font-size: 110%;
}

#news {background:transparent url(images/news.png) no-repeat 0 0;}

.newsLoop .adminoptions {
	font-weight:normal;
	font-size:9px;
	margin:0 4px;
}

.newsTitle {
	font-size:16px;
	font-weight:bold;
	color:#000;
	border-bottom:1px solid #CCC2B5;
	background-color:#CCC2B5;
	padding:0 0 0 5px;
}

.newsAuthor {
	float:left;
	text-align:left;
	font-size:12px;
	padding:0 0 0 15px;
}

.newsDate {
	font-size:11px;
	color:#594F3E;
	margin:0 0 0 5px;
}

.comlink {
	float:right;
	margin: 0 5px 0 0;
	font-size:11px;
}

.newsStory {
	clear:both;
	margin:0 5px;
	padding:5px;
	font-size:12px;
}

.newsLoop {
	margin:auto;
	clear:both;
	border:1px solid #CCC2B5;
	background-color:#FFFFFF;
	width:95%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* Comment & Review Styles __________________________________ */
/*This section controls the appearance of all comments and reviews on the site */

.revBox {
	margin:auto;
	padding:0;
	border:1px solid #CCC2B5;
	background-color:#FFFFFF;
	width:95%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	clear:both;
}

.revBox .adminoptions {
	font-size:11px;
	text-align:right;
	margin:0 2px 0 2px;
	float:right;
}
	
.revHeader {
	font-size:13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	clear:both;
	margin:5px 0 10px 10px;
	padding: 0 12px;
	background: transparent url(images/bullet.png) no-repeat left 3px;
}

.revBody {
	margin:5px 25px;
	clear:both;
}

.revSig {
	margin:3px;
	font-size:11px;
	clear:both;
}

.revSig:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.revSig ul {
	text-indent: 10px;
	padding: 3px 0;
	margin: 0;
	text-align: left;
}

.revSig ul li{
	display: inline;
	padding: 3px 0;
	padding-right: 35px;
	margin: 0;
}

/*
    Skin Name: Shuriken -- story.css
    Skin URI: http://www.lunaescence.com/
    Description: Shuriken is a light-weight, brown, cream, and tan skin.  It's slightly fixed width, and should adjust to fit resolutions down to 800x600.
    Author: Sally Anderson (Lazuli) and Marohi
    Author URI: http://www.lunaescence.com/
*/

/*  __________________________________Shuriken Story Style Sheet __________________________________ */
/* This file should be called for the view user page as well as any other pages that display listings or allows you to view a story, challenge, or series. */

/* View Story Styles __________________________________ */
/* This controls the appearance of the viewstory, challenge, and series pages. */

.storyTitle {
	font-size:21px;
	font-weight:600;
	width:auto;
	margin:2px;
	text-align:center;
	clear:both;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:12px 0;
	letter-spacing:1.1pt;
}

.storyAuthor {
	font-size:16px;
}

.infoHeader {
	text-align:right;
/*	float:right;*/
	font-weight:bold;
}

.infoHeaderEnd {
	text-align:right;
	font-weight:bold;
	margin-bottom:1em;
}

.infoArea {
	border:1px solid #CCC2B5;
	background-color:#FFFFFF;
	padding:2px;
	margin:5px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.infoArea .adminoptions {
	font-size:11px;
	text-align:right;
	margin:0 3px;
}

#infoLine1 {
	width:100%;
	border-top:1px solid #CCC2B5;
	border-bottom:1px solid #CCC2B5;
	padding:3px;
	clear:both;
}

#infoLine1 TD {
width:50%;
}

#infoLine1 .reviewLink {
	text-align:right;
	font-size:12px;
}

#infoLine1 .storyAddFavs {
	text-align:left;
	font-size:11px;
}

#infoLine2 {
	width:100%;
	border-top:1px solid #CCC2B5;
	border-bottom:1px solid #CCC2B5;
	padding:3px;
	clear:both;
}

#infoLine2 TD {
	width:30%;
	vertical-align:middle;
}

#infoLine2 form, #infoLine2 input {
	padding:0;
	margin:0;
}

#infoLine2 .textsizer a {
/*	font-size:17px;*/
}

#infoLine2 .reportthis a {
  text-transform:lowercase;
}

#infoLine2 .printerLinks {
	text-align:left;
}

#infoLine2 .jumpmenu {
	text-align:right;
	margin:0 10px 0 0;
}

#infoLine2 select {
	border:1px solid #CCC2B5;
	background-color:#FFFFFF;
	color:#000000;
}

#summary .title, #notes .title {
	font-weight:bold;
}

#summary, #notes {
	padding:0 0 5px 0;
}

#summary .content, #notes .content {
	margin:5px;
	padding:5px;
}

#story {
	clear:both !important;
	padding:10px 0;
	line-height:1.46em;
}

#story P {
	text-indent:25px;
	margin-bottom:2em;
}

.storyReview {
	text-align:center;
	clear:both;
}

/* Story Listing Styles __________________________________ */
/* This controls the appearance of the listing pages, including challenges */

.listBox {
	margin:auto;
	border:1px solid #CCC2B5;
	background-color:#FFFFFF;
	width:95%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.listBox .adminoptions {
font-weight:bold;
margin:.8em 0 0 1px;
}

.listingHead {
	font-size:16px;
	font-weight:bold;
	color:#000;
	border-bottom:1px solid #CCC2B5;
	background-color:#CCC2B5;
	padding:0 0 0 5px;
	text-align:left !important;
}

.listingAuthor {
	font-size:14px;
	margin:0 0 0 4px;
}

.listingRight {
	float:right;
	text-align:right;
	width:auto;
	margin:0 1px auto 1px;
	padding:0 3px 3px 3px;
}

.listingReviews {
	font-size:13px;
	font-style:italic;
	margin:0 0 1.4em 0;
}

.listingLen {
	font-size:11px;
	margin:1.4em 0;
}

.listingSummary {
	margin: 1.4em 1px;
}

.listingSumBody {
	margin:0 3px;
	line-height:1.3em;
}

.listingItem {
	margin:0 1px;
}

/*
    Skin Name: Shuriken
    Skin URI: http://www.lunaescence.com/
    Description: Shuriken is a light-weight, brown, cream, and tan skin.  It's slightly fixed width, and should adjust to fit resolutions down to 800x600.
    Author: Sally Anderson (Lazuli) and Marohi
    Author URI: http://www.lunaescence.com/
*/

/*  __________________________________Shuriken Global Style Sheet __________________________________ */

/* Tag Styles __________________________________ */
/* This section controls general HTML tags */

body {
	background-color: #CCC2B5;
	margin:5px;
	padding:0px;
	font:normal 12px/normal Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
}

input, textarea, select {
	color:#000000;
	background-color:#FBFAF9;
	border:1px solid #CCC2B5;
}

A:link, A:active, A:visited {text-decoration:none;color:#594F3E;}
A:hover {text-decoration:underline;}

hr {
	color:#CCC2B5;
	background-color:#CCC2B5;
	border:0;
	height:1px;
}

/* Layout Styles __________________________________ */
/* This section controls the layout of the skin. */

.container {
	margin:auto;
	width:85%; /* To make the content area wider, increase this value.*/
	position:relative;
	top:5px;
	left:auto;
	z-index:1;
	background: #fff url(images/bkgrd.png) repeat-y scroll right top;
	clear: both;
	float: none;
	height: auto;
}

.header {
	width:auto;
	position:relative;
	background: transparent url(images/top_lft.png) no-repeat scroll left top;
}

/* .whiteHeader controls the white stripe at the top of the screen. */
.whiteHeader {
	height:20px; /* To give yourself more vertical room for a menu, increase this value */
	margin:0;
	padding:0;
	border:0;
	color: #000;
	background: transparent url(images/top_rt.png) no-repeat scroll right top;
	font-size: 9px;
	position:relative;
}

/* .mainHeader controls the brown banner at the top of the screen. */
.mainHeader {
/*	height:150px;*/
	margin:0 8px 0 0;
	color: #000;
	position:relative;
	background: transparent url(images/hdr_bkgrd.png) repeat scroll right top;
}

/* .mainTitle controls the text header. */
.mainTitle {
	text-align:left;
	position:relative;
	top:88px; /* This moves the title down 88pixels from the top of the brown bar.*/
	left:25px; /* This moves the title over 25 pixels from the left side of the brown bar */
	color:#fff;
	font: bold normal 20px/24px Georgia, "Times New Roman", Times, serif;
	/* The format of the line above is: font-weight (bold), font-style (normal), font size(20px)/line height(24px), font-family (Georgia, Times New Roman, etc.) */
	text-transform: lowercase;
	/* This makes your title display in all lowercase characters */
	background: transparent;
}

.footermenu {
  text-align: center;
	border:1px solid #CCC2B5;
	padding:2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.footermenu a {
  margin-left: 10px;
  margin-right: 10px;
}

.footer {
	clear:both;
	height:27px;
	background: transparent url(images/footer_bkgrd.png) repeat-x scroll left bottom;
}

.footer .rt_decor {
	background-color:transparent;
	float:right;
	text-align:right;
	margin:0;
	padding:0;
}

.footer .lft_decor {
	background-color:transparent;
	float:left;
	text-align:left;
	margin:0;
	padding:0;
}

.pageBody {
	clear:both;
	height:auto;
	margin:0 8px 0 0;
	padding:5px;
	z-index:5;
	color:#000;
	width:99%;
}


.menu {
	vertical-align:top;
	background-color:#FBFAF9;
	border:1px solid #CCC2B5;
	width:200px;
	margin:0;
	padding:3px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.contentArea {
	vertical-align:top;
	margin:0;
	padding:3px;
	background-color:#FBFAF9;
	border:1px solid #CCC2B5;
	width:auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.footMenu {
	clear:both;
	text-align:center;
	margin:auto;
	padding:0 0 10px 0;
	width:70%;
	position:relative;
	top:10px;
	left:auto;
	background-color:transparent;
	z-index:1;
}

.topMenu {
	clear:both;
	width:auto;
	margin:5px 0;
	padding-left: 13px;
	padding-top: 5px;
	vertical-align:middle;
}

.topMenu label {
 margin-right: 2px;
}

.topMenu FORM {
	font-size:10px;
	background-color:transparent;
	margin:0;
	padding:0;
	border:0;
}

.topMenu INPUT {
	font-size:10px;
	color:#000000;
	background-color:#FBFAF9;
	border:1px solid #CCC2B5;
}

/* Main Menu Styles __________________________________ */
/* This controls the main menu and footer menu styles */

.footMenu A:link, .footerMenu A:active, .footerMenu A:visited {
	text-decoration:none;
	color:#68635C;
	border-bottom:1px dotted #68635C;
	border-top:1px dotted #68635C;
}

.footMenu A:hover {
	border-bottom:1px dotted #000;
	border-top:1px dotted #000;
	text-decoration:none;
	color:#000;
}

.menuItem {margin:0 0 15px 0;}

.menuHeader {
	text-indent:-800px;
	margin:10px 0 0 0;
	height:20px;
	width:190px;
}

/* These sections control the buttons in the menu. Please refer to the readme file for more information on how to customize these.*/
/* Button #1: Navigation */
#navigation {background:transparent url(images/navigation.png) no-repeat 0 0;}

/* Button #2: Browse By... */
#browseby {background:transparent url(images/browseby.png) no-repeat 0 0;}

/* Button #3: Categories */
#cats {background:transparent url(images/categories.png) no-repeat 0 0;}

/* Button #4: Info/Statistics */
#statistics {background:transparent url(images/statistics.png) no-repeat 0 0;}

.statisticsContainer .label {font-weight: normal;}

/* Button #5: YOUR CUSTOM BUTTON */
/* Change the names and remove the / and * surrounding it. /*
/* #YOUR CSS ID {background:transparent url(images/YOURBACKGROUND.png) no-repeat 0 0;} */

/* This section controls the display of the info block */
#info_left {float: left !important;text-align:left !important;}

#info_right {text-align:left !important;color:#594F3E;}

#newestmember {clear:both !important;}
/* End Info Block control */

html>body .menuSelection A, #browseblock A, .footermenu a {width:auto;}

.menuSelection UL, .menuSelection LI {
	list-style: none inside;
	margin: 0px;
	padding: 0px;
}

.menuSelection A, .statisticsContainer, #browseblock A {padding:0 0 0 13px;line-height:1.758em;}

.menuSelection A:hover, #browseblock A:hover {	background: transparent url(images/bullet.png) no-repeat scroll left center;}

/* Since this is our skin, here's a little style for our logged-in block */
.login {float:left;margin:0 0 0 10px;}

.quicklinks {float:right;font-size:11px;margin:0 10px 0 0;}


/* Hardcoded Styles __________________________________ */
/* This section controls the hard-coded styles that eFiction itself uses. */

#pagetitle, .pagetitle {text-align:center; font-size:18px; margin:12px; font-family:Georgia, "Times New Roman", Times, serif;}

#alphabet, #pagelinks, .pagelinks {	text-align:center;margin:10px 0}

#sortform {text-align: center;}

#sortform select {margin-bottom: 3px;}

#sortform input {margin-bottom: 3px;}

#alphabet #currentletter, #pagelinks #currentpage {font-weight: bold;}

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

.jumpmenurev {
	text-align:center;
	margin-top: 0.5em;
  margin-bottom: 2em;
}

.sectionheader {
	margin:5px 1% 12px 1%;
	padding:2px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#494134;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #494134;
}

.adminoptions, #adminoptions {
	text-align:left;
	margin:0;
	padding:0;	
}

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

#next, .next {
	float:right;
	text-align:right;
	margin: 0 3px 0 0;
	width:45%;
}

#previous, .previous {
	float:left;
	text-align:left;
	margin: 0 0 0 3px;
	width:45%;
}

.classification, label, .label {font-weight:bold;}


/* Misc. Global Styles __________________________________ */
/* These are misc. styles that don't really fit anywhere else. */

.welcome {margin: 3px 10px 25px 10px;clear:both}

/* Hide the text versions of the headers.  In screen-readers and other browsers that do not support CSS, they'll get the text header instead of a graphical one. Cool, huh? */
.contentHeader {
	text-indent:-8000px;
	margin:0 0 10px 10px;
	height:20px;
	width:190px;
}

/* MSIE hates us, this cleans things up a little and gives us a nifty spacer. */
.x, #x {
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
	margin:12px;
}

#categoryblock {
margin:0 !important;
}

/*
    Skin Name: Shuriken -- user.css
    Skin URI: http://www.lunaescence.com/
    Description: Shuriken is a light-weight, brown, cream, and tan skin.  It's slightly fixed width, and should adjust to fit resolutions down to 800x600.
    Author: Sally Anderson (Lazuli) and Marohi
    Author URI: http://www.lunaescence.com/
*/

/* Cascade the other style sheets via @import  __________________________________ */
	@import url("story.css");

/*  __________________________________Shuriken User Style Sheet __________________________________ */

#bioContainer {
	width:99%;
	margin: 15px auto 5px auto;
	padding:0 0 10px 0;
	position:relative;
	border-bottom:1px solid #CCC2B5;
}

#bioContainer TH {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:16px;
}

.avatarMenu {
	vertical-align:top;
	position:relative;
	width:auto;
	padding:2px;
}

.avatarMenu .ava {
	text-align:center;
	margin:15px 1px 1px 1px;
}

.avatarMenu #imLinks {
	line-height:2.5em;
	margin:15px 0 0 1px;
	font-size:10px;
}

#userMenu {
	margin:3px;
	font-size:11px;
	clear:both;
}

#userMenu:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#userMenu ul {
	text-indent: 10px;
	padding: 3px 0;
	margin: 0;
	text-align: center;
	line-height:25px;
}

#userMenu ul li{
	display: inline;
	padding: 3px 0;
	padding-right: 25px;
	margin: 0;
	background: transparent url(images/slash.png) top right no-repeat;
}

.bioArea {
	vertical-align:top;
	width:100%;
	margin:0 0 0 1px;
}

.bioItem, .authorfields {
	border-bottom:1px solid #CCC2B5;
	margin:0 1px;
	padding:0 1px;
	line-height:1.36em;
}

.authorfields img {
  display: none;
}

#bioLeft {
	float:left;
	width:40%;
}

.theBio {
	position:relative;
	top:5px;
	left:auto;
	margin:0;
	padding:0;
	border:0;
}

.usrBar {
	color:#CCC2B5;
	background-color:#CCC2B5;
	border:0;
	height:1px;
	width:99%;
}

#sortbio {
 margin-bottom: 0.5em;
 text-align: center;
}

#sortbio label {
 display: none;
}

#tabsbio {
 padding-right: 5px;
 text-align: center;
 margin-bottom: 1.5em;
}

#tabsbio a {
 margin-left: 5px;
}

.editbio .biobox {
	position:relative;
	width:99%
}