/* CSS generated by SiteManager at 01:12pm 29/06/2009 - do not edit this file directly */ /*----------------------------------------------------------------------------------------------------------------------------------------------------------- CSS for Derby City Portal - Main Stylesheet Author: Alison Springall (alisonspringall@silktide.com) / Silktide Studios Created: 07/05/2009 -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* commented backslash hack \*/ html, body { height: 100%; } /* end hack */ body { background: #d9d9d9 url(http://www.derbydoesit.org/templatefiles/body_bg.jpg) repeat-x 0 0; font: 80% "trebuchet ms", verdana, arial, helvetica, sans-serif; text-align: center; padding: 0; margin: 0; } h1 { font: bold 1.6em "trebuchet ms", arial, verdana, helvetica, sans-serif; margin: 15px 0; } h2 { font: bold 1.4em "trebuchet ms", arial, verdana, helvetica, sans-serif; margin: 20px 0 10px; } h3 { font: bold 1.2em "trebuchet ms", arial, verdana, helvetica, sans-serif; margin: 10px 0; } p, li { font-size: 1.0em; line-height: 1.5em; color: #383838; margin: 10px 0; } a:link, a:visited { color: #0079c2; } a:hover, a:active { color: #383838; } hr { height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 15px 0; } img { border: 0; } form, table { background: transparent; font-size: 1.0em; } .tablestyle { border-collapse: collapse; } .tablestyle td, .tablestyle th { vertical-align: top; padding: 5px 5px 5px 0; } .tableborder td, .tableborder th{ vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; } .clear { height: 0; clear: both; font-size: 0.1em; line-height: 0.1em; padding: 0; margin: 0; } .right { float: right; } .left { float: left; } .widthwrapper { width: 100%; } .padding { padding: 20px; } #accessibility { position: absolute; top: 5px; left: 10px; font-size: 0.7em; color: #3E3E3E; margin: 0; } #accessibility a, #accessibility a:visited, #accessibility a:hover, #accessibility a:active { text-decoration: none; color: #3E3E3E; } /* Layout Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #container { width: 973px; min-height: 100%; height: auto; background-color: #eaeaea; text-align: left; padding: 0 11px; margin: 0 auto -90px; } /* margin-bottom to match #clearfooter */ * html #container { height: 100%; } .contentwrapper { background-color: #fff; padding: 0 12px 12px; margin-bottom: 12px; } .dark { background-color: #7c7c7c; } /* Header Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header { height: 102px; position: relative; background: #000 url(http://www.derbydoesit.org/templatefiles/header_bg.jpg) repeat-x 0 0; border-top: 4px solid #ff018f; } #header #sitelogo { position: absolute; top: 20px; right: 20px; } #header #printlogo { display: none; } #header #headertext { position: absolute; top: 20px; left: 20px; font-weight: normal; font-size: 2.5em; color: #fff; vertical-align: middle; margin: 0; } #header #headertext .star { vertical-align: middle; } /* Navbar Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #navbar { min-height: 35px; position: relative; background: #fff url(http://www.derbydoesit.org/templatefiles/navbar_bg.jpg) repeat-x 0 0; border-bottom: 4px solid #ff018f; } #navbar ul { float: left; padding: 0 0 0 12px; margin: 0 215px 0 0; } #navbar ul li { font-weight: bold; font-size: 1.2em; list-style-type: none; float: left; padding-right: 24px; margin: 0; } #navbar ul li a, #navbar ul li a:visited { list-style-type: none; float: left; text-decoration: none; color: #585858; padding-top: 3px; border-top: 4px solid #000; } #navbar ul li a:hover, #navbar ul li a:active, #navbar ul li.selectedoption a, #navbar ul li.selectedoption a:visited { color: #585858; border-top: 4px solid #ff018f; } #navbar .search { position: absolute; top: 8px; right: 0; vertical-align: middle; } #navbar .search label { font-size: 0.95em; vertical-align: middle; } #navbar .search input { width: 154px!important; background-color: #f1f1f1; vertical-align: middle; border: 1px solid #d4d4d4; } #navbar .search .button { width: 27px!important; height: 22px!important; background: #000 url(http://www.derbydoesit.org/templatefiles/button_bg_search.jpg) no-repeat 0 0; color: #fff; vertical-align: middle; padding: 0; border: 0; } /* Banner Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #banner { height: 201px; overflow: hidden; background-color: #43474a; margin: 14px 0 22px; } #banner #bannerimg { width: 641px; height: 201px; background: #000 url(http://www.derbydoesit.org/templatefiles/banner_default.jpg) no-repeat left bottom; display: block; } #banner #bannertext { width: 265px; float: right; color: #fff; padding: 10px 20px; } #banner #bannertext h1 { font-weight: bold; font-size: 1.4em; color: #ff018f; padding: 15px 0 0; margin: 0; } #banner #bannertext h2 { font-weight: normal; font-size: 1.4em; color: #fff; padding: 0; margin: 0; } #banner #bannertext p { color: #fff; padding: 15px 0 5px; margin: 0; } #banner .noflash { } /* Content Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .col { width: 226px; float: left; padding-bottom: 20px; margin-right: 15px; } .last { margin-right: 0; } .col a.bordertop, .col a.bordertop:visited { display: block; text-decoration: none; color: #363636; padding: 4px 0 0; border-top: 4px solid #b4b5b9; } .col a.bordertop:hover, .col a.bordertop:active { color: #ff018f; border-top: 4px solid #ff018f; } .col .colimg { width: 226px; height: 126px; display: block; overflow: hidden; background: transparent url(http://www.derbydoesit.org/templatefiles/bordertop_bg.jpg) no-repeat center bottom; padding: 0 0 3px; margin: 0; } .col .colimg img { display: block; border: 1px solid #dedede; } .col span.coltopline { display: block; font-size: 1.4em; line-height: 1.2em; padding-top: 5px; } .col span.colbotline { display: block; font-size: 2.6em; line-height: 1.2em; } #col1 span.coltopline { color: #f98a3b; } #col2 span.coltopline { color: #5c3989; } #col3 span.coltopline { color: #69a62f; } #col4 span.coltopline { color: #3386d6; } #col1 span.bottopline:hover { color: #f98a3b; } #col2 span.bottopline:hover { color: #5c3989; } #col3 span.bottopline:hover { color: #69a62f; } #col4 span.bottopline:hover { color: #3386d6; } #col1 a.bordertop:hover, #col1 a.bordertop:active { color: #f98a3b; } #col2 a.bordertop:hover, #col2 a.bordertop:active { color: #5c3989; } #col3 a.bordertop:hover, #col3 a.bordertop:active { color: #69a62f; } #col4 a.bordertop:hover, #col4 a.bordertop:active { color: #3386d6; } #video { text-align: center; } #video object { margin: 0 auto; } .file { min-height: 55px; } .file .fileicon { float: left; margin: 5px 10px 10px 0; } .file p { padding-top: 10px; margin: 0; } /* Dark Content Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .dark h2 { text-transform: uppercase; color: #fff; padding: 10px 5px; margin: 0; } .dark .widecol { width: 442px; min-height: 193px; float: left; background: #eceeed url(http://www.derbydoesit.org/templatefiles/widecol_bg.jpg) repeat-x 0 0; padding: 10px 13px 10px; margin-right: 12px; } .dark .last { margin-right: 0; } .dark #col-a { /*background: #e7f8ff url(http://www.derbydoesit.org/templatefiles/widecol-a_bg.jpg) repeat-x 0 0;*/ } .dark .widecol h3 { color: #333333; margin: 0 0 10px; } .dark .widecol img.eshot { float: right; padding: 3px 30px 0 20px; } .dark .widecol p.eshot { padding: 15px 30px 25px 0; margin: 0; } .dark .widecol p.eshot a, .dark .widecol p.eshot a:visited { text-decoration: underline; color: #383838; } .dark .widecol p.eshot a:hover, .dark .widecol p.eshot a:active { text-decoration: none; color: #ff018f; } .dark #col-a .button { width: 74px !important; height: 25px; background: #000 url(http://www.derbydoesit.org/templatefiles/button_bg_subscribe.jpg) no-repeat center center; text-transform: lowercase; color: #fff; padding: 0; border: 0; margin-left: 60px; } /* .dark .widecol .formrow { overflow: auto; padding-bottom: 8px; } .dark .widecol .formrow label { width: 100px; float: left; padding-left: 60px; } .dark .widecol .formrow input { width: 250px; float: left; } .dark .widecol .formrow .button { width: 74px; height: 25px; background: #000 url(http://www.derbydoesit.org/templatefiles/button_bg_subscribe.jpg) no-repeat center center; text-transform: lowercase; color: #fff; border: 0; } .dark .widecol .bottom { padding-bottom: 0; } */ .dark .widecol .newsimg { float: left; } .dark .widecol .extract { margin-left: 160px; } .dark .widecol .extract p { font-size: 0.95em; margin: 0; } .dark .widecol .extract p.date { font-weight: bold; color: #777; } .dark .widecol .extract p.title { font-weight: bold; font-size: 1.2em; } .dark .widecol .extract a, .dark .widecol .extract a:visited { color: #0079c2; } .dark .widecol .extract a:hover, .dark .widecol .extract a:active { text-decoration: underline; color: #383838; } /* Footer Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #clearfooter { clear: both; height: 90px;} /* height to match height + padding + margin etc in #footer */ #footer { width: 973px; height: 76px; position: relative; clear: both; background-color: #323232; text-align: left; padding: 0; margin: 14px auto 0; } #footer ul { float: left; padding: 12px 0 0 0; margin: 0 0 0 22px; } #footer ul li { font-size: 0.85em; line-height: 1.7em; list-style-type: none; color: #fff; margin: 0; } #footer ul li a, #footer ul li a:visited { text-decoration: none; color: #fff; } #footer ul li a:hover, #footer ul li a:active { text-decoration: none; color: #ff018f; } #footerlogo { position: absolute; top: 10px; right: 15px; } #footer p { font-size: 0.85em; line-height: 1.7em; list-style-type: none; color: #fff; padding: 52px 15px 0 0; margin: 0; } #footer p a, #footer p a:visited { text-decoration: none; color: #fff; } #footer p a:hover, #footer p a:active { text-decoration: none; color: #ff018f; }