/* yui reset */
*{outline:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}address,caption,cite,code,dfn,strong,th,var{font-style:normal;font-weight:normal;}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:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
body{font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}.clrfix{zoom:1;}.clrfix:after{content:".";display:block;height:0;width:0;line-height:0;clear:both;visibility:hidden;}.clr{clear:both;}

body {background:#fff url(../imgs/bg-taupe.jpg);font-size:15px;color:#fff;}

/* fonts */
a:link {color:#fff;}
a:visited {color:#fff;}
a:hover {color:#fff;}
a:active {color:#fff;}

h1, h2, h3 {color:#FFF;}
strong {font-weight:bold;}

#soundmanager-debug {
 /* SM2 debug container (optional, makes debug more useable) */
 position:absolute;position:fixed;*position:absolute;bottom:10px;right:10px;width:50em;height:18em;overflow:auto;background:#000;margin:1em;padding:1em;border:1px solid #999;font-family:"lucida console",verdana,tahoma,"sans serif";font-size:x-small;line-height:1.5em;opacity:0.9;filter:alpha(opacity=90);
}

/* background layers */
#bg-layer {position:absolute;margin:0;left:0;height:100%;width:680px;background:#000;filter:alpha(opacity=60);opacity: 0.6;}
#rr-layer {position:absolute;left:680px;right:0;height:100%;background:#000;filter:alpha(opacity=80);opacity: 0.8;}

/* page layout */
#container {width:960px;float:left;margin-left:40px;position:relative;z-index:1;} 

#left-rail {width:210px;margin:65px 40px 0 0;float:left;text-align:center;}
#left-rail h1 {font-size:48px;font-family:"trebuchet MS";letter-spacing:-4px;padding-right:10px;margin:0 auto;display:inline;opacity:.8;}
#left-rail h1 span {font-weight:bold;}
#left-rail h1 a {background:#990000;text-decoration:none;float:left;padding:2px 4px;}
#left-rail .meta {width:180px;margin:0 auto;text-align:left;}
#left-rail .meta p {line-height:22px;}
#left-rail .meta img {border:3px solid #000;margin:30px 0 5px;}

#center {width:350px;height:490px;overflow:hidden;margin:160px 100px 0 0;float:left;}
#center #navigator {}
#center #navigator ul {float:right;}
#center #navigator ul li {float:left;margin-right:4px;}
#center #navigator ul li a {display:block;padding:4px 8px;background:#336699;text-decoration:none;font-size:15px;}
#center #navigator ul li a:hover {background:#FFF;color:#336699;}
#center #navigator ul li a:active {opacity:0.4}
#center #navigator ul li a.active {background:#FFF;color:#336699;opacity:0.8;}
#center #play-wrap {overflow:hidden;position:relative;height:410px;float:left;width:100%;}
#center #play-wrap .section{height:1900px;position:relative;top:-28px;}

#center h3 {display:inline;float:left;width:135px;font-size:15px;text-transform:uppercase;background:#990000;padding:2px 4px;opacity:0.9;filter:alpha(opacity=90);}

#right-rail	{width:auto;float:left;margin-top:155px;}
#right-rail h2 {font-size:23px;margin-bottom:4px;}
#right-rail ul {margin-bottom:20px;}
#right-rail li {margin-bottom:10px;opacity:0.8;filter:alpha(opacity=80);}
#right-rail li a {background:#990000;padding:3px 10px 4px 6px;text-decoration:none;font-size:16px;}
#right-rail li a:hover {background:#336699;}