BODY { 
	background-color: #0A0A0A;
    background-image: url(http://www.pretendercentre.com/forum/Themes/PretenderCentre/images/img/rotateSIM.php);
	background-repeat: no-repeat;
	background-position: top left;
	color: #c0bcd4;
	margin: 0;
	padding: 0;
	text-align: center;
 	font-family: verdana, arial, sans-serif;
	font-size: 10px;
}

IMG { 
	border: 0;
	padding: 0;
	margin: 0;
}
/* Header cells in tables */
TH { 
	color: #c0bcd4;
	font-weight: bold; 
    text-size: 11px;
}
/* Any link not already styled in a class */
A { 
	color: #43517d;
	font-weight: bold;
	text-decoration: none;
}
/* hovering links */
A:hover {color: #5a6ca5; text-decoration: underline; font-weight: bold;POSITION:relative;TOP:1.5px; LEFT:1.5px;}
/* this is mainly for the categories to sit right */


/* for the width of the paged to be displayed */
#container {
	width: 780px;
	margin: auto;
	margin-top: -180px;
	text-align: center;
 	background-color: transparent;
}
#wrapper {height:284px;
 	background-color: transparent;
 	background-image: url(images/rightmpsm.gif);
	background-repeat:no-repeat;
	background-position:top right;}	 
/* the banner  */


/* welcome message */
#welcome {
 margin:auto;
 text-align: center;
 padding-bottom: 2em;
 padding-top: 1em;
 padding-left: 1em;
 padding-right: 2em;
 font-size: 11px;
 font-weight: bold;
 color: #c0bcd4;	
}


/* the menu is for the top row */
#menu {
background-color: transparent;
background-image: url(images/cat.gif);
height:23px;
background-repeat: repeat-x;
font-family: OCR A Extended, verdana;
font-size:12px;
color:#000000;

}
#menu UL {
padding-top:.2em;
 margin-left: 3px;
 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:#c0bcd4;
 text-decoration: none;
 font-weight: bold;
padding-left: 4px;
padding-right: 4px;
}

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

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

/* the submenu is for the second line of menu */
#submenu {
 padding: 3px;
 background-color: #fae2bd;
 
}

#submenulist {
margin-top:-1px;
background-color: transparent;
background-image: url(images/cat.gif);
height:23px;
background-repeat: repeat-x;
font-family: OCR A Extended, verdana;
font-size:12px;
color:#000000;
}

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

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

}

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

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

#submenulist a:hover{
 color: #5a6ca5;
 text-decoration: underline;
 font-weight: bold;
}

#leftindex { 
	width: 180px;
	float: left;
	
}

#rightindex {
	margin-left: 200px;
	width: 545px;
    background-color: transparent;}

/* this is for the main footer bit */
#footer {
	color: #c0bcd4;
	background-color: #0A0A0A ;
	background-image: url(images/centre.gif);
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 80px;
	clear: both;
	width: 780px;
	margin-left:auto;
	margin-right:auto;
}


#footertext {
padding-left: 10px;
padding-right: 10px;
padding-top:5px;
background-color: #0A0A0A;
text-align: center;}

/* this is for the links bit */

#footernav {
 background: #0A0A0A;
 text-align: center;
 padding: 4px;
 margin-top: 0em;
 border-top: 0px solid #000;
}
#footernav A { color: #43517d; font-weight: bold; text-decoration: none;padding: 7px;}
#footernav a:hover {color: #5a6ca5; text-decoration: underline; font-weight: bold;POSITION:relative;TOP:1.5px; LEFT:1.5px;}
#pretendercentre {background-image: url(images/pretendercentrecom.gif);background-position: center; background-repeat:no-repeat;height:55px;}

