body {
 margin:0px;
 padding:0px;
 font-family: Verdana, helvetica, sans-serif;
 background-color: #7b5c4a;
 background:url(images/pretend3.gif);
 font-size: 10px;
 color: #000;
}

#p .quote {color:#5E2612; font-weight: bold; margin-left:10%; margin-right: 10%;}

#content {
 margin-left: 4px;
 padding: 10px;
 background-color: #CDB38B;
 color: #000;
 line-height: 1.5em;

 
}
.pagecontainer {
 width: 700px;
 margin: 0px;
 margin-left: auto;
 margin-right: auto;
 background-color: #CDB38B;
 height: 100%;	
}

IMG { 
	border: 0;
	padding: 0;
	margin: 0;
}
#fimage { float: right;  margin: 4px;}



HR { color: #5C4033;
	 size: 2px;}
/* Header cells in tables throughout the site */
TH { 
	background: #CDB38B;
	color: #000000;
	font-weight: bold;
}
/* links */
A { 
	color: #5E2612; font-weight: bold; text-decoration: none;

}
/* hovering links */
A:hover {
	color: #684D39
; font-weight: bold; text-decoration: underline;        	
         
}

#columncontainer { margin: 0 5% !important;}

/* the box at the top of the page */
#banner {
 height: 400px;
 background-color: #000;
 border-bottom: 1px solid #000;
}

/* The following declarations control the tabs */
#menu {
margin-top: -.75em;
padding-left: 5px;
padding-right: 5px;
 background-color: #CDB38B;

}
#menu UL {
 margin-left: 3px;
 padding-left: 5px;
padding-right: 5px;
 white-space: nowrap;
}

#menu LI {
padding-left: 5px;
padding-right: 5px;
 display: inline;
 list-style-type: none;
}

#menu LI A {color: #5E2612;
 background-color:#CDB38B;
 text-decoration: none;
 font-weight: bold;
padding-left: 5px;
padding-right: 5px;
}

#menu LI A:hover {
 color: #AA6600;
 background-color: none;
 text-decoration: underline;
 font-weight: bold;
padding-left: 5px;
padding-right: 5px;
}

#menu #current {
padding-left: 5px;
padding-right: 5px;
 background-color: #CDB38B;
}
#submenu {
 padding: 3px;
 background-color: #CDB38B;
 
}

#submenulist {
 padding: 0px;
 margin: 0px;
 text-align: center;
}

#submenulist ul {
 margin-top: -.75em;
 margin-left: 0;
 padding-left: 0;
 white-space: nowrap;
}

#submenulist li {
 display: inline;
 list-style-type: none;
}

#submenulist a { 
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 7px;
 padding-right: 7px;
 margin-right: 3px;
	}

#submenulist a:link, #submenulist a:visited {
 color: #5E2612;
 background-color: none;
 text-decoration: none;
 font-weight: bold;
}

#submenulist a:hover{
 color: #AA6600;
 text-decoration: underline;
 font-weight: bold;
}
/* end menu setup */



/* footer menu */
/* the footer box at the bottom of the page */
#footer {
 background: #CDB38B;
 color: #FFF;
 padding: 0px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0em;
 border-top: 0px solid #000;
 width: 700px;
}

#footertext {
background: #CDB38B;
 color: #5E2605;
 text-align: center;
 padding: 7px;
 margin-top: 0em;
 border-top: 1px solid #000;
}

#footer A { color: #5E2612; font-weight: bold; text-decoration: none; }
#footer a:hover { color: #AA6600; font-weight: bold; text-decoration: underline; }



#footernav {
 background: #CDB38B;
 color: #FFF;
 text-align: center;
 padding: 7px;
 margin-top: 0em;
 border-top: 0px solid #000;
}

#footernav A {  color: #5E2612; font-weight: bold; text-decoration: none;padding: 7px;}
#footernav a:hover { color: #AA6600; font-weight: bold; text-decoration: underline;padding: 7px; }

#footernotes {background: #000000; color: #FFF;text-align:center;}
}
#rss, #skin {}

/* end footer menu */



#loginblock { 
	margin: 0;
	padding: 3px 10px;
	border-bottom: 1px solid #000;
	background: #A8C4A8;	
	text-align: left;
}
#loginblock .textbox, #loginblock .checkbox { 
	font-size: 9px; 
	vertical-align: baseline;
    
}
#loginblock .button { 
	font-size: 18px; 
	padding: 0; 
	margin: 0; 
	font-weight: bold; 
	font-family: "Verdana"; 
	vertical-align: text-bottom; 
}
#loginlinks {
	display: inline;
	margin: 0 1ex;
}


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

