html,body { color:#fff;font:10pt Arial, sans-serif;background:url(../images/backgrounds/body-bg.jpg) repeat-x #000;height:100%; }
a { text-decoration: none; color:#FF6600}
h1 { font-size:1.7em;font-weight:bold;text-decoration:none;margin:30px 0 25px 55px;}
h1 a { color:#fff}
h2 { font-weight:bold}
h3 { font-size:.9em;margin:15px 0 0;}
p { text-align:justify;margin:10px 0;}
#body-container { margin:0 auto 15px;width:960px;border:1px solid #fff;position:relative;background:url(../images/backgrounds/content-bg.jpg) repeat-x top #394a54;height:auto !important;height:98%;min-height:98%;}
#header { position:relative;height:102px;}
#blue-bar { position:absolute;top:0;width:19px;left:16px;height:auto;min-height:100%;background:url(../images/backgrounds/sidebar-bg.png) repeat-y;}
.clear { clear:both}
/* CONTENT AREA
---------
*/
#content-container { float:left;height:100%;min-height:100%;width:960px;padding-bottom:70px;}
/* Blog Container */
#content { width:570px;float:left;padding:0 15px 20px;margin:0 0 0 55px;background:#283339;border:2px solid #fff}
#content h2 { font-size:1.8em}
#content h2 a { color:#fa0}
#dude { position:absolute;width:195px;height:215px;background:url(../images/backgrounds/dude.png) no-repeat;bottom:0;right:0;}
#sidebar { width:200px;float:left;padding:20px 0;margin:0 0 0 55px;background:#394A54;border:2px solid #fff}
#sidebar h2 { margin:0 0 10px;font-size:1.3em;}
li.widget { padding:0 0 0 15px}
.widget select { margin:0 0 0 15px;width:140px}
/* Columns - 1 */
body.page-template-page-columns-1-php #content
{ margin:0 auto;width:570px}
/* Index Page
--------------------
*/
#posts-links { padding-left:200px;text-align:left;}
.comments-line { text-align:right;padding-bottom:20px;border-bottom:2px #92979d solid;margin-bottom:30px}
/* Individual Blog Pages
-------------------
*/
#comments { border-bottom:2px solid #92979D;color:#FF7D00;font-size:1.2em;margin-bottom:23px;padding-bottom:10px;}
.comment { border-bottom:2px solid #92979D;padding-bottom:10px;margin:10px 0;}
.comment-body p { }
.comment-author { font-size:1.2em}
cite.fn { color:#FFAA00}
.comment-meta { }
div#respond { margin:15px 0;padding:15px 0;border-top:2px solid #92979D;}
/* Navigation
--------------------
*/
div#menu { position:relative;height:26px;}
ul.dropdown li#home,
ul.dropdown li#home ul { width:116px}
ul.dropdown li#animation,
ul.dropdown li#animation ul { width:123px}
ul.dropdown li#liveaction { width:139px}
ul.dropdown li#music,
ul.dropdown li#music ul { width:109px}
ul.dropdown li#artwork,
ul.dropdown li#artwork ul { width:130px}
ul.dropdown li#resources,
ul.dropdown li#resources ul { width:154px}
ul.dropdown li#am,
ul.dropdown li#am ul { width:175px}
ul.dropdown { width:100%;}
ul.dropdown li { height:22px; font-weight: bold; float: left;z-index:1;text-align:center;border:1px #fff solid;border-width:2px 1px;background:url(../images/backgrounds/menu-bg.png) repeat-x #fff;}
ul.dropdown a:active { color: #F60; }
ul.dropdown li a { display: block; padding: 3px 0 0;color: #fff; }
ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover { background: url(../images/backgrounds/menu-over-bg.png) repeat-x #F3D673; color: black; position: relative; }
ul.dropdown li.hover a { color: black; }
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li { font-weight: normal; color: #000;float: none;border-width:1px;background:url(../images/backgrounds/menu-bg.png) repeat-x #1b2232; }
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; }
ul.dropdown ul ul { left: 100%; top: 0; }
ul.dropdown li:hover > ul { visibility: visible; }
/* FOOTER
------------
*/
div#footer { width:960px;position:absolute;bottom:0;padding:15px 0 5px;margin:10px 0;font-size:.85em}
#footer ul { width:500px;margin:0 auto;}
#footer ul li { float:left;padding:0 10px;border-right:1px solid #fff;}
#footer ul li:last-child { border:0;}
#footer ul li a { color:#fff}
#footer p { text-align: center;margin:5px 0}