/*----------------------------------------------------------------------------------------------------------------------------------------------------------- CSS for Silktide Client Wireframe - Main Stylesheet Author: David Ball (davidball@silktide.com) / Silktide Ltd Created: 24/04/2006 Updated: History: 29/01/2008 Stylesheet created green = #00AAAA red = #CE1422 -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* commented backslash hack \*/ html, body { height: 100%; } /* end hack */ html, body { padding: 0; margin: 0; } body { background: #00AAAA url(templatefiles/bg.gif) repeat-y scroll center top; font: 80% verdana, arial, helvetica, sans-serif; text-align: center; } h1 { font: bold 1.4em arial, verdana, helvetica, sans-serif; color: #00AAAA; margin: 10px 0 30px; } h2 { font: bold 1.2em arial,verdana, helvetica, sans-serif; color: #00AAAA; margin: 8px 0; } h3 { font: bold 1.0em arial, verdana, helvetica, sans-serif; color: #00AAAA; margin: 10px 0; } p,li { font-size: 1.0em; line-height: 1.5em; color: #666; } a, a:visited { text-decoration: none; color:#00AAAA; font-weight:bold; } a:hover, a:active { color: #a00000; } img { border: 0; } hr { color: #fff; background-color: #fff; border: 1px dotted #E1E1DF; border-style: none none dotted; margin:0; padding:10px 0; } form, table { background: transparent; font-size: 1.0em; } .tablestyle { border-collapse: collapse;} .tablestyle th, .tablestyle td { border:1px solid #00AAAA; vertical-align: top; padding: 10px; } .clear { height: 1px; clear: both; } .widthwrapper { width: 100%; } .left { float: left; } .right { float: right; } .imgleft { float: left; margin: 10px 15px 5px 0; } .imgright { float: right; margin: 10px 0 5px 15px; } .alignright { text-align:right; } .padding { padding: 10px; } .breadcrumb { margin:0; padding:0; } /* Layout Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #container { min-height: 100%; height: auto; width:910px; background: #fff; text-align: left; margin: auto; margin-bottom: -50px; } /* margin-bottom to match #clearfooter */ * html #container { height: 100%; } #header { background-color: #fff; height:130px; position:relative; } .menu { background-color: #CB1522; position:absolute; top:92px; height:37px; width:100%; background:url(templatefiles/menu_bg.gif) repeat-x; } #contentwrapper { } #sidecol { width: 320px; float: right; padding:0; margin:10px 0; /*position:relative;*/ } #content { margin-right:330px; } #clearfooter { clear: both; height: 30px;} #footer { width:910px; clear: both; background: #CE1422 url(templatefiles/footer_bg.gif) repeat-x; font-size:0.85em; text-align: left; margin: 10px auto 0; padding:0; height:40px; } /* Top Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header #logo { position:absolute; left:20px; bottom:35px; } #header #sitetitle { position:absolute; left:150px; top:15px; } #header #sitetitle h1 { font-size:1.3em; padding: 0; margin: 10px 0 0 0; } /* Navigation Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #sidecol ul { padding: 0; margin: 0; background:url(templatefiles/subnav_grad.jpg) repeat-x bottom left; } #sidecol li { margin:0; padding:0 15px 0 25px; list-style-type:none; background:transparent url(templatefiles/bullet.gif) no-repeat 0px 11px; } #sidecol li a, #sidecol li a:visited { width: 100%; display: block; color: #999; padding: 5px 0; margin:0; border-bottom:1px solid #E3E3E3; } #sidecol li a:hover, #sidecol li a:active { color: #CE1422; } #sidecol ul ul { padding: 0; margin: 0; background:none; } #sidecol .subnav { margin-left:10px; padding:10px 0 20px 0; } #sidecol .rightcol-content { background:url(templatefiles/sidecol-middle-white.gif) repeat-y top left; padding:0; margin:0 0 20px; } #sidecol .rightcol-content img { margin:7px 0 0 10px; padding:0; display:block; } #sidecol .rightcol-content-middle { margin:0 0 0 10px; padding:0; background:url(templatefiles/subnav_grad.jpg) repeat-x bottom left; display:block; width:290px; } #sidecol .rightcol-bottom { background:url(templatefiles/sidecol_bottom.jpg) no-repeat bottom left; width:312px; height: 12px; } #sidecol .rightcol-top { background:url(templatefiles/sidecol_top.jpg) no-repeat top left; height:7px; width:312px; } #sidecol .rightcol-content p { margin:0; padding:0 10px; } /* Content Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #sidecol h2 { font: bold 1.4em arial, verdana, helvetica, sans-serif; margin:0; } #sidecol #search { background:url(templatefiles/search_box.jpg) no-repeat; height:67px; padding:12px; } #sidecol #search input { border:1px solid #E5E5E5; padding:4px 3px; } #sidecol #search .button { background:url(templatefiles/search.jpg) no-repeat; width:97px; height:27px; border:none; } #sidecol #search h2 { } #content .padding { padding: 20px; } #content li { line-height: 1.5em; } #content a #newstable { width:100%; } #content #contenttext { background:url(templatefiles/home_content_grad.jpg) top left repeat-x; margin:0 0 0 3px; padding:10px 0 10px 20px; } #content #contenttext p { padding:0 10px 0 0; } .newstable { border-collapse: collapse; margin-bottom:10px; } .newstable .row { background: #FAFAFA url(templatefiles/table_bg.jpg) top left repeat-x; } .newstable th, .newstable td { vertical-align:top; padding:10px 0; } .newstable td img { margin:5px 20px; } /* Footer Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer p { color: #fff; margin:0; padding:10px; } #footer p a { color: #fff; } #footer p a:hover { text-decoration:underline; } /* Home Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #home .homeblock { margin:0 0 10px 0; padding:0; } #home #sidecol { position:static; } #home #sidecol #sponsors h2 { margin-left:10px; }