/* Main page surrounds the text between the header and the footer.  
For IE, height is set to 650 to force the footer down to the bottom of the page where the content is short.  
And the second declaration is for everyone else so that it will scroll if longer but be a minimum of 650px
*/
#mainpage {
	height: 550px;
	background: #CDB38B;
	padding-bottom: 1em;
}
html>body #mainpage { 
	height: auto;
	min-height: 550px;
}
#home #mainpage {
	padding-top: -3px;
}
#leftindex { 
	width: 500px;
 float: left; 
 margin: 0px;
 margin-top: 0;
 text-align: left;
 background: #CDB38B;
}
#leftindex .title {background-color:#CDB38B; text-align: center; color: #25303F; font-weight: bold;}
#leftindex .content {background-color:#CDB38B; color:#25303F; margin-right: 20px; margin-left: 20px;}
#leftindex .qt {color:#5E2612; text-align: center; font-weight: bold; margin-left:10%; margin-right: 10%;}
#leftindex .qt1 {color:#684D39; font-style: italic; text-align: center; font-weight: bold; margin-left:10%; margin-right: 10%;}

#rightindex {
	background: #CDB38B;
float: right;
width: 160px;
padding-right: 0.5em;
padding-left: 0.5em;
border-left:0px solid #CDB38B
;
}
#stats .blocktitle {background:url(images/sidebar_statistics.gif); color:#000; line-height:15px;}
#stats .blockcontent {background-color:#9A725D
; line-height:16px; color: #000000; border-left: 1px solid black;
border-bottom: 1px solid black;border-right: 1px solid black;text-align: left; padding-left: 1em; padding-right: 1em;}
#stats a:hover{ color: #684D39
;
 text-decoration: underline;
 font-weight: bold;}

#categories .blocktitle {background:url(images/sidebar_categories.gif); color:#000; line-height:15px;}
#categories .blockcontent {background-color:#9A725D
; line-height:16px; color: #000000; border-left: 1px solid black;
border-bottom: 1px solid black;border-right: 1px solid black;text-align:left; padding-left: 1.2em; padding-right: 1.2em;
}

#categories a:{ color: #CDB38B;
 text-decoration: underline;
 font-weight: bold;
}
#categories a:hover{ 
	color: #CDB38B;
 text-decoration: underline;
 font-weight: bold;      
}


#featured .blocktitle {background:url(images/sidebar_featured.gif); color:#000; line-height:15px;}
#featured .blockcontent {background-color:#9A725D
; line-height:16px; color: #000000; border-left: 1px solid black;
border-bottom: 1px solid black;border-right: 1px solid black;text-align: left; padding-left: 1.2em; padding-right: 1.2em;
}

#featured a:hover{ color: #CDB38B;
 text-decoration: underline;
 font-weight: bold;
}
#recent .blocktitle {background:url(images/sidebar_recent.gif); color:#000; line-height:15px;}
#recent .blockcontent {background-color:#9A725D
; line-height:16px; color: #000000; border-left: 1px solid black;
border-bottom: 1px solid black;border-right: 1px solid black;text-align: left; padding-left: 1.2em; padding-right: 1.2em;
}
#fanart .blocktitle {background:url(images/fanart.gif); color:#000; line-height:15px;}
#fanart .rpics {background-color:#9A725D; line-height:16px; color: #000000; border-left: 1px solid black; margin-top:-.1em;
margin-bottom:-.1em;border-bottom: 1px solid black;border-right: 1px solid black;text-align: center; padding-left: 1.2em; 
padding-right: 1.2em;
}

#recent a:hover{ color: #CDB38B;
 text-decoration: underline;
 font-weight: bold;
}
#shoutbox .blocktitle { background:url(images/shout.gif);color:#000; line-height:15px;}
#shoutbox .blockcontent {background-color:#9A725D; line-height:16px; color: #000000; border-left: 1px solid black;border-bottom: 1px solid black;border-right: 1px solid black;text-align:left; padding-left: 1.2em; padding-right: 1.2em;}

#shoutbox a:{ color: #CDB38B; text-decoration: underline; font-weight: bold;}
#shoutbox a:hover{ 	color: #CDB38B; text-decoration: underline; font-weight: bold; }
#online .blocktitle {background:url(images/online.gif); color:#000; line-height:15px;}
#online .blockcontent {background-color:#9A725D; line-height:16px; color:#25303F; border-left: 1px solid black;border-bottom: 1px solid black;border-right: 1px solid black;text-align: left; padding-left: 1.2em; padding-right: 1.2em;}

#online a:hover{ color: #CDB38B; text-decoration: underline; font-weight: bold;}

#links .blocktitle {background:url(images/links.gif); color:#000; line-height:15px;}
#links .blockcontent {background-color:#9A725D
; line-height:16px; color:#25303F; border-left: 1px solid black;border-bottom: 1px solid black;border-right: 1px solid black;text-align: left; padding-left: 1.2em; padding-right: 1.2em;}
#links a:hover{ color: #CDB38B; text-decoration: underline; font-weight: bold;}

