/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins.css";


/* Site - Globals
-------------------------------------------------------------- */
.large_background, .small_background {
	background: url(../img/backgrounds/large.png) repeat-x #021019;
	font-size: 14px;
	color: #8aa6be;
}

.small_background {
	background: url(../img/backgrounds/small.png) repeat-x #021019;
}

a { color: #b7daf8; }

a:hover  {
	color: #f5a04b;
}

h2 { color: #f5a04b; }
h3 {
	color: #b7daf8;
	text-transform: uppercase;
	margin: 5px;
}
hr {
	border: 0px;
	border-top: 1px solid #01080d;
	border-bottom: 1px solid #0e3a56;
	height: 1px;
	color: #021019;
}
/* Site
-------------------------------------------------------------- */
#page {
	width: 960px;
	margin: 0px auto;
}

.large#header{
	height: 225px;
	background: url(../img/header/large.png) no-repeat;
}
.small#header {
	height: 150px;
	background: url(../img/header/small.png) no-repeat;
}

#menu {
	height: 35px;
	padding-top: 20px;
	margin-bottom: 20px;
}
#menu ul { 
		list-style: none;
		padding: 0px;
		margin: 0px;
	}
#menu ul li {
	float: left;
	margin-right: 10px; 
	padding-right: 10px;
	border-right: 1px solid #3c4a55;
}

.monster {
	background: url(../img/monster_background.png) no-repeat;
	height: 310px;
}
.monster .details {
	float: left;
	width: 185px;
}
.column {
	width: 470px;
	float: left;
	margin-right: 20px;
}

.col1, .col2, .col3, .col4, .col5, .col6 {
	float: left;
	margin-right: 20px;
}

.col1 {width: 145px;}
.col2 {width: 290px;}
.col3 {width: 435px;}
.col4 {width: 580px;}
.col5 {width: 725px;}
.col6 {width: 870px; margin-right: 0px;}

.featured {
	float: right;
	width: 570px;
	border: 3px solid #586a75;
}

.screenshot {
	border: 1px solid #586a75;
	margin: 5px;
	float: left;
}
.last {
	margin: 0px;
	border: 0px !important;
}
.tiny {
	font-size: 11.5px;
	line-height: 1.5em;
}

.button {
	border: 2px solid #586a75;
	margin: 3px 2px 3px 0px;
	font-size: 12px;
}
.button a {
	display: block;
	padding: 10px;
}

.button a:hover { background-color: #142d3d; text-decoration: none;}

.button img {
	float: left;
	margin-left: 5px;
}

.button span {
	float: left;
	color: #f2f2f2;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	margin: 2px 0px 0px 5px;
}

#footer { 
	color: #114160;
	text-transform: uppercase;
	text-align: center;
	font-size: 11px;
 }