/* (c) 2007 - Swollen Skateboards LLC */

body, frame, table, tr, td, img, div, form { margin:0px; border:0px; padding:0px; }

body { background-color:#151515; background-image:url(/img/bg.png); background-position:top left; background-repeat:repeat-x; color:#FFFFFF; }

td,div,p { font-size:12px; font-family:Geneva, Arial, Helvetica, sans-serif; }

a { color:#FF6600; text-decoration:none;}
a:hover { color:#FF6600; text-decoration:underline; }

table#top { width:950px; }
table.page { width:930px; background-color:#000000; padding:10px; }
table#popup { width: 340px; margin: 4px; }

td.header { background:url(/img/logo.png) top left no-repeat; height: 140px; padding-left:275px; }
td.header ul { margin: 0px; border: 0px; padding: 0px; list-style-type:none;}
td.header ul li { float:left; margin: 115px 0px 0px 0px; font-weight:bold; padding:0px; font-size:10px; font-family:Geneva, Arial, Helvetica, sans-serif;}
td.header ul li a, td.header ul li a:hover { padding:4px 2px 4px 3px; color:#FFFFFF; }
td.header ul li a:hover { text-decoration:none; background-color:#000000; color:#FF6600; }

td.frontmenu { width: 350px; }
td.frontmenu ul { margin:0px; border: 0px; padding: 0px; list-style-type:none;}
td.frontmenu ul li { margin:0px; border:0px; padding:0px; font-weight:normal; font-size:14px; font-family:Geneva, Arial, Helvetica, sans-serif; height: 36px; }
td.frontmenu ul li a, td.frontmenu ul li a:hover { height:30px; width: 320px; margin:0px; padding:5px; text-decoration:none; }
td.frontmenu ul li a { border: 1px solid #000000; color:#FFFFFF; }
td.frontmenu ul li a:hover { border: 1px solid #FF6600; color:#FFFFFF; }

td.frontimage { width: 600px; height:400px; }

td.content { text-align: left; }

td.content p { text-align: justify; }

.content-header { color:#FF6600; font-weight:bold; font-size:28px; font-family:Georgia, serif; margin-bottom: 5px; }

p.artist-title { font-size:18px; font-family:Georgia, serif; color: #666666; }
p.artist-text { margin-left: 10px; margin-right: 10px; text-align: center; }

p.evolution input { margin: 0px 20px; }

p.trademark { margin-top:24px; font-style:italic; }

p.disclaimer { margin-top:24px; font-size: 9px; color: #666666; }

p.copyright { border:0px; border-top: 1px solid #FFFFFF; text-align:center; font-size:9px; font-family:Geneva, Arial, Helvetica, sans-serif; color:#999999; margin-top:32px; padding-top: 8px; padding-bottom: 16px; }
p.copyright a { color:#999999; text-decoration:none;}
p.copyright a:hover { color:#ffffff; text-decoration:underline;}

.center { text-align: center; }

table.limage { margin:0px; margin-right:10px; margin-bottom:10px; border:0px; padding:0px; }
table.limage td { text-align: center; }

td.boards { background-color:#FFFFFF; color:#000000;}

div#lboard { float:left; width:310px; height:700px; padding:10px; text-align:center; color:#FF6600; font-weight:bold; font-size:20px; font-family:Georgia, serif; }
div#boards { float:left; width:600px; margin-left: 10px; }

td.third { width:310px; }
td.half { width:400px; }

table.store {}
table.store td.photo {}
table.store td.text {}
table.store td.text form { border:0px; margin:0px; padding:0px; }
table.store td.text div.title { margin-top:10px; padding-left: 10px; font-size:18px; font-family:Georgia, serif; color: #FF6600; border-bottom: 1px dotted #FF6600; padding-right: 10px;}
table.store td.text div.description { margin-top:10px; font-size:11px; }
table.store td.text div.price { margin-top:10px; font-weight:bold; }
table.store td.text div.price span { float: left; font-weight:normal; width:60px; padding-right:4px; text-align:right;}
table.store td.text div.size { margin-top:10px; }
table.store td.text div.size span { float: left; width:60px; padding-right:4px; text-align:right; }
table.store td.text div.size select { border: 1px solid black; background:#FFFFFF; color:#000000; font-size: 11px; font-family:Geneva, Arial, Helvetica, sans-serif; }
table.store td.text div.size select option { background:#FFFFFF; color:#000000; font-size: 11px; font-family:Geneva, Arial, Helvetica, sans-serif; }
table.store td.text div.color { margin-top:10px; }
table.store td.text div.color span { float: left; width:60px; padding-right:4px; text-align:right; }
table.store td.text div.color select { border: 1px solid black; background:#FFFFFF; color:#000000; font-size: 11px; font-family:Geneva, Arial, Helvetica, sans-serif; }
table.store td.text div.color select option { background:#FFFFFF; color:#000000; font-size: 11px; font-family:Geneva, Arial, Helvetica, sans-serif; }
table.store td.text div.add { margin-top:10px; font-weight:bold;}
table.store input.add { margin-top:20px; margin-left:20px; }
table.store img.storeitem { margin:5px; padding: 2px; border: 1px solid white;}
table.store img.front { margin:5px; padding: 2px; border: 1px solid white;}

td.deck { background-color:#FFFFFF; }
td.deck table.store td.text {color:#000000; width:180px;}
td.deck table.store img.storeitem { border-color:#000000; }

table.team {}
table.team td.cover p.face {float:left; margin:10px; text-align:center; font-size:16px; }
table.team td.cover p.face a { text-decoration:none; font-weight:bold; color: #666666; }
table.team td.cover p.face a:hover { text-decoration:none; color: #FF6600; }
table.team td.cover p.face img { padding:2px; border:1px solid #FFFFFF; margin:3px; }
table.team td.description {}
table.team td.description img.face { border:1px solid white; padding:1px; margin:5px; float:right; }
table.team td.description .recruit {}
table.team td.description p { }
table.team td.description p.d span { font-weight:bold; width:210px; float:left; text-align:right; padding-right:10px; }
table.team td.description .title { color:#FF6600; font-weight:bold; font-size:28px; font-family:Georgia, serif; margin-bottom: 5px; }
table.team td.vids { padding-top:32px; padding-bottom:32px; }
table.team td.vids p.title { color:#ffffff; font-weight:bold; font-size:16px; font-family:Georgia, serif; margin-bottom: 5px; border-bottom:1px dotted #FF6600; margin-left:50px; margin-right:50px;}
table.team td.vids p.video { text-align:center; }
table.team td.vids p.thanks { text-align:center; }
table.team td.pics { padding-top:32px; padding-bottom:32px; }
table.team td.pics p.title { color:#ffffff; font-weight:bold; font-size:16px; font-family:Georgia, serif; margin-bottom: 5px; border-bottom:1px dotted #FF6600; margin-left:50px; margin-right:50px;}
table.team td.pics p.pics { text-align:center; }


table.commercial {}
table.commercial td.cover p.shoot {float:left; margin:10px; text-align:center; font-size:16px; }
table.commercial td.cover p.shoot a { text-decoration:none; font-weight:bold; color: #666666; }
table.commercial td.cover p.shoot a:hover { text-decoration:none; color: #FF6600; }
table.commercial td.cover p.shoot img { padding:2px; border:1px solid #FFFFFF; margin:3px; }
table.commercial td.description {}
table.commercial td.description img.left { border:1px solid white; padding:1px; margin:5px; float:left; }
table.commercial td.description img.right { border:1px solid white; padding:1px; margin:5px; float:right; }
table.commercial td.description .recruit {}
table.commercial td.description p { }
table.commercial td.description p.by { text-align:right; }
table.commercial td.description p.d span { font-weight:bold; width:210px; float:left; text-align:right; padding-right:10px; }
table.commercial td.description .title { color:#FF6600; font-weight:bold; font-size:28px; font-family:Georgia, serif; margin-bottom: 5px; }
table.commercial td.pics { padding-top:32px; padding-bottom:32px; }
table.commercial td.pics p.title { color:#ffffff; font-weight:bold; font-size:16px; font-family:Georgia, serif; margin-bottom: 5px; border-bottom:1px dotted #FF6600; margin-left:50px; margin-right:50px;}
table.commercial td.pics p.pics { text-align:center; }

table.artists td.artist p { margin-left:100px; margin-right:100px; font-size:13px; text-align:justify; }
table.artists td.artist p.title { margin-top:20px; font-size:18px; font-family:Georgia, serif; color: #FF6600; border-bottom: 1px dotted #FF6600; padding-right: 10px; padding-left: 0px; }
table.artists img.face { margin: 10px 10px 10px 0px; padding:0px; border:0px; float:left; }

p.navigation { font-weight:normal; font-size:10px; font-family:Geneva, Arial, Helvetica, sans-serif; }
p.navigation a { color:#cccccc; }
p.navigation a:hover { text-decoration:underline; color:#FF6600; }


table.girl {}
table.girl td.face {}
table.girl td.face div.title { margin-top:10px; padding-left: 10px; font-size:18px; font-family:Georgia, serif; color: #FF6600; border-bottom: 1px dotted #ff6600; margin-left:20px; margin-right:20px; }
table.girl td.face div.origin { font-size:9px; }
table.girl td.face div.text { margin:10px; }
table.girl td.face img { padding:2px; border: 1px solid #ffffff; }

table.girl td.thumb { padding:10px; text-align:center; }
table.girl div { text-align:center; padding: 5px; }
table.girl div.photo { padding-bottom: 40px; }
table.girl div.photo img { padding:2px; border: 1px solid #ffffff; }

.girlphoto { padding:10px; }

ol.girlsteps { font-size:20px; font-weight:bold; color:#FF6600; }
ol.girlsteps li p { font-size:12px; font-weight:normal; color:#FFFFFF; }

.recruit { background-color: #333333; padding:10px; font-weight: bold; font-size:16px; }
.recruit a { color:#FFFF00; }
.recruit a:hover { color:#FFFF00; }

.banner { font-size:8px; text-align:center; }

p.def { font: 2.33em Georgia, serif; color: #cccccc; }
p.def em { color:#FF6600; }
p.def-origin { border: 1px solid #CCFFFF; background-color:#EEFFFF; margin: 10px 30px; padding: 4px; color: #000000; }
ul.def-type { margin-left:0px; list-style-type:none; }
ul.def-type li { color:#66cc66;font-style:italic; }
ul.def-type li li { color:#FFFFFF;font-style:normal; }
p.def-ref { font-size: 8px; font-style:italic; }

.white { background-color:#FFFFFF; }

.retailer { margin-left: 520px; }

#mapContainer { height: 500px; width: 500px; float:left; margin-top:0px; margin-left:10px; margin-right:10px; }

