/*----------------------------------------------------------------------------------------------------------------------------------------------------------- CSS for Cornwall Sports Partnership - Main Stylesheet Author: Alison Springall (alisonspringall@silktide.com) / Silktide Ltd - All Rights Reserved Created: 19/12/2008 -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ body { background: #dad9d5 url("templatefiles/body_bg.jpg") no-repeat top center; font: 80% 'trebuchet ms', verdana, arial, helvetica, sans-serif; text-align: center; padding: 0; margin: 0;} h1 { background-color: #0c959f; font: bold 1.3em/1.5em 'trebuchet ms', verdana, arial, helvetica, sans-serif; text-align: left; text-transform: uppercase; color: #fff; padding: 2px 15px; margin: 0; } h2 { font: bold 1.3em/1.7em 'trebuchet ms', verdana, arial, helvetica, sans-serif; text-align: left; color: #000; margin: 10px 0; } h3 { font: bold 1.1em/1.5em 'trebuchet ms', verdana, arial, helvetica, sans-serif; text-align: left; color: #000; padding-bottom: 5px; border-bottom: 1px solid #e2e2e2; margin: 10px 0; } p, li { font-size: 1.0em; line-height: 1.7em; margin: 0 0 10px; } a, a:visited { text-decoration: none; color: #0c959f; } a:hover, a:active { color: #000; } 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; } .widthwrapper { width: 100%; } .padding { padding: 15px; } .right { float: right; } .left { float: left; } .clear { clear: both; } .imgright { float: right; margin: 10px 0 15px 15px; } .imgleft { float: left; margin: 0 15px 15px 0; } .centerimg { text-align: center; } .centerimg img { margin: auto; } .borderimg img { border: 4px solid #7f7766!important; margin: 0 auto 4px; } #accessibility { display: none; } /* Layout Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #container { } #header { width: 942px; height: 111px; position: relative; background: transparent url("templatefiles/header_bg.jpg") no-repeat bottom center; text-align: left; margin: 0 auto 5px; } #outerwrappertop { width: 942px; height: 9px; display: block; background: transparent url("templatefiles/outerwrapper_top.jpg") no-repeat bottom center; text-align: left; margin: 0 auto; } #outerwrapper { width: 942px; min-height: 500px; background: #eeece2 url("templatefiles/outerwrapper_bg.jpg") repeat-y top center; margin: 0 auto; } #navcol { width: 202px; min-height: 300px; float: left; display: inline; text-align: center; margin: -3px 0 0 5px; } .banner { margin: 2px 0 5px 0; } #contentwrappertop { width: 724px; height: 3px; background: transparent url("templatefiles/content_top.jpg") no-repeat top left; margin: 0; } #contentwrapper { width: 724px; background: #000 url("templatefiles/content_bg.jpg") no-repeat bottom left; text-align: left; padding: 0 0 10px; margin: 0 8px 0 210px; } #content { width: 520px; min-height: 600px; background-color: #fff; padding: 20px 0 0; margin: 10px 0 0 10px; } #home #content { width: 470px; background-color: transparent; min-height: 540px; } .full { width: 704px!important; } #subcontent { width: 184px; float: right; display: inline; background: #f6f7f2 url("templatefiles/subcontent_bg.jpg") repeat-y top left; padding: 0 0 15px; margin: 20px 10px 0 0; } #home #subcontent { width: 220px; background: transparent none; padding: 0; margin: 10px 10px 0 0; } #footer { width: 942px; min-height: 10px; background: transparent url("templatefiles/footer_bg.jpg") no-repeat bottom center; text-align: left; margin: 0 auto; } #footer p { font-size: 0.8em; padding: 0 0 4px 8px; margin: 0; } /* Header Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header #logo { position: absolute; top: 5px; left: 15px; } #header #contactdetails { position: absolute; top: 5px; right: 15px; } #header #contactdetails p { font-size: 1.2em; text-align: right; color: #fde829; } #header #contactdetails p a { color: #fde829; } #header #contactdetails p a:hover, #header #contactdetails p a:active { color: #fff; } #header #search { position: absolute; bottom: 15px; right: 15px; } #header #search label { color: #fde829; vertical-align: middle; margin-right: 15px; } #header #search input { vertical-align: middle; margin-right: 5px; } #header #search .button { width: 20px; height: 20px; background-color: #fde829; vertical-align: middle; font-size: 0.85em; color: #000; border: 0; margin-right: 0; } /* Navigation Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #mainnavtop { height: 7px; background: transparent url("templatefiles/navcol_top.jpg") no-repeat bottom center; margin-top: 0; } #mainnavbot { height: 7px; background: transparent url("templatefiles/navcol_bot.jpg") no-repeat top center; padding: 0; margin: 0 0 5px; } #mainnav { background: #000 url("templatefiles/navcol_bg.jpg") repeat-y top center; padding: 2px 0 5px; margin: 0; } #mainnav li { font: bold 0.95em/1.2em arial, verdana, helvetica, sans-serif; text-transform: uppercase; text-align: left; list-style-type: none; margin: 0 8px 2px; } #mainnav li a:link, #mainnav li a:visited { display: block; background: #dcb00c url("templatefiles/navcol_li.jpg") repeat-x top left; color: #000; padding: 3px 5px; border: 1px solid #fff; } #mainnav li a:hover, #mainnav li a:active, #mainnav li.selected a:link, #mainnav li.selected a:visited { background: #288f94 url("templatefiles/navcol_li_over.jpg") repeat-x top left; color: #fff; } #mainnav li.selected a:hover, #mainnav li.selected a:active { background: #dcb00c url("templatefiles/navcol_li.jpg") repeat-x top left; color: #000; } #mainnav ul { padding: 0; margin: 0; } #mainnav ul li { font: bold 0.9em/1.1em arial, verdana, helvetica, sans-serif; text-transform: lowercase; margin: 1px 8px 2px; } #mainnav li.selected ul li a:link, #mainnav li.selected ul li a:visited { background: #dcb00c url("templatefiles/navcol_li.jpg") repeat-x top left; color: #000; } #mainnav li.selected ul li a:hover, #mainnav li.selected ul li a:active, #mainnav li.selected ul li.selected a:link, #mainnav li.selected ul li.selected a:visited { background: #288f94 url("templatefiles/navcol_li_over.jpg") repeat-x top left; color: #fff; } #subnav { padding: 0; margin: 0 15px 0 0; } #subnav li { list-style-type: none; font-size: 0.9em; margin: 2px 0 0; } #subnav li a:link, #subnav li a:visited { display: block; background-color: #352f20; color: #fff; padding: 1px 6px; } #subnav li a:hover, #subnav li a:active, #subnav li.selected a:link, #subnav li.selected a:visited { background: #2e8d92 url("templatefiles/subnav_over.jpg") repeat-x top left; } #subnav li.selected a:hover, #subnav li.selected a:active { color: #352f20; } #subnav ul { padding: 0; margin: 0; } #subnav ul li { font-size: 0.95em; } #subnav li.selected ul li a:link, #subnav li.selected ul li a:visited { background: #352f20 none; color: #fff; padding-left: 25px; } #subnav li.selected ul li a:hover, #subnav li.selected ul li a:active, #subnav li.selected ul li.selected a:link, #subnav li.selected ul li.selected a:visited { background: #288f94 url("templatefiles/navcol_li_over.jpg") repeat-x top left; color: #fff; } /* Navcol Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #navcol h1, #navcol h2, #navcol h3, #navcol h4 { text-transform: lowercase; margin-left: 5px; margin-right: 5px; } #navcol p { margin-left: 5px; margin-right: 5px; } #navcol a, #navcol a:visited { color: #000; } #navcol a:hover, #navcol a:active { color: #7f7766; } /* Subcontent Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #subcontenttop { height: 29px; background: #0c959f url("templatefiles/subcontent_top.jpg") repeat-y top left; margin-top: 12px; } /* Content Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #content li { margin-bottom: 10px; } .contentimg img { border: 4px solid #463e2f!important; } .contentimg div img { border: 0!important; } .block { width: 160px; height: 140px; float: left; text-align: center; margin: 0 0 10px 0; } .block * { text-align: center; } #gallery { font-size: 0.9em; } #gallery td { vertical-align: top; } #gallery img { padding: 3px; border: 1px solid #e2e2e2; } /* Home Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .homerow { float: left; margin: 10px 0 0 8px; } .subbox { width: 228px; float: left; position: relative; background-color: #fff; padding: 0 0 15px; margin: 0; } .wide { width: 470px!important; margin-right: 10px!important; } .subbox .padding { padding: 5px 10px; } .subbox h2 { background: #fff url("templatefiles/home_h2_bg.jpg") repeat-x bottom left; font-size: 1.2em; font-family: 'trebuchet ms', verdana, arial, helvetica, sans-serif; text-transform: none; padding: 3px 5px 3px 18px; margin: 0; } .subbox h2 span { position: absolute; top: 9px; left: 3px; font-weight: bold; font-size: 2.0em; line-height: 0.3em; } .subbox p { line-height: 1.4em; } .subbox img { display: block; } .subbox p.morelink { width: 220px; display: block; background: #ffea28 url("templatefiles/morelink_arrow.png") no-repeat center right; position: absolute; bottom: 0; right: 0; font-weight: bold; text-align: left; color: #fff; padding: 0 0 0 8px; margin: 0; } .subbox p.morelink a:link, .subbox p.morelink a:visited { font-weight: bold; color: #fff; } .subbox p.morelink a:hover, .subbox p.morelink a:active { color: #000; } /*---*/ #home h1 { width: auto!important; display: inline; float: left; background: #e5bd11 url("templatefiles/h1_home.jpg") repeat-x top left; font-weight: bold; line-height: 1.5em; font-family: 'trebuchet ms', verdana, arial, helvetica, sans-serif; text-transform: none; color: #000; padding: 3px 5px; margin-bottom: 2px; } #intro { padding-bottom: 0;} #intro p { font-size: 1.1em; margin-top: 7px; } #intro p.morelink { background-color: #ffea28; bottom: -18px; font-size: 1.0em; } #intro p.morelink a:link, #intro p.morelink a:visited { color: #000; } #intro p.morelink a:hover, #intro p.morelink a:active { color: #fff; } /*---*/ #login { min-height: 100px; background-color: #4e92cc; margin-top: -32px; } #login h2 { background: #000 none; color: #fff; } #login h2 span { color: #4e92cc; } #login table { height: auto!important; } #login table td { height: auto!important; padding: 0!important; } #login table td span { top: 0!important; } #login label { font-size: 0.85em; color: #fff; } #login input { width: 130px!important; font-size: 0.8em; margin: 0; } #login .button { width: 50px!important; height: 15px; float: right; background-color: #1d6982; font-size: 0.8em; color: #fff; border: 0; } #login p.morelink { background-color: #8bada1; background-image: none; } /*---*/ #news { min-height: 152px; background: #2a8e93 url("templatefiles/news_bg.jpg") repeat-x top left; } #news * { color: #fff; } #news h2 { background: transparent none; } #news h2 span { color: #000; } #news .date { width: 37px; height: 39px; float: right; background: transparent url("templatefiles/news_date.jpg") no-repeat center center; text-align: center; margin-top: -10px; } #news .date #day { color: #2a8e93; } #news .date #month { color: #666; } #news p.title { width: 200px; background-color: #fff; padding: 2px 5px; margin: 5px 0; } #news p.title a, #news p.title a:visited { font-weight: bold; color: #000; } #news p.morelink { background-color: #03aab5; } #news p.morelink a:link, #news p.morelink a:visited { color: #fff; } #news p.morelink a:hover, #news p.morelink a:active { color: #000; } /*---*/ #events { background: #fff url("templatefiles/events_bg.jpg") no-repeat top left; } #events h2 { background: transparent none; } #events h2 span { color: #5193cb; } #events p.title { font-weight: bold; font-size: 1.1em; color: #4c92cc; margin: 60px 0 0; } #events p.title a, #events p.title a:visited { font-weight: bold; color: #fff; } #events p.title a:hover, #events p.title a:active { color: #000; } #events p.morelink { background-color: #4c92cc; } /*---*/ #jobs { min-height: 142px; background: transparent url("templatefiles/white_bg.png"); } #jobs h2 { color: #000; } #jobs h2 span { color: #db1c7c; } #jobs ul { padding: 0; margin: 0; } #jobs ul li { line-height: 1.3em; list-style-type: square; color: #db1c7c; margin: 0; } #jobs ul li a, #jobs ul li a:visited { color: #000; } #jobs ul li a:hover, #jobs ul li a:active { color: #db1c7c; } #jobs p.morelink { background-color: #db1c7c; } /*---*/ #orangebox h2 span { color: #ed8a0c; } #orangebox p.morelink { background-color: #ed8a0c; } /*---*/ #greenbox { margin-right: 14px; } #greenbox h2 span { color: #91c17b; } #greenbox p.morelink { background-color: #91c17b; } /*---*/ #purplebox { margin-right: 10px; } #purplebox h2 span { color: #652c92; } #purplebox p.morelink { background-color: #652c92; } /*---*/ #redbox h2 span { color: #d70f00; } #redbox p.morelink { background-color: #d70f00; }