/* ----------------------------------------------------------------
   yourvoice.org.uk - Site Specific Styles
   hello@darrellwilson.co.uk - 01/01/2010
-------------------------------------------------------------------*/

/* ------------------------------------
	Search -> Results
------------------------------------*/
#search-results #content-main a { margin:0; padding: 0; }
.marker { background-color: #FBC8B3; }
#content-main li.search_results { margin-bottom: .8em; }

/* ------------------- Colors -----------------*/
a:link, a:active, a:visited {color: #585C5F;}

.green { color: #6CC429; }
.blue { color: #176BAB; }




/* -------------------  Main Structural and Common Page Elements -----------------*/
html { overflow-y:scroll; }
body {margin: 0; padding: 0; background: #ffffff url(/images/interface/page-bg-top.jpg) top left repeat-x; }
div#wrapper {margin: 0; padding: 0; width: 100%; text-align: left; }
div#header { height: 240px; }


/* ---- Main Nav ---*/
div#nav-main { height: 65px; }
#nav-main ul { list-style-type: none; margin: 26px 0 0 0; padding: 0; }
#nav-main ul li { list-style-type: none; float: left; margin-left: 0; margin-right: 35px; }
#nav-main ul li a { color: #ffffff; text-decoration: none; text-transform: uppercase; }
#nav-main ul li a:hover { color: #6CC429; text-decoration: none; }
#nav-main ul li a#active { color: #6CC429; }

div#search { float: right; }
div#search fieldset { margin-bottom: 0; } 

img#logo { clear: left; margin-top: 10px; margin-right: 65px; }
img#strapline { padding-bottom: 25px; }

div#main { clear: left; padding-top: 10px; }
div#main h2 { border-bottom:5px solid #176BAB; font-size:25px; }
div#main h3 { font-size:18px; margin-bottom: 5px; }
div#main h4 { font-size:15px; margin-bottom: 5px; }


/* ---- Sidebar ---*/ 
div#sidebar { padding-top: 18px; font-size: .9em; margin-left: 20px; margin-right: 0; }
div#sidebar h3 { border-bottom: 5px solid #176BAB; font-size:20px; margin-bottom: 20px; }
div#sidebar ul { list-style-type:none; margin:0 0 20px; padding:0; }
div#sidebar ul li { display:block; margin:0; padding:0; }
div#sidebar ul li a { border-bottom:1px solid #cecece; display:block; padding:7px 9px; text-decoration:none; font-size: 1.2em; color: #000; font-weight: bold; }
div#sidebar a.active { background-color:#6DC227; color:#FFFFFF; }
div#sidebar a:hover { background-color:#0A7BB5; color:#FFFFFF; }



/* ---- Footer ---*/
div#footer { clear: both; width: 100%; background: #ffffff url(/images/interface/page-bg-bot.jpg) bottom left repeat-x; height: 158px; position: relative; overflow: auto; }
div#footer-content { margin: 80px auto 0 auto; color: #fff; width: 940px; font-size: 13px; }
div#footer a { color: #fff; text-decoration: none; }







/* ------------------- Home -----------------*/
#home div#main { margin-top: 13px; }
#home div.grid_4 { margin-top: 20px; }
#home div#main h2 { font-size: 23px; border-bottom: none; }
#home div#main p { font-size: 1.2em; margin-bottom: 7px; } 
#home div#main ul { font-size: 1.2em; }
#home div#main a { color:#176BAB; font-weight:bold; text-decoration:none; font-size: 16px; }


/* ------------------- Blog -----------------*/
#blog div#main h2 { border-bottom: none; margin-bottom: 8px; } 

#blog a.read-more { color: #176BAB; font-weight: bold; text-decoration: none;  }

#blog div#comments { width: 540px; margin: 20px auto; padding: 0 20px; }
#blog div#comments div.comment { margin-top: 15px; border-bottom: 1px solid #ccc; }
#blog div#comments div.comment p { margin-bottom: 10px; font-style: italic; }
#blog div#comments div.comment p.details { font-style: normal; }


#blog #comment-form {width: 500px; margin: 30px auto 0 auto; height: auto; background-color: #efefef; padding: 10px 20px 10px 20px; border: 1px solid #dedede; position: relative; overflow: auto;}


#blog #comment-form fieldset {border:medium none; margin:0; padding:0; width: 460px; float: left; }
#blog #comment-form fieldset ol {list-style-type:none; margin:0; padding:0; }
#blog #comment-form legend { font-size: 21px; padding-left: 30px; margin-bottom: 1em; }

#blog #comment-form fieldset li {padding:0; }
#blog #comment-form input.submit {clear: both; background-color: #1B65A6; font-size: 1.1em; border-style:none; color:#FFFFFF; float:left; margin: 0 0 15px 0; padding: 5px; width:auto; font-family:Arial,Helvetica,sans-serif;}
#blog #comment-form label {display:block; font-family:Arial,Helvetica,sans-serif; font-size:0.9em; font-weight: normal; padding: 0.5em 0 0; text-transform:uppercase; font-weight: bold; }
#blog #comment-form textarea { height:60px; padding:0; } 
#blog #comment-form input, #blog #comment-form textarea { background-color:#FFFFFF; border:1px solid #AAAAAA; color:#000000; cursor:pointer; font-size:0.9em; margin:0 0 10px; padding:3px; width:430px; font-family:Arial,Helvetica,sans-serif;}
#blog #comment-form input#notify_me { float: left; width: 20px; }

#blog #comment-form textarea { height:170px; }
#blog #comment-form fieldset label.error {color: #CF3333; font-style: italic; padding: 0 0 10px 0;}










/* ------------------- Contact -----------------*/
#contact #contactForm {width: 500px; margin: 0 auto; height: auto; background-color: #efefef; padding: 10px 20px 10px 20px; border: 1px solid #dedede; position: relative; overflow: auto;}
#contact #contactForm #freeform { margin: 0; padding: 0; }
#contact #contactForm #freeform fieldset {border:medium none; margin:0; padding:0; width: 460px; float: left; }
#contact #contactForm #freeform fieldset ol {list-style-type:none; margin:0; padding:0; }
#contact #contactForm #freeform fieldset li {padding:0; }
#contact #contactForm #freeform input.submit {clear: both; background-color: #1B65A6; font-size: 1.1em; border-style:none; color:#FFFFFF; float:left; margin: 0; padding: 5px; width:auto; font-family:Arial,Helvetica,sans-serif;}
#contact #contactForm #freeform label {display:block; font-family:Arial,Helvetica,sans-serif; font-size:0.9em; font-weight: normal; padding: 0.5em 0 0; text-transform:uppercase; font-weight: bold; }
#contact #contactForm #freeform textarea { height:60px; padding:0; } 
#contact #contactForm #freeform input, #contact #contactForm #freeform textarea { background-color:#FFFFFF; border:1px solid #AAAAAA; color:#000000; cursor:pointer; font-size:0.9em; margin:0 0 10px; padding:3px; width:430px; font-family:Arial,Helvetica,sans-serif;}

#contact #contactForm #freeform textarea { height:170px; }
#contact #contactForm #freeform fieldset label.error {color: #CF3333; font-style: italic; padding: 0 0 10px 0;}
div#map_canvas {width: 298px; height: 255px; margin: 0; border: 1px solid #ccc;}
div#sidebar div#address { margin-left: 0; margin-top: 20px; font-weight: bold; }