/* Some definitions used everywhere */
BODY { 
	background-color: #FCFCFC;
	color: #000;
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial;
	font-size:12px;
}

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

#container {
	text-align: left;
	background-color: #FCFCFC;
    width:85%;
    margin:auto;
	color: #000;}
#welcome {padding-bottom: 3px;color:#000000;}
}
/* Header cells in tables throughout the site */
TH { 
	background: #FCFCFC;
	color: #000;
	font-weight: bold;
}

/* links */
A { color:#9b0003;text-decoration: none;}
/* hovering links */
A:hover {	color: #9b0003;	
	text-decoration: overline;
	font-style:none;position:relative;top:1.5px;left:1.5px;}
/* the box at the top of the page */
#banner {
	background-position:  center;
   	height: 250px;
	background-repeat: no-repeat;         
	background-image: url(images/blueeyes.jpg);
	background-color: #000000;
}


/* the following defines your menu below the banner div */
/* the box around the menu and aligning the text to center */
/* the menu is for the top row */
#menu {
	background-color: #FCFCFC;
	font-family: verdana, Arial;
	font-size:17px;
	color:#610000;
	text-align:center;
	font-weight:bold;}
#menu UL {
	margin-left: 3px;
	padding-top:5px;
	padding-bottom:5px;
 	padding-left: 4px;
	padding-right: 4px;
 	white-space: nowrap;}

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

#menu LI A {
	color:#610000;
	text-decoration: none;
	font-variant:small-caps;
	padding-left: 4px;
	padding-right: 4px;
text-shadow:1px 1px 1px #13077C;
}

#menu LI A:hover {
 	color: #610000;	
	text-decoration: overline;
	font-style:none;
	padding-left: 4px;
	padding-right: 4px;}

#menu #current {
	text-decoration: underline;
	padding-left: 4px;
	padding-right: 4px;}

/* the submenu is for the second line of menu */
#submenu {
	font-family: verdana;
	font-size:17px;
	color:#ba4363;
	text-align:center;}

#submenulist {
	margin-top:-10px;
 	font-family: verdana;
	font-size:17px;
	color:#ba4363;
	text-align:center;
	font-weight:bold;}

#submenulist ul {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
	font-weight:bold;}

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

#submenulist a { 
 	color:#610000;
	text-decoration: none;
	font-variant:small-caps;
 	padding-bottom: 1px;
 	padding-left: 3px;
 	padding-right: 3px;
	margin-right: 3px;
	font-weight:bold;
text-shadow:1px 1px 1px #13077C;}

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

#submenulist a:hover{
	color: #610000;	
	text-decoration: overline;
	font-style:none;
	padding-left: 3px;
	padding-right: 3px;}
/* end menu setup */

/* the footer box at the bottom of the page */
#footer {
	background-color: #FCFCFC;
	color: #000000;
	padding: 10px;
	line-height:17px;
	text-align:center;
	clear: both;}
#footer a {color:#610000;text-decoration: none;font-variant:small-caps;}
#footer a:hover {color: #610000;text-decoration: overline;font-style:none;font-variant:small-caps;}
#footernav {text-align: center; padding: 4px; margin-top: 0em;}
#footernav A {color:#610000;text-decoration: none;padding: 7px;font-variant:small-caps;}
#footernav a:hover {color: #610000;text-decoration: overline;font-style:none;font-variant:small-caps;}
/* End universal page setup */

/* this is a carryover from 1.1.  Generally it is used around tables and table cells. */
.tblborder { 
	border: 0px solid #ba4363;
	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;
	background-color: #FCFCFC;
	color: #000000;
}
html>body #mainpage { 
	height: auto;
	min-height: 550px;
}

/* Most pages use pagetitle to format the page's title */
#pagetitle { text-align: center; font-family: verdana; font-weight: normal;	font-variant:small-caps; font-size: 20px; color:#757B71;margin-top: 1em;}

