/*  
Theme Name: The Game Fan Blog
Theme URI: http://thegamefanblog.com/
Description: A 2 column The Game TV Show WordPress theme for <a href="http://thegamefanblog.com/">The Game Fan Blog</a> by <a href="http://morningsundesigns.com/">Morningsun Designs</a>.
Version: 1.0
Author: Hiuxing
Author URI: http://morningsundesigns.com/
Tags: morningsun designs, 2 column, widgetready, the game, blog

	The Game Fan Blog
	 http://thegamefanblog.com/

	This theme was designed and built by Hiuxing Wen,
	whose design site you will find at http://morningsundesigns.com/
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	User must keep all the credits intact for legel use.

*/


			body {
				font-size: 10px;
				font-family: "lucida grande", "lucida sans", lucida, verdana, arial, sans-serif;
				color: #626161;
				background: #101010;
				margin: 0;
				padding: 0;
			}

			h1, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
				color: #ffffff;
				font-size: 14px;
				font-weight: normal;
				font-family: Trebuchet MS;
			}

			h2, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
				background: #25110c;
				height: 27px;
				color: #ffffff;
				font-size: 14px;
				font-weight: normal;
				font-family: Trebuchet MS;
				padding: 10px 0px 0px 10px;
				margin: 0px 0px 5px 0px;
			}

			a:link, a:active, a:visited {
				color: #6d5745;
				font-weight: bold;
				text-decoration: none;
			}

			a:hover {
				text-decoration: underline;
			}

			.layout {  
										/* This is where I start the Layout Div. I named this class "layout". */
				margin: 0px auto;
				padding: 0px;
				width: 982px;			/* Set the width of your layout here */
			}

			.top {					/* CSS for the top div: the header */					
				color: white;	
				background: url(images/top.jpg) #130b07;			
				width: auto;			
				height: 60px;
			}

			.topbg {					/* CSS for the top div: the header */					
				color: white;			
				background: url(images/topbg.png) #130b07;		
				width: auto;			
				height: 60px;
			}

			#navigation {									
				color: ffffff;	
				padding: 15px 0 0px 0;
				width: auto;			
				height: 60px;
			}

			#navigation ul {
				margin: 0 0 0 0px;
			}

			#navigation li {
				line-height: 30px;
				list-style: none;
				text-transform: uppercase;
				float: left;
				margin: 0 4px 0 0;
			}

			#navigation li a {
				color: #fff;
				display: block;
				float: left;
				padding: 0 0 0 20px;
				text-decoration: none;
				background: transparent;
			}

			#navigation li a span {
				display: block;
				float: left;
				height: 30px;
				padding: 0 20px 0 0;
				background: transparent;
			}

			#navigation li.active a span, #navigation li a:hover span, #navigation li.current a span, #navigation li a:hover, #navigation li.active a, #navigation li.current a {
				background: url(images/button.png) no-repeat left;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				color: #ffffff;
				text-decoration: none;
			}

			.header {					/* CSS for the top div: the header */					
				color: white;			
				background: url(images/header.jpg) #7c5831;		
				width: auto;			
				height: 250px;		
			}

			.headerbg {					/* CSS for the top div: the header */					
				color: white;			
				background: url(images/headerbg.png) #7c5831;		
				width: auto;			
				height: 250px;		
			}

			.slideshow {									
				color: white;	
				padding: 90px 0 0px 40px;
				width: 332;			
				height: 131px;
			}

			.advert {
				text-align: center;
			}

			.content {					/* CSS for the middle div: the content */	
				width: 600px;			
				min-height: 200px;		/* To avoid stretch problems with XHTML, I set a minimum height for this div. */
				float: left;
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 50px;
			}

			.boxie {
				background-color: #1b1b1b;
				padding: 0px;
				margin-bottom: 20px;
				text-align: justify
			}

			.entry {
				background-color: #1b1b1b;
				padding: 0px 7px 7px 7px;
				margin-bottom: 20px;
				text-align: justify
			}

			.date {
				color: #fff;
				font-size: 12px;
				text-align: center;
				background: #25110c;
			}

			.title {
				padding: 0px 0 0px 10px;
				background: url(images/topbg.png) repeat-x;
			}

			.sidebar {						/* CSS for the middle div: the content */	
				background: #1b1b1b;		
				width: 250px;			
				min-height: 200px;		/* To avoid stretch problems with XHTML, I set a minimum height for this div. */
				float: left;
				padding: 0px 0px 10px 0px;
				margin: 0px 0px 0px 25px;
				list-style-type: none;
			}

			.sidebar ul{
				list-style-type: none;
				margin: 0;
				padding: 0px 0px 0px 0px;
			}
			
			.sidebar ul li{
				padding:0;
				margin: 0;
			}
			
			.sidebar ul ul li{
				padding: 0px;
				margin: 0;
			}

			.navigation {			
				width: auto;			
				height: 60px;
				text-align: center;
			}

			.footer {	
				font-family: arial;
				font-size: 11px;
				color: #b0b0b0;	
				text-align: center;
				padding: 15px 0 0 0;
				background: blue;
				background: url(images/topbg.png) #666666;
				width: auto;
				height: 45px;
				clear: both;			/* Clear the floats */
			}

			a.ftrlink, a.ftrlink:link, a.ftrlink:visited {
				color : #5f5144; 
				text-decoration : none 
			} 

			a.ftrlink:hover {
				color : #726963; 
				text-decoration : none 
			}