@import url('css/reset.css'); /* Colours ------------------------------------*/ /* */ /* lightest grey #f1f1f1 */ /* lighter grey #eeeeee */ /* dark grey #dddddd */ /* dark grey #414141 */ /* orange #f05a24 */ /* */ /* ---------------------------------------------*/ /* Global */ body {background-color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#333; /* background-image:url(../images/tread-bg.gif); background-position:righttop-right; 50px; background-repeat:repeat-y; */} #wrapper {width:980px; padding:0px 10px; margin:0px auto; background-color:#ffffff;} #header {clear:both; position:relative; z-index:20; top:0px; width:980px;} h1, h2, {text-transform:uppercase; font-size:1.3em; border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:10px; font-style:italic; font-weight:bold;} h1 a, h2 a {color:#333; text-decoration:none;} h3 {} h5, h5 a {font-size:10px; color:#f05a24; text-transform:capitalize; } p {line-height:1.4em; padding-bottom:10px;} a {color:#414141; border:none;} a:hover {text-decoration:none;} strong {font-weight:bold;} em {font-style:italic;} b {font-weight:normal;} /* For highlighting "keywords" - sets weight to normal */ small {font-size:90%;} abbr, acronym {cursor:help;} select {font-family:Verdana, Arial, Helvetica, sans-serif;} /* Header*/ #header #advertHeader {background-color:#000000; float:left; width:100%;} #header #advertHeader #leaderboard {background:url('../images/headerAdvertismentTab.gif') 0px 0px no-repeat #f1f1f1; height:90px; width:728px; float:left; padding-left:13px; position:relative; right:6px; } #header #advertHeader #customHeaderAdvert {float:left; height:80px; text-align:center; width:230px; padding-top:5px; margin-left:5px;background:url('../images/haveYourSay.gif') no-repeat; } #header #advertHeader #login form { padding:13px 0px 0px 10px; float:left;} #header #advertHeader #login { background:url('../images/haveYourSay_home.png') no-repeat; width:212px; height:123px; position:absolute; right:20px; top:25px;} #header #advertHeader #login h2 { font-size:1.3em; color:#F1F1F1; float:left; margin:20px 0px 0px 15px;} #header #advertHeader #login p { width:auto; font-size:1em; color:#f1f1f1;display:block; margin:10px 0px 0px 20px; padding:0px 0px 0px 0px; float:left; font-weight:bold;} #header #advertHeader #login p a{ width:auto; color:#f1f1f1; margin:2px 0px 0px 23px; padding:0px 0px 0px 0px; float:left;} #header #advertHeader #login span { font-weight:bold; font-size:0.7em; color:#f1f1f1; float:left; text-align:right; width:70px; display:block; padding:5px 0px 0px 0px;} #header #advertHeader #login .checkbox_text { font-size:0.6em; color:#f1f1f1; width:auto; font-weight:normal; margin:9px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} #header #advertHeader #login input { border:solid 1px #f7931e; float:left; width:110px;} #header #advertHeader #login .checkbox { border:none;width:30px;margin-top:3px;} #header #advertHeader #login .button { border:none;width:auto; float:left; margin-left:30px; margin-top:3px;} #header.home {position:static;} /* search - div contains logo */ #header #search {float:left; width:336px; background:url('../images/jeremyclarkson-co-uk.jpg') 0px 0px no-repeat; height:89px;} #header #search p {} #header #search p a {text-indent:-9000px; width:336px; display:block; height:89px;} #header #repeater {float:left; background:url('../images/header_repeater.gif') repeat-x; height:89px; width:644px;} /* essential styles */ ul.nav {margin-top:-10px;} html>body .nav {margin-top:0px;} /* ie6 fix */ /* nested submenu ul elements */ ul.nav ul {position:absolute;top:-999em; width:9.45em;} ul.nav ul li, .nav a {width:100%;} ul.nav li {float:left;position:relative; z-index:99;} ul.nav a {display:block;} /******************** SKINNING ******************/ ul.nav {float:left; width:980px; background:url('../images/navBG.gif') repeat-x #000; border-top:1px solid #ccc; line-height:1.2em; font-size:0.8em;} ul.nav li { width:8.12em; height:37px; text-transform:uppercase; font-size:0.85em; padding:0px 9px 0px 9px; background:url('../images/navBG_seperator.gif') no-repeat 0px 0px;} ul.nav li.end {border:none;} ul.nav .top {border-top:1px solid #000;} ul.nav .bottom {border-bottom:1px solid #000;} ul.nav a {color:#f1f1f1; padding:3px 0px; text-decoration:none; text-align:center; cursor:pointer; font-weight:bold;} ul.nav li:hover, .nav li.sfHover,.nav a:focus, .nav a:hover, .nav a:active {background:url('../images/navBGRoll.gif') repeat-x #444; /* hover highlight */color:#fff;} /* Layouts -------------------------------------------------------------------------------------------------------- */ #content {float:left; width:100%; overflow:hidden; padding-bottom:10px; margin-top:218px; clear:both; background-color:#f5f5f5;} #colOne, #colOneA, #colOneB, #colTwo, #colTwoA, #colTwoB, #colThree {float:left; overflow:hidden; margin-top:10px; margin-bottom:10px; background-color:#f1f1f1;} /* Layout One - Homepage etc*/ #wrapper .layoutOne {margin-top:0px;} /* FFS IE6 */ #wrapper .layoutTwo {margin-top:0px;} /* FFS IE6 */ /* Column One */ #content.layoutOne #colOne {width:650px; margin-right:10px;} #content.layoutOne #colOneA {width:309px; margin-right:10px;} #content.layoutOne #colOneB {width:320px; padding-left:10px; border-left:1px solid #ddd;} /* Column Two */ #content.layoutOne #colTwo {width:320px;} #content.layoutOne #colTwoA {width:155px; margin-right:10px;} #content.layoutOne #colTwoB {width:155px;} /* Column Three - Not used for Home Page */ #content.layoutOne #colThree {} /* Column One */ #content.layoutTwo #colOne {width:474px; margin-right:10px;} #content.layoutTwo #colOneA {} #content.layoutTwo #colOneB {} /* Column Two */ #content.layoutTwo #colTwo {border-left:1px solid #ddd; padding-left:10px; width:320px; margin-right:10px;} #content.layoutTwo #colTwoA {width:155px; margin-right:10px;} #content.layoutTwo #colTwoB {width:155px;} /* Page specific Elements ---------------------------------------------------------------------------------------------- */ /* Home Page ------------------------------------------------------------------------------------------------------- */ #homepageHeadlines {background: url('../images/homePageHeadlinesBg2.gif') repeat-x #f1f1f1; overflow:hidden; padding:10px; padding-bottom:5px; float:left; width:630px;} /* SEE IE6 STYLESHEET */ #homepageHeadlines h1 {border-bottom:none; font-size:0.9em; margin-bottom:10px; width:50%;} #homepageHeadlines a:hover {text-decoration:none;} #homepageHeadlines img {border:5px solid #ccc; margin-right:10px; float: left; } #homepageHeadlines p {color:#333;float:left; font-size:0.7em;} #homepageHeadlines p span {width:630px; float:left; clear:both;} #homepageHeadlines h2 {border-bottom:none; float:left; width:310px; margin-bottom:5px;} #homepageHeadlines h2 a {text-decoration:underline; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#414141; text-transform:capitalize; font-weight:bold; font-size:1.5em; white-space:nowrap; line-height:1.1em;} #homepageHeadlines ul {font-size:1.1em; float:left;} #homepageHeadlines ul li {padding-bottom:10px; padding-left:12px; background:url('../images/elements/icons/bullet_on_lightgrey.gif') 0px 4px no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; } #homepageHeadlines ul li a {} #homepageHeadlines ul.relatedLinks {font-size:0.9em; width:310px; padding-bottom:0px; font-weight:normal; } #homepageHeadlines ul.relatedLinks li {background:none; padding-left:0px; font-family:Arial, Helvetica, sans-serif; text-align:right; float:right; } #homepageHeadlines p.rssFeed {position:relative; display:block; width:280px; left:-310px; top:194px; padding:0px; margin-bottom:-32px;} #homepageHeadlines p.rssFeed a {background:url('../images/elements/icons/rss_medium_grey_shine.gif') 0px 0px no-repeat; padding:0px 0px 5px 25px; display:block; width:260px; color:#aa451d; font-size:1.3em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;} #homepageHeadlines #otherHeadlines {clear:both; padding-top:10px; overflow:hidden;} #homepageHeadlines #otherHeadlines dl {float:left; font-size:1.1em; width:315px; } #homepageHeadlines #otherHeadlines dl.col2 {padding-left:5px; width:310px;} #homepageHeadlines #otherHeadlines dl img {width:50px; height:50px; border:none; } #homepageHeadlines #otherHeadlines dl dt {float:left; font-size:1.1em; padding-bottom:2px; font-size:1.2em;} #homepageHeadlines #otherHeadlines dl dd {float:left; width:245px; padding-bottom:10px;} #homepageHeadlines #otherHeadlines dl a {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;} #homepageHeadlines #otherHeadlines ul {} /* End of Home Page Specific elements -----------------------------------------------------------------------------------*/ /* footer v2 -----*/ #footer {clear:both; background-color: #000000; padding-top:5px;} #footer img { margin:0px; padding:0px;} #footer #footer-left {float:left; width: 320px; /* -- > ADD IN WHEN FOOTER IS READY height:120px;*/ background:url('{T_THEME_PATH}/images/breaker.gif') repeat-y right; color:#fff; padding-top:10px;} #footer #footer-left h3 {font-size:1.1em; text-align:center; padding-bottom:10px;} #footer #footer-left p {font-size:1.1em; text-align:center;} #footer #footer-left a {color:#fff;} #footer #footer-left #buyShirts div {float:left; width:50%;} #footer #footer-left #buyShirts div div {width:100%;} #footer #footer-left #buyMultiTeamShirts {padding-left:20px;} #footer #footer-left #buyMultiTeamShirts div {float:left; width:30%;} #footer #footer-left #buyMultiTeamShirts div div.jm_replaced {float:left; margin:0px auto; width:65px; margin-left:6px;} html>body #footer #footer-left #buyMultiTeamShirts div div.jm_replaced {margin-left:12px;} /* IE 6 fix */ #footer #footer-left #buyMultiTeamShirts div a {font-size:0.8em;} #footer #footer-left #buyMultiTeamShirts div p {} #footer-centre {float: left; width:650px; padding-left:10px; padding-bottom:5px; overflow:hidden; color:#eeeeee; padding-top:10px; } #footer-centre h3 {font-size:1.1em; color:#f1f1f1; line-height:1.1em; padding-bottom:5px;} #footer-centre #big-quote {float:left; width:300px; margin:0 2px; font-size:1.2em; margin-bottom:20px; } #footer-centre #big-quote {float:left; width:300px; margin:0 2px; font-size:1.2em; margin-bottom:20px;} #footer-centre #big-quote #quoteCont {} #footer-centre #big-quote h4 {font-size:1.8em; line-height:1.3em; font-style:italic; font-weight:normal; line-height:1.2em; padding-bottom:15px; text-align:left;} #footer-centre #big-quote h4 a {text-decoration:underline; color:#fff;} #footer-centre #big-quote h4 a:hover {text-decoration:none;} #footer-centre #big-quote p a {color:#ccc;} #footer-centre #big-quote p a:hover {color:#fff;} #footer-centre ul {float:left; } #footer-centre ul li {background:url("{T_THEME_PATH}images/forum-list-bubble.gif") 0px 0px no-repeat; padding-left:25px; font-size:1.2em; padding-bottom:6px; line-height:1.3em; } #footer-centre ul li a {color:#f1f1f1; text-decoration:underline;} #footer-centre ul li a:hover {text-decoration:none; color:#fff;} #footer-base {clear:both; padding:10px 0px 0px 10px; font-size:1.1em; height:100px; background:url("/images/jc-footer-bg.gif"); background-position:right; background-repeat:no-repeat; background-color:#f05a24;} #footer-base p.jeremyclarkson {/*background:url("{T_THEME_PATH}/images/footerJeremyclarkson.jpg") 0px 0px no-repeat;*/ margin-bottom:0px; height:15px; width:340px; text-indent:-9000px;} #footer-base p.copyright {text-align:center; clear:both;} #footer-base a {color:#f1f1f1;} #footer-base ul {color:#fff; overflow:hidden; padding-bottom:5px; margin-top:2px;} #footer-base ul li {display:inline; margin-right:3px;} #footer-base ul li a {margin-right:3px; } #footer-base div#footLinks {float:left; width:107px;} #footer-base div#footContent {float:left; width:630px; color:#ccc; text-align:justify; padding:0px 20px 0px 10px;} #smallad {width:468px; height:60px; /* float:left;*/ padding-left:149px; margin-top:0px; float:left;} /* classes used in multiple elements */ ul.relatedLinks {} /* related links to follow */ ul.relatedLinks li {display:inline; margin-right:10px;} ul.relatedLinkTwo {font-size:1.1em;} ul.relatedLinkTwo li {background:url('../images/buttons/bullet_on_white.gif') 1px 5px no-repeat /*bg color needed for IE 6&7 */ #fff; padding-left:15px; line-height:1.4em} ul.relatedLinkTwo li.rss {background:url('../images/buttons/rss_on_white.gif') 0px 0px no-repeat; padding-left:20px;} ul.relatedLinkTwo li a {color:#aa451d;} div.advertCont {clear:both; background-color:#eee; padding-bottom:10px; margin-bottom:10px;} div.advertCont div {margin:0px auto;} div.advertCont p {padding-bottom:2px; text-align:center; font-size:0.7em;} div.banner {width:468px; height:60px; background-color:#ccc;} div.mpu {width:300px; height:250px; background-color:#ccc;} div.custom {width:300px; height:90px; background-color:#ccc; overflow:hidden;} div.custom_small {width:120px; height:120px; background-color:#eee; padding:10px 0px 0px 0px;} div.sky {width:120px; height:600px; background-color:#ccc;} div#skyGoogle {width:120px; margin:10px auto 0px auto; overflow:hidden;} div.superSky {width:160px; height:600px; background-color:#ccc;} p#insureAndGoAd {font-size:1.1em; font-weight:bold; display:block; width:120px; margin:0px auto; margin-bottom:10px; border:1px solid #fff } p#insureAndGoAd a {display:block; background:url('../images/elements/internalAds/ING_Car_120_80_NoT.gif') 0px 0px no-repeat; width:120px; padding:38px 0px 8px 0px; color:#479f4f; text-decoration:none; } p#insureAndGoAd span {display:block; padding-left:5px;} p#insureAndGoAd em {display:block; font-style:normal; padding-left:45px;} p#travelInsurance {font-size:1.1em; font-weight:bold; display:block; width:120px; margin:0px auto; margin-bottom:10px; border:1px solid #fff;} p#travelInsurance a {display:block; background:url(../images/elements/internalAds/ING_Travel_120_80_NoT2.gif) 0px 0px; width:120px; padding:38px 0px 8px 0px; color:#479f4f; text-decoration:none; } p#travelInsurance span {display:block;} p#travelInsurance em {display:block; font-style:normal; padding-left:25px;} p#books {display:block; margin:0px auto; margin-bottom:10px; width:120px; font-size:1.5em; font-family:"Trebuchet MS", arial, sans-serif; font-weight:bold; text-transform:lowercase;} p#books a {display:block; background:url('../images/elements/internalAds/books-ad-120.gif') 0px 0px no-repeat; color:#f1f1f1; padding:72px 5px 149px 5px; text-decoration:none;} p#books a span {width:100%; display:block; text-align:right; position:relative; bottom:2px; cursor:pointer} p#books a em {font-style:normal; display:block; width:100%; text-align:left; position:relative; bottom:6px; left:-1px; cursor:pointer} p#airportParking {margin:0px auto; display:block; background:url('../images/elements/internalAds/airport_parking.gif') 0px 0px no-repeat; width:120px;} p#airportParking a {display:block; width:100%; font-size:1.3em; line-height:1.1em; font-weight:bold; color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; padding-top:79px; padding-bottom:9px;} p#airportParking span {display:block;} .snippet {clear:both; float:left; width:133px; padding:10px; overflow:hidden; border:1px solid #ddd; margin-bottom:15px; } .snippet img {width:133px; margin-bottom:5px;} .snippet h2 {border:none; margin:0px; padding:0px; line-height:0.8em; margin-bottom:10px; font-size:0.8em; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif;} .snippet h3 {font-family:"Trebuchet MS", arial, sans-serif; font-weight:normal; font-style:italic; font-size:1em; line-height:1.2em; margin-bottom:5px; color:#414141; } .snippet table { width:100%; font-size:0.75em; text-align:center;} .snippet table tr td { padding:2px 0px 2px 0px;} /* latest News & Features */ div.ShopItems {overflow:hidden; clear:both; padding-bottom:5px; background-color:#FFFFFF; text-indent:5px; padding-top:5px; } div.ShopItems img {width:50px; height:50px; margin-right:5px;} div.ShopItems h2 { border-bottom:solid 1px #F05A24; padding-bottom:5px;} div.ShopItems dl {float:left; } div.ShopItems dl dt {float:left; font-size:0.8em; line-height:1.3em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; width:100%; padding:1px 0px 2px 0px;} div.ShopItems dl dt.img {clear:both;} div.ShopItems dl dd {float:left; width:254px; padding-bottom:0px;} div.ShopItems dl.featured {float:left; width:100%; margin-top:7px; margin-right:10px; position:relative; margin-bottom:5px;} div.ShopItems dl.featured dt { float:left; width:200px; margin-left:10px; } div.ShopItems dl.featured dd {float:left; margin-top:5px; font-size:.8em; width:200px; margin-left:10px;} div.ShopItems dl.featured dd.price {float:left; margin-top:5px; font-size:0.7em; font-weight:bold; width:200px; margin-left:10px; position:absolute; bottom: 0px; left: 100px;} div.ShopItems dl.featured dt.img {width:88px; height:125px; float:left; margin-right:0px; margin-bottom:-4px;} div.ShopItems dl.featured dt.img img {width:88px; height:125px; float:left; } div.ShopItems dl.last {padding-left:9px;} div.ShopItems ul {} div.latestNews {overflow:hidden; clear:both; padding-bottom:5px; background-color:#FFFFFF; padding:5px; } div.latestNews h2 {border-bottom:solid 1px #ccc; padding-bottom:5px;} div.latestNews dl.featured {float:left; width:100%; margin-top:7px; border-bottom:dotted 1px #cccccc; padding-bottom:5px; } div.latestNews dl.featured dd h3 {color:#f1f1f1; padding:0px 0px 0px 0px; margin:2px 0px 2px 5px; width:100%; text-transform:capitalize;} div.latestNews dl.featured dt {font-size: 0.8em; clear:both; font-weight:bold; background:url(../images/buttons/bullet_on_white.gif) no-repeat left; padding:0px 0px 0px 10px; } div.latestNews dl.featured dd {background:none; float: left; padding:0px 0px 0px 10px; margin:5px 0px 0px 0px; font-size:1em; } div.latestNews dl.last {padding-left:9px;} div.latestNews ul {} div.latestNews dl.featured dd p {padding: 0px 0px 0px 0px; margin:0px 0px 0px 5px; color:#f1f1f1; width: 125px; float:left; height:66px; overflow:hidden; font-size:0.8em; } div.spacer { height:13px; background-color:#FFFFFF;} .headerbar {background: #ebebeb none repeat-x 0 0; margin-bottom: 4px; border-bottom-color:#333333;} .headerbar {background-image: url("../images/jc-forum-bg.gif"); background-repeat:repeat-x; background-position:top;} #tophead {width:980px; height:90px;} #adplaceholder {background:url("../images/headerAdvertismentTab.gif"); background-repeat:no-repeat; padding-left:13px; margin-left:-13px; float:left; height:90px; width:728px; background-color:#808080;} .yoursay {background:url("../images/jc-forum-toppic.gif"); background-repeat:no-repeat; float:left; margin-left:0px; height:82px; width:242px; font-size:1.4em; color:#333333; padding-left:10px;; font-weight:700; padding-top:8px; } .yoursay a {text-decoration:none;} #site-description { float: left; width: 70%;} #site-description h1 { margin-right: 0;} /* Gallery */ #gallery {height:147px;} #gallery h2 {border-bottom:solid 1px #ccc; padding-bottom:5px;} #gallery h3 {background-color:#eee; margin-right:10px; padding:3px; margin-bottom:5px;} #gallery ul { padding:6px;} #gallery ul li {float:left; width:54px; height:54px; padding:0px; margin-right:6px; margin-bottom:2px; } html>body #gallery ul li {margin:0px 7px 7px 0px; } #gallery ul li a {background:none; margin:0px; padding:0px; border:none; } #gallery ul li img {border:2px solid #ddd; height:50px; width:50px;} #gallery ul li img:hover {border:2px solid #999;} /* News Article -------------------------------------------------- */ #newsArticle {} #newsArticle #articleHead {background-color:#f1f1f1; float:left; padding-left:5px; width:475px; height:68px; overflow:hidden;} #newsArticle h1 {color:#414141; background-color:#f1f1f1; font-size:1.5em; line-height:1.1em; padding:4px 0px 4px 5px ; border-bottom:none; margin-bottom:0px; } #newsArticle h2 {} #newsArticle p {font-size:0.7em; margin:0px 0px 10px 0px;} #newsArticle p.date {background-color:#f05a24; color:#fff; line-height:1.1em; padding:5px; font-size:0.9em; font-weight:normal; margin-bottom:10px; clear:both; font-family:Verdana, Arial, Helvetica, sans-serif;} #newsArticle p strong {color:#414141; font-size:1.2em;} #newsArticle ul {padding-bottom:10px; font-size:0.7em;} #newsArticle ul li {padding-bottom:10px; line-height:1.2em;} #newsArticle #newsArticleLinks {float:right; margin:0px 0px 5px 15px;} #newsArticle #newsArticleLinks dl {background-color:#f1f1f1; width:200px; padding:10px 10px 5px 10px; margin-bottom:10px; } #newsArticle #newsArticleLinks h2 {border:none; margin-bottom:0px; background-color:#f05a24; color:#f1f1f1; padding:5px;} #newsArticle #newsArticleLinks dl dd {text-align:center;} #newsArticle #newsArticleLinks dl dd a {font-size:0.8em;} #newsArticle #newsArticleLinks img {width:200px;} #newsArticle #newsArticleLinks ul {font-size:0.7em; background-color:#f1f1f1; padding:10px 5px 5px 5px;} #newsArticle #newsArticleLinks ul li {background:url('../images/buttons/bullet_on_lightgrey.gif') 1px 2px no-repeat; line-height:1.1em; padding:0px 0px 10px 15px;} #newsArticle #newsArticleLinks ul li a {} ul#pageAction {clear:both; font-size:1.1em; padding:10px 0px 20px 0px ;} ul#pageAction li {display:inline; margin-right:15px;} ul#pageAction li a {padding:0px 0px 10px 20px;} ul#pageAction li a.print {background:url('../images/elements/icons/print.png') 0px 0px no-repeat;} ul#pageAction li a.email {background:url('../images/elements/icons/email.png') 0px 0px no-repeat;} #socialB {clear:both; font-size:1.1em; padding:5px; border:1px solid #ddd; background-color:#f1f1f1; margin-bottom:10px; } #socialB h3 {padding-bottom:15px; float:left; margin-right:10px;} #socialB p {float:left; line-height:1.1em; padding-bottom:0px;} #socialB ul {clear:both;text-align:center; padding-bottom:10px;} #socialB ul li {display: inline; margin-right:10px;} #socialB ul li.last {margin-right:0px;} #socialB ul li a {padding:0px 0px 0px 20px;} #socialB ul li a.delicious {background: url('../images/elements/icons/delicious.gif') no-repeat 0 0;} #socialB ul li a.digg {background: url('../images/elements/icons/digg.gif') no-repeat 0 0;} #socialB ul li a.reddit {background: url('../images/elements/icons/reddit.gif') no-repeat 0 0;} #socialB ul li a.facebook {background: url('../images/elements/icons/facebook.gif') no-repeat 0 0;} #socialB ul li a.stumbleupon {background: url('../images/elements/icons/stumbleupon.gif') no-repeat 0 0;} #socialB ul li a.technorati {background: url('../images/elements/icons/technorati.gif') no-repeat 0 0;} #socialB ul li a.google {background: url('../images/elements/icons/google.gif') no-repeat 0 0;} #socialB ul li a.newsvine {background: url('../images/elements/icons/newsvine.gif') no-repeat 0 0;} #socialB ul li a.magnolia {background: url('../images/elements/icons/magnolia.gif') no-repeat 0 0;} .whitetext, .whitetext a {color:#FFFFFF;} ul.linklist li {display: block; list-style-type: none; float: left; width: auto; margin-right: 5px; font-size: .7em; line-height: 2.2em; text-indent:10px; padding-bottom:5px;} #quotes {padding-top:210px; background-image:url(../images/jc-quote-bg.gif); background-position: 0px 0px; background-repeat:no-repeat; } #quotes .featured {font-size:.8em; padding-left:18px; margin-left:8px; background-image:url(../images/buttons/bullet_on_white.gif); background-position: 0px 10px; background-repeat:no-repeat; line-height:1.6em; padding-top:4px; padding-bottom:4px; border-bottom:1px dotted #CCCCCC; } #site-description {float: left; width: 70%; padding-left:10px; padding-bottom:5px;} .yoursaysmall {font-size:.5em; line-height:15px; float:left; padding-top:60px; margin-left:-5px;} .yoursaysmall a { color:#f05a24;} #site-description h1 {margin-right: 0;} homepageHeadlines {} /* end News article ---------------------------------------------- */ /* shop css */ #shopIndex {background-color:#fff; margin-right:10px; width:120px; float:left; margin-left:5px;} #shopContent {width:630px; float:left; margin:0px; color:#f05a24; font-weight:600; margin-left:10px;} .shopCats li {padding-bottom:5px; color:#f05a24; text-indent:8px; background-image:url(../jeremyclarkson/arrow_right.gif); background-repeat:no-repeat; font-size:10px; width:120px;} .shopCats li a {color:#333333;} /*.shopRight {float:left; width:310px; background-color:#FFFFFF; height:250px; background-image:url(../images/homePageHeadlinesBg2.gif); margin-left:10px; margin-bottom:10px; background-position:right; background-repeat:no-repeat;} */ .shopLeft {width:650px; background-color:#FFFFFF; background-position:right; background-repeat:no-repeat; margin-top:100px; padding-top:10px;} .itemTitle {background-color:#333333; color:#cccccc; font-family:Arial, Helvetica, sans-serif; font-size:.7em; font-weight:700; width:100%; height:25px; padding-top:5px; text-align:center; background-image:url(/images/jc-forum-fibrebg.gif); padding-top:10px; ;} .itemPic {width:160px; height:160px; float:left; display:inline; margin:5px; text-align: center;} .itemText { float:left; display:inline; padding-top:5px; font-size:10px; color:#000000; width:400px; line-height:12px;} .itemText a {text-decoration:none;} .itemBigBox {clear:left; margin-left:0px;} .itemOnly {color:#000000; font-size:12px; padding-left:10px; } .itemPrice {font-size:20px; float:left; width:150px; padding-left:15px; font-family:Geneva, Arial, Helvetica, sans-serif;} .ItemBuy { font-size:.7em; text-transform:capitalize; display:inline; float:left; width:400px; text-align:center; font-weight:700; margin-left:-10px; color:#f05a24;} .ItemBuy a {color:#f05a24;} #cart { background-image:url(cart.gif); background-repeat:no-repeat; background-position:0px 0px; width:150px; text-align:center; font-size:12px; padding-top:5px; padding-bottom:10px; padding-left:22px; font-weight:600; color:#7d7d7d; margin-bottom:5px;} .featured2 {font-size:.7em;} .featured {font-size:.9Em;} /* power laps */ .powerlaps { background-image:url(../images/metal-wall.jpg); background-repeat:repeat-y; width:310px; margin-left:5px; padding-bottom:25px; margin-right:15px;} #homepageHeadlines ul, .lianalaps { background-image:url(../images/metal-wall.jpg); background-position:center; background-repeat:repeat-y; width:310px; margin-left:100px; padding-bottom:25px; float:left; margin-left:5px; margin-bottom:20px;} #homepageHeadlines ul li, .powerlaps-top { background-color:#ffffff; width:315px; font-size:2em; color:#000000; text-align:center; height:100px; padding-top:20px; margin-bottom:15px; font-family:Impact;} #homepageHeadlines ul li, .powerlaps-time { background-color:#FFFFFF; font-size:.8em; text-align:center; width:260px; height:25px; margin-left:20px; padding-top:5px; padding-bottom:2px; margin-bottom:6px; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif; } #homepageHeadlines ul li, .powerlaps-time small {font-weight:300; font-size:.7em; padding-top:-5px; height:25px;} /* new news */ div.latestNews h2 {color:#333333; font-weight:700; border-bottom-color:#f05a24; border-bottom-width:8px; }