#poll .blocktitle {background:url(images/poll.gif); color:#000; line-height:15px;}
#poll .blockcontent {background-color:#9A725D; line-height:16px; color:#000000; border-left: 1px solid black;
border-bottom: 1px solid black;border-right: 1px solid black;text-align: left; padding-left: 1.2em; padding-right: 1.2em;}
#poll a:hover{ color: #CDB38B; text-decoration: underline;
 font-weight: bold;
}
#random .blocktitle {background:url(images/random.gif); color:#000; line-height:15px;}
#random .blockcontent {background-color:#9A725D; line-height:16px; color:#000000; border-left: 1px solid black;
border-bottom: 1px solid black;border-right: 1px solid black;text-align: left; padding-left: 1.2em; padding-right: 1.2em;}
#random a:hover{ color: #CDB38B;
 text-decoration: underline;
 font-weight: bold;
}
/* Most pages use pagetitle to format the page's title */
#pagetitle { 
	font-size: 12px;
	color: #000000;
	padding: 5px;
	margin: 0 25% 1em;
	padding-left: 1em;
	border-bottom: 1px solid #000000;
	text-align: Center;
}

/* 
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: 10px; 
	margin: 1em 0;
	line-height: 25px;

	
	
}
#alphabet A, #pagelinks A { 
	background: #CDB38B; 
	padding: 2px 4px; 
	margin: 0; 
	text-decoration: none; 		
	color: #000000;
	

	
}
#alphabet A:hover, #pagelinks A:hover { 
	background: #CDB38B; 
	padding: 2px 4px; 
	margin: 0; 
	text-decoration: underline; 
	color:#684D39
;
}
#alphabet #currentletter, #pagelinks #currentpage { 
	background: #CDB38B; 
	color: #385238;  
	padding: 2px 4px; 
	margin: 0; 
	text-decoration: none;
	font-weight: bold;	
} 


/* End alphabet and page link declarations */

/* labels throughout the site in forms and in other places */
LABEL, .label {
	color: #000;
	font-weight: bold;

	
	
}

/* The listings of stories etc. */
/* .sectionheader styles the headings "Stories" and "Series" */
.sectionheader {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding: 0ex;

}

/* The box around each individual story */
.listbox {
	margin: 1em 5%;
}

/* The title bar for each story box. */
.listbox { padding: 12px; border-top: 1px solid #000; margin-top: -1px; }
.listbox .title { font-weight: bold;}
.classification { font-weight: bold; }

#reviews .listbox .title {
	
}

.listbox .band {

	background: #CDB38B;
	color: #000000;
	padding: 3px 7px;
}

.listbox .band2 {
	
	background: #CDB38B;
	color: #A8C4A8;
	padding: 3px 7px;
	text-align: right;
}
.listbox .band .label, .listbox .band2 .label {

	color: #000;

}
.listbox .band A, .listbox .band2 A { color: #385238; }
.listbox .band2 .respond, .listbox .band .adminoptions { display: inline; }
.listbox .content {
	padding: 6px;
	background: #CDB38B;
	border-top: 0;
	border-bottom: 0;
	margin: 0 5px;

	
}

.listbox .infolinks { 
	display: block;
	padding: 3px 1em;
	text-align: right;
	

	 
	
}
.listbox .content .adminoptions { display: inline; }
.listbox .content IMG { float: left; }
/*End story/series listings */

/* titleblock is used for the title information in series and challenges */
#titleblock {
	margin: 1em 10%;
	background: #CDB38B;
	color: #000000;
	padding: 7px;
}
#titleblock A { color: #000000; }
#titleblock .label { color: #000000; }
#titleinfo { 
	margin: 1em;
	text-align: left;
}
/* The pulldown jump menus on several pages. */
.jumpmenu {
	text-align: right;
	margin-right: 1em;
	 
}

/* On the story page, there's a jumpmenu at the bottom. It looks better centered, so this will replace the declaration above for that 
drop down list ONLY */
#pagelinks .jumpmenu {
	text-align: center;
    background: black;
   
	
	
}

/* This is used on series and challenges and other places where a response is solicited */
.respond { 
	text-align: center;
	padding: 6px;
}

.listbox .tail .respond {
	padding: 0;
	text-align: right;
}

/* The sort menu on the categories page */
#sortform { text-align: center; margin: 1em; }


/* On pages that don't use listings, the content is surrounded by a div labeled output */
#output { 
	padding: 0 10px;
	
}

#profilecontainer {
	background: #CDB38B;
	padding: 1em;
}

