/*This is the override stylesheet used to change the look of your
review site.  I've put the things that you would like to change along
with a description of what it is, how to change it, and posibly other details.*/

/*Font family and background color*/
body {
	font-family: Verdana, Arial, sans-serif; /*The first font will be used, then the second, and so on, depending on what fonts the user has installed*/
	background-color: #F0F0F0; /*Background color of the site*/
}

/*Header Image*/
#header {
	background-image: url("images/fireworks.jpg"); /*replace fireworks.jpg with the proper sized header in your images folder in your review-site theme folder*/
	background-color: none; /*replace none with an HTML color code and set background-image: none; to have a solid color header*/
}

/*Overall Color Scheme*/
#header ul {
	background-color: #BFCADF; /*Background color of top nav menu*/
}

#header h1 a {
	color: #00000F0; /*Color of Site Title*/
	font-size: 20px; /*Font Size of Site Title*/
}

#header a:hover {
	background-color: #8A9FBE; /*Background color that appears when you hover over one of the top nav items*/
}

#header a {
	color: #0000EE; /*Change the color of the header links*/
}

#mainbox {
	background-color: #FFF; /*Background color of overall box holding all the content and menus and everything*/
}

#sidebar {
	background-color: #BFCADF; /*Background color of the sidebar*/
	/*border-bottom: 1px solid #000;*/ /*Remove if you plan on not having the sidebar extend to the bottom of the screen*/
}

.intro {
	background-color: #E6E6FA; /*Background color of the Intro box#8A9FBE*/
}

.recent {
	background-color: #8A9FBE; /*Background color of the box with the post boxes in it*/
}

.post {
	background-color: #BFCADF; /*Background color of all post boxes#FFB073*/
}

/****The Main box background custimization*****/
/*In order to have the side bar extend to the bottom of the screen a small repeating background image is used.  If you would like to keep that layout
but change the colors, you will have to edit bg.gif in the images folder.  If you want the sidebar color not to extend to the bottom of the screen, read below*/
#mainbox {
	background-image: url("images/bg.gif"); /*Set to background-image: none; to jut change the colors above.  Be sure to uncomment the border-bottom in #sidebar above*/
}

/***Other Stuff***/
.post h2 span {
    color: #900000; /*Change color of FEATURED Text*/
}
 
span.bold {
    color: #000; /*Change colored of Editior/Overall rating text.*/
}
 
/*Uncomment the following by removing slash start and star slash if you want to adjust the line height and spacing of the letters, otherwise, leave commented*/
/*
.post {
    letter-spacing: 1px;
    line-height: 20px;
}
*/

/*Featured Boxes Background Colors*/
#featured1 {
	background-color: #FFFFE0;
}

#featured2 {
	background-color: #FFFFE0;
}

#featured3 {
	background-color: #FFFFE0;
}

/*Cange the background color of the comments*/
.commentlist li {
	background-color: #BFCADF;
}

/*Change the overall background*/
body {
	background-color: #F0F0F0;
}

/****Font Colors****/
.post h2 a {
	color: #0000EE; /*Change color of post headlines/titles*/
}

#sidebar a {
	color: #0000EE; /*Change color of post headlines/titles*/
}

h2 {
	color: #000; /*Change color of headlines*/
}

/*Adjust space between paragraphs*/
p {
	margin-bottom: 5px;
}