/* 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 */
a	{outline:none;}

/* BASIC STRUCTURE */
/* ----------------------------------------- */

html, body {height: 100%;}
body {font-size: 85.5%; font-family:Helvetica, sans-serif; color:#FFF; background:url(images/bg.jpg); background-color:#000;}
#pagewrap	{background:url(images/bg.jpg) repeat; width: 950px; margin: 0px auto -50px; min-height: 100%; height: auto !important; height: 100%;}
#push		{height: 50px;}


/* STRUCTURE */
/* ----------------------------------------- */
#content		{margin:0 auto; min-height:500px; width:900px;}
#sidebar		{width:200px; float:left;}
.sidebartop		{padding:15px; text-align:center; background:url(images/trans30.png); }
.sidebarbottom	{padding:15px; text-align:center; margin-top:20px;}
#mainbar		{width:600px; float:right;}

#sidebarvid		{width:160px; float:left;}
#mainbarvid		{width:740px; float:right;}

#reel			{margin:0 auto; width:720px; background:#000000; padding:20px;}

/* IMAGES */
/* ----------------------------------------- */

/* NAVIGATION */
/* ----------------------------------------- */
#menu				{height: 30px; background:#000; margin-bottom:15px;}
ul#nav				{float:right;}
ul#nav li			{display:inline;}
ul#nav li a			{display:block; float:left; margin:5px 20px 5px 20px; font-size:medium; color:#FFFFFF; text-decoration:none;}
ul#nav li a:hover  	{color:#CCCCCC;}


/* FOOTER */
/* ----------------------------------------- */
#footer		{margin: 0 auto; height:50px; background:#000000;}
p.footer	{font-size:small; font-stretch:extra-expanded; padding-top:15px; text-align:center;}


/* TYPOGRAPHY */
/* ----------------------------------------- */

.alert { background:red; color:white; } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes. */

h1	{font-size:50px; font-stretch:ultra-condensed; font-weight:bold; padding:15px;}
h1 a {text-decoration:none; color:#FFFFFF;}
h1 a:hover {text-decoration:none; color:#666666;}
h3	{font-size:large; font-weight:bold; margin-bottom:15px;}
p	{margin-bottom:15px; font-size:larger;}

h4	{background:url(images/trans30.png); padding:5px; font-size:x-large;}