/* @override http://www.voteforachange.co.uk/?css=styles/index.v.1259785554 */

/* @override http://www.voteforachange.co.uk/?css=styles/index.v.1256326456 */

/* ----------------------------------------------------------
    Vote for a Change CSS
    Managed by: Blue State Digital
    Last Update: October 2009 

    TABLE OF CONTENT

    01 - GLOBAL BROWSER RESET
    02 - COMMON STYLE
    03 - LAYOUT
    04 - HOMEPAGE 
    05 - SUBPAGES
    06 - FRAMEWORK
    07 - UTILITY
	
    COLOR GUIDE (Main Site Colors and their Hex Codes)
	
---------------------------------------------------------- */

/* 01 =GLOBAL BROWSER RESET
---------------------------------------------------------- */
/* YUI Reset version: 2.7.0 */

html { color: #000; background: #FFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit; }
del,ins { text-decoration: none; }
li { list-style: none; }
caption, th { text-align: left; }
h1,h2,h3,h4,h5,h6 {	font-size: 100%; font-weight: normal; }
q:before, q:after {	content: ''; }
abbr,acronym { border: 0; font-variant: normal; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
/*because legend doesn't inherit in IE */
legend { color: #000; }
input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,button,textarea,select { *font-size: 100%; }
 
/* 02 =COMMON STYLE 
---------------------------------------------------------- */
html { background: #000; }
body { font: 75% Helvetica, Arial, sans-serif; color: #000; background: #000 url(/page/-/images/site/background.png) repeat-x center 224px; }

.base { font-size: 12px; line-height: 16px;}

.base h1 { font-size: 63px; line-height: 70px; color: #6cf; margin-bottom: 15px; text-transform: uppercase;}
.base h2 { font-size: 24px; line-height: 28px; font-weight: bold; }
.base h3 { font-size: 16px; line-height: 20px; font-weight: bold; }
.base h4 { font-size: 12px; line-height: 16px; font-weight: bold; }

.base p { margin-bottom: 15px; line-height: 16px; }

a { color: #6cf; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }

blockquote {  }

.base ul, .base ol { margin: 10px 0 10px 20px; }
.base ul li, .base ol li { }
.base ul li { list-style: square; }
.base ol li { list-style-type: decimal; }
.base li ol, .base li ul { margin: 0 0 0 20px; }

.cufon { text-transform: uppercase; }

/* 03 =LAYOUT
---------------------------------------------------------- */

#container { width: 960px; margin: 0 auto;}

#header { background: #151515; }
#header a.logo { background: url(/page/-/images/site/img-logo.png) no-repeat; width: 210px; height: 51px; display: block; text-indent: -9999px; overflow: hidden; float: left; margin-left: 20px;}
#header #navigation { float: left; font-size: 16px; font-weight: bold; color: #666; margin-top: 25px;}
#header #navigation li { float: left; padding: 0px 20px; border-right: 2px solid #333;}
#header #navigation li.last { border: none; }
#header #navigation li a { color: #ccc; text-decoration: none;}
#header #navigation li a:hover { color: #fff; }

#main { background: #fff; }
#content { width: 600px; float: left; display: inline; margin: 10px 0px 10px 20px;}

#sidebar { display: inline; float: right; width: 300px; } 
#sidebar div.box { background: #f5f5f5; margin-bottom: 4px; padding: 10px 30px 20px; width: 240px;}
#sidebar div.box h3 { font-size: 60px; line-height: 63px; color: #6cf; margin-bottom: 5px;}
#sidebar div.box h3 a { color: #6cf; text-decoration: none; }

#sidebar #quicksignup .text { background: #ccc; font-size: 21px; border: none; color: #666; font-weight: bold; text-transform: lowercase; padding: 3px 5px; margin-bottom: 3px; width: 231px; }
#sidebar #quicksignup .submit { text-align: right; float: right;border: none; background: none; font-weight: bold; font-size: 21px; text-transform: lowercase; color: #6cf; display: block; cursor: pointer; margin-top: 5px;}

#sidebar #networks { }
#sidebar #networks li { float: left; text-indent: -9999px; margin: 0 10px 10px 0;}
#sidebar #networks li a { display: block; }
#sidebar #networks li.facebook a { background: url(/page/-/images/site/btn-share-facebook.png) no-repeat; width: 102px; height: 31px; }
#sidebar #networks li.youtube a { background: url(/page/-/images/site/btn-share-youtube.png) no-repeat; width: 84px; height: 31px; }
#sidebar #networks li.twitter a { background: url(/page/-/images/site/btn-share-twitter.png) no-repeat; width: 102px; height: 25px; }
#sidebar #networks li.rss a { background: url(/page/-/images/site/btn-share-rss.png) no-repeat; width: 84px; height: 25px;}

#footer { padding: 10px; color: #fff; background: #000; position: reiatve;} 
#footer a { color: #fff; font-weight: bold; text-decoration: none; color: #ccc;}
#footer a:hover { text-decoration: underline; }
#footer a.logo { background: url(/page/-/images/site/img-footer-logo.png) no-repeat; width: 113px; height: 29px; display: block; text-indent: -9999px; overflow: hidden; float: left;}
#footer p { float: right; margin-top: 5px;}


/* 04 =HOMEPAGE
---------------------------------------------------------- */

#top { background: #151515; ;}
#top img { padding: 20px 0; background: #000;}
#top div.left { float: left; width: 630px; padding: 15px; font-size: 13px; line-height: 16px; color: #fff; height: 137px;}
#top div.left p { margin-bottom: 10px; }
#top div.left p.nomargin { margin: 0; }
#top div.left p strong { border-bottom: 2px solid #ff0; }
#top div.right { float: right; width: 300px; height: 167px;}

body#home h1 { font-size: 16px; font-weight: bold; color: #ff0; margin-bottom: 10px;}
body#home #blog h2 { font-size: 63px; line-height: 63px; color: #6cf; }
body#home #blog div.entry { border-top: 3px solid #ffff99; padding-top: 15px;}
body#home #blog span.dateline { display: block; color: #666; font-style: italic; line-height: 16px;}
body#home #blog span.dateline a { color: #666; text-decoration: underline;}
body#home #blog div.entry h3 { font-size: 16px; line-height: 21px; font-weight: bold;}
body#home #blog div.entry h3 a { color: #6cf; text-decoration: none;}
body#home #blog div.entry h3 a:hover, body#home #blog div.entry a.more:hover { text-decoration: underline; }
body#home #blog div.entry a.more { font-weight: bold; color: #6cf; text-decoration: none;}
body#home #blog div.entry object, body#home #blog div.entry embed { display: none; }
body#home #blog div.entry object.show, body#home #blog div.entry embed.show { display: block; }

/* 05 =SUBPAGES
---------------------------------------------------------- */

body.interior #content.base { width: 620px;}
body.full-width #content.base { width: 920px; }

body#blog div.entry { border-top: 3px solid #ffff99; padding-top: 15px;}
body#blog span.dateline { display: block; color: #666; font-style: italic; line-height: 16px;}
body#blog span.dateline a { color: #666; text-decoration: underline;}
body#blog div.entry h3 { font-size: 16px; line-height: 21px; font-weight: bold;}
body#blog div.entry h3 a { color: #6cf; text-decoration: none;}
body#blog div.entry h3 a:hover, body#blog div.entry a.more:hover { text-decoration: underline; }
body#blog div.entry a.more { font-weight: bold; color: #6cf; text-decoration: none;}

body#blog .pagination { margin: 10px 15px; border-top: 1px solid #d3d9dc; text-align: right; padding: 10px 0; }
body#blog .pagination { margin-top: 0; }
body#blog .pagination a { color: #888; padding: 0 2px;}
body#blog .pagination strong { border: 1px solid #9fcde7; padding: 1px 4px; background-color: #dee9ef; color: #6cf; }


.line { border-bottom: 1px dotted #666; }
.highlight { background-color: #eee; padding: 10px; padding-bottom: 5px; }

#donation label { display: block; font-weight: bold; }
#donation input, #donation textarea { color: #000; border: 1px solid #ccc; background-color: #fff800; width: 350px; padding: 4px; margin-bottom: 10px; }
#donation #amount, #donation #bill_postcode { width: 100px; }
#donation #donation_submit { font-weight: bold; font-size: 14px; border: 2px solid #fff800; background-color: #000; color: #fff800; padding: 8px; margin-top: 10px; }
#donation label.error { color: #ff0000; font-weight: normal; padding-bottom: 10px;  }

/* Splash */

.overlay { background: url(http://www.voteforachange.co.uk/page/-/images/splashes/white_close.png) no-repeat top left; display:none; padding:50px; width:400px; height:301px; overflow: hidden;  }
.overlay h2 { font-size: 40px; color: #6cf; }
.overlay h3 { margin: 10px 0; color: #000 !important; font-size: 16px; font-weight: bold; }
.overlay label { float: left; clear: left; }
.overlay span { display: none; }
.overlay button { float: left; padding: 8px; padding-left: 20px; border: none; font-size: 24px; background: none; color: #6cf; width:100px; cursor:pointer; }
.overlay #quick_email { padding: 8px; font-size: 14px; width: 380px !important; border: 0; margin-bottom: 10px; color: #333;  background: #ccc; font-weight: bold; }
.overlay #quick_postcode { padding: 8px; font-size: 14px; width: 280px !important; border: 0; margin-bottom: 10px; color: #333; background: #ccc; font-weight: bold; }
.overlay .close { text-indent: -999em; overflow: hidden; position: absolute; width: 30px; height: 30px; cursor: pointer; left: 5px; top: 5px; }

/* 06 =FRAMEWORK
---------------------------------------------------------- */

.full-width #main #framework { width: 828px; }
.half { width: 420px; }

#framework h2 { font-size: 1.8em; font-weight: bold; }

#body form#invitationpage { font-size: 1.2em; }
#body form#invitationpage #body { padding: 5px; }
form#invitationpage input.text {border: 1px solid #a7a7a7; padding: 5px; font: 12px Helvetica, Arial, sans-serif; color: #666; margin-top: 4px;}
form#invitationpage textarea { border: 1px solid #a7a7a7; padding: 5px; font: 12px Helvetica, Arial, sans-serif; color: #666; margin-top: 4px;}
form#invitationpage label { vertical-align: middle; text-transform: uppercase; font-size: 11px; }
#signup {width: 330px; margin: 0px; font-size: 1.2em; padding-top: 0px;}
#signup .text { border: 1px solid #a7a7a7; padding: 5px; font: 12px Helvetica, Arial, sans-serif; color: #666; margin-top: 4px;}
#signup select { margin-top: 4px; font-size: 14px; }
#signup td {padding-top: 0px;}
#signup .input_email {width: 415px;}
#signup .input_firstname {width: 190px;margin-right: 11px;}
#signup .input_lastname {width: 200px;}
#signup .input_addr1 {width: 415px;}
#signup .input_addr2 {width: 415px; }
#signup .input_city {width: 210px}
#signup .input_zip {width: 115px; }
#signup .select_country {width: 175px; margin-right: 15px;}
#signup .input_phone {width: 178px; margin-right: 8px;}
#signup #submit {text-align: left; margin-bottom: 5px; padding-bottom: 15px; }
#signup span.error { font-size: 11px; text-transform: uppercase; }
#signup input.submit {margin-top: 15px; color: #FFF; background-color: #000; padding: 5px; border: 1px solid #999; font-weight: bold; font-size: 14px; }
#signup input.checkbox, #signup input.radiobutton {margin: 5px 5px; vertical-align: middle;}
#signup label { vertical-align: middle; font-size: 14px; }
#signup textarea {width: 415px; border: 1px solid #a7a7a7; padding: 5px; font: 12px Helvetica, Arial, sans-serif; color: #666; margin-top: 4px;} 
#signup span { display: inline;}
#signup td#required_note { font-size: 0.7em; }

#contribution input { border: 1px solid #999; padding: 3px; margin-right: 3px; }
#contribution .fieldlabel { text-transform: uppercase; margin: 10px 0px 5px 0px; color: #333; display: block; }
#contribution .contribheader { text-transform: uppercase; padding-bottom: 5px; font-size: 16px; }
#contribution .contribbutton table tbody tr td { text-align: left; border-bottom: 1px solid #000; padding-bottom: 20px; }
#contribution .contribbutton table tbody tr td input { margin-top: 10px; padding: 5px; border: 1px solid #000; background-color: #ffff00; text-transform: uppercase; font-weight: bold; font-size: 16px; }
#contribution .radiobutton { border: 0px; }
#contribution #payment_options { text-indent: -9999px; }

#embedCode { width: 300px; height: 150px; }
#control_set { background: none !important; padding: 0 !important; height: 65px ; margin-top: -15px !important; }
#control_set h1 { height:50px !important; padding: 0 !important;  }
#eventdetail h2 { border-bottom: 1px solid ; border-color: #151515 !important; color: #44c6e7 !important; font-weight: bold !important; margin-bottom: 14px !important;}
#eventdetail .description { font-size: 13px !important; line-height: 17px; }
#eventdetail #detailtable { background: none !important; border: none !important; }
#eventdetail .detailtable_container { background: #f4f4f4; padding: 14px; margin: 14px; width: 80%;   box-shadow: 2px 2px 2px #ccc;
  -moz-box-shadow: 2px 2px 2px #ccc;
  -webkit-box-shadow: 2px 2px 2px #ccc;
 }
#eventdetail #detailtable td, #eventdetail #detailtable th, #eventdetail #detailtable td div, #eventdetail #detailtable a { font-size: 13px !important; color: #171717; }
#eventdetail #detailtable a { color: #6cf; }
#eventdetail #signupform th { font-size: 13px !important; }

/* 07 =UTILITY
---------------------------------------------------------- */

.cufon-loading .cufon, .cufon-loading #content.base h1 { visibility: hidden !important; }


.stretcher { clear: both; height: 1px; visibility: hidden; }
.nomargin { margin-bottom: 0px; }
.floatl {float: left; margin: 0; padding: 0 10px 10px 0;}
.floatr {float: right; margin: 0; padding: 0 0 10px 10px;}
.floatl-nomargin { float: left; margin: 0; padding: 0;}
.floatr-nomargin { float: right; margin: 0; padding: 0;}
.clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;}
.required { color: red; }
.embedCode { width: 300px; height: 100px; }

i, em { font-style: italic; }
b, strong { font-weight: bold; }

sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;}
sup { bottom: 1ex; }
sub { top: .5ex; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
.clearfix {display:block;}

.hide {display:none;}
.faq h2 { color: #6cf; cursor:pointer; margin-bottom: 15px;}