/* visual styling (colors, fonts, etc.) */

BODY { 
	background: #000;
	color: #000;
}

.pagecontainer {
	background: #baa378;
}

/* links */
A { 
	color: #403221;
	font-weight: bold;
	text-decoration: none;
}
/* hovering links */
A:hover {
	text-decoration: underline overline;
}

HR {
	background: #403221;
	color: #403221;
	border: 1px solid #000;
}
/* Header cells in tables throughout the site */
TH { 
	background: #403221;
	color: #FFF;
	font-weight: bold;
}

.tblborder TD { background: #FFF; }

/* the box at the top of the page */
#banner {
	text-align: right;
	background: #000 url('images/Smoky.jpg');
	border-bottom: 1px solid #FFF
	}
/* The appearance of your site's name in the banner area*/
#sitename {
	font-size: 54px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: "BlackChancery";
	text-align: left;
}
/* The appearance of your site's slogan in the banner area */
#slogan {
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}


/* This div provides a visual break between the menu and the main content. */
#header_break {
	background: url('images/Smoky.jpg');
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #000
}

/* the following defines your menu inside the banner div */
#menu A { 
	color: #BAA378; 
	text-decoration: none; 
	font-weight: bold;
	text-align: center;
}
#menu A:hover, #menu #current:hover { 
	text-decoration: none;
	background: #BAA378;
	color: #403221;
}
#menu #current {
	color: #BAA378;
	text-decoration: none; 
	font-weight: bold;
	background: #403221;
}

#menu LI, #menu #menu_current {
	border-left: 1px solid #000;
}

#menu { 
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #403221;
}
/* end menu setup */


/* footer menu */


#footer A { color: #BAA378; }
#footernav {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	background: #403221;
	text-align: right;
}

#footernav A { 
	color: #FFF;
}
/* end footer menu */


/* The login block */

#loginblock { 
	border-bottom: 1px solid #FFF;
	background: #403221;	
	text-align: left;
}
#loginblock .textbox, #loginblock .checkbox { 
	font-size: 9px; 
}
#loginblock .button { 
	font-size: 8px; 
	font-weight: bold; 
	font-family: "Arial"; 
	vertical-align: text-bottom; 
}
/* The Register and Lost Password links */
#loginlinks A { color: #BAA378; }

/* End login block */

/* the footer box at the bottom of the page */
#footer {
	border-top: 1px solid #000;
	background: url('images/event.jpg');
	color: #BAA378
}

#footertext {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	background: #403221;
}

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

#mainpage {
	background: #BAA378;
}
/* Your welcome message */
#welcome {
	color: #403221;
	font-size: 100%;	
}
/* Most pages use pagetitle to format the page's title */
#pagetitle { 
	font-size: 25px;
	color: #403221;
	border-bottom: 2px solid #403221;
	text-align: Center;
}

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


/* .sectionheader styles the headings "Stories" and "Series" */
.sectionheader {
	font-size: 20px;
	font-weight: bold;
	color: #403221;
	border-bottom: 4px solid #403221;
}

/* The listings of stories etc. */
/* The box around each individual story */

.listbox { 
	border-bottom: 1px solid #403221; 
	border-top: 1px solid #403221; 
}
.listbox .odd { background: #FFF; }
.listbox .even { background: #E3D6BF; }
/* The title bar for each story box. */
.listbox .title {
	font-size: 10pt;
}
.listbox .title .titlelink {
	font-size: 14pt;
}
.listbox .dates {
	font-size: 8pt;
}

/* titleblock is used for the title information in series and challenges */
#titleblock {
	border: 1px solid #000;
	background: #FFF;
}
#titleinfo { 
	margin: 1em;
	text-align: left;
}
/* 
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 { 
	font-size: 13px; 
}
#alphabet A:hover, #pagelinks A:hover { 
	color: #403221;
}
#alphabet #currentletter, #pagelinks #currentpage { 
	background: #403221; 
	color: #403221; 
	border: 1px solid #000; 
	font-weight: bold; 
} 

/* The previous link at the bottom of a multi-chapter story */

#prev A, #next A{
	border: 1px solid #000;
	background: #403221;
	color: #BAA378;
}
#prev A:hover, #next A:hover {
	text-decoration: none;
	background: #403221;
	color: #403221;
}

#profilecontainer { background: #FFF; }

