@import url(reset.css);
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(/includes/fonts/pictos/pictos.css);

/* fonts */
.pictos {
	font-family: 'Pictos', sans-serif;
}

/* general */
body {
	color: #ffffff;
	font-size: 18px;
	font-family: 'Oswald', sans-serif;
	background-color: #343434;
}
h1 {
    font-size: 48px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 25px 0 20px;
    line-height: 140%;
}

h2 {
    font-size: 36px;
    font-weight: normal;
    padding: 15px 0 20px;
    line-height: 140%;
}
h3 { 
    font-size: 24px;
    font-weight: normal;
    padding: 10px 0 20px;
    line-height: 140%;
}
p {
    font-size: 16px;
    padding: 5px 0 10px;
    line-height: 120%;
}
#body p > strong { color: #222; }
.sub {
    font-size: 12px;
    padding: 5px 0 10px;
    line-height: 120%;
}
a, a:visited {
	color: #fff;
	text-decoration: none;
}
a:hover { color:#ccc; }

strong { color:#000; }

/* body blocks */
#header { 
	background-color: #000;
	height: 155px;
	padding-top:10px;
}
#body { 
	background-color: #c72929;
	min-height: 500px;
	padding-bottom: 40px;
}
#footer p { 
	margin-left: 15px;
}

/* specific elements */
.big { 
	font-size: 200%;
}
.reallybig { 
	font-size: 300px;
}
#footercog { 
	font-size: 30px;
	position: absolute;
	top: -20px;
}
#footerquote { 
	float:right;
	width: 350px;
	text-align:right;
	position: relative;
}
#footerquote p { float:right;line-height:100%; }
#footerquote p:first-letter { font-size:200%; }
ul#navigation { 
    float:right;
}
ul#navigation li { 
	float:left;
	margin-right:10px;
	display:block;
    list-style: none outside none;
    position:relative;
}
ul#navigation li a {
	text-decoration: none;
	display:block;
	padding: 5px 10px 8px;
}
ul#navigation li a.selected {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#242424;
}
ul#navigation li a:hover { 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#343434;
	color:#fff;
}

/* structure-specific */
#container, div.container {
	width:820px;
	margin: 0 auto;
	padding: 30px 0;
	position:relative;
}
.halfleft { 
	width:440px;
	float:left;
	margin-right:20px;
}
.halfright { 
	width: 360px;
	float:right;
}
.center { text-align: center; }

/* form styles */
.errors { 
	margin: 0 0 20px;
	padding: 10px 20px;
	background: none repeat scroll 0 0 #FBE3E4;
	border: 2px solid #FBC2C4;
	color: #8B0000;
}
.errors p { 
	color: #8B0000;
	font-size: 14px;
	line-height: 160%;
	margin: 0;
}
.clear { clear:both; }