/* 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: 15px;
	background: transparent;
	text-align: left;  
}
html>body #mainpage { 
	height: auto;
	min-height: 550px;
}

/* for the title of each page if you want a line, add border-bottom */
#pagetitle { 
	text-align: center;
	font-size: 16px;
	font-family:OCR A Extended,Verdana, Tahoma;
	color: #c0bcd4;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* the alphabet listings and the next page, next previous etc */


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

#alphabet A, #pagelinks A {
	color: #c0bcd4;
	text-decoration: none;
	font-weight: bold;
	font-family:OCR A Extended,Verdana, Tahoma;
	padding: 0 2px;
	font-size: 15px;
}

#alphabet A:hover, #pagelinks A:hover {
	color: #c0bcd4;
	position:relative; top:1.5px; left:1.5px;
}

#alphabet #current_letter, #pagelinks #currentpage {
	color: #c0bcd4;
	font-weight: bold;
	font-family:OCR A Extended,Verdana, Tahoma;
	padding: 0 2px;
}


/* labels in forms mostly defined by divs */
LABEL, .classification {
	color: #c0c0c0;
	font-weight: bold;
	font-family: OCR A Extended, Verdana;
	font-size:11px;
}
.label {
	color: #c0c0c0;
	font-weight: bold;
	font-family: OCR A Extended, Verdana;
	font-size:11px;
}

.redlabel {
	color: #ff0000;
	font-weight: bold;
	font-family: OCR A Extended, Verdana;
	font-size:11px;
}

/* Admin options.  */
.adminoptions { 
	color: #7b7988;
	font-weight: bold;
}

/* for the story headings*/
.sectionheader {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	font-family:OCR A Extended,Verdana, Tahoma;
	color: #c0bcd4;
}

/* container for each story */
.listbox {
	margin: 1em 5%;
    background-color: transparent;
    padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
   
}

/* The title bar for each story box. */
.listbox .title {
	background-color: #0A0A0A;
	color: #000000;
	font-weight: bold;
	padding: 4px;
	padding-left: 8px;
	
}

/* the inside of the story box. */
.listbox .content {
	padding: 6px;
	background-color: #0A0A0A;
	background-position: top left;
	background-repeat: repeat-x;
}

/* the bottom ribbon of the box */
.listbox .tail {
	background-color: #0A0A0A;
	padding: 4px; 	
}

/* 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 .listbox .title {margin-left: 10px;}



/* .listboxa was an extra bit i put in so i could have different colours for story/reveies etc*/
.listboxa {
	margin: .5em .1%;
    padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
   }

.listboxa .title {
	background-color: #0A0A0A;
	color: #c0bcd4;
	font-weight: bold;
	padding: 4px;
	padding-left: 8px;
	font-size: 12px;
}

.listboxa .content {
	padding: 10px;
	background-color: #0A0A0A;
    line-height: 15px;
}

.listboxa .tail {
	background-color: #0A0A0A;
	padding: 4px; 
}
#divider {
	background-image:url(images/divider.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:20px;}		


/* title info series and challenges */
#titleblock {margin: 0 10%;}

/* The dropdown jump menus */
.jumpmenu {
	text-align: right;
	margin-right: 1em;
}

/* story page, dropdown to be centred */
#pagelinks .jumpmenu {text-align: center;}

/* for responses, like authors response */
.respond { 
	text-align: center;
	padding: 6px;
}

/* sort menu on the categories page */
#sort { text-align: center;padding-bottom: 30px;line-height:30px; }
#sortform {line-height:30px; }

/* pages not using listings using output */
#output { 
	padding: 10px;
   
}

/* user profile */
#profile {
	margin: 1em 10%;
}

/* menu in profile */
#profile #sort {
	text-align: right;
	font-weight: bold;
	color: #9ab96e;
 }

/* this is for the stories by tabs */

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

#tabs span {
	font-size: 10px;
	padding: 3px;
}
/* Links in the tabs */

