/* Main page settings */

BODY {
	position: relative;
	background: transparent url(images/bookcoverrr3.jpg) repeat scroll top left; 
	margin: 0;
	padding: 30px 0px 0px 0px;
	font-family: Georgia, veranda, arial, sans-serif;
	font-size: 14px;
}

HR {
	border-top:4px double #003300;
	border-left:0;border-right:0;
	border-bottom:0;
	width:500px;
	height:5px;
	text-align:left;
}

INPUT,TEXTAREA,SELECT {
	color:#000000;
	z-index:3;
  	margin-top:1px;
	border:1px solid #003300;
	background:#FFFFFF;
	font-size: 14px;
}

IMG {
	border: 0;
	padding: 0;
	margin: 0;
}


/* Header cells in tables throughout the site */
TH { 
	background: #fff;
	color: #000;
}

/* The main header settings */

#header a:link 
       {color: #424242
        }
#banner {
	position: relative;
	margin: -30px 0px 0px 0px;
	height: 164px;
	background: url(images/rabidreadbann21.jpg) left top no-repeat; 
}

/* left side menu in header */

#menu {
	float: right;
	width: 200px;
	margin: -15px 25px 5px 0px;
}

#menu ul li a {
	display: block;
	height:  20px;
	line-height: 30px;
	vertical-align: center;
	text-align: right;
        font-family: copperplate gothic light;
        font-size: 12px;
	color: #000080;
	background: #f0f8ff;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        opacity:.5;       
        border: 1px solid #000080;
        padding: 0px 0px 0px 2px;
}

#menu ul li a:hover {
	position: relative;
	background: #000080;
        text-align: left;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        opacity:.5;
        color: #fff;
        text-decoration: underline;
}

/* the footer box at the bottom of the page */
#footer {
        position: relative;
        background: transparent;
        height:  160px;
        font-size: 10px;
        text-align: left;
	color: #000;
        margin: 10px 10px 10px 10px;
	clear: both;
}
#menu ul {list-style: none}

/* end universal setup */

/* links other than the header main menu */

A:link,A:active,A:visited {
	text-decoration:none;
	color:#000;
        font-weight: bold;
}
A:hover {
	color: #990000;
	text-decoration:underline;
        font-weight: bold;
}

/* this is a carryover from 1.1.  Generally it is used around tables and table cells. */
.tblborder { 
	border: 1px solid #003300;
	padding: 1px;
	border-collapse: collapse;
/*	color: #000;  */
	text-align: center;
}

/* main page, between header and footer */

#mainpage {
        position: relative;
	height: 550px;
        margin-left: 1em;
        margin-right: 1em;
	padding: 0em 0em 0em;
        overflow: auto;
        background: transparent;
}

html>body #mainpage {
	height: auto;
	min-height: 600px;
}

#viewuser #mainpage {
	padding: 0;
}

/* Page title on most pages */

#columncontainer {
        margin: 0px; 
        width: auto;
	position: relative;
	background-color: transparent;
	margin: 0px 0px 0px 0px;
}
#pagetitle { 
	text-align: center;
	font-size: 25px;
	color: #000;
        position: relative;
	margin: 20px 0px 0px 60px;
}
ul {list-style: disc}
/*Index page see index.tpl for detail Note that position: relative and background-color were added
due to IE's issue with images after a float */

/*left and right columns--line-height fixes a disappearing float IE bug */

#leftindex { 
	position: relative;
        align: left;
	width: 70%;
        margin: 5px 5px 5px 5px;
	float: left;
	line-height: 1.3em;
	clear:both;
}


#rightindex {
	position: relative;
	width: 25%;
        margin: 5px 5px 5px 5px;
	float: right;
	line-height: 1.3em;
	clear: right;
}

/* This controls the look of the lblocks on a few pages   */

/* The box around the block */

.lblock {
	margin: 0px 5px 5px 0px;
}

/* The block's title */

.lblock .title {
	color: #fff;
	background: #27408b;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        opacity:.5;
        font-family:  copperplate gothic light;
	font-size: 14px; 
	text-align: center;
	padding: 4px;
	border: 1px solid #000000;
}

.lblock .block .storytitle {
	color: #990000;
	font-size: 20px;
	text-align: center;
	padding: 10px 7px 0px 7px;
}

/* The left block's content */

.lblock .content {
	position: relative;
	background-color: #ccc;
	background: transparent;
	height: 1%;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	padding: 3px;
}

.lblock .bottom {
	color: #990000; 
	background: transparent; 
	padding: 5px; 
	font-weight: bold; 
	font-size: 80%; 
        border: 1px solid #000;
}

/* This controls the look of the rblocks on a few pages   */

/* The box around the block */

.rblock {margin: 0px 5px 5px 0px;
         border: 1px solid #000;
}

