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

html { width:100%; overflow:auto; }
body { background:#000000; color:#363636; cursor:default; }
body, textarea, select, input, button { font:12px/18px "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; }
body, html, *, div { margin:0; padding:0; }
table { border:none; border-collapse:collapse; border-spacing:0; }
img { border:none; }
a { text-decoration:none; color:#0067a3; cursor:pointer; }
a:hover { color:#0087d5; }
a.active { color:#0087d5; }
a:focus { outline:none; }
p { font-size:12px; margin-bottom:18px; line-height:18px; }
ol li { text-align:justify; text-justify:inter-ideograph; }


/* UTIL */

.clr { clear:both; }
.floatL { float:left; }
.floatR { float:right; }
.hide { display:none; }
.alignCtr { text-align:center; }
.alignBtm { vertical-align:bottom; }
.alignRight { text-align:right; }


/* CONTENTS */

body { background:#000000 url('../img/bg.jpg') center -46px no-repeat; }

#wrapper { width:960px; margin:0 auto; text-align:center; position:relative; }
#header { width:960px; height:180px; position:relative; background:url('../img/bg-header.jpg') 0 bottom no-repeat; float:left; }

#main { width:960px; height:452px; position:relative; background:url('../img/bg-main.jpg') 0 0 no-repeat; float:left; margin-bottom:25px; padding-top:55px; }
#main #fblike { position:absolute; top:18px; right:10px; overflow:hidden; width:80px; 2height:30px; }
#main #hero { width:960px; height:310px; float:left; }
#main #player { width:960px; height:87px; float:left; }
#main #player object { margin-top:18px; }
#main #player #detecter { display:none; }
#main #player #panel { display:none; text-align:center; width:960px; height:87px; float:left; }
#main #player #panel li { list-style-type:none; vertical-align:top; display:inline-block; *display:inline; zoom:1; }
#main #player #panel li.counter { padding:0 20px; line-height:87px; height:87px; cursor:default; }
#main #player #panel li.counter h1 { font-size:12px; color:#ffffff; font-weight:normal; float:left; margin-right:5px; }
#main #player #panel li.counter h2 { font-size:20px; color:#ffffff; font-weight:normal; float:left; }
#main #player > p { line-height:87px; color:#ffffff; }
#main #player > p a { color:#0067a3; }
#main #player > p a:hover { color:#0087d5; }

#footer { width:960px; position:relative; float:left; padding-bottom:90px; }
#footer #logoline { float:left; width:854px; padding:0 53px; margin-bottom:40px; }
#footer #logoline li { list-style-type:none; float:left; margin-right:50px; }
#footer #logoline li.fb { margin-left:30px; margin-right:0; }
#footer #logoline li.podcast { float:right; margin:0; }
#footer #logoline li.podcast a { float:left; background:url('../img/logo-podcast.png') right 0 no-repeat; height:45px; padding-right:175px; line-height:45px; }
#footer #ad { width:960px; height:90px; text-align:center; float:left; margin-bottom:65px; }
#footer #ad li { list-style-type:none; vertical-align:top; display:inline-block; *display:inline; zoom:1; }
#footer #ad li.label { padding:0 20px; line-height:90px; height:90px; cursor:default; }
#footer #ad li.banner { height:90px; width:728px; }
#footer #copyright { color:#363636; font-size:12px; cursor:default; }

