/*-------------------------------------------------------------------------------------------------------------------------------------------------- CSS for Pride Park.net - Main Stylesheet Author: Alison Lee (alisonlee@silktide.com) / Silktide Ltd Created: 18/02/2008 ---------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles ---------------------------------------------------------------------------------------------------------------------------------------------------- */ /* commented backslash hack \*/ html, body { height: 100%; } /* end hack */ body { background: #043270 url("templatefiles/body-bg.jpg") repeat-x top left; font: 75% "trebuchet ms", verdana, arial, helvetica, sans-serif; text-align: center; color: #4F5251; padding: 0; margin: 0;} h1 { font: normal 1.6em "trebuchet ms", arial, verdana, helvetica, sans-serif; text-align: right; text-transform: uppercase; color: #fff; padding: 40px 25px 5px 0; margin: 0; } h2 { font: bold 1.1em "trebuchet ms", arial, verdana, helvetica, sans-serif; text-transform: uppercase; color: #062f6d; margin: 10px 0; } h3 { font: bold 1.1em "trebuchet ms", arial, verdana, helvetica, sans-serif; color: #062f6d; margin: 10px 0; } .h2arrow { font-weight: bold; font-size: 1.1em; vertical-align: middle; margin: 10px 0; } .h2arrow img { vertical-align: middle; margin-right: 10px; } p, li { font-size: 1.0em; line-height: 1.7em; color: #4F5251; margin: 0 0 15px; } #content li { margin: 8px 0; } a, a:visited { color: #0066a0; text-decoration: none; } a:hover, a:active { text-decoration: underline; } hr { height: 1px; background-color: #dbdbdb; color: #dbdbdb; border: 0; margin: 5px 0; } img { border: 0; } legend { color: #05387A!important; } form, table { background: transparent; font-size: 1.0em; } form td { font-size: 1.0em; color: #4F5251; } td blockquote { margin-left: 0; } .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; } .clearfloats { overflow: auto; border-bottom: 1px solid #f7f7f7; margin-bottom: 20px; } #sidecol .clearfloats { border-bottom: 0; margin-bottom: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .right { float: right; } .left { float: left; } .imgright { float: right; margin: 0 0 15px 20px; } .imgleft { float: left; margin: 0 20px 15px 0; } .imgleft img { display: block; } .noborder, .noborder div { border: 0!important; } .widthwrapper { width: 100%; } #accessibility { display: none; } /* Layout Styles ---------------------------------------------------------------------------------------------------------------------------------------------------- */ #container { width: 940px; position: relative; background-color: #fff; text-align: left; padding: 0; border: 1px solid #fff; margin: 20px auto 0; } #header { background: #000 url("/templatefiles/header-bg.jpg") repeat-x top left; } #mainnav { background-color: #000; } .contentwrapper { /*overflow: auto;*/ background: #fff url("templatefiles/container-bg.jpg") repeat-y top right; } #darkerblue { background-image: url("templatefiles/container-bg-bluer.jpg"); } #sidecol { width: 300px; float: right; } #content { padding-bottom: 10px; margin-right: 302px; } #subcontent { width: 180px; float: right; padding: 15px 20px 15px 0; } #footer { width: 940px; margin: 0 auto; } /* Padding Styles ---------------------------------------------------------------------------------------------------------------------------------------------------- */ #content .padding { padding: 10px 220px 10px 20px; } #content .nosubcontent { padding: 10px 20px 10px 20px; } /* Header Styles ---------------------------------------------------------------------------------------------------------------------------------------------------- */ #header img { display: block; } #header #getinvolved { position: absolute; top: 5px; right: 15px; } #header #getinvolved p { color: #fff; text-align: center; margin: 0; } #header #getinvolved p#GIheader { font-weight: bold; font-size: 1.1em; text-transform: uppercase; color: #97b6c9; margin: 0; } #header #getinvolved p a, #header #getinvolved p a:visited { color: #fff; } #header #search { position: absolute; top: 55px; right: 15px; } #header #search input { width: 120px; vertical-align: middle; padding: 3px 0; border: 0; } #header #search .button { width: 60px; height: 25px; background-color: #fff; font-size: 0.8em; color: #043270; text-transform: uppercase; border: 1px solid #043270; margin-left: 5px; } /* Navigation Styles ---------------------------------------------------------------------------------------------------------------------------------------------------- */ #mainnav ul { padding: 5px; border: 1px solid #fff; border-width: 1px 0 2px; margin: 0; } #mainnav ul li { font-size: 1.2em; text-transform: uppercase; list-style-type: none; display: inline; padding: 0 5px; } #mainnav ul li a, #mainnav ul li a:visited { color: #fff; } #mainnav ul li a:hover, #mainnav ul li a:active { } .sidenav { padding: 0; margin: 0; } .sidenav li { list-style-type: none; margin: 5px 0; } .sidenav li span { font-size: 1.2em; color: #62B0DF; } .sidenav li span a, .sidenav li span a:visited { color: #0066A0!important; } p#breadcrumb { color: #A9ABAA; text-align: right; margin: 5px 25px 0 25px; } p#breadcrumb b { font-weight: normal; } p#breadcrumb a, p#breadcrumb a:visited { color: #818785; } p#breadcrumb a:hover, p#breadcrumb a:active { color: #A9ABAA; } /* Sidecol Styles ---------------------------------------------------------------------------------------------------------------------------------------------------- */ #sidecol #top, #sidecol .top { background-color: #D9EEF6; } #sidecol #middle, #sidecol .middle { background-color: #BBE0F3; } #sidecol #bottom, #sidecol .bottom { background-color: #9ED4F1; } #sidecol .latest { padding: 5px 10px 10px; border-bottom: 1px solid #fff; } #home .latest { padding: 5px 10px 30px; } #sidecol .latest h2 { font-weight: normal; } #sidecol .latest p { color: #4f585f; margin: 8px 0; } #sidecol .latest .date { color: #69b2db; } #sidecol .latest a, #sidecol .latest a:visited { color: #4f585f; } #sidecol .latest .right { margin-bottom: 0; } #sidecol .latest .right a { text-transform: uppercase; color: #85979b; } #sidecol #middle input { width: 180px!important; } #sidecol #middle select { width: 185px!important; } #sidecol #middle .button { width: 85px!important; } #sidecol .contactimg { display: block; border: 2px solid #fff!important; margin-top: 5px; } #sidecol .imgright { margin-bottom: 5px; } #nummembers { width: 80px; float: right; text-align: center; } #nummembers img { margin: 10px auto; } #nummembers p { color: #fff!important; font-size: 1.6em; line-height: 1.0em; margin-top: -50px!important; } #nummembers p span { font-size: 0.5em; text-transform: uppercase; color: #062f6d; } #home #nummembers { float: left; } #sidecol #memberstext { margin: 0 80px 0 0; } #sidecol #memberstext p { font-size: 1.2em; color: #093662; text-transform: uppercase; padding: 10px 0; margin: 0 15px; } #sidecol #memberstext p a, #sidecol #memberstext p a:visited { color: #093662; } /* Banner Styles ---------------------------------------------------------------------------------------------------------------------------------------------------- */ #banner { background: #0066a0 url("templatefiles/banner-bg.jpg") no-repeat bottom left; } #bannertext { background-color: #9ed4f0; padding: 5px 10px; margin: 0 30px 0 160px; } #bannertext p { font-size: 1.1em; color: #4f585f; margin: 8px 0; } /* Subcontent Styles ---------------------------------------------------------------------------------------------------------------------------------------------------- */ #subcontent img { border: 1px solid #0066A0!important; } /* Business Search Styles ---------------------------------------------------------------------------------------------------------------------------------------------------- */ .bussearch { padding: 0; } .bussearch label { width: 100px; display: block; margin: 0; } .bussearch input { width: 270px; margin: 0; } .bussearch select { width: 275px; font-size: 0.9em; margin: 0; } .bussearch .button { width: 80px; float: right; font-size: 0.9em; text-transform: uppercase; margin: 5px 5px 0 0; } #home .bussearch { height: 30px; } #home .bussearch label { width: 80px; display: inline-block; font-size: 0.9em; color: #4f585f; text-align: right; vertical-align: middle; margin: 8px 4px; } #home .bussearch input { width: 210px; font-size: 0.9em; color: #4f585f; vertical-align: middle; margin: 0 5px 0 0; } #home .bussearch select { width: 215px; font-size: 0.9em; color: #4f585f; vertical-align: middle; } #home .bussearch .button { width: 80px; float: none; margin-left: 220px; margin-bottom: 10px; } /* Content Styles ---------------------------------------------------------------------------------------------------------------------------------------------------- */ .nosubcontent .imgleft { border: 1px solid #e8e8e8!important; margin: 3px 15px 5px 0; } .nosubcontent table div.logo { float: right; } #showcase { position: relative!important; } #showcase div.logo { position: absolute; top: 0; left: 400px; } #showcase td { padding-right: 10px; } /* Image Gallery Styles --------------------------------------------------------------------------------------------------------------------------------------------------- */ .imggallery { width: 100%; clear: left; margin: 0 0 20px 0; } .imggallery td { text-align: center; padding: 10px; border: 1px solid #e8e8e8; } .imggallery td img { margin: 0 auto 5px; } /* Menu Styles ---------------------------------------------------------------------------------------------------------------------------------------------------- */ .datethumb { width: 32px; height: 38px; float: left; background: transparent url("templatefiles/date.png") no-repeat top left; text-align: center; margin: 0 15px 5px 0; } .datethumb p { font-weight: bold; text-transform: uppercase; line-height: 1.0em; padding: 0; margin: 0; } .datethumb .datemonth { font-size: 0.9em; color: #666; margin-top: 11px; } .datethumb .dateday { color: #C50816; } .propertythumb { float: left; vertical-align: middle; padding: 5px; border: 1px solid #dbdbdb; margin: 0 15px 5px 0; } .propertythumb img { vertical-align: middle; margin: 2px; } /* Home Content Styles ---------------------------------------------------------------------------------------------------------------------------------------------------- */ .col { width: 294px; min-height: 230px; float: left; background: #fff url("templatefiles/col_bg.jpg") repeat-x top left; padding: 0 10px; border: 0; margin-top: 3px; } .firstcol { margin-right: 6px; } #content .col h2 { background-color: #dbdbdb; font-weight: normal; font-size: 1.1em; vertical-align: middle; padding: 5px; margin: 0 -10px 10px; } .col p { font-size: 0.9em; color: #4f585f; margin: 8px 4px; } .col .showcaselogo { margin: 3px 5px; } .col .showcaselogo img { display: block; border: 1px solid #c9cbca; margin: 8px 5px; } .arrowmenu { float: none!important; padding: 0; margin: 0 20px 10px; } .arrowmenu li { background: transparent url("templatefiles/arrowmenu.jpg") no-repeat 0 6px; list-style-type: none; padding-left: 15px; margin: 5px 0; } #home #memberstext { color: #4f585f; margin-left: 80px; } #home #memberstext .arrowmenu { float: left; padding: 0; margin: 0 20px 10px; } #home #memberstext .arrowmenu li { background: transparent url("templatefiles/arrowmenu.jpg") no-repeat 0 6px; list-style-type: none; padding-left: 15px; margin: 5px 0; } #home #homepageshowcase { position: relative; margin-left: -10px; margin-right: -10px; } #home #homepageshowcase h2 strong { position: absolute; top: 40px; left: 10px; } #home #homepageshowcase blockquote { margin: 5px 30px; } /* Footer Styles ---------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer p { font-size: 0.85em; text-transform: uppercase; color: #fff; margin: 5px; } #footer p a, #footer p a:visited { color: #fff; text-decoration: none; } #footer p a:hover, #footer p a:active { text-decoration: underline; }