﻿html { background:#000; color:#333; }
body { font-size:10px; font-family:Verdana, Arial, Sans-Serif; }
em { font-style:italic; }
strong { font-weight:bold; }
a { color:#333; }
a:hover { text-decoration:none; }

body.home div.blogpost { display:none; }
body.home div.anchor { display:block; padding-bottom:18px;
	background:transparent url("../images/bg_post-footer.png") no-repeat right bottom;  }

/*IDs*/
#container { width:950px; margin:0 auto; overflow:auto; padding-bottom:40px;
	background:#0e0303 url("../images/bg_content.jpg") no-repeat center top; }

a#FORCElogo { margin:40px 0 10px 100px; float:left; }

div.column { float:left; }
div.sidebar { width:247px; }

.headline { width:603px; margin:90px 70px 50px 30px; color:#fff; }
.headline h1 { font-size:140%; float:left; line-height:150%; display:inline; text-transform:uppercase; margin-right:12px; }
.headline p { font-size:140%; line-height:150%; }

div.navigation { padding-top:18px; *padding-top:9px; clear:both; background:transparent url("../images/bg_sidebar-top.png") no-repeat top left; }
div.navigation div.foot { padding-bottom:18px; background:transparent url("../images/bg_sidebar-footer-dark.png") no-repeat bottom right; }
ul.navigation { width:207px; clear:both; padding:60px 20px 10px; background:#333; overflow:auto; }
ul.navigation li { font-size:14px; text-transform:uppercase; float:left; clear:both; margin-bottom:12px; padding-bottom:10px; }
ul.navigation li.active { color:#EE2E24; border-bottom:solid 4px #EE2E24; padding-bottom:6px; }
ul.navigation li+li.active { }
ul.navigation li a { color:#fff; text-decoration:none; }
ul.navigation li a:hover { text-decoration:underline; }

div.minipost { color:#333; width:245px; clear:both; margin-top:-3px; overflow:auto; padding:18px 1px 0 0;
	background:transparent url("../images/bg_post-top.png") no-repeat top right; }
div.minipost div.content { background:#fff; padding:10px 12px 20px 20px; }
div.minipost div.foot { padding-bottom:18px;
	background:transparent url("../images/bg_post-footer.png") no-repeat bottom right; }
div.minipost h3 { font-size:140%; color:#333333; float:left; padding-bottom:6px; 
	text-transform:uppercase; border-bottom:solid 4px #EE2E24; }
div.minipost ul { clear:both; padding-top:20px; overflow:visible; margin-bottom:20px; *padding-top:10px; }
div.minipost li { display:inline; float:left; padding-right:10px; }
div.minipost li.last { padding-right:0; }
div.minipost p { line-height:1.2em; font-size:120%; }

div#tweet { clear:both; }
div#tweet p { padding-top:20px; }
div#tweet ul { margin:0; padding:10px 0 0; }
div#tweet li { margin-top:10px; font-size:11px; float:none; display:list-item; line-height:1.3em; }

div.blogpost { width:603px; margin:40px 0 0 30px; position:relative; }
div.blogpost div.top { padding:0; height:18px; background:transparent url("../images/bg_post-top.png") no-repeat top right; }
div.blogpost div { background:#fff; padding:2px 20px 20px; clear:both; overflow:auto; *padding-top:0px; }
div.blogpost h2 { color:#fff; float:left; font-size:140%; margin:0px 20px 20px 0; padding-bottom:6px; 
	text-transform:uppercase; border-bottom:solid 4px #EE2E24; width:auto; }
div.blogpost h3 { color:#EE2E24; font-size:140%; margin-bottom:20px; text-transform:uppercase; }
div.blogpost h3 span { color:#333333; margin-left:10px; }
div.blogpost h3 a { color:#EE2E24; }
div.blogpost h4 { color:#fff; font-size:180%; line-height:1.4em; padding:1px 6px; left:35px;
	background:#ee2e24; text-transform:uppercase; position:absolute; top:275px; }
div.blogpost h4.two { top:235px; }
div.blogpost h4.video { bottom:53px; top:auto; }
div.blogpost h4 a { color:#fff; text-decoration:none; }
div.blogpost div img { }
div.blogpost div h4+p { margin-top:20px; }
div.blogpost p { color:#333333; font-size:110%; line-height:1.3em; margin-top:8px; clear:left; }
div.blogpost div h4+p.question { margin-top:20px; }
div.blogpost p.question { color:#EE2E24; font-size:140%; margin:10px 0; text-transform:uppercase; }
div.blogpost p.credit { float:right; color:#EE2E24; }
div.blogpost p.credit span { color:#333; margin-left:12px; }
div.blogpost ul { margin:4px 0 8px; }
div.blogpost ul li { color:#333333; font-size:110%; line-height:1.3em; }
div.blogpost div.placeholder { padding:0; }
div.blogpost ul.highlight li { color:#EE2E24; }
div.blogpost a#player { display:block; width:562px; height:334px; }

a.previous, a.next { font-size:140%; color:#fff; text-decoration:none; float:right; text-transform:uppercase; margin:0 25px 0 5px; }
a.previous:hover, a.next:hover { text-decoration:underline; }


div.contact { float:right; font-size:120%; margin-top:70px; }
div.contact div { padding:0; }
div.contact h3 { margin-bottom:20px; color:#EE2E24; font-size:150%; line-height:1.3em; 
	border-bottom-style:none; }
div.contact p { line-height:1.5em; clear:left; margin-bottom:20px; }
div.contact label { }
div.contact label.error { }
div.contact input { width:80px; color:#333; text-align:left; font-size:75%;
	background-color:#e5e5e5; border-style:none; }
div.contact input[type=text] { margin:2px 1px 0; padding:2px 0; border:solid 1px #e5e5e5; }
div.contact input[type=submit] { text-align:center; float:right; padding:2px 10px; }
div.contact input.watermark { text-align:center; }
div.contact input.watermark.changed { text-align:left; text-transform:none; }
div.contact input.error { background:#ffefef; border:solid 1px #EE2E24 }
div.contact input#txtEmail { width:150px; }
div.contact input#txtDetails { width:200px; }

/*GENERAL CLASSES*/
.hidden { display:none; }

body { background:#000 url("../images/bg_page.jpg") no-repeat center top; }