/* 
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:#610000;
	text-decoration: none;
	font-weight: bold;
	background: #FCFCFC;
	padding: 0 5px;
}
/* each link when hovered over */
#alphabet A:hover, #pagelinks A:hover {
	background: #FCFCFC;
	color: #610000;	
	text-decoration: overline;
	font-style:none;
}
/* the currently selected letter and currently selected page */
#alphabet #current_letter, #pagelinks #currentpage {
	background: #FFF;
	color: #333;
	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: #1F1F1F;
	font-weight: bold;
}
/* Admin options in various places.  */
.adminoptions { color: #1F1F1F;font-weight: normal;font-family: verdana;}
#adminy {font-size:8px;font-weight:normal;}

/* The listings of stories etc. */
/* .sectionheader styles the headings "Stories" and "Series" */
.sectionheader {
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	font-variant:small-caps;
	color: #171717;
}

/* The box around each individual story */
.listbox {
	margin: 1em 5%;
	padding-top:10px;
	padding-bottom:10px;
	line-height: 30px;
}

/* The title bar for each story box. */
.listbox .title {
	padding: 6px;
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
	font-variant: small-caps;
	padding-top: 20px;

}
.listboxa .title {
	text-align:left;
	padding: 6px;
	color: #000;
	font-weight: bold;
	font-size: 16px;
	font-variant: small-caps;
	padding-top: 20px;
}
.listboxa .content {
	text-align:left;
	padding: 6px;
	line-height: 20px;
}

/* Because the background is black, the link colors need to be changed. */
.listbox .title A {color:#610000;text-decoration: none;font-size:16px;}
/* The content of the box...summary, categories, etc. */
.listbox .content {
	padding: 6px;
	line-height: 30px;
}

/* The tail info published date etc. on the last line */
.listbox .tail {
	padding: 6px;
	color: #FFF;
}
/* And again because of the black background change the color of the links. */
.listbox .tail A {
	color: #610000;
}



#divider {
	background-image:url(images/divider.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:35px;}

/* to get the featured/retired to float on the right see listings.tpl for mod */
#fimage { float: right;  margin: 4px;}
/* to get the reviews to sit nicer */
#reviews {padding-top:10px;}
#reviews .listbox .title {margin-left: 10px;padding-top:10px;}
	
/*End story/series listings */

#story { margin: auto;
 margin-top: 0;
 text-align: justify;
 padding-bottom: 2em;
 padding-top: 1em;
 padding-left: 1em;
 padding-right: 2em;
 font-family: verdana;
 color: #000000;
 width:70%;	
 line-height: 200%;
}
#story1 { margin: auto;
 margin-top: 0;
 text-align: justify;
 padding-bottom: 2em;
 padding-top: 1em;
 padding-left: 1em;
 padding-right: 2em;
 font-family: verdana;
 color: #000000;
 line-height: 200%;
}
/* titleblock is used for the title information in series and challenges */
#titleblock {
	margin: 0 10%;
}

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

/* 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 */
#sort { text-align: center; }


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

/* User Profile stuff */
/* The top list of information */
#profile {
	margin: 1em 10%;
}
/* The sort menu in the profile */
#profile #sort {
	text-align: right;
	font-weight: bold;
	color: #666;
 }
/* The following declarations control the tabs */
/* The outer tab box */
#tabs {
	text-align: center;
	margin: 0;
	padding: 0;
}
/* The individual tabs. */
#tabs span {
	font-size: 12px;
	padding: 3px;
}
/* Links in the tabs */

#tabs #active {
	color: #610000;font-weight:bold;
}

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

/* The box around the block */
.block { 
	margin: 1em;
}

