/*   
Theme Name: BMI (2009)
Theme URI: http://www.burchfield.org
Description: Wordpress theme for the Burchfield site.
Author: JAC2
Author URI: http://www.jac2.com
*/

/* RESET */
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,strong,sub,sup,tt,var,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* STYLE */
body {background: #fff url('images/bg.png') top left repeat-x; font-family: Trebuchet MS;}
.hide {position: absolute; top: -99999px; left: -99999px;}
.noShow {display: none;}
.clear {clear: both;}
.left {float: left; display: inline;}
.right {float: right; display: inline;}
#wrap {width: 960px; margin: 0 auto; position: relative;}
#wrap #menu {position: absolute; font-weight: bold; font-size: 0.9em; text-transform: uppercase; top: 0; left: 0; margin: 0; height: 40px; width: 960px; overflow: hidden;}
#wrap #menu ul {width: 1000px; height: 40px;}
#wrap #menu ul li {float: left; display: inline; line-height: 45px;}
#wrap #menu ul li.active a {color: #fff;}
#wrap #menu ul li a {color: #528292; text-decoration: none; padding: 0 31px;}
#wrap #menu ul li a:hover {color: #fff; text-decoration: none;}
#wrap #main {position: relative; padding: 61px 0 0 0;}
#wrap #main #top {height: 130px; width: 960px; background: url('images/top.jpg') top left no-repeat; margin: 0;}
/*
#wrap #main #live {width: 954px; height: 294px; margin: 0; background-position: -3px -3px; background-repeat: no-repeat; border: solid 3px #000; position: relative;}
#wrap #main #live #player {width: 352px; height: 198px; float: right; display: inline; margin: 50px 50px 0 0;}
*/
#wrap #main #upcomingEvents {width: 960px; height: 340px; background: #fff; margin: 0; padding: 0;}
#wrap #main #upcomingEvents ul.events {width: 960px; height: 300px;}
#wrap #main #upcomingEvents ul.events li {width: 954px; height: 294px; border: 3px solid #000;}
#wrap #main #upcomingEvents ul.events li a#watchLive {text-indent: -99999px; height: 198px; width: 352px; float: right; margin: 50px 50px 0 0;}

#wrap #main #about {margin: 20px auto 40px auto; width: 800px; }
#wrap #main #about h2 {font-size: 2em; padding: 0 0 10px 0;}
#wrap #main #about p {padding: 0 0 10px 0; line-height: 1.3em;}

#wrap #main #live {margin: 0px auto 20px auto; text-align: center; width: 954px; border: 3px solid #000; padding: 84px 0; background: url('images/bmi_live-bg.jpg') top left no-repeat;}
#wrap #main #live-sma {margin: 0px auto 20px auto; text-align: center; width: 954px; border: 3px solid #000; padding: 84px 0; background: url('images/live/SMA-2010_bg.jpg') top left no-repeat;}

#wrap #main #nav {margin: 12px 0 ; float: right;}
#wrap #main .nav a {color: #000; margin: 0 5px; padding: 2px 7px 2px 7px; border: 1px solid #ccc; text-decoration: none; line-height: 16px; display: block; float: left;}
#wrap #main .nav a.activeSlide {background: #000; color: #fff;}
#wrap #main #turnOff.nav {margin: 12px 0 ; float: right;}
#wrap #main #turnOff.nav a:hover {background: #000; color: #fff;}
#wrap #main .nav a:focus {outline: none;}
#wrap #footer {display: block; height: 100px; width: 960px; background: #000; border-bottom: 5px solid #00C0FF; margin: 0;}
#wrap #footer p {color: #528292;}
#wrap #footer p#copyright {padding: 10px 0 0 10px;}
#wrap #footer p#contactInfo {text-align: right; padding: 10px 10px 0 0; line-height: 1.2em;}