/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.wrap {
	background-color: #fff;
	margin:           0 auto;
	padding-bottom:   10px;
	width:            960px;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.quarter,
.half,
.topbar,
.page_image,
.page_body,
.footer {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.quarter {
	margin-top:    10px;
	margin-bottom: 10px;
	min-height:    212px;
	width:         220px;
}

.quarter:first-of-type, .quarter:nth-of-type(4n) { margin-left: 0; }
.quarter:nth-of-type(3n) { margin-right: 0; }

.half {
	width: 460px;
}

.topbar,
.page_image,
.page_body,
.footer {
	width: 940px;
}

.page_image {
	margin-bottom: 	  1px;
}

#page .page_image {
	background: url('../img/page_header.jpg') no-repeat top left;
	height:     60px;
}

#home .page_image { background-color: #252420; }

#home .page_image img {
	padding: 		  10px 45px;
}

.page_body {
	background-color: #bcb2a2;
}

.footer {
	background-color: #bcb2a2;
	border-top:       1px solid #252420;
	padding-top:	  13px;
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}

/* `Grid >> Children (First, Last)
----------------------------------------------------------------------------------------------------*/

.first {
	margin-left: 0;
}

.last {
	margin-right: 0;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body div.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}



input[type=text], textarea {
	background: -moz-linear-gradient(top, #E8E9EC, #FEFEFE);
	background: -webkit-gradient(linear, left top, left bottom, from(#E8E9EC), to(#FEFEFE));
	border: none;
	border: 3px solid rgba(0,0,0,0.3);
	padding: 6px;
	width: 300px;
	
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
}

input[type=text]:focus, textarea:focus {
	background: #FFF;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

textarea { height: 200px; }

iframe {
	border: 10px solid rgba(0,0,0,0.3);
	margin-left: 10px;
}