#tabs #active {color: #000000;}
.newsbox  {text-align: center; background-color:#2e2e2e;}
/* blocks on index page  */



/* --------------------------  my individual blocks --------------------------------------  */
#sitenews .blocktitle {background:url(images/news.gif);background-color:#2e2e2e;  color:#c0bcd4;height: 30px;border-right:1px solid #7b7988; border-left:1px solid #7b7988;border-top:1px solid #7b7988;}
#sitenews .blockcontent {background-color:#2e2e2e; line-height:16px; color: #c0bcd4; text-align: center; padding-left: 1.2em; padding-right: 1.2em; text-align: center;border-right:1px solid #7b7988; border-left:1px solid #7b7988;border-bottom:1px solid #7b7988;}
#sitenews a {color: #43517d;background-color:#2e2e2e;}
#sitenews a:hover{ color: #000000; text-decoration: underline; font-weight: bold;POSITION:relative;TOP:1.5px; LEFT:1.5px;} 
.newstitle {text-align: center; font-weight: bold; font-size: 11px: color:#104c0b; background-color:#2e2e2e;}
.newssig {text-align: center; font-style: italic; font-size: 10px: color:#104c0b; background-color:#2e2e2e;}
#newsbottom {background:url(images/divone.gif);background-repeat:no-repeat;background-position:center;}
#newsarchive {text-align: center;background-color:#2e2e2e;}
#newsarchive a {font-family: OCR A Extended, Verdana; font-size:12px;color: #43517d; text-decoration: none; font-weight: bold;background-color:#2e2e2e;}
#newsarchive a:hover{ color: #43517d; text-decoration: none; font-weight:bold; POSITION:relative;TOP:1.5px; LEFT:1.5px; }

#stats .blocktitle {background:url(images/statslong.gif); color:#000; height:30px; background-color:#2e2e2e; border-right:1px solid #7b7988; border-left:1px solid #7b7988;border-top:1px solid #7b7988;}
#stats .blockcontent {background-color:#2e2e2e; line-height:16px; color: #c0bcd4; text-align: center; padding-left: .4em; padding-right: .4em;padding-bottom: .4em;border-right:1px solid #7b7988; border-left:1px solid #7b7988;border-bottom:1px solid #7b7988;}	
#stats a:hover{color: #000000; text-decoration: underline;  font-weight: bold;}

#categories .blocktitle {background:url(images/categories.gif); color:#000;height: 30px;background-color:#2e2e2e; border-right:1px solid #7b7988; border-left:1px solid #7b7988;border-top:1px solid #7b7988;}
#categories .blockcontent {background-color:#2e2e2e; line-height:16px; color: #c0bcd4; text-align: left; padding-left: .4em; padding-right: .4em;border-right:1px solid #7b7988; border-left:1px solid #7b7988;border-bottom:1px solid #7b7988;}
#categories a {color:#43517d;}
#categories a:hover{color: #5a6ca5; text-decoration: underline; font-weight: bold;POSITION:relative;TOP:1.5px; LEFT:1.5px;} 

#random .blocktitle {background:url(images/random.gif); color:#000;height: 30px;background-color:#2e2e2e; border-right:1px solid #7b7988; border-left:1px solid #7b7988;border-top:1px solid #7b7988;}
#random .blockcontent {background-color:#2e2e2e; line-height:16px; color: #c0bcd4; text-align: left; padding-left: .4em; padding-right:.4em;padding-bottom: .4em;border-right:1px solid #7b7988; border-left:1px solid #7b7988;border-bottom:1px solid #7b7988;}
#random a {color: #43517d;}
#random a:hover{color: #5a6ca5; text-decoration: underline; font-weight: bold;POSITION:relative;TOP:1.5px; LEFT:1.5px;}  

#recent .blocktitle {background:url(images/recentlong.gif); color:#000;height: 30px;background-color:#2e2e2e; border-right:1px solid #7b7988; border-left:1px solid #7b7988;border-top:1px solid #7b7988;}
#recent .blockcontent {background-color:#2e2e2e; line-height:16px; color: #c0bcd4; text-align: left; padding-left: 1.2em; padding-right: 1.2em;padding-bottom: .4em;border-right:1px solid #7b7988; border-left:1px solid #7b7988;border-bottom:1px solid #7b7988;}
#recent a {color:#43517d;}
#recent a:hover{color: #5a6ca5; text-decoration: underline; font-weight: bold;POSITION:relative;TOP:1.5px; LEFT:1.5px;}  
#links .blocktitle {background:url(images/links.gif); color:#000;height: 30px;background-color:#2e2e2e; border-right:1px solid #7b7988; border-left:1px solid #7b7988;border-top:1px solid #7b7988;}
#links .blockcontent {background-color:#2e2e2e; line-height:16px; color: #c0bcd4; text-align: left; padding-left: .4em; padding-right: 1.2em;padding-bottom: .4em;border-right:1px solid #7b7988; border-left:1px solid #7b7988;border-bottom:1px solid #7b7988;}
#links a {color: #43517d;}
#links a:hover{color: #5a6ca5; text-decoration: underline; font-weight: bold;POSITION:relative;TOP:1.5px; LEFT:1.5px;} 

#featured .blocktitle {background:url(images/featuredindex.gif); background-repeat:no-repeat; background-position:center;color:#000;height: 30px;background-color:#2e2e2e; border-right:1px solid #7b7988; border-left:1px solid #7b7988;border-top:1px solid #7b7988;}
#featured .blockcontent {background-color:#2e2e2e; line-height:16px; color: #c0bcd4; text-align: left; padding-left: .4em; padding-right: 1.2em;padding-bottom: .1em;border-right:1px solid #7b7988; border-left:1px solid #7b7988;border-bottom:1px solid #7b7988;}
#featured a {color: #43517d;}
#featured a:hover{color: #5a6ca5; text-decoration: underline; font-weight: bold;POSITION:relative;TOP:1.5px; LEFT:1.5px;} 

#shout .blocktitle {background:url(images/shout.gif); color:#000;height: 30px;background-color:#2e2e2e; border-right:1px solid #7b7988; border-left:1px solid #7b7988;border-top:1px solid #7b7988;}
#shout .blockcontent {background-color:#2e2e2e; line-height:16px; color: #c0bcd4; text-align: left; padding-left: .4em; padding-right: 1.2em;padding-bottom: .4em;border-right:1px solid #7b7988; border-left:1px solid #7b7988;border-bottom:1px solid #7b7988;}
#shout a {color: #43517d;}
#shout a:hover{color: #5a6ca5; text-decoration: underline; font-weight: bold;POSITION:relative;TOP:1.5px; LEFT:1.5px;} 

#skinchange .blocktitle {background:url(images/skinchange.gif); color:#000;height: 30px;background-color:#2e2e2e; border-right:1px solid #7b7988; border-left:1px solid #7b7988;border-top:1px solid #7b7988;}
#skinchange .blockcontent {background-color:#2e2e2e; line-height:16px; color: #c0bcd4; text-align: center; padding-left: .4em; padding-right: 1.2em;padding-bottom: .4em;border-right:1px solid #7b7988; border-left:1px solid #7b7988;border-bottom:1px solid #7b7988;}
#skinchange a {color: #43517d;;}
#skinchange a:hover{color: #5a6ca5; text-decoration: underline; font-weight: bold;POSITION:relative;TOP:1.5px; LEFT:1.5px;} 

#poll .blocktitle {background:url(images/poll.gif); color:#000;height: 30px;background-color:#2e2e2e; border-right:1px solid #7b7988; border-left:1px solid #7b7988;border-top:1px solid #7b7988;}
#poll .blockcontent {background-color:#2e2e2e; line-height:16px; color: #c0bcd4; text-align: left; padding-left: .4em; padding-right: 1.2em;padding-bottom: .4em;border-right:1px solid #7b7988; border-left:1px solid #7b7988;border-bottom:1px solid #7b7988;}
#poll a {color: #43517d;}
#poll a:hover{color: #5a6ca5; text-decoration: underline; font-weight: bold;POSITION:relative;TOP:1.5px; LEFT:1.5px;} 

#online .blocktitle {background:url(images/online.gif); color:#000;height: 30px;background-color:#2e2e2e; border-right:1px solid #7b7988; border-left:1px solid #7b7988;border-top:1px solid #7b7988;}
#online .blockcontent {background-color:#2e2e2e; line-height:16px; color: #c0bcd4; text-align: left; padding-left: .4em; padding-right: 1.2em;padding-bottom: .4em;border-right:1px solid #7b7988; border-left:1px solid #7b7988;border-bottom:1px solid #7b7988;}
#online a {color: #43517d;}
#online a:hover{color: #5a6ca5; text-decoration: underline; font-weight: bold;POSITION:relative;TOP:1.5px; LEFT:1.5px;} 

#fanart .blocktitle {background:url(images/fanart.gif); background-color:#2e2e2e; height: 30px;border-right:1px solid #7b7988; border-left:1px solid #7b7988;border-top:1px solid #7b7988;}
#fanart .rpics {background-color:#2e2e2e; line-height:16px; color: #c0bcd4; text-align: center; padding-left: 1.2em; padding-right: 1.2em;padding-bottom: .7em;margin-top:-.3em; margin-bottom:-.1em;border-right:1px solid #7b7988; border-left:1px solid #7b7988;border-bottom:1px solid #7b7988;}
#fanart a {color: #43517d;}
#fanart a:hover{color: #5a6ca5; text-decoration: underline; font-weight: bold;POSITION:relative;TOP:1.5px; LEFT:1.5px;}

/* the RSS link  */
#rss {position: center;} 

 
/* next link */
#next { float: right; }

/* previous link  */
#prev { float: left; }

#browse #category_content { width: 95% !important; margin: 1em auto; }
#browseblock {margin-bottom:30px;padding-top:20px;}
#browseblock .row {padding-bottom:30px;}
#browseblock .column {line-height:20px;}
#columncontainer { margin: 0 2% !important; padding-bottom:30px;}


/* how the story looks */
#story { margin-left: 0px;
 margin-top: 0;
 text-align: left;
 padding-bottom: 2em;
 padding-top: 1em;
 padding-left: 1em;
 padding-right: 2em;
 background-color:transparent;
 font-size: 12px;
 line-height:150%;	
}

/* 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%;  
	background-color:#2e2e2e;
}
/* to get this sitting in the middle */
.tinytogglea {
   margin-left: 41%;}

 INPUT
	{
	background-color:#0A0A0A; /* button top colors, check mark box outsides, input small text boxes (log in size) */
	color: #c0bcd4;
	}

SELECT /* scroll down menu */
	{
	background-color: #0A0A0A;
	color: #c0bcd4;
}	


TEXTAREA
	{
	background-color: #0A0A0A;
	color:#c0bcd4;
	}

FORM
	{
	} 

#reviews { margin-left: 10px;}

#scroll {background:url(images/newsscroll.gif);}


/* #content i {
background-image: url(images/divider.gif);
} */

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

#donate {text-align: center; text-weight: normal;}
#donate a{text-weight: bold; text-decoration: none;}

/* this is to control the background on custom pages */
#prt4 {background-color: #0A0A0A;}
/* this is to control the background on news comments */
#prt4a {background-color:#0A0A0A; padding-left: 10px; padding-right: 10px;}

.style1 {color: #0000ff:}
.qt {color: #C0C0C0; font-weight: bold; text-align: center; margin-left: 10%; margin-right:10%;}
.qt1 {color: #43517d;font-weight: bold; text-align: center; font-style: italic; margin-top:-3px;padding-bottom: 2em;}