/* Theme Name: Sussex Polo Theme v1 Theme URI: http://freshpointmedia.co.uk/ Description: The default theme for sussexpolo.co.uk Version: 1.0 Author: Matthew Hamilton-McGinty Author URI: http://freshpointmedia.co.uk/ */ @import url(reset.css); @import url(home.css); /* Begin Structure */ html, body { width:100%; height:100%; margin: 0; padding: 0; background: #74922c; } #wrapper { width:100%; min-height: 1000px; background: url(images/page-bg.jpg) top center no-repeat; } #page { width:960px; margin: 0 auto; } #header { height:115px; width:100%;} #nav { height:41px; background: url(images/nav-bg.png) bottom repeat-x; } #footer { width: 940px; padding: 10px 10px 0px 10px; overflow: hidden; background: url(images/footer-bg.jpg) top repeat-x; border-top: 1px solid #b6c87f; text-align: center;} /* Begin Layout */ #logo a { width:113px; height: 75px; background: url(images/logo.png) top left no-repeat; text-indent: -9999px; margin: 22px 0 0 10px; float: left;} #header-info { height: 55px; width:195px; float: right; margin: 40px 10px 0 0; text-align: right;} #footer #legal { width: 100%; height:22px; } #footer #links { width:100%; border-top: 1px solid #b6c87f; background: #74922c; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* future proofing */} #sponsors { clear: both; border-top: 1px solid #fbcb2f} .clear { clear: both; visibility: hidden;} #content { background: url(images/content-bg.png) repeat-y; } #sidebar { width: 230px; background: #fbcb2f; float: left; background: url(images/sidebar-bg.png) top left no-repeat; } /* Page / Post Layout */ .post { width:680px; float: right; padding: 15px 25px 20px 25px; } .alignleft { float: left; margin: 0 15px 10px 0; padding: 2px; border: 6px solid #dcdedd; } .alignright { float:right; margin: 0 0 10px 15px; padding: 2px; border: 6px solid #dcdedd; } .alignnone { border: 6px solid #dcdedd; } .noborder { border: 0;} .photoblock-right { display: block; float:right; margin: 0 0 10px 15px; padding: 2px; font:11px Arial, Helvetica Neue, Helvetica, sans-serif; color: #1b1b1b; text-align: center; } .photoblock-left { float: left; margin: 0 15px 10px 0; padding: 2px; font:11px Arial, Helvetica Neue, Helvetica, sans-serif; color: #1b1b1b; text-align: center; } .photoblock-right img, .photoblock-left img { margin-bottom: 3px; border: 6px solid #dcdedd; } /* Begin Sidebar */ #sidebar ul { margin: 0 10px 20px 10px; float: left; font:12px Arial, Helvetica Neue, Helvetica, sans-serif; } /* Events Widget */ div#events-widget { padding: 10px 6px 10px 6px; border: 1px solid #d79d00; background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } li#events-list { } li#events-list ul#events-list { margin: 6px 0 6px 0; padding: 0; clear: both; } li#events-list ul li { display: block; width: 175px; padding: 5px 10px 5px 8px; border-bottom: 1px solid #d79d00; font:bold 12px Arial, Helvetica Neue, Helvetica, sans-serif; color: #b72b00; text-decoration: none; } li#events-list ul li span.event-date { font-weight: normal; color: #551704; } #sidebar h3 { font:bold 14px Arial, Helvetica Neue, Helvetica, sans-serif; color:#b72b00; margin: 0 0 0 6px; } a.fixtures-link { padding: 4px 8px 4px 8px; margin-top:6px; font:12px Arial, Helvetica Neue, Helvetica, sans-serif; color:#313131; } li.widget_archive ul li { margin-bottom: 15px; } /* Galleries Widget */ a.button-galleries { display: block; height: 27px; width:208px; clear: both; background: url(images/title-galleries.png) top left no-repeat; text-indent: -9999px; outline: 0;} li.widget_slideshow { display: block; clear: both; width:208px; margin: 15px 0 15px 0; padding: 0 10px 15px 10px; color: #fbcb2f; } li.widget_slideshow div.ngg_slideshow { margin-top: -15px; } /* Begin Navigation */ #nav ul { height: 37px;margin-left: 4px; } #nav ul li { display: inline; float: left; padding: 11px 0 11px 0; } #nav ul li a { font: bold 12px Arial, Helvetica Neue, Helvetica, sans-serif; color: #fff; text-decoration: none; padding: 12px 15px 11px 15px; } #nav ul li.current_page_item { background: url(images/nav-bg-sprite.png) top left no-repeat; margin-left: -4px; } #nav ul li.current_page_item a { background: url(images/nav-bg-sprite.png) top right no-repeat; margin-left: 4px;} #sidebar ul ul { margin: 15px 0 0 0; padding: 0; } #sidebar ul ul li a { display: block; width: 190px; padding: 5px 10px 5px 8px; border-bottom: 1px solid #d79d00; font:12px Arial, Helvetica Neue, Helvetica, sans-serif; color: #551704; text-decoration: none; } #sidebar ul ul li a:hover { background: #fed759; } #sidebar ul ul li.current_page_item a { background: #fee48d; color:#771e02; font-weight: bold; } /* Begin Typography & Colors */ body { } #page { } #header { } #headerimg { } #content { } #header p { font:13px Arial, Helvetica Neue, Helvetica, sans-serif; color: #fff; } #header input#search { font:14px Arial, Helvetica Neue, Helvetica, sans-serif; color: #000;} hr { height: 1; border:0; border-bottom: 1px solid #afc9bc; } div.post h1 { margin-bottom: 15px; font:bold 16px Arial, Helvetica Neue, Helvetica, sans-serif; color:#b72b00;} div.post h2 { margin-bottom: 15px; font:bold 16px Arial, Helvetica Neue, Helvetica, sans-serif; color:#b72b00;} h2.searchtitle { width:620px; padding:15px 0 15px 240px; font:bold 16px Arial, Helvetica Neue, Helvetica, sans-serif; color:#b72b00;} div.post h3 { margin-bottom: 13px; font:bold 14px Arial, Helvetica Neue, Helvetica, sans-serif; color:#b72b00;} div.post h4 { margin-bottom: 12px; font:bold 13px Arial, Helvetica Neue, Helvetica, sans-serif; color:#313131;} div.post p { margin-bottom: 12px; font:12px Arial, Helvetica Neue, Helvetica, sans-serif; color:#313131; line-height: 1.5em;} div.post p.margin20 { margin: 0 35px 15px 20px; } div.post p span.quote { width: 400px; display:block; padding: 10px; margin: 0 auto; border: 1px solid #edab43; background: #fff3cb; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font:12px Arial, Helvetica Neue, Helvetica, sans-serif; color:#313131; line-height: 1.3em; text-align: center; } div.post ul, #home-secondry ul { margin: 10px 0 10px 15px; padding: 0; list-style-type: disc; font:12px Arial, Helvetica Neue, Helvetica, sans-serif; color:#313131; } div.post ul li, #home-secondry ul li { margin : 0; padding: 0; font:12px Arial, Helvetica Neue, Helvetica, sans-serif; color:#313131; line-height: 1.5em; } /* Begin Footer Navigation */ ul#footer-links { height: 200px; margin: 10px 8px 10px 8px; text-align: left; } ul#footer-links li { width: 92px; margin-right: 6px; display: inline; float: left; } ul#footer-links li.cat { border-bottom: 1px solid #b6c87f; padding-bottom: 1px; } #footer #legal, #footer #legal a { font:12px Arial, Helvetica Neue, Helvetica, sans-serif; color: #fff;} ul#footer-links li.first { width: 35px; } ul#footer-links li a { font: bold 11px Arial, Helvetica Neue, Helvetica, sans-serif; color: #e0efb0; text-decoration:none; } ul#footer-links ul { margin-top: 5px; } ul#footer-links ul li a { font: 11px Arial, Helvetica Neue, Helvetica, sans-serif; color: #e0efb0; text-decoration:none; border: 0; padding: 0; } ul#footer-links li ul li ul { margin-top: 5px; line-height: 1.1em;} ul#footer-links li ul li.page_item ul li.page_item a { font: 12px Arial, Helvetica Neue, Helvetica, sans-serif; color: #e1f3bd;} /* Begin Forms */ #header form { margin-top: 6px;} #header label { display: none;} #header input#search { width: 130px; height: 21px; background: #fff; border: 1px solid #5a6970; float: left; } input#searchsubmit { height: 25px; width:58px; background: url(images/button-search.png) no-repeat; text-indent: -9999px; border: 0; cursor: pointer; float: right;} /* Begin Headers */ /* Begin Images */ /* Begin Form Elements */ /* Learn to Play Guide Table */ div.steps { width: 640px; padding: 6px 14px 6px 14px; margin-bottom: 10px; display: block; font:bold 13px Arial, Helvetica Neue, Helvetica, sans-serif; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } div.step1 { color: #fff; border: 1px solid #bf1b00; background: #fb4c2f; } div.step2 { color: #fff; border: 1px solid #fb772f; background: #fb772f; } div.step3 { color: #fff; border: 1px solid #d4a201; background: #fbcb2f; } div.step4 { color: #fff; border: 1px solid #5e9900; background: #8cc434; } div.step5 { color: #fff; border-top: 1px solid #399700; background: #44b301; } div.post ul { margin:0 35px 15px 35px; font:12px Arial, Helvetica Neue, Helvetica, sans-serif; list-style-type: disc; } div.post ul li { font:12px Arial, Helvetica Neue, Helvetica, sans-serif; line-height: 1.5em } /* Begin Corporate Intro Table */ div.introtable { display: block; padding: 0; margin-bottom: 10px; display: block; border: 1px solid #edab43; background: #fff3cb; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font:12px Arial, Helvetica Neue, Helvetica, sans-serif; color:#313131; line-height: 1.3em; } div.introtable table td.alt { background: #ffecae; } div.introtable table td { padding:8px 15px 8px 15px; } div.introtable table td p { padding: 0; margin: 0; } /* Begin Events */ div.event-wrap { width: 680px; height: 60px; clear: both; margin-bottom: 15px; } div.date { display: block; width: 110px; float: left; margin-right: 15px; } div.start { width: 38px; height: 48px; float: left; margin: 0 6px 0 0; padding: 6px; background: url(images/date-bg.png) no-repeat; text-align: center; font: bold 18px Arial, Helvetica Neue, Helvetica, sans-serif; color: #002e21; } div.end { width: 38px; height: 48px; float: right; padding: 6px; background: url(images/date-bg.png) no-repeat; text-align: center; font: bold 18px Arial, Helvetica Neue, Helvetica, sans-serif; color: #002e21; } span.month { display: block; width: 38px; height: 24px; margin-top: 2px; font: bold 15px Arial, Helvetica Neue, Helvetica, sans-serif; color: #fff; text-transform: uppercase; } div.title { display: block; width:358px; height: 48px; float: left; margin-right: 15px; padding: 6px 12px 6px 12px; border-bottom: 1px solid #edab43; font: 12px Arial, Helvetica Neue, Helvetica, sans-serif; } div.title h3, div.title h3 a { margin-bottom: 6px; text-decoration: none; color:#b72b00; } div.location { display: block; width:128px; height: 48px; float: left; padding: 6px 12px 6px 12px; border-bottom: 1px solid #edab43; font: 12px Arial, Helvetica Neue, Helvetica, sans-serif; text-align: center; }