/* The following declarations control the tabs */
#tabs {
	background: #FFF;
}
#tabs UL {
	border-bottom: 1px solid #000;
	font: bold 12px Verdana, sans-serif;
}
#tabs LI A {
	border: 1px solid #000;
	border-bottom: none;
	background: #403221;
	text-decoration: none;
	color: #403221;
}

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

#tabs #active A{
	background: #403221;
	border-bottom: 1px solid #000;
	color: #BAA378;
}

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

.blocktitle, .notes .title {
	font-size: 15pt;
	background: #403221 url('images/curvecorner2.gif') no-repeat left bottom;
}
.blocktitle2, .notes .title2 {
	background: url('images/curvecorner.gif') no-repeat right bottom;
	color: #BAA378
}

#recentblock, #newscontainer {
	border-left:1px solid #403221; border-right:1px solid #403221; border-top:1px solid #403221; border-bottom:0px none; 
}
.blockcontent {
	border: 1px solid #403221;
	background: #FFF;
}
#recentblock .odd, #recentblock .even { 
	border-bottom: 1px solid #403221;
}
#recentblock .odd { background: #FFF; }
#recentblock .even { background: #E3D6BF; }

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

.noteinfo { 
	padding: 5px; 
	border: 1px solid #403221;
	background: #FFF;
}

/* End alphabet and page link declarations */

/* News stories for the news archive page and news block. */
/* The #newscontainer declarations are for the block and the #news declarations are for the archive page */

#newscontainer .odd, #newscontainer .even { 
	border-bottom: 1px solid #403221;
} 
#news .news_break, .review_break { 
	background: url('images/event.jpg');
	border-bottom: 1px solid #403221
}
#news .odd, #news .even { 
	border-top: 1px solid #403221;
}
#newscontainer .odd, #news .odd { background: #FFF; }
#newscontainer .even, #news .even { background: #E3D6BF; }
#newsarchive {
	text-align: center;
	background: #403221;
}
#newsarchive A { color: #BAA378; }

.commenteven { 
	background: #FFF;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.commentodd {
	background: #E3D6BF;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.commentsig {
	font-style: italic;
	margin-left: 20px;
}

.new { 
	color: #C00;
	font-style: italic;
	font-weight: bold;
}
/* The box displaying info about the story on the story index page. */
#viewstory .listbox { 
	border: 1px solid #403221;
	background: #FFF;
}

#respond { text-align: center; }

.reviewodd { background: #FFF; }
.revieweven { background: #E3D6BF; }

/* Layout styling (margins, widths, display, etc.)  These you probably shouldn't need to change */

BODY { 
	margin: 0;
	padding: 0;
}

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


/* the box at the top of the page */
#banner {
	margin: 10;
	padding: 0 10px;
	height: 275px;
	}
/* The appearance of your site's name in the banner area*/
#sitename {
	padding: 10px;
}
/* The appearance of your site's slogan in the banner area */
#slogan {
	padding: 10px 20px;
}

/* This div provides a visual break between the menu and the main content. */
#header_break {
	height: 1px;
	font-size: 1px;
}

/* the following defines your menu inside the banner div */
#menu A { 
	width:100px; 
	height:20px; 
	position: relative;
	display: block;
}
#menu A:hover, #menu #current:hover { 
	z-index: 200;
	overflow: hidden;
	position: absolute;
}
#menu #current {
	width:100px; 
	height:20px; 
	position: relative;
	display: block;
}
#menu UL { 
	padding: 0;
	height: 20px;
	margin: 0;
	list-style-type: none;
}
#menu LI, #menu #menu_current {
	width:100px; 
	height: 20px; 
	float: right;
}

/* end menu setup */

/* footer menu */


#footermenu { display: inline;}
#footernav {
	padding: 7px;
}

#footernav A { 
	padding: 0 10px;
}

#rss, #skin { padding: 0 10px;}

/* end footer menu */


#loginblock { 
	margin: 0;
	padding: 3px 10px;
}
#loginblock .textbox, #loginblock .checkbox { 
	vertical-align: baseline;
}
#loginblock .button { 
	padding: 0; 
	margin: 0; 
}
#loginlinks {
	display: inline;
	margin: 0 1ex;
}

/* the footer box at the bottom of the page */
#footer {
	clear: both;
	padding: 3px 0 1em 0;
}

#footertext {
	margin: 1ex 0;
	padding: 10px;
}

