/* Some definitions used everywhere */
body {
	margin: 0px;
	padding: 0px;
	background-color: #320801;
	color: #aa9999;
	line-height: 1.1em;
	font-family: verdana, arial, san-serif;
	font-size: 9pt;	
}

/* links */
a { 
	color: #fae2f1;
	font-weight: bold;
	font-size:9px;
	text-decoration: underline;
}
/* hovering links */
a:hover {
	text-decoration: underline;
}

/*small fonts */
.small {font-size: 80%;}

/*rounded top corners used in various places */
.tl {background: #57312b url(images/tl.gif) no-repeat top left;}
.tr {background: url(images/tr.gif) no-repeat top right;}

/* Left and right floats used in some Blocks */
.left {float: left; width: 55%; text-align: left;}
.right {float: right; width: 30%; text-align: right;}
.clear {clear: both;}

/* the background of the banner. this allows us to make the banner fit the width of the page, no matter how wide */
#bannerback {
	height: 300px;
	margin: 0px;  
	background: #B5C9BA url('images/back.gif') repeat top left; 	
}

/* the image in the banner */
#banner {
	height: 300px; 
	margin: 0px;
	background: url('images/elegance.jpg') no-repeat top left; 	
}

/* search engines like headings so we will use them for sitename and 
slogan, but we don't want them to appear on the page and mess up our banner */
	#banner h1, #banner h2 {display: none;}

/* The location of the div containing the skin change drop menu  in the banner area */
#skin {
	position: absolute;
	right: 70px;
	top: 210px;
	color:#ffdddd;
	font-weight:bold;
}

/* The location of the div containing the skin change drop menu  in the banner area */
.login_new {
	position: absolute;
	right: 30px;
	top: 20px;
	color:#ffdddd;
	font-weight:bold;	
	margin:0;
}

input, select, textarea
           {
           background-color:#b29f95;
           color:#000000;  
           border: 1px solid;        
           font-family:Tahoma,Arial,Times,serif;
           font-size:8pt;
           font-weight:bold;
           padding-left:3px;
           }  
/* The location of the div containing the RSS link in the banner area */
#rss {
	position: absolute;
	right: 15px;
	top: 210px; 
}

/* the following defines your menu below the banner div */
#menu { 
	position: absolute;
	top: 240px;
	right: 0px;
	text-align: right; 
	color: #57312b; 
	font-weight: bold; 
	font-size: 95%;
}

/*The rounded off left edge image.*/ 
#menu ul {
	margin: 0px;
	background: #57312b url(images/bl.gif) no-repeat bottom left; 		padding: 5px;
}

#menu ul li {display: inline; padding: 1px;}

/* links in the menu */
#menu a {
 	color: #CEDCAE; 
	font-weight: bold; 
	font-size: 95%; 
	text-decoration: none;
	text-transform: uppercase; 
	border-right: 1px solid #CEDCAE; 
	padding: 0px 5px;
}

/* Hovered links in the menu */
#menu a:hover { 
	color: #320801; 
	border-right: 1px solid #CEDCAE; 
}

/* The link for the currently displayed page in the menu */
#menu #current {text-decoration: underline;}

/* end menu setup */



/* the following defines your menu belowfooter div */
#footermenu { 
	clear: both;
	text-align: left; 
	color: #57312b; 
	font-weight: bold; 
	font-size: 95%;
}

/*The rounded off top right edge image.*/ 
#footermenu ul {
	margin: 0px;
	background: #57312b url(images/tr.gif) no-repeat top right; 		padding: 5px;
}

#footermenu ul li {display: inline; padding: 1px;}

/* links in the footermenu */
#footermenu a {
 	color: #CEDCAE; 
	font-weight: bold; 
	font-size: 95%; 
	text-decoration: none;
	text-transform: uppercase; 
	border-right: 1px solid #CEDCAE; 
	padding: 0px 5px;
}

/* Hovered links in the footermenu */
#footermenu a:hover { 
	color: #320801; 
	border-right: 1px solid #CEDCAE; 
}

/* The link for the currently displayed page in the menu */
#footermenu #current {text-decoration: underline;}

/* end footermenu setup */

/* the footer box at the bottom of the page */
#footer {
  font-size:80%;
	padding: 0px;
	padding-left:20%;
	padding-right:20%;
	padding-top:10px;
	color:#ffdddd;
	text align: center;
}

/* End universal page setup */


/*Index page*/
/*left and right columns--line-height fixes a disappearing float IE bug */
#leftindex { 
	width: 20%;
	float: left;
	line-height: 1.3em;
}

#rightindex {
	width: 20%;
	float: right;
	line-height: 1.3em;
}

#middleindex {margin: 3px 21%;}

