/* destroy all browsers defaults -------> blended from Meyer's Reset Reloaded and boilerplate.css */ 
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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } html, body { height:100%; margin:0px; padding:0px} :focus { outline: 0; } a { outline: none; } a img { border: none; } input, textarea { margin: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } 

/* foundation */
body { background:#000; color:#fff; font-family: Helvetica, Arial, sans-serif; }
#floaterer { position:relative; float:left; height:50%; margin-bottom:-325px; width:1px; }
#centererer { position:relative; clear:left; height:650px; width:950px; max-width:960px; min-width:960px; margin:0 auto; ; /*background: #111; border:1px solid #222;*/ }
#header { width: 100%; height: 24px; text-transform: uppercase; padding: 6px; line-height: 15px; font-size: 10px; }
#music { position: relative; left: 0; padding:5px 8px; float: left; width: auto; margin: 0px 0px 0px 16px; }
#social { position: relative; float: right; right: 0; width: 720px; padding: 5px 0; background-color: #000;}
#theStreetz { width: 100%; height: 620px; color: #444; }
#footer { text-align: center;  padding:10px; font-size:0.7em; color:#bbb; }

/* sitewide element styles */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }
p { margin: 0 0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }
abbr, acronym { border-bottom: 1px biglabel #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }
blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; }
tt { display: block; margin: 1.5em 0; line-height: 1.5; }

#music { cursor:pointer; color: #fff; }
#music:hover { background: #222;} 
#music #music-on, span.on { color: #ff3366; }

/* social links style */
#social ul { list-style-type: none; text-align: right; margin: 0 20px 0 0;}
#social li { display: inline; padding: 6px;  }
#social a { padding: 6px; }
#social a:link, #social a:visited { background: #000; color: #fff; }
#social a:hover, #social a:active { background: #222; color: #fff; text-decoration: none; }

/* footer style */
#footer ul { list-style-type: none; text-align: center; margin: 0 20px 0 0;}
#social li { display: inline;  }
#footer a:link, #footer a:visited { color: #ffcc00; text-decoration: none; }
#footer a:hover, #footer a:active { color: #ffffcc; text-decoration: underline; }

/*shadowbox overlay styles*/
#sb-container, #sb-wrapper { text-align:center; }
#sb-container, #sb-overlay { position:absolute; top:0; left:0; width:100%; margin:0; padding:0; }
#shadowbox_content { height: 100%; width: 100%; overflow: visible;} 
#sb-container { height:100%; display:none; visibility:hidden; z-index:999; }
body>#sb-container { position:fixed; }
#sb-overlay { height:expression(document.documentElement.clientHeight+'px'); }
#sb-container>#sb-overlay { height:100%; }
#sb-wrapper { position:relative; top: 20px !important; }
#sb-wrapper img { border:none; }
#sb-body { position:relative; margin:0; padding:0; overflow:visible; border: none; }
#sb-body-inner { position:relative; height:100%; }
#sb-content.html { height:100%; overflow:visible; }
#sb-body { background: #5b0c23; border: 2px solid #22040d; }
#sb-loading { position:absolute; top:0; width:100%; height:100%; text-align:center; padding-top:10px; border: 2px solid #22040d; background: url(../img/ajax-loader.gif) no-repeat center center #5b0c23 !important;}
#sb-title, #sb-info { position:relative; margin:1px; padding:3px;; overflow: visible; }
#sb-title-inner, #sb-info-inner { position:relative; font-family:'Lucida Grande', Tahoma, sans-serif; line-height:16px; }
#sb-title, #sb-title-inner { height:0px;display:none; }
#sb-title-inner { font-size:16px; padding:5px 0; color:#fff; }
#sb-info, #sb-info-inner { height:20px; }
#sb-info-inner { font-size:12px; color:#fff; }
#sb-nav { float:right; height:16px; padding:2px 0; width:45%; }
#sb-nav a { display:block; float:right; height:16px; width:16px; margin-left:3px; cursor:pointer; }
#sb-nav-close { background-image:url(../img/sb-close.png); background-repeat:no-repeat; }
#sb-nav-next { background-image:url(../img/sb-next.png); background-repeat:no-repeat; }
#sb-nav-previous { background-image:url(../img/sb-previous.png); background-repeat:no-repeat; }
#sb-nav-play { background-image:url(../img/sb-play.png); background-repeat:no-repeat; }
#sb-nav-pause { background-image:url(../img/sb-pause.png); background-repeat:no-repeat; }
#sb-counter { float:left; padding:2px 0; width:45%; }
#sb-counter a { padding:0 4px 0 0; text-decoration:none; cursor:pointer; color:#fff; }
#sb-counter a.sb-counter-current { text-decoration:underline; }
div.sb-message { font-family:'Lucida Grande', Tahoma, sans-serif; font-size:12px; padding:10px; text-align:center; }
div.sb-message a:link, div.sb-message a:visited { color:#fff; text-decoration:underline; } 
#disclaimer p { font-size:10px; color:#666; text-align: center }

/*blackout and overlays*/
#blackout { display:none; position:fixed; top:1px; left:1px; width:100%; height:100%; background:#000; opacity:0.80; filter:alpha(opacity=80); z-index:100; }
*HTML #blackout { position:absolute; }
#overlay_container { display:none; position:absolute; top:1px; left:1px; text-align:center;  width:100%; height:100%; z-index:200; color:#fff; }
#overlay_container div { display:none; position:relative; width:500px; margin:20px auto; }

/* QUIZ */
#quizContainer {background:#5b0c23; color:#FFFFFF; height:100%;font-family: Helvetica, Arial, sans-serif;}