@charset "UTF-8";
/* CSS Document */


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */


/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }


/* MAIN IDS */

body {background:#040D13 url(../images/background-body.jpg) repeat-x scroll 26px 0;
font-family:"myriad pro",helvetica;
font-size:100%;}

#container {
background:transparent url(../images/background-header.jpg) no-repeat scroll center top;
margin:0 auto;
width:1102px;}

#wrapper {
margin:0 auto;
width:920px;}

#header {height:172px;}

#logo {padding-top:20px;}

#navigation {margin-top:0;
overflow:hidden;
padding-top:25px;}

#navigation li {display:block;
float:left;
margin-right:20px;}

#navigation li a {color:#A7C9CA;
display:block;
font-family:"myriad pro",helvetica;
font-weight:normal;
text-decoration:none;
text-transform:uppercase;}

#navigation li a:hover, #navigation li.current_page_item a {}

#content-wrapper {
background:#283239 url(../images/background-content-wrap.jpg) repeat-x scroll left top;
border:1px solid #324254;
margin-bottom:80px;
overflow:hidden;}

#content {
background:#FFFFFF url(../images/background-content.jpg) repeat-x scroll 0 0;
float:left;
margin:22px;
overflow:hidden;
padding:20px;
width:835px;}

#video {float:left;
width:490px;}

#video a {color:#222222;
font-size:12px;
line-height:26px;
text-decoration:none;}

#chat {float:right;}

div.major-header {background:#F8F8F8 none repeat scroll 0 0;
border-bottom:1px solid #CCCCCC;
padding:22px;}

div.major-header h1 {color:#323232;
font-size:22px;}

#sidebar {
float:right;
margin:22px 22px 22px 0;
width:301px;}

#footer {background:transparent url(../images/background-footer.jpg) repeat-x scroll 0 0;
color:#EAE7E7;
display:block;
float:left;
font-size:12px;
height:41px;
margin-top:15px;
padding:15px 20px 0;
width:920px;}