/* Theme Name: Goat Style Bike Jam Theme URI: http://goatstylebikejam.com Description: Goatstylebikejam theme developed by MMP Design Version: 1.0 Author: Jameson Bjorkman Author URI: http://mismatchingpanda.com Tags: goats and boats */ * { margin:0px; padding:0px; border:none; text-decoration:none; outline:none; } body { font: normal normal normal 14px/18px Helvetica, Arial, sans-serif; word-spacing:2px; letter-spacing:0px; } h1, h2, h3 h4, h5, h6, p { word-spacing:2px; letter-spacing:-1px; } h1 { font-size:20px; line-height:24px; } h2 { font-size:28px; line-height:32px; } h3 { font-size:16px; line-height:20px; } h4 { font-size:14px; line-height:18px; } h5 { font-size:12px; line-height:16px; } h6 { font-size:10px; line-height:14px; } p { font-size:14px; line-height:18px; word-spacing:0px; letter-spacing:0px; } strong { font-weight:bold; color:#86ac21; } em { font-style: italic; } .left, .alignleft { float:left; } .clearLeft { clear:left; } .textLeft { text-align:left; } .right, .alignright { float:right; } .clearRight { clear:right; } .textRight { text-align:right; } .center, .aligncenter { display: block; margin-left: auto; margin-right: auto; } .clear { clear:both; } .textCenter { text-align:center; } .hide { display:none; } .green { color:#86ac21; } /* So Many Freaking Boxes */ .section { width:960px; margin:0px auto; position:relative; clear:both; } .pad { padding:10px; } .w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11, .w12, .w13, .w14, .w15, .w16 { margin:10px; } .b1.pad, .w1 { width: 40px; } .w1.pad { width: 20px; } .b1 { width: 60px; } .b2.pad, .w2 { width:100px; } .w2.pad { width: 80px; } .b2 { width:120px; } .b3.pad, .w3 { width:160px; } .w3.pad { width:140px; } .b3 { width:180px; } .b4.pad, .w4 { width:220px; } .w4.pad { width:200px; } .b4 { width:240px; } .b5.pad, .w5 { width:280px; } .w5.pad { width:260px; } .b5 { width:300px; } .b6.pad, .w6 { width:340px; } .w6.pad { width:320px; } .b6 { width:360px; } .b7.pad, .w7 { width:400px; } .w7.pad { width:380px; } .b7 { width:420px; } .b8.pad, .w8 { width:460px; } .w8.pad { width:440px; } .b8 { width:480px; } .b9.pad, .w9 { width:520px; } .w9.pad { width:500px; } .b9 { width:540px; } .b10.pad, .w10 { width:580px; } .w10.pad { width:560px; } .b10 { width:600px; } .b11.pad, .w11 { width:640px; } .w11.pad { width:620px; } .b11 { width:660px; } .b12.pad, .w12 { width:700px; } .w12.pad { width:680px; } .b12 { width:720px; } .b13.pad, .w13 { width:760px; } .w13.pad { width:740px; } .b13 { width:780px; } .b14.pad, .w14 { width:820px; } .w14.pad { width:800px; } .b14 { width:840px; } .b15.pad, .w15 { width:880px; } .w15.pad { width:860px; } .b15 { width:900px; } .b16.pad, .w16 { width:940px; } .w16.pad { width:920px; } .b16 { width:960px; } body { background: #000000 url('http://goatstylebikejam.com/2010/wp-content/themes/goatstylebikejam/img/bg.jpg') no-repeat fixed top center; color:#ffffff; } #theHead, #theNav, #theMastHead, #theContent, #theFoot { margin-left:auto; margin-right:auto; width:960px; background:#000000; background:rgba(0,0,0,0.65); } #theHead { height:110px; margin-top:50px; background: url('http://goatstylebikejam.com/2010/wp-content/themes/goatstylebikejam/img/header.jpg') no-repeat scroll top center; background:rgba(0,0,0,0.65); position:relative; } #theHead p { font-size:7em; position:absolute; bottom:41px; right:0px; color:#ffffff; text-shadow:0px 0px 15px #000000; } #theHead p span { color:#86ac21; } #theNav { height:20px; } #theMastHead { height:300px; border-top:1px solid #86ac21; border-bottom:1px solid #86ac21; } #theContent {} #theFoot { height:50px; margin-bottom:50px;} #theRider {} #theMedia {} #theHead { border-radius:30px 30px 0px 0px; -moz-border-radius:30px 30px 0px 0px; -webkit-border-radius:30px 30px 0px 0px; } #theFoot { border-radius:0px 0px 30px 30px; -moz-border-radius:0px 0px 30px 30px; -webkit-border-radius:0px 0px 30px 30px; } #theNav a { color:#86ac21; line-height:20px; } #theNav a:hover { color:#ffffff; } #theNav ul.theNavList{ list-style: none; position:relative; } #theNav ul.theNavList li { float:left; margin-left:10px; position:relative; } #theNav ul.theSecondaryNavList { display:none; position:absolute; border:1px solid #86ac21; padding:10px; margin-left:-20px; background:#000000; width:120px; list-style:none; } #theNav ul.theSecondaryNavList li { float:none; } #theNav ul.theNavList li:hover ul.theSecondaryNavList{ display:block !important; } #theNav ul.theSecondaryNavList { background:rgba(0,0,0,0.65); border-radius:0px 0px 10px 10px; -moz-border-radius:0px 0px 10px 10px; -webkit-border-radius:0px 0px 10px 10px; box-shadow:0px 0px 10px #000000; -moz-box-shadow:0px 0px 10px #000000; -webkit-box-shadow:0px 0px 10px #000000; } #theMastHead h1 a { display:block; width:960px; height:300px; text-indent:-9999999px; } .bg1 { background: url('http://goatstylebikejam.com/2010/wp-content/themes/goatstylebikejam/img/1.jpg') no-repeat scroll top center; } .bg2 { background: url('http://goatstylebikejam.com/2010/wp-content/themes/goatstylebikejam/img/2.jpg') no-repeat scroll top center; } .bg3 { background: url('http://goatstylebikejam.com/2010/wp-content/themes/goatstylebikejam/img/3.jpg') no-repeat scroll top center; } .bg4 { background: url('http://goatstylebikejam.com/2010/wp-content/themes/goatstylebikejam/img/4.jpg') no-repeat scroll top center; } .bg5 { background: url('http://goatstylebikejam.com/2010/wp-content/themes/goatstylebikejam/img/5.jpg') no-repeat scroll top center; } .bg6 { background: url('http://goatstylebikejam.com/2010/wp-content/themes/goatstylebikejam/img/6.jpg') no-repeat scroll top center; } .bg7 { background: url('http://goatstylebikejam.com/2010/wp-content/themes/goatstylebikejam/img/7.jpg') no-repeat scroll top center; } .bg8 { background: url('http://goatstylebikejam.com/2010/wp-content/themes/goatstylebikejam/img/8.jpg') no-repeat scroll top center; } .bg9 { background: url('http://goatstylebikejam.com/2010/wp-content/themes/goatstylebikejam/img/9.jpg') no-repeat scroll top center; } .bg10 { background: url('http://goatstylebikejam.com/2010/wp-content/themes/goatstylebikejam/img/1a.jpg') no-repeat scroll top center; } .bg11 { background: url('http://goatstylebikejam.com/2010/wp-content/themes/goatstylebikejam/img/3a.jpg') no-repeat scroll top center; } .bg12 { background: url('http://goatstylebikejam.com/2010/wp-content/themes/goatstylebikejam/img/12a.jpg') no-repeat scroll top center; } #theContent a { color:#ffffff; border-bottom:1px solid #86ac21 } #theContent a:hover { color:#ffffff; border-bottom:3px solid #86ac21; } #theContent a:active {position:relative; top:1px; } #theContent h2, #theContent p, #theContent h3 { margin-bottom:10px; } #featuredSponsor { position:relative; } #featuredSponsor .label { position:absolute; top:-12px; left:0px; right:0px; color:#86ac21; } #featuredSponsor a.sponorLogoLink { background:#ffffff; display:block; width:320; padding:10px; border:1px solid #86ac21; margin:0px auto 10px; text-align:center; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } #featuredSponsor a img { max-width:320px; min-width:100px; } #featuredSponsor a:hover img { } div.moviebox { width:500px; padding:39px 39px 19px 39px; color:#000000; border:1px solid #86ac21; background:#ffffff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } #theContent div.moviebox a { color:#000000; } .pageSponsorImgWrap { width:198px; padding:10px; background:#ffffff; border:1px; solid #86ac21; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .pageSponsorImg { max-width:198px;} .white { background:#ffffff; text-align:center; border:1px solid #86ac21; padding:10px 10px 10px 10px; width:138px; color:#000000; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .side { border-bottom:1px solid #86ac21; } .white a { border:none !important; color:#000000 !important; } .white a:hover { } .white img {border-bottom:0px dotted #86ac21; margin-bottom:10px; } .bgWhite { background:#ffffff; text-align:center; color:#000000; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .side { border-bottom:1px solid #86ac21; } .bgWhite a { color:#000000 !important; border-bottom:1px solid #86ac21 } .bgWhite a:hover { color:#000000 !important; border-bottom:3px solid #86ac21; } .white img {border-bottom:0px dotted #86ac21; margin-bottom:10px; } .notice { float:right; background:#ffffff; width: 318px; text-align:center; border:1px solid #86ac21; padding:10px 10px 10px 10px; color:#000000; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:10px; } .notice a { color:#000000 !important; border-bottom:1px solid #86ac21 } .notice a:hover { color:#000000 !important; border-bottom:3px solid #86ac21; } label, input, select, option { font-family: helvetica, arial, sans-serif. font-size:14px; line-height:18px; min-height:14px; } label { display:block; float:left; padding:0px 5px 0px 0px; width:150px; padding-left:100px; text-align:right; position:relative; } label.short {text-align:right; width:58px !important;} label small { position:absolute; left:450px; width:160px; text-align:left; } input { display:block; float:left; padding:3px; position:relative; top:-2px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; width:183px; } select { border:none; background:#ffffff; padding:3px; position:relative; top:-3px; border-radius:3px;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } option { padding:0px 5px; } select.long {width:188px; } textarea { border:none; background:#ffffff; padding:3px; position:relative; top:-2px; border-radius:3px;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; width:183px; height:120px; } input[type=radio] { width:14px; position:relative; top:2px; } input[type=submit, input[type=submit]:active, input[type=submit]:focus, input[type=submit]:hover { width:188px; color:#232323; } form .clear { height:5px; } form .error { background:#a10000; color:#ffffff; } form .go { background:#86ac21; color:#ffffff; } form h3 { background:#ffffff; color:#000000; padding:10px; margin:10px 0px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } form h3:first-child { margin-top:0px; } form h3 small { float:right; } form p {padding:10px; } table { font-weight:bold; background:#ffffff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; color:#232323; } table .rider { width:50px; text-align:right;padding-right:5px; } table .avg3 { width:50px; } table .name { width:200px; } table tr:nth-child(2n) { background:rgba(0,0,0,0.1); } table td { padding:3px; } table tr:hover { background:rgba(0,0,0,0.3); }