/* The block's title */
.block .title {
	background: #000;
	color: #FFF;
	font-weight: bold;
	padding: 6px;
}
.block .stats {background:url(images/stats2.gif);height: 35px;}
.block .shout {background:url(images/shout2.gif);height: 35px;}
.block .feat {background:url(images/feats2.gif);height: 35px;background-repeat: no-repeat;background-position:center;}
.block .online {background:url(images/online2.gif);height: 35px;background-repeat: no-repeat;background-position:right;}
.block .skinchange {background:url(images/skin2.gif);height:35px;}
.block .polls {background:url(images/poll2.gif);height:35px;}
.block .categories {background:url(images/cats2.gif);height:35px;}
.block .recent {background:url(images/recent2.gif);height:35px; background-repeat: no-repeat;background-position:center;}
.block .prtnews {background:url(images/news2.gif);height:35px;background-repeat: no-repeat;background-position:center;}
.block .rand {background:url(images/random2.gif);height:35px;}
.block .linkies {background:url(images/links);height:35px;}
.block .linktous {background:url(images/friends2.gif);height:35px;}
.block .vids {background:url(images/vids2.gif);height:35px;}
.block .fanart {background:url(images/art2.gif);height:35px;}
.block .quote {background:url(images/quote2.gif);height:35px;}
#links {text-align:left;padding-left: .4em; padding-right: 1.2em;padding-bottom: 1em;background-color: #FCFCFC;line-height:16px;}
#links .blockcontent{text-align:left;padding-left: .4em; padding-right: 1.2em;padding-bottom: 1em;background-color: #FCFCFC;line-height:16px;}
#links a {color:#610000;text-decoration:none;}
#links a:hover{color: #610000;text-decoration: underline;}

.recentstory {padding-bottom: 20px;}
.featuredstory {padding-bottom: 20px;}
/* The block's content */
.block .content {
	background-color: #FCFCFC;
    color:#000000;
	padding: 6px;
	font-family: verdana;
	font-size: 12px;
	text-align:left;
	line-height:16px;
	text-align:left;}
.blockcontent {
	background-color: #FCFCFC;
    color:#000000;
	padding: 6px;
	font-family: verdana;
	font-size: 12px;
	text-align:left;
	line-height:16px;
	text-align:center;}
.block .content a{
    color:#610000;
	text-decoration:none;
	font-weight:bold;}
.blockcontent a:hover{color: #610000;text-decoration: none;position:relative;top:1.5px;left:1.5px;}
.blockcontent a{
    color:#610000;
	text-decoration:none;
	font-weight:bold;}
.block .content a:hover{color: #610000;text-decoration: none;}
#newscontent {	background-color: #FCFCFC;
    color:#000000;
	padding: 6px;
	text-align:center;
	line-height:16px;}
#newsarchive {text-align: center;background-color:#FCFCFC;}
#newsarchive a {color:#610000;text-decoration: none;}
#newsarchive a:hover{ color: #610000;text-decoration: none;}
.newstitle {text-align: center; font-family: verdana; font-weight: normal; font-size: 14px; color:#0A0A0A;}
.newssig {text-align: center; font-style: italic; font-size: 10px: color:#610000; background-color:#FCFCFC; }
.newsbox  {text-align: center; background-color:#FCFCFC;}
.newsbox  a{color:#610000;text-decoration: none;}
.newsbox  a:hover{color: #610000;text-decoration: none;}

#infoblock {text-align:left;}
#leftindex { 
	width: 220px;
	float: left;
}
html>body #leftindex {
	margin-top: -1em;
}

#middle {
position:relative;
margin-left: 220px;
margin-right: 220px;}

#rightindex {
	width: 220px;
	float: right;
    margin-top: -16px;}
/* for the width of the paged to be displayed */
/* 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; }

.comment{oddeven}
 {line-height: 18px;color:#636660;
	padding: 6px;}
.storyinfo {text-align:center;}
#browse #category_content { width: 95% !important; margin: 1em auto; }
.authorfields {padding-bottom:20px;}
table .top10list {padding-bottom: 20px;line-height:40px;}
.style1 {color: #0000ff:}
.qt {color: #000000; text-align: center; margin-left: 10%; margin-right:10%;}
.qt1 {color: #000000;font-weight: bold; text-align: center; font-style: italic; margin-top:-3px;padding-bottom: 2em;}

.rpics img {-moz-box-shadow: 5px 5px 5px #4F4B4B;
 -webkit-box-shadow: 5x 5px 5px #4F4B4B;
 box-shadow: 5px 5px 5px #4F4B4B;}