* { margin: 0; padding: 0; font: 9px verdana, geneva, arial, sans-serif; }

/* GENERAL STYLES */

a:link { color: #e41200; text-decoration: none; }
a:active { color: #3c005f; text-decoration: none; }
a:visited { color: #e41200; text-decoration: none; }
a:hover { color: #3c005f; text-decoration: underline; }

body.version3 a:link, body.version3 a:visited { color: #fce701; }


html, html body { height: 100%; min-height: 100%; }
body   { background: #000 url(../img/bg_main.png); text-align: center }

h1  { color: white; font-weight: bold; font-size: 1.33em; letter-spacing: 1px; margin: 0 0 3px 3px; text-shadow: #966 2px 2px 2px }
h2 { width: 100%; padding: 4px 0; font-size: 1.33em; font-weight: bold; letter-spacing: 1px; text-align: center; }
h3 { padding: 4px; font-size: 1.15em; font-weight: bold; }
h4  { color: #f61026; font-weight: bold; font-size: 1.1em }
body.version3 h4 { color: #e41200; }
h5 { display: block; padding: 4px; background: #b5b5b5; font-size: 1.15em; font-weight: bold; }

img { border: 0; }
b { font-weight: bold; }
i { font-style: italic; }
form { padding: 0; margin: 0; }
table { border: 0; }
input { margin-top: 3px; }

.smaller { font-size: 90%; }
.right { text-align: right; }
.bold { font-weight: bold; }


/* STRUCTURE STYLES */

#content { width: 800px; padding: 0; margin: 0 auto; border: 1px solid #b5b5b5; background: #fff; text-align: left; }

#header { padding: 8px 3px 2px 3px; border: 1px solid #b5b5b5; font-weight: bold; }
body.version1 #header   { background-color: black }
body.version2 #header  { background-image: url(../img/bg_main.png) }
body.version3 #header  { background-image: url(../img/bg_main.png) }

#top-right-nav { width: 500px; margin: -4px 4px 0 0; font-weight: bold; text-align: right; float: right; }

#main-nav { width: 100%; padding: 4px 0 6px 0; background: #b5b5b5; font-size: 1.1em; text-align: center; }
#main-nav a { color: #fff; font-size: 1.1em; }
body.version3 #main-nav { background: #848484; }

body.version1 #main   { background-color: black }
body.version2 #main { background: #fff url(../imgs/spc.gif); }
body.version3 #main { background: #000 url(../imgs/spc.gif); }

#main td { vertical-align: top; padding: 3px; }

#main1, #main2  { width: 272px }

body.version1 #main1, body.version1 #main2 { border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
body.version2 #main1, body.version2 #main2 { border-right: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5; }
body.version3 #main1, body.version3 #main2 { border-right: 1px solid #848484; border-bottom: 1px solid #848484; }

body.version1 #main3  { color: white; border-bottom: 1px solid #fff }
body.version2 #main3 { border-bottom: 1px solid #b5b5b5; }
body.version3 #main3 { border-bottom: 1px solid #848484; }

#main4 { width: 109px; text-align: center; }

body.version1 #main4 { border: 2px solid #fff; }
body.version2 #main4 { border: 2px solid #b5b5b5; }
body.version3 #main4 { border: 2px solid #848484; }

#footer  { color: white; font-weight: bold; font-size: 1.3em; text-align: center; padding: 14px 0 12px; border: solid 1px #b5b5b5 }
body.version1 #footer   { background-color: black }
body.version2 #footer  { background-image: url(../img/bg_main.png) }
body.version3 #footer  { background-image: url(../img/bg_main.png) }

#bottom-nav { padding: 2px; margin-top: 10px; }


/* CONTENT STYLES */

#featured { border-bottom: 1px solid #b5b5b5; width: 100%; }

body.version1 #featured  { background-color: black }
body.version2 #featured { background: #fff; }
body.version3 #featured { background: #000; }

body.version3 #featured td { color: #fff; }
body.version3 #main td { color: #fff; }
body.version3 h2, body.version3 h3 { color: #000; }

#featured tr.feature-header td { padding: 10px 4px 4px 4px; vertical-align: bottom; }
#featured tr.feature-header td.left  { color: white; font-weight: bold; font-size: 1.1em }
#featured tr.feature-header td.right  { color: white; font-weight: bold; font-size: 1em }

#featured tr.feature-videos td { padding: 3px; }
#featured tr.feature-videos td img, embed, object, #main2 img, #top-five img { border: 1px solid #b5b5b5; }

#featured tr.feature-labels td  { color: red; font-weight: bold; text-align: right; padding-bottom: 20px }
#featured tr.feature-labels td a { font-weight: bold; }

#main h2, #main h3, #marquee { display: block; background: #4ea3d8; }
#marquee { width: 100%; min-height: 36px; }
#marquee p { padding: 6px; font-weight: bold; }

#video-links { display: block; width: 100%; padding: 2px 0; background: #b5b5b5; border-top: 1px solid #848484; border-bottom: 1px solid #848484; font-weight: bold; text-align: center; }
body.version3 #video-links { background: #848484; border-top: 1px solid #585858; border-bottom: 1px solid #585858; }
#video-links a { color: #fff; }

#login  { color: white; margin-bottom: 20px }
#login td { font-weight: bold; vertical-align: middle; }
#login td nobr { font-weight: bold; }

#flashmob  { color: white; padding: 10px }

#top-five { width: 109px; }
body.version1 #top-five { border: 1px solid #fff; }
body.version2 #top-five { border: 1px solid #b5b5b5; background: #fff; }
body.version3 #top-five { border: 1px solid #848484; background: #000; }

#top-five td { vertical-align: top; }
#top-five td.name { padding: 1px; background: #dfdfdf; border-top: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5; }
#top-five td.name a { font-weight: bold; }
body.version3 #top-five td.name { background: #848484; }
#top-five td.img { text-align: center; }

body.version1 #main td.download-box, body.version1 #main td.enter-box  { color: red; border-right: 1px solid #fff }
body.version2 #main td.download-box, body.version2 #main td.enter-box { border-right: 1px solid #b5b5b5; }
body.version3 #main td.download-box, body.version3 #main td.enter-box { border-right: 1px solid #848484; }

#main td.download-box, #main td.enter-box, #main td.promote-box  { color: white; font-size: 1.3em; vertical-align: top; padding: 20px 10px 26px }
#main td.download-box ol li { font-size: 1.3em; margin-bottom: 14px; }
#main td.enter-box ol li  { color: white; font-size: 1.2em; margin-bottom: 4px }
#main td.enter-box i  { color: red; font-size: 1em }
#main td.download-box ol { margin: 0 -10px 10px 30px; }
#main td.enter-box ol  { color: white; margin: 10px 10px 10px 30px }

#right-link { text-align: right; float: right; }
tr.row1 { background: #eee; border-bottom: 1px solid #b5b5b5; }
tr.row2 { background: #fff; }


/* Featured Page */

body.featured #header  { background-color: black }
body.featured #main1 { width: 320px; }
body.featured #main2 { width: 371px; }
body.featured #main3 { width: 109px; }
body.featured #footer  { background-color: black }
body.featured #marquee table td { width: 33%; }
body.featured #marquee table td.heading { color: #fff; font-size: 1.3em; font-weight: bold; text-align: center; }
body.featured #video-links { padding: 4px 0; }

body.featured #download-box { padding: 20px 10px 26px 10px; font-size: 1.3em; vertical-align: top; }
body.featured #download-box ol li { font-size: 1.3em; margin-bottom: 14px; }
body.featured #download-box ol { margin: 0 10px 0 30px; }
body.featured #download-box a { font-size: 1em; font-weight: bold; }

body.featured #about-video { padding: 10px; text-align: right; }
body.featured #explore { width: 100%; margin-top: 10px; }
body.featured #explore tr.heading { background: #dfdfdf; }
body.featured #explore td.heading { width: 110px; font-size: 1.2em; font-weight: bold; text-transform: uppercase; }
body.featured #explore td.label { font-size: 1.1em; }
body.featured #explore td.pic { width: 110px; }

body.featured #main3 { border: 1px solid #848484; text-align: center; }
body.featured #top-five { border: 1px solid #b5b5b5; }

#viewer-pic { margin-right: 10px; float: left; }