/*----------------------------------------------------------------------------------------------------------------------------------------------------------- CSS for Doncaster Sport - Main Stylesheet Author: David Ball (davidball@silktide.com) / Silktide Ltd Created: 22/10/2008 -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* commented backslash hack \*/ html, body { height: 100%; } /* end hack */ body { background: #fff url("templatefiles/body_bg.gif") repeat-x center top; font: 75% verdana, arial, helvetica, sans-serif; text-align: center; padding: 0; margin: 0;} h1 { font: normal 1.7em verdana, arial, helvetica, sans-serif; color: #666; padding: 5px 0 0 0; margin: 0 0 15px; } h2 { font: normal 1.5em verdana, arial, helvetica, sans-serif; color: #D26A19; margin: 20px 0 5px; } h3 { font: bold 1.2em verdana, arial, helvetica, sans-serif; color: #D26A19; margin: 20px 0 5px; } h1 a, h2 a { font-weight: normal!important; } p, li { font-size: 1.0em; line-height: 1.6em; color: #666; margin: 15px 0; } li { margin: 5px 0; } .smalltext, .breadcrumb { font-size: 0.9em; margin: 0 0 5px; } a, a:visited { color: #D26A19; font-weight: bold; text-decoration: none; } a:hover, a:active { color: #D26A19; text-decoration: underline; } hr { height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 5px 0; } img { border: 0; } form, table { background: transparent; font-size: 1.0em; color: #666; } .tablestyle { width: 100%; 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; } .tableheader th { background-color: #E5BB59; text-align: left; line-height: 1.6em; color: #000; } .tableheader td { text-align: left; line-height: 1.6em; color: #666; } .tableheader th p, .tableheader td p { padding: 0; margin: 0; } .clear { height: 0; clear: both; font-size: 0.1em; line-height: 0.1em; padding: 0; margin: 0; } .right { float: right; } .left { float: left; } .right { float: right; } .imgleft { width: 205px; float: left; margin: 0 15px 15px 0; } .imgright { width: 205px; float: right; margin: 0 0 15px 15px; } .centerimg, .subimg { text-align: center; } .centerimg img, .subimg img { margin: 0 auto; } .alignright { text-align: right; } .widthwrapper { width: 100%; } .autowidth table { width: auto!important; } .padding { padding: 20px; } #accessibility { display: none; } /* Layout Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #container { min-height: 100%; height: auto; margin: 0 auto -55px; } /* margin-bottom to match #clearfooter */ * html #container { height: 100%; } .fixedwrapper { width: 860px; text-align: left; margin:0 auto; } #contentwrapper { min-height: 83px; background:url(templatefiles/content_bk.jpg) repeat-x top; padding: 0; margin: 0; } #bannerfade { height: 50px; position: absolute; top: 0; background: url(templatefiles/footer.jpg) no-repeat; } #header { height: 96px; position: relative; background:url(templatefiles/header_bg.gif) top repeat-x; padding:0; margin:0; } #banner { position: relative; background: url(templatefiles/banner_bg_green.jpg) repeat-x; } #topnav { height: 33px; background: transparent url(templatefiles/topnav_green.jpg) repeat-x; text-transform: uppercase; padding:0; margin: 0; } #sidecol { float: left; } #content { padding: 5px 0; margin: 0 0 10px 290px; } .fullwidth #content { margin-left: 15px; } #subcontent { width: 200px; float: right; background: #eeeeee url(templatefiles/subcontent_grad.jpg) bottom repeat-x; margin: 0 0 15px 15px; } #clearfooter { clear: both; height: 55px; } /* height to match height + padding + margin etc in #footer */ /* Header Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header #logo { position: absolute; top: 40px; } #header #getactive { display: none; } #header #flyinghigh { display: none; } /* Navigation Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #topnav ul { text-align: left; padding: 0; margin: 0; } #topnav ul li { display: inline; padding: 0; margin: 0 25px; } #topnav a, #topnav a:visited { font-weight: bold; line-height: 28px; color: #fff; } #topnav a:hover, #topnav a:active { color: #F2F2F2; text-decoration: none; } p.breadcrumb { font-size: 0.85em; } p.breadcrumb a { font-weight: normal; } /* Sidecol Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .block { margin: 12px 0; } #sidecol { width: 268px; display: block; margin-top: -30px; position: relative; } #sidecol #subnav { text-transform: uppercase; padding: 0; margin: 0; } #sidecol #subnav .top { height: 14px; background: transparent url(templatefiles/subnav_top.png) no-repeat; } #sidecol #subnav .middle { min-height: 145px; overflow: hidden; background: transparent url(templatefiles/subnav_middle.png) repeat-y; padding: 0; margin: 0; } #sidecol #subnav .bottom { height: 18px; background: transparent url(templatefiles/subnav_bottom.png) no-repeat; } #sidecol #subnav .gradient { overflow: hidden; background: transparent url(templatefiles/subnav_middle_grad.jpg) center bottom no-repeat; } #sidecol #subnav ul { padding: 0; margin: 0 15px; } #sidecol ul li { font-weight: bold; font-size: 1.1em; list-style-type: none; padding: 0; border-bottom: 1px dotted #C8C8C8; margin: 0; } #sidecol ul li a, #sidecol ul li a:visited { display: block; background: transparent url(templatefiles/bullet.gif) no-repeat 0px 13px; color: #4F4F4F; padding: 5px 10px 5px 15px; } #sidecol ul li a:hover, #sidecol ul li a:active, #sidecol ul li.selected a { background: transparent url(templatefiles/bullet_selected.gif) no-repeat 0px 13px; color: #CF642E; text-decoration: none; } #sidecol ul li.selected ul { padding: 2px 0; } #sidecol ul li.selected ul li { font-size: 0.9em; padding: 0; margin: 0; } #sidecol ul li.selected ul li a, #sidecol ul li.selected ul li a:visited { background: transparent url(templatefiles/bullet.gif) no-repeat 0px 13px; color: #4F4F4F; } #sidecol ul li.selected ul li a:hover, #sidecol ul li.selected ul li a:active { background: transparent url(templatefiles/bullet_selected.gif) no-repeat 0px 13px; color: #CF642E; } #sidecol ul ul li { font-size: 0.9em; border-bottom: 0; border-top: 1px dotted #C8C8C8; padding: 0; margin: 0; } #sidecol h2 { font-weight: normal; font-size: 1.2em; line-height: 1.5em; color: #000; padding: 0 10px 0 23px; margin: 0 5px; } #sidecol #makedonations { width: 268px; height: 134px; background: url(templatefiles/btn_makedonations.jpg) no-repeat; padding: 0 15px; margin: 0; } #sidecol #makedonations h3 { color: #82A231; padding-top: 15px; margin: 0; } #sidecol #makedonations .grey { color: #666; } #sidecol #makedonations p { width: 130px; font-size: 0.8em; } #sidecol #makedonations a { color: #82A231; } ul.arrowmenu { padding: 0; margin: 20px 0; } ul.arrowmenu li { list-style-type: none; text-transform: uppercase; } ul.arrowmenu li a, ul.arrowmenu li a:visited { background: transparent url(templatefiles/bullet.gif) no-repeat 3px 10px; color: #4F4F4F; text-decoration: none; padding: 5px 10px 5px 15px; } ul.arrowmenu li a:hover, ul.arrowmenu li a:active { background-image: url(templatefiles/bullet_selected.gif); color: #CF642E; } /* Subcontent Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #subcontent h2 { background: #838383 url(templatefiles/subcontent_header.jpg) repeat-x top; font-weight: normal; font-size: 1em; color: #000; padding: 2px 20px; border-top: #eee; border-bottom: #eee; margin: 0; } #subcontent p { font-size: 0.95em; color: #000; margin: 10px 20px; } #subcontent .login { padding: 10px 20px; font-size: 0.9em; } #subcontent .login label span { display: block; } /* Home Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #home .centerimg { margin-top: 15px; } #home .homeblock { padding-top: 40px; margin-right: 20px; } /* Other Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .newstable { border-collapse: collapse; } .newstable td { vertical-align: top; padding: 5px; } .newstable td p { padding-bottom: 5px; border-bottom: 1px solid #e8e8e8; margin-top: 0; } .newstable td img { padding: 2px; border: 1px solid #c5d596; margin-top: 2px; } .imagegallery td { vertical-align: top; padding-bottom: 10px; } .imagegallery img { padding: 5px; border: 1px solid #e8e8e8; margin-bottom: 5px; } /* Footer Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer { height: 55px; position: relative; background: url(templatefiles/footer.jpg) center repeat-x; font-size: 0.9em; padding: 0; margin: 0 auto; } #footer p { text-align: left; color: #fff; padding: 19px 0; margin: 0; } #footer p a, #footer p a:visited { font-weight: normal; color: #fff; } #footer p a:hover, #footer p a:active { text-decoration: underline; }