@charset "UTF-8";


@import "default.css";


/* ######### Default class for drop down menus ######### */

body {
	background:
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

* {
	font-size: 1em;
	margin: 0;
	padding: 0;
	color: 
}

a img {
border: 0;
}

p {
margin: 7px 0 11px 0;
}

#container {
width: 915px;
margin: 0 auto;
padding: 0 1px;
}

h2 {
	color:
	height: 21px;
	line-height: 21px;
	padding: 0 6px 0 10px;
	border: 1px solid #000;
	border-width: 0px 1px 1px 1px;
	text-transform: uppercase;
	background-image: url(i/h2.gif);
	background-repeat: repeat-x;
}

h2 a {
display: block;
text-decoration: none;
color: #fff;
background: url('http://www.hypergamer.net/i/h2-more.gif') top right no-repeat;
}

/******************************************
*******          HEADER                             *********
******************************************/

#header {
height: 280px;
}

#header h1 a {
background: url('http://www.hypergamer.net/i/header.jpg') no-repeat;
display: block;
height: 250px;
}

#header h1 a span { display: none; }

#header ul {
height: 30px;
display: block;
line-height: 30px;
list-style: none;
background: url('http://www.hypergamer.net/i/nav.gif') no-repeat;
padding-left: 25px;
}

#header ul li {
float: left;
padding: 0 1px;
}

#header ul li a {
display: block;
height: 30px;
float: left;
text-transform: uppercase;
text-decoration: none;
color: #fff;
font-weight: bold;
padding: 0 7px;

}

#header ul li a:hover {
	background: url(/'http://www.hypergamer.net/i/nav2.gif') repeat-x;
}


/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Extension
 */

ul.dropdown a,
ul.dropdown span {
 display: block;
 padding: 5px 30px;
}



/*------------------------------------------------------------------------------------------------------/
 *	@section	Base Style Override
 */


ul.dropdown li {
 padding: 0;
}

ul.dropdown ul a,
ul.dropdown ul span { /* POI, proposal: override abstract a, span */
 padding: 8px;
}



/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */


ul.dropdown *.dir { /* POI */
 padding: 5px 30px;
}

ul.dropdown ul *.dir {
 padding: 8px 30px 8px 8px;
}



/*------------------------------------------------------------------------------------------------------/
 *	@section	Custom Styles
 */


ul.dropdown ul a {
 width: 133px;
}

ul.dropdown ul a.dir {
 width: 111px;
}



/*------------------------------------------------------------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */


ul.dropdown *.open {
 background-color: #3d3d3d;
}
ul.dropdown ul *.open {
 background-color: #4c4c4c;
 background-image: url(images/comnav-arrowover.png);
 color: #fff;
}
ul.dropdown ul ul *.open {
 background-color: #595959;
 background-image: url(images/comnav-arrowover2.png);
 color: #fff;
}
/* Override UPPER TWO definitions */
ul.dropdown a.open:hover {
 background-color: #4698ca;
 color: #fff;
}
ul.dropdown ul a.open:hover {
 background-image: url(images/comnav-arrowon.png);
 color: #fff;
}


/* Clone in CSS 2 */

ul.dropdown li:hover > *.dir {
 background-color: #3d3d3d;
}
ul.dropdown ul li:hover > *.dir {
 background-color: #4c4c4c;
 background-image: url(images/comnav-arrowover.png);
}
ul.dropdown ul ul li:hover > *.dir {
 background-color: #595959;
 background-image: url(images/comnav-arrowover2.png);
 color: #fff;
}

/* Override UPPER TWO definitions */
ul.dropdown li:hover > a.dir:hover {
 background-color: #4698ca;
 color: #fff;
}
ul.dropdown ul li:hover > a.dir:hover {
 background-image: url(images/comnav-arrowon.png);
 color: #fff;
}