/********************************************************************************************** CSS on Sails Title: British Airways Photo Competition Author: XHTMLized (http://www.xhtmlized.com/) Date: October 2009 *********************************************************************************************** 1. BASE 1.1 Reset 1.2 Accessibility Navigation & Hide 1.3 Clearfix 1.4 Default Styles 2. LAYOUT 2.1 Structure 2.2 Header 2.3 Navigation 2.4 Content 2.5 Sidebar 2.6 Footer ***********************************************************************************************/ /* 1. BASE ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 1.1 Reset -----------------------------------------------------------------------------------------------*/ html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } q { quotes: none; } q:before, q:after { content: ""; content: none; } a, ins, del { text-decoration: none; } table { border-collapse: collapse; border-spacing: 0; } th, td { vertical-align: top; } th { text-align: left; } /* 1.2 Accessibility Navigation & Hide -----------------------------------------------------------------------------------------------*/ .hide, ol#accessibility-nav { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; } /* 1.3 Clearfix -----------------------------------------------------------------------------------------------*/ #header:after, #navigation li:after, #navigation li .dropdown:after, #navigation ul:after, .competition:after, .form .textbox:after, .form .selectbox:after, .form .checkbox:after, .form .radiobox:after, .form .form-button:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* 1.4 Default Styles -----------------------------------------------------------------------------------------------*/ body { color: #333;} hr { display: none; } #content-competition strong { font-weight: bold; } #content-competition em { font-style: italic; } #content-competition del { text-decoration: line-through; } #content-competition th { font-weight: normal; } #content-competition address, cite, dfn { font-style: normal; } #content-competition li { list-style: none; } #content-competition abbr, acronym { border-bottom: 1px dotted #999; cursor: help; } #content-competition input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; } a { text-decoration: none; } a:hover, a:active { color: #69a3ca; text-decoration: underline; } #content-competition img { vertical-align: bottom; } /* buttons */ .button { display: block; height: 0; overflow: hidden; background: url(../images/ui_elements.png) no-repeat } .button.go { width: 26px; padding: 25px 0 0 0; border: none; display: inline; float: left; cursor: pointer; background-position: -171px -135px; } .button.go:hover { background-position: -171px -135px; } .button.select { border: none; padding: 18px 0 0 0; width: 74px; cursor: pointer; background-position: -260px -200px; } .button.select:hover { background-position: -260px -220px; } .button.submit, .button.vote, .button.login, .button.register, .button.resetPassword, .button.enterYourPhoto, .button.backToGallery { padding-top: 22px; background-image:url(../images/buttons.png); margin-top:15px; } .button.submit { display: inline; float: right; width: 75px; margin-right: 10px; background-position: 0 0; } .button.submit:hover { width: 75px; background-position: 0 -22px; } .button.vote { width: 60px; background-position: -75px 0; } .button.vote:hover { background-position: -75px -22px; } .button.login { float: left; width: 72px; background-position: -131px 0; } .button.login:hover { background-position: -131px -22px; } .button.register { width: 82px; background-position: -202px 0; } .button.register:hover { background-position: -202px -22px; } .button.resetPassword { width: 134px; background-position: -287px 0; } .button.resetPassword:hover { background-position: -287px -22px; } .button.enterYourPhoto { width: 150px; background-position: -424px 0; } .button.enterYourPhoto:hover { background-position: -424px -22px; } .backToGallery { float:right; width:140px; background-position: -570px 0; } .backToGallery:hover { background-position: -570px -22px; } .addthis_button { display: block; height: 0; padding-top: 22px; overflow: hidden; width:133px; float:right; margin:-37px 140px 0 0; position:relative; background: url(../images/buttons.png) -713px top no-repeat; } .competition-description .addthis_button { margin:25px 0 0 0; float:none; } .addthis_button:hover { background-position: -713px -22px; } /* forms */ form .text { float: left; } .custom-checkbox { padding-left: 20px; float: left; background: url(../images/checkboxes_radios.png) no-repeat -16px -28px; } .custom-checkbox-checked { text-decoration: none; background-position: 0px -50px; } .custom-radio { padding-left: 10px; float: left; background: url(../images/checkboxes_radios.png) no-repeat -22px 5px; } .custom-radio-checked { text-decoration: none; background-position: -10px -8px; } /* 2. LAYOUT ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 2.1 Structure -----------------------------------------------------------------------------------------------*/ .container { width: 900px; margin-left: 40px; float:left; display: inline; text-align: left; background-color: #fff; color: #333; font: 75%/1.366 "Arial", "Helvetica", sans-serif; } #content-competition { width: 777px; padding: 0 0 0 15px; float: left; background-color: #fff; margin:0 0 0 8px; position: relative;} #sidebar { width: 155px; padding-bottom: 20px; float: right; background-color: #fff; } #compFooter { padding: 10px 10px 30px 10px; float:left; display:block; width:940px; } .page-home #content-competition { border-top: none; } .photoCompetition .one_sixth { background-color:#fff; } .photoCompetition .image_padding { padding:15px 0 15px 15px; } /* 2.4 Content -----------------------------------------------------------------------------------------------*/ /* register + login links*/ .site-links { float:right; margin:70px 0 30px 0;} .site-links li, #content-competition .site-links li a { float: left; color:#636365;} #content-competition .site-links li a { padding-left: 15px; margin-left: 10px; display: inline; float: left; background: url(../images/ico_arrows.png) no-repeat -19px 2px; color: #333; font-weight: bold;} .competition { width: 777px; min-height: 653px; padding: 0 0 15px; margin:-112px 0 0 0; float:left; background: #252628 url(../images/bg_main_content.png) no-repeat left top; z-index:99;} #content-competition .competition a{ color: #69a3ca; } #content-competition .competition .photo-gallery .gallery-viewport a { height:93px; display:block; overflow:hidden; } /* logo */ h2.competition-logo{ margin:10px 0 0 0; position:relative; float:left; display: inline; width: 280px; height: 199px;} a.competitionLogo2 { width: 215px; height: 193px; display: block; background: url(../images/competition_logo2.png) no-repeat 0 0; text-indent:-10000px;position: absolute; top: 7px; left: -38px; z-index: 1000; } /* .competition span.tc { width: 777px; height: 6px; display: block; position: absolute; z-index: 1; top: 0; left: 0; background: #252628 url(../images/bg_main_content.png) no-repeat 0 0; clear: left;} */ /* competition navigation*/ .competition-navigation { float:left; margin:0; width: 460px; height: 40px; z-index: 102; position:relative; display: inline;} .competition-navigation a, .competition-navigation li { height: 18px; float: left; margin:0 6px 4px 0; display: inline;} .competition-navigation li { padding: 0;} .competition-navigation a, .competition-navigation a span { height: 18px; float: left; position: relative; overflow: hidden; color: #fff; background: transparent url(../images/nav-bg.gif) no-repeat 0 0; cursor: pointer;} .competition-navigation a span { position: absolute; top: 0; left: 0; z-index: 5;} .competition-navigation li.gallery, .competition-navigation li.gallery a, .competition-navigation li.gallery a span { width: 93px;} .competition-navigation li.gallery a span { background-position: 0 0;} .competition-navigation li.gallery a:hover span, .competition-navigation li.gallery .active span { background-position: 0 -40px;} .competition-navigation li.works, .competition-navigation li.works a, .competition-navigation li.works a span { width: 147px;} .competition-navigation li.works a span { background-position: -102px 0;} .competition-navigation li.works a:hover span, .competition-navigation li.works .active span { background-position: -102px -40px;} .competition-navigation li.enter { margin-right:0; } .competition-navigation li.enter, .competition-navigation li.enter a, .competition-navigation li.enter a span { width: 190px;} .competition-navigation li.enter a span { background-position: -260px 0;} .competition-navigation li.enter a:hover span, .competition-navigation li.enter .active span { background-position: -260px -40px;} .competition-navigation li.judges, .competition-navigation li.judges a, .competition-navigation li.judges a span { width: 82px; } .competition-navigation li.judges a span { background-position: 0 -22px;} .competition-navigation li.judges a:hover span, .competition-navigation li.judges .active span { background-position: 0 -62px;} .competition-navigation li.prizes, .competition-navigation li.prizes a, .competition-navigation li.prizes a span { width: 116px;} .competition-navigation li.prizes a span { background-position: -93px -22px;} .competition-navigation li.prizes a:hover span, .competition-navigation li.prizes .active span { background-position: -93px -62px;} .competition-navigation li.winners, .competition-navigation li.winners a, .competition-navigation li.winners a span { width: 87px;} .competition-navigation li.winners a span { background-position: -219px -22px;} .competition-navigation li.winners a:hover span, .competition-navigation li.winners .active span { background-position: -219px -62px;} /* related articles */ .photoCompetition .relatedArticles h2 { color:#fff; margin-top:15px; } .photoCompetition .articleSell { margin:5px 30px 0 0; } .photoCompetition .articleSell .image_padding { padding:0 15px 0 0; } .photoCompetition .articleSell h3 { float:left; margin:5px 0 2px 0; font-family:Arial, Helvetica, sans-serif; font-size:1.15em; font-weight:bold; } .photoCompetition .articleSell p { clear:both; float:left; width:140px; margin:0; } .photoCompetition .relatedArticles .moreStories { background:none; padding-left:0; } .photoCompetition .relatedArticles{ width: 554px !important;} .socialPanel { margin:-50px 0 5px; position:relative; float:left; width:554px; } .tellYourFriends { float:left; width:370px; margin-top:11px; } .tellYourFriends p { margin-left:0 !important; } #content-competition .competition .tellYourFriendsOptions a:hover { color:#ddd; text-decoration:none; } .tellYourFriendsOptions a { background:url(../images/tellFriends.png) no-repeat scroll 0 0 transparent; display:block; height:21px; margin:-5px 2px 0 2px; width:21px; position:relative; color:#fff; text-indent:-10000px; float:left; } .tellYourFriendsOptions a.twitter { background-position:0 -21px; } .tellYourFriendsOptions a.email { background-position:0 -42px; } /* titles */ .title { text-transform:uppercase; font-weight:bold; text-indent:-10000px; background: transparent url(../images/titles.gif) left top no-repeat; height:11px; } .hBrowseGallery { background-position: 0 0; } .hViewing { background-position: 0 -50px; } .hStart{ background-position: 0 -100px; } .hEnd { background-position: 0 -150px; } .hTitle { background-position: 0 -200px; } .hLocation{ background-position: 0 -250px; } .hMonthYear { background-position: 0 -300px; } .hPhotographer { background-position: 0 -350px; } .hSeason { background-position: 0 -400px; } .hRateThisPhoto { background-position: 0 -450px; } .hScore { background-position: 0 -500px; } .tellYourFriends .title { background-position: 0 -550px; height:15px; width:120px; } .mainTitle { text-transform:uppercase; font-weight:bold; text-indent:-10000px; background: transparent url(../images/main-titles.gif) left top no-repeat; height:25px; } .hHowItWorks { background-position: 0 0; } .hEnterPhoto { background-position: 0 -50px; } .hJudges { background-position: 0 -100px; } .hPrizes { background-position: 0 -150px; } .hWinners { background-position: 0 -600px; } .hRegister { background-position: 0 -200px; } .hLogin { background-position: 0 -250px; } .hChangeDetails { background-position: 0 -300px; } .hAccountSummary { background-position: 0 -350px; } .hChangePassword { background-position: 0 -401px; } .hForgottenPassword { background-position: 0 -451px; } .hProfileActivation { background-position: 0 -501px; } .hTermsAndConditions { background-position: 0 -551px; } /* browse gallery */ .browse-gallery { width: 475px; padding-top: 7px; float:left; position:relative; margin:20px 0 0 8px; border-top: 1px solid #656668; color: #fff; z-index: 1000;} .browse-gallery h3 { overflow: hidden; text-transform: uppercase; font-size: 0.9em; color:#fff; } .browse-gallery div { padding-right: 22px; float: left; color: #69a3ca;} .browse-gallery div label { display: block; font-size: 1.166em; line-height: 1.5em; cursor: pointer;} .browse-gallery div input { margin: 0 6px 0 0; vertical-align: middle;} /* gallery viewport */ .gallery-viewport { position: relative; width: 554px; height: 475px; padding: 2px 0 0 0; background: url(../images/bg_viewport.png) no-repeat 0 0; float:left; z-index: 9999;} .photo-gallery { width: 554px; padding-top: 11.25em; margin-right: 13px; display: inline; float: right; position: relative; z-index: 10; } .photo-gallery.preview { padding-bottom: 50px;} .photo-gallery.preview ul.slider { } .photo-gallery ul.slider { position: absolute; top:2px; left:0; width: 9999px; } .photo-gallery ul.slider li { float: left; } .photo-gallery ul.slider ul { width: 600px; } .photo-gallery li { float: left; position: relative; border: 2px solid #fff; border-width: 0 0 2px 2px; z-index: 1} .photo-gallery ul li.last-child { border-width:0 2px 2px 2px; } .photo-gallery li.item { border: 0; } .photo-gallery li li.last { border-bottom: 0; } .photo-gallery li.hover { z-index: 100; } .photo-gallery li .rollover, .photo-gallery li .rollover-flip, .photo-gallery li .rollover-t, .photo-gallery li .rollover-flip-t { width: 240px; height: 35px; padding: 170px 5px 20px 5px; display: none; position: absolute; top: 0px; left: 200px; z-index: 1000;background: #fff;} .photo-gallery li.hover .rollover, .photo-gallery li.hover .rollover-flip, .photo-gallery li.hover .rollover-t, .photo-gallery li.hover .rollover-flip-t { display: block; } .photo-gallery li .rollover img, .photo-gallery li .rollover-flip img, .photo-gallery li.hover .rollover-t img, .photo-gallery li.hover .rollover-flip-t img { position: absolute; top: 5px; left: 5px; z-index: 100;} .photo-description {background: #3a3b3d; padding: 6px; position: relative; height:38px; } .competition .content h2 { color:#69a3ca; font-weight:bold; font-size:1.2em; letter-spacing:0.02em; margin:25px 0 5px 0; } .photo-description h3 { text-transform: uppercase; color: #69a3ca; font-weight: normal; font-size: 0.8em; line-height:110%; padding-right: 30px; } .photo-description p { color: #fff; padding-right: 30px;} .photo-description .votes { color: #69a3ca; font-weight: bold; position: absolute; right: 4px; top: 6px; float: left; text-align: center; text-transform: uppercase; line-height: 130%; font-size: 0.8em;} /* gallery pagination */ .gallery-pagination { float:left; padding-top:14px; width:554px; padding-top: 14px;} .gallery-pagination h3 { float: left; color: #fff; font-size: 1.1em; font-weight: normal;} .gallery-pagination li { border: none;} #content-competition .gallery-pagination li a { color: #878787; font-size: 1.1em;} .gallery-pagination .pages li a { padding: 0 5px 0 5px;} #content-competition .gallery-pagination .pages li a.active, #content-competition .gallery-pagination .pages li a:hover, #content-competition .gallery-pagination .pages li a:active { color: #fff; text-decoration: none;} .gallery-pagination .pages li { padding-right: 4px;} .controls { float: right;} .controls li { border: none; font-weight: bold; text-transform: uppercase; font-size: 0.9em; padding-left: 10px;} #content-competition .controls li a { color: #868686; line-height: 1; padding-top: 1px; padding-bottom: 2px;} .controls li a.previous { padding-left: 20px; background: url(../images/ico_arrows.png) no-repeat 0px -14px; } .controls li a.next { padding-right: 20px; background: url(../images/ico_arrows.png) no-repeat 100% -54px; } #content-competition .controls li a:hover, #content-competition .controls li a:active { color: #fff; text-decoration: none;} /* Account Summary */ .accountSummary table { float:left; width:460px; margin:0 0 10px 0; } .accountSummary table tr td { border-bottom:1px solid #505153; padding:6px 0; } .accountSummary table tr:last-child td, .accountSummary table tr .competitionImage { border-bottom:none; } #content-competition .accountSummary h4 { border-top:none !important; margin-top:15px !important; } #content-competition .form h4.hAccountDetails { margin-top:0 !important; } #content-competition .form h4.hAccountDetails span { font-size:0.8em; font-weight:normal; margin:0 0 0 10px; } /* left side bar*/ .competition-description{ width: 185px; padding: 11.25em 13px 20px 12px; color: #fff; float: left; } .competition-description dt { text-transform: uppercase; font-weight:bold; } .competition-description p, .competition-description dd { margin-bottom: 14px; font-size: 1.1em; } .competition-description dd { color:#69a3ca; } /* generic content*/ .section.content { width: 475px; padding: 100px 0 80px; margin: 0 21px 0 286px; display: inline; float: right;color: #fff;} .section.content h3 { margin-bottom: 15px; font-size: 2.2em; font-weight: bold; text-transform: uppercase; letter-spacing: -1px;color: #fff; } .section.content p{ margin-bottom: 14px;} /* preview viewort */ .preview .gallery-viewport { width: 554px; height: auto !important; padding: 0; float:left; background: transparent none; } .preview .gallery-viewport img { width: 550px; margin: 0 2px 0 0; border:5px solid #434343;} .preview p { margin:10px 0 0 5px; color:#fff; font-size:0.9em; float:left; } /* rating engine*/ .rating-engine { width: 185px; padding: 8px 0 5px; border: 1px solid #868789; border-width: 1px 0; margin-bottom: 17px;} .rating-engine h3 { font-size: 1.3em; margin-bottom: 5px;} .rating-engine ul { width: 197px; overflow: hidden; margin-left: -12px;} .rating-engine li { float: left; margin-left: 12px; display: inline; font-size: 1.3em; } .rating-engine li input { margin: 4px 4px 0 0; display: inline; float: left; vertical-align: middle; line-height: 1; padding: 0; } .rating-engine li label { display: inline;color: #69a3ca; cursor: pointer; line-height: 1; } .rating-engine dl { width: 185px; } .rating-engine dt { font-size: 0.8em; text-transform: uppercase;} .rating-engine .vote { margin-top: 10px;} .total{ width: 60px; float: right; clear: right;} .rating-engine dd{ margin-top: 4px; color: #69a3ca; font-weight: bold; font-size: 1.1em;} /* error popup*/ .overlay { position: absolute; top:0; left:0; z-index: 9998; width: 100%; height: 100%; background: url(../images/bg_overlay.png) repeat 0 0; display: none; } .popup-layer { width: 452px; padding: 9px 0; position: relative; font: 75%/1.366 Helvetica, "Arial", "Helvetica", sans-serif; margin: 400px auto 0 auto; text-align: left; } .popup-response { width: 392px; padding: 30px 25px 20px 35px; background: url(../images/bg_popup_content.png) repeat-y 0 0; overflow: hidden; color: #fff;} .popup-layer span.tc { width: 452px; height: 9px; background: url(../images/bg_popup_figures.png) no-repeat 0 0; overflow: hidden; display: block; position: absolute; top: 0; left: 0;} .popup-layer span.bc { width: 452px; height: 9px; background: url(../images/bg_popup_figures.png) no-repeat -453px 0; overflow: hidden; display: block; position: absolute; bottom: 0; left: 0;} .popup-layer p { font-size: 2em; font-weight: bold; margin-bottom: 20px;} .popup-layer a{ color: #69a3ca; } .popup-layer a:hover { text-decoration: underline;} .popup-layer a.close-popup { width: 13px; height: 13px; position: absolute; top: 15px; right: 15px; display: block; overflow: hidden;} .popup-layer a.close-popup span { width: 13px; height: 13px; position: absolute; top: 0; right: 0; display: block; background: url(../images/ico_arrows.png) no-repeat 0 -87px; cursor: pointer; } /* Change Details, Login & Register Pages With Forms -----------------------------------------------------------------------------------------------*/ /* Content Form */ #content-competition .form h3 { font-size: 2.2em; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; margin-bottom: 15px; color:#fff; font-family: "Arial", "Helvetica", sans-serif; } #content-competition .form { color: #fff; width: 460px; padding-right: 38px; float: right; padding-bottom: 60px; padding-top: 90px;} #content-competition .form a:hover{ text-decoration: underline;} #content-competition .form .textbox, #content-competition .form .checkbox, #content-competition .form .radiobox, #content-competition .form .selectbox { width: 50%; clear:both; float: left; padding-bottom: 15px; } #content-competition .form .form-button, #content-competition .form .single { width: 100%; float: none; clear: both; } #content-competition .form .textbox.side { clear:none; float: right; margin-right: -7px; display: inline;} #content-competition .form .widebox { width: 100%; float: left; padding-bottom: 15px; border-bottom:1px solid #505153; margin-bottom:10px; } #content-competition .form .fileInput { position:relative; } #content-competition .form .uploadImage { z-index:98; position:relative; -moz-opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity: 0; height:30px; } #content-competition .form #fileUploadStyle { width:355px; position:absolute; left:0px; top:21px; z-index:1; } #content-competition .form .btnBrowse { position:absolute; left:370px; top:21px; z-index:1; cursor:pointer; } #content-competition .form .verification { width: 100%; border-top: solid 1px #505153; padding-top: 15px; margin-top: 10px; } .error { padding:6px 0; } #content-competition .error a { color:red !important; text-decoration:underline; } .register-info, .enter-photo { border-top: 1px solid #505153; padding-top: 10px; } #content-competition .form h4 { clear: both; margin: 30px 0 10px; border-top: solid 1px #69a3ca; float: left; width: 100%; padding-top: 12px; font-size: 1.32em; font-weight: bold; color:#fff; font-family: "Arial", "Helvetica", sans-serif; } #content-competition .form label, #content-competition .form h5 { margin-bottom: 5px; display: block; color: #69a3ca; font-weight: bold; } #content-competition .form p { margin-bottom: 5px; color: #fff; font-size: 1.1em; } #content-competition .form p.formHelp { clear:left; font-size:0.85em; line-height:130%; margin:10px 0 0 0; } #content-competition .form label span { font-size:0.85em; color:#fff; padding-left:6px; font-weight:normal; } #content-competition .form .textbox input { width: 210px; border: 0; padding: 7px 6px; line-height: 1.1; color: #000; background-color: #b9b9b9; margin: 0; } #content-competition .form .widebox input { border: 0; padding: 7px 6px; line-height: 1.1; color: #000; background-color: #b9b9b9; margin: 0; cursor:pointer; } #content-competition .form .checkbox input { display: block; margin: 0 7px 0 0; float: left; } #content-competition .form .checkbox label { float: left; color: #fff; font-weight: normal;font-size: 1.1em; line-height: 1.5em; } #content-competition .form .radiobox input { display: block; margin: 0 7px 0 0; float: left; } #content-competition .form .radiobox label { float: left; color: #fff; font-weight: normal; margin-right: 12px; } #content-competition .form .selectbox select { float: left; width: 60px; color: #000; background-color: #b9b9b9; } #content-competition .form .selectbox label.separator { float: left; margin: 0 6px; font-size: 1.5em; font-weight: bold; } #content-competition .form .register-info .form-button { border-top: 1px solid #505153; padding-top: 10px; } #content-competition .form .notice { width: 435px; float: right; margin-bottom: 10px; overflow: hidden; font-weight: normal; color:#fff; text-align: left; color: #fff; font-size: 1.1em; } #content-competition .form .form-button { padding-top: 3px; } #content-competition .form .enter-photo .form-button { padding-top: 10px; border-top:1px solid #505153; } #content-competition .form-button em { color: #69a3ca; font-style: normal; line-height: 1.8em; margin-left: 5px;} #content-competition .form .register-info .form-button .submit, .form-button .login{ float: left; margin: 0 0 0 -3px; position: relative; display: inline;} #content-competition .form .change-details .form-button .submit { float: right; margin-right: -2px; display: inline; position: relative; } .form .check input { float: left;} #content-competition .form label a { color: #fff;} #content-competition .form label a:hover{ text-decoration: none;} #content-competition .form .create{ color: #69a3ca; font-weight: bold; margin-bottom: 20px; } #content-competition .form .log-in .checkbox { padding-bottom: 5px;} .winnersList ul { width:300px; margin: 0px; float:left; } .winnersList li { float:left; margin-left: 0px; margin-bottom:30px; width:225px; } .winnersList p { float:none; } .winnersList li.judge { float:left; margin-left:25px; width:225px; } .winningPhoto { margin-bottom:5px; display: block; border:#fff 2px solid; width: 136px; } h4.winnerTitle { margin-bottom:5px; font-family:"Arial","Helvetica",sans-serif; color:#FFFFFF; font-weight:bold; } h4.winnerName { font-family:"Arial","Helvetica",sans-serif; color:#FFFFFF; font-weight:bold; } .clear { clear:both; color:#878787 !important; border-bottom:1px solid #878787; } /* 2.5 Sidebar -----------------------------------------------------------------------------------------------*/ /* 2.6 Footer -----------------------------------------------------------------------------------------------*/ #compFooter, #compFooter a { color: #848486; } #compFooter a { text-decoration: underline; } #compFooter a:hover { text-decoration: none; } .footerBand { float:left; } /* Holder -----------------------------------------------------------------------------------------------*/ div.holding { padding-top: 250px; padding-left: 200px; } .holder { padding-top: 180px; padding-left: 200px; } h2.competition-logo-holding { width: 266px; height: 199px; display: block; background: url(../images/competition_logo.png) no-repeat 0 0; text-indent:-10000px; margin-top: -77px;} .footer, .header{ font-size: 75%; } html{ background: url("../images/body-bg2.png") left 151px repeat-x; } #content-competition ul.termsList{ padding: 0 0 10px 30px; } #content-competition ul.termsList li{ list-style-type: disc; list-style-position: outside; padding: 0 0 3px 0; }