/* Keep CSS Clean
================================================================================ 
	
	Some guidelines to follow:

	1. Only put one selector per line for a block of rules that apply to multiple selectors (exceptions for very large quantities).
	2. Indent your rules, only one rule per line.
	3. Indent another time for proprietary properties. Keep these properties directly below the proposed property.

	Example:
	
	element#id,
	element.class {
		rule1: value;
			-webkit-rule1: value;
			-moz-rule1: value;
		rule2: value;
		rule3: value;
	}
	
*/


/* Table of Contents
================================================================================
	
	Base Settings
	Common
	Structure
	Style
	
*/


/* Base Settings
================================================================================ */


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

input, textarea, select
{
	font-size: 14px;
}


/* Common
================================================================================ */


body {
	text-align: center;
	font-family: "DejaVu Sans","URW Gothic L","Helvetica Neue",Helvetica,Arial,"Microsoft Sans Serif",sans-serif;
	background-image: none;
	background-position: top center;
	background-repeat: repeat-y;
	font-size: .875em;
	line-height: 1em;
	color: rgb(60,60,60);
	text-shadow: 1px 1px 1px #eee;
}

a:link,
a:visited {
	text-decoration: none;
	color: rgb(205,0,0);
}

a:hover,
a:active {
	text-decoration: underline;
	color: rgb(125,0,0);
}

img {
	border: none;
}

p, ul, ol, dl {
	padding: 0 20px;
	margin-bottom: 20px;
	line-height: 1.4285em;
}

ul {
	list-style-type: disc;
	margin-left: 20px;
}

ol {
	list-style-type: decimal;
	margin-left: 20px;
}

blockquote {
	font-style: italic;
	padding: 0 20px;
}

strong {
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	padding: 0 20px;
	margin: 20px 0;
	line-height: 1.285em;
}

h1 { 
	font-size: 2em;
}

h2 { 
	font-size: 1.5em;
}

.awesome a:link,
.awesome a:visited,
.awesome a:hover,
.awesome a:active {
	color: rgb(255,255,255);
	text-decoration:none;
}


/* Structure
================================================================================ */


.container {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

.column-full {
	float: left;
	width: 100%;
	clear: both;
}

.column-twelve { width: 960px; }
.column-eleven { width: 880px; }
.column-ten { width: 800px; }
.column-nine { width: 720px; }
.column-eight { width: 640px; }
.column-seven { width: 560px; }
.column-six { width: 480px; }
.column-five { width: 400px; }
.column-four { width: 320px; }
.column-three { width: 240px; }
.column-two { width: 160px; }
.column-one { width: 80px; }

.column-twelve,
.column-eleven,
.column-ten,
.column-nine,
.column-eight,
.column-seven,
.column-six,
.column-five,
.column-four,
.column-three,
.column-two,
.column-one {
	float: left;
}


/* Style
================================================================================ */


#logo {
	padding: 20px 0;
}

#logo img {
	margin: 0 20px;
}

#primary {
	background-color: rgb(255,255,255);
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	box-shadow: 0px 0px 1px rgb(100,100,100);
		-moz-box-shadow: 0px 0px 1px rgb(100,100,100);
		-webkit-box-shadow: 0px 0px 1px rgb(100,100,100);
}

#primary #left {
	float: left ! important;
}

#primary #right {
	float: right ! important;
}

#primary #form-area form ol {
	list-style: none;
	margin: 0 0 0 0;
}

#primary #form-area form ol li {
	border-top: 1px solid rgb(245,245,245);
	padding: 10px 0;
}

#primary #form-area form ol label {
	width: 150px;
	display: inline-block;
	color: rgb(120,120,120);
	vertical-align: top;
	padding: 5px 0 0 0;
}

#primary #form-area form ol input[type=text],
#primary #form-area form ol textarea {
	width: 250px;
}

#primary .widget {
	background-color: rgb(240,240,240);
	margin: 20px 20px 0 20px;
	padding: 0 0 20px 0;
	border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
}

#primary .widget .embed {
	padding: 20px 20px 0 20px;
}

#primary .widget .caption p {
	margin: 0;
	padding: 15px 20px 0 20px;
	color: rgb(120,120,120);
}

#footer p {
	background-color: rgb(250,250,250);
	padding: 20px;
	margin: 20px 0 0 0;
	font-size: .875em;
	color: rgb(120,120,120);
	border-bottom-right-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;

}

#credits p {
	padding: 20px;
	margin: 0;
	font-size: .875em;
	color: rgb(120,120,120);
	text-align: center;
}

#credits p a {
	color: rgb(120,120,120);
	text-decoration: underline;
}

span.error { display:block; color:#900; }