/*
    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:10px; /* 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:250px;
	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;
}

.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;
	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:#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;}

/* 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 13px;line-height:1.758em;}

.menuSelection 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}

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

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

.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;
}