/* User Profile stuff */
/* The top list of information */
#profile {
	margin: 0 5%;
}
/* The sort menu in the profile */
#sort {
	text-align: right;
	padding: 1ex 3em; 
 }
/* The following declarations control the tabs */
#tabs {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
	background: #CDB38B;
}
#tabs UL {
	padding: 3px 4em;
	margin: 0;
	
	font: bold 10px Verdana, sans-serif;
}

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

}

	#tabs LI A {
		padding: 1px 0.5em;
		margin-left: 3px;
		background:#CDB38B;
		text-decoration: none;
		color: #000000;
}

#tabs LI A:hover {
	color: #684D39;
;
	background: #CDB38B;
	text-decoration: underline;
	
}

#tabs #active A{
	background: #CDB38B;

	color: #000000;
}

/* This controls the look of the blocks on the index page.   */

/* Your welcome message */
#welcome {
 float: left; 
 margin-left: 0px;
 margin-top: 0;
 text-align: left;
 background: #CDB38B;
 padding-bottom: 2em;
 padding-top: 1em;
 padding-left: 1em;
 padding-right: 2em;	
}

/* The box around the block */
.block { 
	margin: 1em;
	border: 1px solid #000;
}

/* The block's title */
.block .title {
	background: #385238;
	color: #FFF;
	font-weight: bold;
	padding: 6px;
	border-bottom: 1px solid #000;
}

/* The block's content */
.block .content {
	padding: 6px;
	background: #FFF;
}


#newstitle {
	font-family: verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #0000000;
	text-align: center;
	
}

#info_left {
	text-align: right;
	font-weight: bold;
}
#info_right {
	text-align: right !important;
}
#newestmember {
	font-weight: bold;
}


/* The next link at the bottom of a multi-chapter story */
#next { 
	float: right;
}
/* The previous link at the bottom of a multi-chapter story */
#prev { 
	float: left;
}

#prev A, #next A{
	margin: 1ex;
	padding: 2px 4px;
	background: #CDB38B;
	color: #000000;
}
#prev A:hover, #next A:hover {
	text-decoration: none;
	background: #CDB38B;
	color: #684D39
;
}

/* The story and chapter notes */
.notes { 
	margin: 1ex 5%;
}

.notes .title {
	background: #CDB38B;

	border-bottom: 0;
	width: 200px;
	padding: 2px 4px;
}
.notes .title .label {
	color: #000;
	font-weight: bold;
}

.noteinfo { 
	padding: 5px; 
	border: 1px solid #000;
	background: #CDB38B;
    
}

/* End story and chapter notes */

.storyinfo {
	padding: 0 15px; 
}

#story { 
	padding: 1em;
}

.jumpmenu2 { text-align: center; }

#newscontainer {
	margin: 1em;
    text-align: center;
}

.news {
	margin: 1em;
    border-bottom: 1px solid #000;
    text-align: center;
}
.newstitle {
	padding: 4px;
	margin: 0 10px;
	border: 1px solid #000;
	border-bottom: 0;
	background: #696;
	color: #FFF;
	font-size: 14pt;
	font-weight: bold;
}

.newssig {
	border: 1px solid #000;
	background: #CDB38B;
	color: #FFF;
	padding: 3px 7px;
}
.newssig .label { color: #FFF; }
.newssig A { color: #A8C4A8; }
.newscontent {
	padding: 7px;
	background: #CDB38B;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	margin: 0 10px;
	
}

#newsarchive {
	text-align: center;
	margin: 1em;
}
.commenteven { 
	padding: 7px;
	background: #CDB38B;
	border: 0px solid #000;
	margin-bottom: 10px;
}
.commentodd {
	padding: 7px;
	background: #CDB38B;
	border-bottom: 0px solid #000;
    margin-bottom: 15px;
}
.commentsig {
	font-style: italic;
	margin-left: 20px;
}

.new { 
	color: #5E2612;
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
}

#viewstory .listbox .content {
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
}

#respond { text-align: center; }

/* for the display on the categories so not so squished */
#desc {
margin-left: 0px;
margin-right: 18px;}

/* for the top ten listings to get them centred better */
#listcols {
padding-left: 40%;}

/* for the respond to reviews */
.shorttextarea {
    margin-left: 23%; 
    
}


.tinytogglea {
   margin-left: 41%;}

input {
background: #CDB38B;
color: black;
}


SELECT /* scroll down menu */
	{
	background-color: #CDB38B;
	color: #5E2612;
}	

TEXTAREA
	{
	background-color: #CDB38B;
	}


.listbox .contentodd i {
display: block; 
background: url(images/spacer.gif) top center no-repeat;
padding-top: 30px;
}
.listbox .contenteven i {
display: block; 
background: url(images/spacer.gif) top center no-repeat;
padding-top: 30px;
}