/* This controls the look of the blocks on a few pages   */
/* The box around the block */
.block {
       margin: 0px 0px 10px 0px;
       color:#000;
       }

       
/* The block's title */
.block .title {
	color: #CEDCAE;
	font-weight: bold;
	text-align: center;
	padding: 4px;
}

.block .newstitle, .block .storytitle {
	color: #CEDCAE;
	font-weight: bold;
	text-align: left;
	padding: 4px 7px 0px 7px;
}
.block .storytitle a {
color:#330000;
}

/* The block's content */
.block .content {
	background: #b29f95;
	border-top: 5px solid #57312b;
	border-right: 1px solid #57312b;
	border-bottom: 5px solid #57312b;
	border-left: 1px solid #57312b;
	padding: 5px;
}

.block .bottom {
	color: #CEDCAE; 
	background: #57312b; 
	padding: 2px 5px; 
	font-weight: bold; 
	font-size: 70%; 
}
.block .bottom a {
color:#330000;
}


/*main content on the page */
#mainpage {
margin: 0px 2%;}





#pagetitle, .sectionheader {
	text-align: center; 
	font-weight: bold;  
	font-size: 10pt;
	margin: 10px;
	color:#b29f95;
}
#pagetitle a
  {
	font-weight: bold;  
	font-size: 10pt;
	color:#ffdddd;
	text-transform:uppercase;
	}
	
/* 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.*/
#alphabet, #pagelinks {
 	text-align: center;
 	font-size: 9px;
 	font-weight:bold;
 	margin: 1em 0;
	line-height: 20px;
}

#alphabet a, #pagelinks a {
 	background: #57312b;
 	border: 1px solid #000;
 	padding: 2px 4px;
 	margin: 0;
 	text-decoration: none;
 	color: #CEDCAE; 
}

#alphabet a:hover, #pagelinks a:hover {
 	background: #CEDCAE;
	border: 1px solid #000;
	padding: 2px 4px;
 	margin: 0;
 	text-decoration: none;
 	color: #57312b;
}

#alphabet #currentletter, #pagelinks #currentpage {
 	background: #CEDCAE;
 	color: #57312b;
 	border: 1px solid #000;
 	padding: 2px 4px;
 	margin: 0;
 	text-decoration: none;
	font-weight: bold; 
} 

#sortform {text-align: center; margin: 10px;}

/* To center column divs so they don't look so off-balance. This is for 2 columns. You'll want to play with the width if you have more */
#columncontainer {
	margin: 5px auto;
	width: 60%; 
	min-width: 60%;
	text-align: center;
}
html>body #columncontainer {text-align: left;}

.jumpmenu, #sort {margin: 5px; text-align:right;}

.notes {margin: 5px auto; width: 65%; min-width: 65%; text-align: center;}
html>body .notes {text-align: left;}

#story {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10%;
  padding-right: 10%;
  }

The following declarations control the tabs */
#tabs {	
	margin: 0;
	padding: 0;
	background: #57312b;
	margin-bottom: 1em;
}


#tabs ul {
	padding: 3px 0;	margin: 0;
	border-bottom: 1px solid #000;
	font: bold 12px Verdana, sans-serif;
}

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

#tabs li a {
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #000;
	border-bottom: none;
	background: #214263;
	text-decoration: none;
	color: #CEDCAE;
}

#tabs li a:hover {
	color: #000000;
	background: #369;
	border-color: #000;
}

#tabs #active a {background:#BDCC6D; color: #57312b;}


#story_notes 
{
clear:both;
margin:10px auto;
text-align:justify;
width:70%;
}

#story_notes
table {
background-color:#320801;
color:#ffdddd;
cellpadding:0;
cellspacing:0;
border:1px #320801 solid;
}
#story_notes
th {
font-weight:bold;
}	
#story_notes
td {background-color:#ffdddd;
color:#320801;
padding:2px;
}	

#chapter_notes 
{
margin:10px auto;
text-align:justify;
width:50%;
}

#chapter_notes
table {
background-color:#320801;
color:#ffdddd;
cellpadding:0;
cellspacing:0;
border:1px #320801 solid;
}
#chapter_notes
th {
font-weight:bold;
}

#chapter_notes
td {background-color:#ffdddd;
color:#320801;
padding:2px;
}
#chapter_end_notes 
{
margin:10px auto;
text-align:justify;
width:50%;
}

#chapter_end_notes
table {
background-color:#320801;
color:#ffdddd;
cellpadding:0;
cellspacing:0;
border:1px #320801 solid;
}
#chapter_end_notes
th {
font-weight:bold;
}	
#chapter_end_notes
td {background-color:#ffdddd;
color:#320801;
padding:2px;
}	

	

#reviewform
{
color:#b29f95;
margin:0 auto;
padding:6px;
}