* { 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(../imgs/brickbkgd2.jpg); text-align: center }

h1 { font-size: 1.33em; font-weight: bold; margin: 0 0 3px 3px; letter-spacing: 1px; 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 { font-size: 1.1em; font-weight: bold; color: #611a1a; }
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: url(../imgs/brickbkgd2.jpg); }
body.version2 #header { background: url(../imgs/brickbkgd3.jpg); }
body.version3 #header { background: url(../imgs/brickbkgd2.jpg); }

#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: url(../imgs/brickbkgd2.jpg); }
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 { 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 { padding: 14px 0 12px 0; border: 1px solid #b5b5b5; font-size: 1.3em; font-weight: bold; text-align: center; }
body.version1 #footer { background: url(../imgs/brickbkgd2.jpg); }
body.version2 #footer { background: url(../imgs/brickbkgd3.jpg); }
body.version3 #footer { background: url(../imgs/brickbkgd2.jpg); }

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


/* CONTENT STYLES */

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

body.version1 #featured { background: url(../imgs/brickbkgd2.jpg); }
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 { font-size: 1.1em; font-weight: bold; }
#featured tr.feature-header td.right { font-size: 1em; font-weight: bold; }

#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 { padding-bottom: 20px; font-weight: bold; text-align: right; }
#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 { margin-bottom: 20px; }
#login td { font-weight: bold; vertical-align: middle; }
#login td nobr { font-weight: bold; }

#flashmob { 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 { 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 { padding: 20px 10px 26px 10px; font-size: 1.3em; vertical-align: top; }
#main td.download-box ol li { font-size: 1.3em; margin-bottom: 14px; }
#main td.enter-box ol li { font-size: 1.2em; margin-bottom: 4px; }
#main td.enter-box i { font-size: 1em; }
#main td.download-box ol { margin: 0 -10px 10px 30px; }
#main td.enter-box ol { 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: url(../imgs/brickbkgd3.jpg); }
body.featured #main1 { width: 320px; }
body.featured #main2 { width: 371px; }
body.featured #main3 { width: 109px; }
body.featured #footer { background: url(../imgs/brickbkgd3.jpg); }
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; }