@CHARSET "UTF-8";

/************************************************************************************
-------------------------------------------------------------------------------------
	
	"youneedthis"
	@desc	Base layout rules for you need this book
	
-------------------------------------------------------------------------------------
************************************************************************************/
@import "type.css";

@import "widgets.css";

.debug {
	padding: 20px;
	background: beige;
}

/*	-	Global
-----------------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul#skip-nav {
	position: absolute;
	top: -999em;
}

html {
	background: #000;
}

body {
	
}

/*	-	Main Layout
-----------------------------------------------------------------------------------*/
	/*	Wrapper		-----------------------------------------------------------------*/
#wrapper-outer {
	background: #2c2c2c;
	margin: 0 auto;
	padding: 15px;
	width: 978px;
}

#wrapper {
	background: #000;
	margin: 0 auto;
	padding: 30px;
	width: 904px;
}

/*	Content		-----------------------------------------------------------------*/
#content {
	
}

.col {
	float: left;
	width: 430px;
}

.col.right {
	float: right;
}

.col .col {
	padding-bottom: 20px;
	width: 180px;
}

.col div.col {
	padding-bottom: 0;
	min-height: 265px;
}

.col.split div.col {
	background: url('/img/dots-vert.gif') repeat-y top right;
	min-height: 320px;
	padding-right: 35px;
}

.col.split div.col.right {
	background: none;
	padding: 0 0 0 30px;
}

.row {
	background: url('/img/dots-row.gif') repeat-x top left;
	float: left;
	margin-top: 25px;
	padding: 25px 0 0 0;
	width: 895px;
}

.row.half {
	background: url('/img/dots-row-half.gif') repeat-x top left;
	margin-top: 25px;
	width: 430px;
}

/*	Title panel	*/
div#title-panel {
	background: url('/img/title-panel.gif') no-repeat top left;
	float: left;
	height: 515px;
	text-indent: -999em;
	width: 435px;
}

/*	Blurb	*/
div#blurb {
	background: url('/img/blurb.png') no-repeat top left;
	color: #fff;
	font-size: 14px;
	height: 135px;
	margin-bottom: 15px;
	text-indent: -999em;
	width: 430px;
}

/*	Footer		------------------------------------------------------------------*/
#footer {
	background: url('/img/dots-hori-full.gif') repeat-x top left;
	clear: both;
	float: left;
	margin-top: 20px;
	padding-top: 15px;
	width: 100%;
}