/* this is a carryover from 1.1.  Generally it is used around tables and table cells. */
.tblborder { 
	padding: 6px;
	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;
	padding-bottom: 1em;
}
html>body #mainpage { 
	height: auto;
	min-height: 550px;
}
#home #mainpage {
	padding-top: -3px;
}
#leftindex { 
	width: 250px;
	float: left;
	padding: 0;
        margin: 0;
}

#rightindex {
	margin: 10;
	margin-left: 250px;
	padding: 0;
}

/* Most pages use pagetitle to format the page's title */
#pagetitle { 
	padding: 5px;
	margin: 0 25% 1em;
	padding-left: 1em;
	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: 13px; 
	margin: 1em 0;
	line-height: 25px;
}
#alphabet A, #pagelinks A { 
	padding: 2px 4px; 
	margin: 0; 
}
#alphabet A:hover, #pagelinks A:hover { 
	padding: 2px 4px; 
	margin: 0; 
}
#alphabet #currentletter, #pagelinks #currentpage { 
	padding: 2px 4px; 
	margin: 0; 
} 


/* End alphabet and page link declarations */

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


/* .sectionheader styles the headings "Stories" and "Series" */
.sectionheader {
	font-size: 20px;
	font-weight: bold;
	color: #403221;
	padding: 0;
	margin: 1em 0 0;
	text-align: center;
	border-bottom: 4px solid #403221;
}

/* The listings of stories etc. */
/* The box around each individual story */
.listbox .odd { padding: 4px 7px; }
.listbox .even { padding: 4px 7px; }
.listbox .respond, .listbox .band .adminoptions { display: inline; }
.listbox .content {
	padding: 6px;
}

.infolinks { 
	display: block;
	padding: 3px 1em;
	text-align: right;
}
/*End story/series listings */

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

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

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

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

/* User Profile stuff */
/* The top list of information */
#profile {
	padding: 1em;
}
/* 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;
}
#tabs UL {
	padding: 3px 0;
	margin: 0;
}

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

#tabs LI A {
	padding: 3px 0.5em;
	margin-left: 3px;
}


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

/* Your welcome message */
#welcome {
	margin: 0em 0%;
	padding: 3px;
}

.blocktitle {
	margin: 0 5% 0 5%;
	text-align: left;
}
.blocktitle2 {
	padding: 0 16px;
}

#recentblock, #newscontainer {
	margin: 0 5%;
}
.blockcontent {
	margin: 0 5% 1em;
	padding: 7px;
}

#recentblock .retired, #recentblock .featured { float: right; margin: 10px; clear: right;}
#recentblock .odd, #recentblock .even { 
	padding: 7px;
}

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

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

.notes .title2 { padding: 0 16px; }
.noteinfo { 
	padding: 5px; 
}

/* End story and chapter notes */

.storyinfo {
	padding: 0 15px; 
}

#story { 
	padding: 1em;
}

.jumpmenu2 { text-align: center; }

#newscontainer .odd, #newscontainer .even { 
	padding: 7px;
} 
#newscontainer .news_break {
	display: none;
	height: 1px;
	font-size: 0px;
}
#news .news_break, .review_break { 
	height: 10px;
	font-size: 1px;
}
#news .odd, #news .even { 
	padding: 7px;
}
#news .infolinks2 { display: none; text-align: left; padding: 0; margin: 0;}
#news .infolinks { display: block; text-align: left; padding: 0; margin: 0;}
#news .newscontent { display: block; }
#newscontainer .infolinks { text-align: left; padding: 0; margin: 0;}
.newssig {
	text-align: right;
}
.newscontent {
	display: none;
}

#newsarchive {
	margin: 0 5%;
}

.commenteven { 
	padding: 7px;
}
.commentodd {
	padding: 7px;
}
.listbox .commentodd, .listbox .commenteven { border: 0px none;  }
.recblock .commentodd, .recblock .commenteven { 
	border: 0px none;
}

#viewstory .listbox { 
	margin: 1em 10%;
	border: 1px solid #403221;
	background: #FFF;
	padding: 7px;
}
#viewstory .listbox .adminoptions { padding: 0 7px; }

#respond { text-align: center; }


.reviewodd, .revieweven { margin: 1em 0;}
.reviewodd { background: #FFF; }
.revieweven { background: #E3D6BF; }
.reviewodd .content, .revieweven .content { padding: 7px; }

HR {
	height: 7px;
	margin: 1ex 15%;
}