@charset "utf-8";
/* CSS RESET */
@import url(reset.css);
@import url(default.css);



body {
	background:#000;
	font-family: Verdana,Arial,Helvetica; 
	color: #ffffff; 
	font-size: 9pt;
	line-height: 16px;
	/*	scroll bar styles  */
	scrollbar-3dlight-color: #BE6306;
	scrollbar-arrow-color: #BE6306;
	scrollbar-base-color: #BE6306;
	scrollbar-darkshadow-color: #BE6306;
	scrollbar-face-color: #CD7E2E;
	scrollbar-highlight-color: #BE6306;
	scrollbar-shadow-color: #BE6306;
	scrollbar-track-color: #BE6306; 
}

p {
	margin-bottom:10px;
}

/* this centers texts within a paragraph tag <p> with the class of center  */

p.center {
	text-align:center;
}

a:link, a:visited {
	color: #ffffff; 
	text-decoration: none; 
	font-size: 9pt;
}

	
a:hover {
	color: #271A2C;
	text-decoration: none; 
	font-weight: bold;
}	

a img {
	border: 0px solid #602C39;

}


a:hover img {
	border: 0px solid #ffffff;
}

/* this effects your form fields */
	
input, select, textarea { 
	color: #fdfdf3;
	background: #981E1E;
	font-size: 9pt;
	text-decoration: none;
	font-family: Verdana,Arial,Helvetica;
	border-width: 1px;
	border-style: solid;
	border-color: #981E1E; 
}

/* this container has your entire site in it it should only have width and margin in it.  */
			 
#wrapper {
	width:1249px;
	margin:0px auto; /* this centres any block element */
}

/* this is the style for  */

#header {
	width:1249px;
	position:relative; /* if you have anything as position:absolute; the contining div needs to be position relative. this will stop resolution size errors. */
}

/* this is the div which displays the welcome to surrender your soul message that appears within the main image at the top of your design */

#welcome-message {
	position:absolute; /* as the surrounding div is position:relative; means you can measure the distance top, left, bottom, right from the surrounding div */
	left: 26px;
	top: 700px;
	width: 900px;
}

/* this div surrounds your content and sidebar (this keeps everything inline) */

#content {
	width:1249px;
}

/* this is the id for your side bar so any styles you want to make to the sidebar as a whole as in move it up or down change the width or padding. etc */

#sidebar {
	width:220px;
	float:right;
	display:inline;
	margin-right:40px;
	margin-top:-700px;
}

/* this sidebar-cell class .sidebar-cell is your place holder for each individual section on your side bar.   */

.sidebar-cell {
	padding:0px 50px;
	background:url(../images/sidebar-bg.jpg) repeat-y top center;
	text-align:center;
}


/* this style effects the image at the top of each section of your sidebar */

.sidebar-head {
	margin:0px -50px;
}

/* this lists your affiliates horizonatlly rather than virtically   */

.sidebar-cell ul.aff{
	margin:0px auto;
	padding:0px;
	width:188px;
}

/* this resets the text alignment for your stats */

.sidebar-cell ul li {
	text-align:left;
}

.sidebar-cell ul.aff li {
	list-style:none;
	display:inline;
	padding:0px 10px;
	margin:0px;
}


.sidebar-cell ul li img {
	display:inline;
}

/* this is the style for your bottom image on each individual sidebar section */

.sidebarfooter {
	width:318px;
	height:50px;
	background:url(../images/sidebar-bottom.jpg) no-repeat top center;
	display:block;
	margin:0px -50px;
}

/* this contains all your content */

#content-info {
	width:911px;
	float:right;
	display:inline;
}

/* this puts a border above and below your date on your home page */

.blog-date {
	border-top:0px solid #fff;
	border-bottom:0px solid #fff;
	padding:10px;
	text-align:center;
	font-weight:bold;
}

#content-info img{
	display:inline;
		
}

#content-info a{
	display:inline;
		
}

/* this will center any image you give class="center" */

img.center, #content-info img.center {
	margin:0px auto;
	display:block;
}


table#unique-id {  /* it is a good idea to give tables a unique id as it is unlikely to have the same size table. unless you are recreating the same feature but with different content but if that is the case give them a class not an id */
    text-align: center;
    width:900px;


}

tr{  /*not all browsers support table row styles but they are mainly old browsers like ie 7 and 6 */
    border:0px solid #fff;
}
td {  /*this sets all the table cells to width 50 and background black */
    background: none repeat scroll 0 0 #000000;

}

td.orange-cell { /* this overwrites the above background colour to give it an orange colour to any table cell with the class or orange-cell*/
     background:#000000;


}