/* -------------------------------------------------------------- ----------------------------------------------------------------- VERSION: 1.0 AUTHOR: Paul Whelan DEFINITIONS: 01. Body 02. Main Wrappers 03. Header 04. Navigation 05. Content 06. Footer 07. Legal ----------------------------------------------------------------- -------------------------------------------------------------- *//* /* 01. Body */ * { margin:0; padding:0;} html,body { height:100%; background: url(../images/general/grid_bg.jpg) top left repeat;} body, input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size:10px;} a { outline: none; text-decoration: none; } a:hover { text-decoration: underline;} strong {font-weight:800;} /* 02. Main Wrappers */ #mainWrapper { width: 100%; height: 100%; margin: 0 auto; padding: 0 auto; } #headerWrapper { width:846px; height:100px; margin: 0 auto; padding: 0 auto; } #contentWrapper { width:896px; height:575px; margin: 0 auto; padding: 0 auto; } #footerWrapper { width:846px; height:120px; margin: 0 auto; padding: 0 auto;} /* 03. Header */ #logo { width: 148px; height: 82px; background: url(../images/logos/kickers_logo.png) top left no-repeat; float:left; margin-top: 0px; margin-left: 30px; padding:0 auto; text-indent: -9999px; position:relative;} #logo a { width: 148px; height: 82px; overflow:hidden; display: block; } #legoLogo { width: 62px; height: 62px; background: url(../images/logos/lego_logo.png) top left no-repeat; float:right; margin-top: 19px; margin-right: 0px; padding:0 auto; text-indent: -9999px; position:relative;} #legoLogo a { width: 62px; height: 62px; overflow:hidden; display: block; } /* 04. Navigation */ #navShop { width:135px; height:47px; background: url(../images/nav/shop.png) top left repeat; margin-top: 30px; margin-left: 50px; float:left;} #nav { width: 376px; height: 20px; margin-top: 58px; margin-left: 10px; float:left;} #nav ul { list-style-type: none; } #nav li { float: left; text-indent: -9999px; } #nav li a { display: block; margin-left: 5px; margin-right: 5px; } a.all { width: 131px; height: 20px; margin-top: 0px; background: url(../images/nav/lego_all.png) left top no-repeat; } a.infant { width: 108px; height: 20px; margin-top: 0px; background: url(../images/nav/lego_infant.png) left top no-repeat; } a.junior { width: 97px; height: 20px; margin-top: 0px; background: url(../images/nav/lego_junior.png) left top no-repeat; } a.all:hover, a.infant:hover, a.junior:hover { background-position: left -25px; } /* 05. Row1 */ #row1 { width:896px; height:429px; background: url(../images/general/template_winner_main.png) center top no-repeat; padding-top: 0px; position:relative; float:left; } .header { width: 846px; height: 85px; background: url(../images/vote/voteTitle.png) center top no-repeat; text-indent: -9999px;} .shoe { width: 155px; height: 200px; padding-left:11px; margin-bottom:20px; position:relative; float:left} #shoe1 { background: url(../images/shoes/shoes1.png) left top no-repeat;} #shoe2 { background: url(../images/shoes/shoes2.png) left top no-repeat;} #shoe3 { background: url(../images/shoes/shoes3.png) left top no-repeat;} #shoe4 { background: url(../images/shoes/shoes4.png) left top no-repeat;} #shoe5 { background: url(../images/shoes/shoes5.png) left top no-repeat;} #shoe6 { background: url(../images/shoes/shoes6.png) left top no-repeat;} #shoe7 { background: url(../images/shoes/shoes7.png) left top no-repeat;} #shoe8 { background: url(../images/shoes/shoes8.png) left top no-repeat;} #shoe9 { background: url(../images/shoes/shoes9.png) left top no-repeat;} #shoe10 { background: url(../images/shoes/shoes10.png) left top no-repeat;} .voteTxt { width: 42px; height: 18px; position:absolute; background: url(../images/vote/voteTxt.png) center top no-repeat; margin-top:170px;left:0; } .vote { width: 100px; height: 16px; position:absolute; margin-top:170px; left:50px;} #column2 { width:347px; height:295px; position:relative; float:right;} #flash { width: 345px; height: 300px; } /* 05. Row2 */ #row2 { width:846px; height:122px; background: url(../images/general/speech_bubbles.png) left top no-repeat; position:relative; float:left; margin-left:20px;} .columnA { width:194px; height:95px; background: url(../images/text/check_out2009.png) no-repeat 0px 0px; margin-top: 17px; margin-left: 73px; position:absolute; float:left; text-indent: -9999px;} .columnA a { width:194px; height:95px; overflow:hidden; display: block; } .columnA:hover { background-position: -200px 0px; } .columnB { width:194px; height:95px; margin-top: 17px; margin-left: 317px; position:absolute; float:left; text-indent: -9999px;} .twitter { width:65px; height:85px; background: url(../images/text/speech.png) no-repeat -22px -140px; position:relative; float:left;} .twitter a { width:65px; height:85px; overflow:hidden; display: block; } .twitter:hover { background-position: -249px -140px; } .facebook{ width:60px; height:85px; background: url(../images/text/speech.png) no-repeat -88px -140px; position:relative; float:left;} .facebook a { width:60px; height:85px; overflow:hidden; display: block; } .facebook:hover { background-position: -315px -140px; } .bebo { width:65px; height:85px; background: url(../images/text/speech.png) no-repeat -155px -140px; position:relative; float:right;} .bebo a { width:65px; height:85px; overflow:hidden; display: block; } .bebo:hover { background-position: -382px -140px; } .columnC { width:194px; height:95px; background: url(../images/text/well_done.png) no-repeat -15px -5px; margin-top: 17px; margin-right: 75px; float:right; text-indent: -9999px;} iframe { width:180px; height:105px; margin-top:17px; margin-right:82px; float:right; text-indent: 0px;} /* 06. Footer */ #footer { width: 846px; height: 31px; background: url(../images/footer/footer_bg.png) left top no-repeat; margin-top:-6px;} #footer1 { width: 400px; height: 20px; position:absolute; margin-top: 7px; margin-left: 200px;} #footer1 ul { list-style-type: none; } #footer1 li { float: left; text-indent: -9999px; } #footer1 li a { display: block; margin-left: 5px; margin-right: 5px; } a.terms { width: 150px; height: 20px; margin-top: 0px; background: url(../images/footer/terms.png) left top no-repeat; } a.privacy { width: 100px; height: 20px; margin-top: 0px; background: url(../images/footer/privacy.png) left top no-repeat; } a.contact { width: 79px; height: 20px; margin-top: 0px; background: url(../images/footer/contact.png) left top no-repeat; } a.terms:hover, a.privacy:hover, a.contact:hover { background-position: left -25px; } #footer2 { width: 846px; height: 50px; background-color:#fff; margin-top: 18px; margin-left: 0px;} #footer2Text { width: 180px; height: 25px; float: left; margin: 0 auto; padding: 16px 0px 0px 10px; } #footer2Text h1 { color: #000; font-size: 10px; font-weight:800; line-height: 12px; letter-spacing: 0px; } #footer2Text p { color: #000; font-size: 10px; font-weight:100; letter-spacing: 0px;} #footer2Text a { color: #000; text-decoration: none; } #footer2Text a:hover { color: #333; text-decoration:none;} #footer2Text2 { width: 600px; height: 30px; float: right; margin: 0 auto; padding: 16px 0px 0px 0px; line-height: 20px;} #footer2Text2 h1 { color: #000; font-size: 10px; font-weight:100; line-height: 11px; letter-spacing: 0px; text-align:left;} #footer2Text2 p { color: #000; font-size: 10px; font-weight:100; letter-spacing: 0px;} #footer2Text2 a { color: #000; text-decoration: none;} #footer2Text2 a:hover { color: #333; text-decoration: none; } /* 7. Legal */ #legalContent { width: 500px; } #legalContent h2 { font-size:15px; color:#000; letter-spacing:0px; font-weight: 800; line-height: 18px; text-align:left; } #legalContent p { font-size:12px; color:#000; letter-spacing:0px; font-weight: 100;} #legalContent strong { font-weight: 800;} #legalContent li { font-size:12px; margin: 0 0 15px 30px; list-style-type: decimal; } #legalContent ol ol { font-size:12px; margin-top: 15px; list-style-type: lower-roman;} #legalContent a { outline: none; color: #000; text-decoration: none; } #legalContent a:hover { color: #d42b1e; text-decoration: underline; }