/**

 *	main.css

 *

 *	@package Headmeatgames.com

 *	@author Aaron Hanford

 *

 */



body, html {

	margin: 0;

	padding: 0;

	

	/* Fucking IE */

	margin-bottom: 5px;

	padding-bottom: 5px;

}



html {

	overflow-y: scroll;

}



body {
    background-image:url('../images/full_body_gradient_slice.png');
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

div#header2
{	
	font-size:0px;
	border-style: none;
	border: 0px none;
	clear: both;
	position: relative;
	height: 130px;
	width: 1000px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
div#header2 ul
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
}
div#header2 img
{
	border: none;
}
div#header2 li
{
	float: left;
}

div#footer2
{
	font-size:0px;
	border-style: none;
	border: 0px none;
	clear: both;
	position: relative;
	width: 1000px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
div#footer2 ul
{
	list-style: none;
	font-size:0px;
	border-style: none;
	border: 0px none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#footer2 img
{
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#footer2 li
{
	font-size:0px;
	float: left;
}
/* Headlines */



h1 {

	line-height: 30px;

	font-size: 20px;

	text-indent: 2px;

	letter-spacing: 1px;

	margin: 0;

}



h3 {

	padding: 0;

	margin-bottom: 5px;

	margin-top: 0;

	line-height: 30px;

	font-size: 26px;

	font-family: Impact;

}





/*---------------------------------------------------------------------------------*/

/*

// Page Header

*/

/*---------------------------------------------------------------------------------*/



.header-container {

	margin-top: 10px;

	height: 200px;

	margin-bottom: 5px;

}



.header {


	width: 1000px;

	background: url(../_images/Header_bkgnd_t.png) top repeat-x;

	height: 190px;

	border: 5px solid white;

	margin: auto;

}



.logo {

	width: 195px;

	height: 115px;

	background: url(../_images/HMG_Logo_Blue.png) center center no-repeat;

	position: absolute;

	top: 60px;

	margin-left: 30px;

}



/* Top Links */



.top-links {

	display: none;

	position: absolute;

	height: 30px;

	z-index: 5;

	width: 1000px;

	text-align: right;

}



.top-links * {

	padding: 0;

	margin: 0;

}



.top-links ul {

	float: right;

}



.top-links ul, .top-links li {

	list-style: none;

	list-style-type: none;

}



.top-links li {

	float: left;

}



.top-links li a {

	margin-right: 15px;

	display: block;

	line-height: 28px;

	color: white;

	text-decoration: none;

	font-weight: bold;

	font-size: 12px;

	font-family: "MS Sans Serif", Geneva, sans-serif;

}



/* Main Menu */



.menu-wrapper {

	margin-top: 150px;

	float: right;

	width: 500px;

	height: 50px;

	white-space: nowrap;

	overflow: hidden;

}



.menu, .menu li {

	padding: 0;

	margin: 0;

	list-style: none;

	list-style-type: none;

	height: 50px;

	

}



.menu li {

	float: left;

}



.menu li a {

	display: block;

	margin-right: 5px;

	text-indent: -200em;

	height: 50px;

	background-image: url(../_images/menu.png);

	width: 100px;

	overflow: hidden;

	background-repeat: no-repeat;

}



.menu li a:hover {

	cursor: pointer;

}



.menu .home a { background-position: 0px 0px; }

.menu .home a.selected { background-position: 0px -55px; }

.menu .games a { background-position: -99px top; }

.menu .games a.selected { background-position: -99px -55px; }

.menu .blog a { background-position: -198px top; }

.menu .blog a.selected { background-position: -198px -55px; }

.menu .projects a { background-position: -297px top; }

.menu .projects a.selected { background-position: -297px -55px; }







/*---------------------------------------------------------------------------------*/

/*

// Page Body

*/

/*---------------------------------------------------------------------------------*/



.main-wrapper {

	width: 1000px;
	
	background-image:url('../images/body_gradient_slice.png');
			
	background-repeat: repeat-x;
				
	background-color: white;
	
	margin: 0px auto 0px auto;

	padding-top: 0px;


}



.main {

	

}





/* ONE COLUMN LAYOUT */

.one-column {

	

}





/* TWO COLUMN LAYOUT */



.two-column {

	overflow: hidden;

	width: 1000px;

	margin: 0px auto;

}





.two-column .content {

	width: 800px;

	border-right: 200px solid white;

	margin-right: -200px;

	float: left;

	min-height: 200px;

}



.two-column .sidebar {

	width: 195px;

	float: left;

	min-height: 200px;

	margin-left: 5px;

	padding-top: 50px;

}



/* TWO COLUMN **WIDE** LAYOUT */



.two-column-wide {

	overflow: hidden;

	width: 1000px;

	margin: 0px auto;

}





.two-column-wide .content {

	width: 700px;

	/*border-right: 300px solid white;

	margin-right: -300px;*/

	float: left;

	min-height: 200px;

}



.two-column-wide .sidebar {

	width: 255px;

	float: left;

	min-height: 200px;

	margin-left: 25px;
	
	margin-right: 20px;
	
	margin-top: 20px; 
	
	background-color: #FFFFFF;

}











/* THREE COLUMN LAYOUT */



/*---------------------------------------------------------------------------------*/

/*

// Page Elements

*/

/*---------------------------------------------------------------------------------*/

 

.page-title {

	border-bottom: 1px solid blue;

	text-align: right;

	color: #666c66;

	margin-bottom: 15px;

}

 

.game-description-wrapper {
	
	background: #F8F8F8;

	padding: 0px 0px 15px 10px;

	margin-left: 10px;

	margin-bottom: 20px;

}

 

.game-image-large {

	display: block;

	border: 5px solid #cccccc;

	width: 600px;

	margin: auto;

}



.game-image-large img {

	border: none;

}



/*---------------------------------------------------------------------------------*/

/*

// Star Rating

*/

/*---------------------------------------------------------------------------------*/



.game-rating {

	

	margin-top: 2px;

	margin-left: 5px;

	text-indent: 5px;

	line-height: 25px;

	height: 25px;

	width: 80px;

	float: left;

}



.rating {

	background: transparent url(../_images/star-matrix1.gif) no-repeat scroll 0pt;

	clear:both;

	height:16px;

	list-style-image:none;

	list-style-position:outside;

	list-style-type:none;

	margin:0pt 0pt 20px;

	padding:0pt;

	position:relative;

	width:80px;

}

.nostar { background-position:0pt; }

.onestar { background-position:0pt -16px; }

.twostar { background-position:0pt -32px; }

.threestar { background-position:0pt -48px; }

.fourstar { background-position:0pt -64px; }

.fivestar { background-position:0pt -80px; }



ul.rating li {

	cursor:pointer;

	float:left;

	text-indent:-999em;

}

ul.rating li a {

	height:16px;

	left:0pt;

	position:absolute;

	text-decoration:none;

	top:0pt;

	width:16px;

	z-index:200;

}

ul.rating li.one a { left:0pt; }

ul.rating li.two a { left:16px; }

ul.rating li.three a { left:32px; }

ul.rating li.four a { left:48px; }

ul.rating li.five a { left:64px; }



ul.rating li a:hover {

	background:transparent url(../_images/star-matrix1.gif) no-repeat scroll 0pt;

	height:16px;

	left:0pt;

	overflow:hidden;

	width:80px;

	z-index:2;

}

ul.rating li.one a:hover { background-position:0pt -96px; }

ul.rating li.two a:hover { background-position:0pt -112px; }

ul.rating li.three a:hover { background-position:0pt -128px; }

ul.rating li.four a:hover { background-position:0pt -144px; }

ul.rating li.five a:hover { background-position:0pt -160px; }



.game-rating-widget {

	float: right;

	width: 350px;

	overflow: hidden;

}



.game-rating-text {

	border-right: 130px solid white;

	margin-right: -130px;

	float: left;

	width: 80px;

	font-family: "Agency FB";

	font-size: 14px;

	line-height: 25px;

	font-weight: bold;

	

}



.game-rating-number {

	float: left;

	width: 160px;

	margin-left: 15px;

	font-family: "Agency FB";

	font-size: 14px;

	line-height: 25px;

	font-weight: bold;

	

}







/*---------------------------------------------------------------------------------*/

/*

// Page Footer

*/

/*---------------------------------------------------------------------------------*/



.footer {

	width: 1000px;

	margin-top: 5px;

	margin-bottom: 5px;

	min-height: 100px;

	margin-right: auto;

	margin-left: auto;

	overflow: hidden;

}





.footer {

	line-height: 30px;

}



/*
.footer * {

	padding: 0;

	margin: 0;

}



.footer .left {

	width: 500px;

	margin-right: -500px;

	border-right: 500px solid white;

	float: left;

	

}



.footer .right {

	width: 500px;

	float: left;

	padding: 15px auto 15px auto;

	

}



.footer .right iframe {

	margin-top: 20px;

	margin-bottom: 20px;

}


*/