/* The block's title */
.rblock .title {
	color: #fff;
	background: #27408b;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        opacity:.5;
        font-family:  copperplate gothic light;
	font-size: 14px; 
	text-align: center;
	padding: 4px;
	border: 1px solid #000000;
}

.rblock .block .storytitle {
	color: #000;
        background: transparent;
	font-size: 20px;
	text-align: center;
	padding: 5px 5px 5px 5px;
}

/* The block's content */
.rblock .content {
	position: relative;
        background: transparent;
	height: 1%;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	padding: 3px;
}

.rblock .bottom {
	color: #990000; 
	background: transparent; 
	padding: 5px; 
	font-weight: bold; 
	font-size: 80%; 
}


/* Alternating Cells  used mainly in the story listing */

.even { background: #f2f2f2; }
.odd { background: #fff; }


/* 
Where there's a list of alphabet links #alphabet controls their look. 
Just to make things simpler #pagelinks controls the look of the links at the bottom of multi-page results
and will be set here too. Generally, they look alike.
*/

/* the box around the links */

#alphabet, #pagelinks {
	text-align: center;
	word-spacing: -.3em;
	margin: 1em;
}

/* each link */

#alphabet A, #pagelinks A {
	color: #E3E3E3;
	text-decoration: none;
	font-weight: bold;
	background: #006600;
	border: 1px solid #CCC;
	border-collapse: collapse;
	padding: 0 2px;
}

/* each link when hovered over */

#alphabet A:hover, #pagelinks A:hover {
	background: #990000;
	color: #ff9700;
}

/* the currently selected letter and currently selected page */

#alphabet #current_letter, #pagelinks #currentpage {
	background: #FFF;
	color: #000;
	font-weight: bold;
	border: 1px solid #CCC;
	padding: 0 2px;
}
/* End alphabet and page link declarations */

/* labels throughout the site in forms and in other places */

LABEL, .classification {
	color: #000;
	font-weight: bold;
}

/* Admin options in various places.  */

.adminoptions { 
	color: #990000;
	font-weight: bold;
	background: #fff;
}

/* .sectionheader styles the headings "Stories" and "Series" */

.sectionheader {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #000;
}

.listbox .title {
	background: #fff;
}

.listbox {
	margin: 0px 5px 0px 5px;
}

.storyinfo {
	text-align: left;
	margin-bottom:1em;
	border-bottom:1px solid #000000;
	background: #f4f4f4;
        font-weight: bold;
}

#story {
	background: #f4f4f4;
	text-align: left;
	padding: 10em;
}

.respond {
    background: #f4f4f4;
}

.notes {
	clear:both;
	margin-bottom:5px;
}

.notes .content {
	background: #f4f4f4;
	margin-left:25px;
	font-size:12px;
}

.comment {
	margin-bottom:2em;
}

.main {
	padding:1em;
	width:90%; 
	font-size:18px;
	text-align:left;
        border: 1px;solid;#000;
}

/* The next link at the bottom of a multi-chapter story
this is set up this way for the fancy page turn css trick */

#next { 
	float: right;
	margin: -60px 0px -15px 0px;
}

#next A{
	display: block;
	height: 60px;
	width: 100px;
	vertical-align: middle;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	color: #000;
	background: #f4f4f4 url(/skins/images/turnpageforward.gif) left top no-repeat;
}

#next a:hover{
	background-position: center bottom;
	color: #5c5c5c;
}

#prev { 
	float: left;
	margin: -60px 0px 0px 15px;
}
            
#prev A{
	display: block;
	height: 60px;
	width: 100px;
	vertical-align: middle;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	color: #000;
	background: #f4f4f4 url(/skins/images/turnpageback.gif) left top no-repeat;
}

#prev a:hover{
	background-position: center bottom;
	color: #5c5c5c;
}

/* User.tpl styles */

#profile {
	margin: 1em 1em 1em 1em;
	border: 1px solid #000;
	background: #FFF;
	padding: 1em;
}

/* The sort menu in the profile */

#sort {
	text-align: right;
	padding: 1em 3em; 
}

/* The following declarations control the tabs */

#tabs {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}

#tabs UL {
	padding: 3px 0;
	margin: 0;
	border-bottom: 1px solid #000;
        font-weight: bold;
}

#tabs LI {
	list-style: none;
	margin: 0;
	display: inline;
}

#tabs LI A {
	padding: 3px 0.5em;
	margin-left: 1px;
	border: 1px solid #000;
	border-bottom: none;
	background: #000;
	text-decoration: none;
	color: #fff;
}

#tabs LI A:hover {
	color: #000;
	background: #ffffff;
	border-color: #000;
}

#tabs #active A{
	background: #f4f4f4;
	border-bottom: 1px solid #003300;
	color: #000000;
}