/*

	File: screen.css
	Media: haroldguerra
	Copyright: (c) 2009 Level 3 Creative, LLC. -  levelthreecreative.net
	Author: Jose Luis Olide Jr.
	Notes: 

Table of Contents:

	Reset Defaults
	Basic Selectors
	Links
	Main Structure Selectors
	Header Layout
	Main Layout
	Sidebar Layout
	Margins
	
Colors:

	Dark Gray #333
	Medium Gray #777
	Light Gray #ccc
	Red #a90000
	
*/


/* Reset Defaults
--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, 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-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}


/* Basic Selectors
--------------------------------------------------------------------------------------- */

html {height: 100%;}
body { background: #000000 url(../images/bg/bgmain.jpg) top center no-repeat; font: normal 62.5% Arial, Helvetica, sans-serif; color: #000000; height: 100%;}

h1, h2, h3, h4, h5, h6 { font-size:1.4em; font-weight:bold; color: #c31c1c; }
p { font-size:1.2em; line-height:1.6em; margin:12px 0; }
small { font-size:1.1em; }

h3.secondary{float:left; color:#7f7f7f; font-size:17px; text-transform:uppercase; letter-spacing:-0.2px; width:100%; margin:20px 0px 10px 0px; padding:0px 0px 7px 0px; border-bottom:1px solid #393939; font-family: Helvetica, arial, verdana, sans-serif; font-weight:normal;}

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }

.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none; }

.clear-left {clear: left;}
.clear-right {clear:right;}
.push {clear:both;}

.hide {display: none;}

.title_full_width_border { width:100%; padding-bottom:12px; border-bottom:6px solid #ccc; }

.ten { font-size:1em; }
.eleven { font-size:1.1em; }
.twelve { font-size:1.2em; }
.fourteen { font-size:1.4em; }
.sixteen { font-size:1.6em; }
.eighteen { font-size:1.8em; }
.twenty { font-size:2em; }
.twentytwo { font-size:2.2em; }
.twentyfour { font-size:2.4em; }


/* Links
--------------------------------------------------------------------------------------- */

a {font-weight: bold; text-decoration: none;}
a:link { color: #ce2f2f;}
a:visited { color: #ce2f2f;}
a:hover { color: #000000;}
a:active { color: #000000;}

a.sidelink-red { border: 1px solid #727272; padding: 2px 0px;}
a.sidelink-red:hover { border: 2px solid #d20000; padding: 2px 0px;}

ul#twitter_update_list li{float:left; color:#000000; font-size:12px; width:290px; overflow:hidden; padding:12px 0px; border-bottom:1px solid #393939;}
ul#twitter_update_list li span.first{color:#000000; font-size:12px; width:100%;}
#twitter { }
#facebook { margin:0px;}

.image_float { float: left; display: inline;  margin:16px 24px 18px 0; }

/* Main Structural Selectors
--------------------------------------------------------------------------------------- */

#navigation { width:855px; margin:0 auto; padding:24px 24px 0 24px; }
#container { width:855px; margin:0 auto; background:#121212; padding:0; }
#header { width:100%; margin-bottom:0; }
#content { width:807px; background:#ffffff; padding: 24px; overflow: hidden; }

#leftpanel { width:400px; float:left; display: inline; }
#rightpanel { width:358px; float:right; display: inline; padding-left:12px; }

.page_header { width: 100%; overflow: hidden; padding-bottom:8px; border-bottom: 1px solid #a72b2b; margin-bottom: 12px;	 }
.page_header h2 { font-size: 1.8em; font-weight: normal; text-transform:uppercase;}

tr.date-details { font-size:1.2em;}

#main { width:650px; float:right; }
#sidebar { width:258px; float:left; margin-right: 24px; }
#footer { width:100%; padding-top:12px; border-top:6px solid #ccc;}

.footer { width: 807px; margin: 0 auto 24px auto; padding: 12px 24px; overflow: hidden; background:#080808; }
.footer p { font-size: 1.1em; }

ul.itunes { width: 80px; height: 22px; float:right; margin: 7px 0px 0 0; }
ul.itunes li { list-style: none; }
ul.itunes li.itunes_btn a { display:block; height:22px; width:80px; background: transparent url(../images/btn/itunes.jpg) top left no-repeat; text-indent:-9999px; }
ul.itunes li.itunes_btn a:hover { background: transparent url(../images/btn/itunes.jpg) bottom left no-repeat; }

ul.facebook { width: 91px; height: 22px; float:right; margin: 7px 28px 0 0; }
ul.facebook li { list-style: none; }
ul.facebook li.facebook_btn a { display:block; height:22px; width:91px; background: transparent url(../images/btn/facebook.jpg) top left no-repeat; text-indent:-9999px; }
ul.facebook li.facebook_btn a:hover { background: transparent url(../images/btn/facebook.jpg) bottom left no-repeat; }

ul.myspace { width: 84px; height: 22px; float:right; margin: 8px 28px 0 0; }
ul.myspace li { list-style: none; }
ul.myspace li.myspace_btn a { display:block; height:22px; width:84px; background: transparent url(../images/btn/myspace.jpg) top left no-repeat; text-indent:-9999px; }
ul.myspace li.myspace_btn a:hover { background: transparent url(../images/btn/myspace.jpg) bottom left no-repeat; }

/* Navigation Layout
--------------------------------------------------------------------------------------- */

#navigation ul { width:100%; overflow:hidden;}
#navigation ul li { float:left; display:inline; font-size:1.4em;}
#navigation ul li a { display:block; background: #2a2a2a; border-bottom: 4px solid #000000; color:#ffffff; padding: 10px 16px 8px 16px; border-right:1px solid #000000; }
#navigation ul li a:hover { background: #444444; border-bottom: 4px solid #333333; color:#ffffff; }

.hgnav {width:855px; height: 50px; margin:0 auto; padding:0; overflow:hidden;}
.hgnav ul {	background: url(../images/bg/nav.jpg) no-repeat; list-style-type: none; height: 48px; overflow: hidden; width: 855px; margin: 0; padding: 0; }
.hgnav li { float: left; margin: 0; padding: 0;}
.hgnav li a { display: block; width: 0; height: 48px; margin-right: 0px;}
.hgnav li a:hover { background: url(../images/bg/nav.jpg) no-repeat;}

		.hgnav li a.nav1 { width: 116px; }
		.hgnav li a.nav2 { margin-left: 0; width: 140px; }
		.hgnav li a.nav3 { margin-left: 0; width: 108px; }
		.hgnav li a.nav4 { margin-left: 0; width: 76px; }
		.hgnav li a.nav5 { margin-left: 0; width: 80px; }
		.hgnav li a.nav6 { margin-left: 0; width: 155px; }
		.hgnav li a.nav7 { margin-left: 0; width: 180px; }
	
		
		.hgnav li a.nav1:hover { background-position: -0 -48px; }
		.hgnav li a.nav2:hover { background-position: -116px -48px; }
		.hgnav li a.nav3:hover { background-position: -256px -48px; }
		.hgnav li a.nav4:hover { background-position: -364px -48px; }
		.hgnav li a.nav5:hover { background-position: -440px -48px; }
		.hgnav li a.nav6:hover { background-position: -520px -48px; }
		.hgnav li a.nav7:hover { background-position: -675px -48px; }

/* Header Layout
--------------------------------------------------------------------------------------- */

#header h1 { font-size:3.0em; }

div#mainhdr {
width:855px;
height:300px;
background:url("../images/bg/mainhdr.jpg") no-repeat;
cursor:pointer;
}


/* Main Layout
--------------------------------------------------------------------------------------- */

#main h2 { font-size:1.6em; margin:34px 0 10px 0; text-transform: capitalize; }
.html_code { font-family: Courier, Times New Roman, serif; color: #888; margin-left: 24px;}


/* Sidebar Layout
--------------------------------------------------------------------------------------- */

ul.side_menu { width:258px; }
ul.side_menu li { border-bottom: 1px solid #e8e8e8; font-size: 1.4em; list-style: upper-roman; display: list-item; margin-left: 34px; padding-left: 6px;}
ul.side_menu li a { display: block; width:218px; padding: 10px 0; color: #777; text-decoration: none; font-weight: bold; }
ul.side_menu li a:hover { color: #a90000; text-decoration: none; }