/*
    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: #000000;
	margin:0px;
	padding:0px;;
	font: 11px/normal Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
        text-align: center; 
}

input, textarea, select {
	color:#000000;
	background-color:#ffffff;
}

A:link, A:active, A:visited {text-decoration:none;color:#663333;}
A:hover {text-decoration:none;color:#A17E7D;font-weight: bold;}

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

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

.container {
	margin:auto;
	width:900px;
        margin: 0 auto; 
        text-align: left; 
	position:relative;
	top:0px;
	left:auto;
	z-index:1;
	clear: both;
	float: none;
	height: auto;
	font: 11px Arial, Helvetica, Arial, Verdana, sans-serif;
}

.header {
	width:auto;
	position:relative;
}

.footer {
	clear:both;
	height:27px;
}

.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 5px 0 0;
	padding:5px;
	z-index:5;
	color:#000;
	width:99%;
}

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

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

.footMenu {
	clear:both;
	text-align:justify;
	margin:auto;
	padding:0 0 10px 0;
	width:100%;
	position:relative;
	left:auto;
	background-color:#ffffff;
	z-index:1;
}

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

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

.topMenu INPUT {
	font-size:10px;
	color:#000000;
	background-color:#ffffff;
}

/* 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: 0px 0px 5px 0px;}

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

/* 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;}

/* 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 {width:auto;}

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

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

.menuSelection A:hover {}

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

.quicklinks {float:right;font-size:10px;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:14px; margin:12px; font-family: Helvetica, Georgia, Verdana, "Times New Roman", Times, serif;}

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

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

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

.sectionheader {
	margin:5px 1% 12px 1%;
	padding:2px;
	font-family:Times, Helvetica, Georgia, "Times New Roman", Verdana, Times, serif;
	color:#494134;
	font-size:14px;
	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;
}

.snsnav:link {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #663333;
   text-decoration: none;
   cursor: hand;
   margin-right: 4px;
   margin-left: 4px;
}

.snsnav:visited {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #663333;
   text-decoration: none;
   margin-right: 4px;
   margin-left: 4px;
}

.snsnav:hover {

   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #CCC2B5;
   text-decoration: none;
   margin-right: 4px;
   margin-left: 4px;
}

.snsnav:active {


   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #CCC2B5;
   text-decoration: none;
   margin-right: 4px;
   margin-left: 4px;
}