/*!
	Site:		Vote With Your Wheels
	File:		/assets/styles/screen.css
	Author:		Andrew Disley, Simplified http://simplified.co.uk/
	Version:	2010-03-10
----------------------------------------------- */

/**	Simplified Framework: Reset & Helpers
----------------------------------------------- */
* { margin: 0; padding: 0; }
button, input, textarea, select { font-size: 100%; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
iframe, img { border: none; }
fieldset, form { border: 0 solid #000000; }
img { vertical-align: bottom; }
table { border-collapse: collapse; border: 0; border-spacing: 0; font-size: 100%; }
caption, td, th { text-align: left; font-size: 100%; font-weight: normal; }
.clear { clear: both; display: block; height: 0; overflow: hidden; width: 0; visibility: hidden; }
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.s-h { display: block; height: 0; float: left; overflow: hidden; width: 0; }
.s-h-o { left: -9999em; position: absolute; top: -9999em; }
.s-h-n { display: none; }
.s-i-i { background-color: transparent; background-position: 0 0; background-repeat: no-repeat; display: block; position: absolute; }
.s-ir { background-repeat: no-repeat; display: block; overflow: hidden; position: relative; }
.s-ir .s-ir-i { background: no-repeat top left; position: absolute; height: 100%; left: 0; top: 0; width: 100%; z-index: 1010; }
a .s-ir,
a .s-ir .s-ir-i { cursor: pointer; }
.s-break { display: block; }
.left { float: left; width: auto; }
.right { float: right; width: auto; }
/* **/

/**	Simplified Framework: Columns - 16 Column Grid
----------------------------------------------- */
.inner { clear: both; margin: 0 auto; width: 960px; }
.inner:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8,
.col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16 { float: left; margin-left: 10px; margin-right: 10px; width: auto; }
.col-1 { width: 40px; }
.col-2 { width: 100px; }
.col-3 { width: 160px; }
.col-4 { width: 220px; }
.col-5 { width: 280px; }
.col-6 { width: 340px; }
.col-7 { width: 400px; }
.col-8 { width: 460px; }
.col-9 { width: 520px; }
.col-10 { width: 580px; }
.col-11 { width: 640px; }
.col-12 { width: 700px; }
.col-13 { width: 760px; }
.col-14 { width: 820px; }
.col-15 { width: 880px; }
.col-16 { width: 940px; }
/* **/

/**	Simplified Framework: Patterns: Form
----------------------------------------------- */
span.form-row-required { background-color: transparent; color: #E21776; }
.form-row { background-color: transparent; color: #333333; clear: both; position: relative; width: auto; }
.form-row-label { background-color: #F2F2F2; color: #696868; display: block; float: left; font-weight: bold; margin-right: 15px; padding-top: 8px; text-align: right; width: 160px; }
.form-row-field { display: block; padding-bottom: 15px; padding-top: 5px; }
.form-row-hint { display: block; margin-top: -10px; padding-bottom: 10px; padding-left: 180px; }
.form-row-checkbox { margin-left: 180px; }
.form-row-checkbox .form-row-field { clear: left; float: left; padding-right: 10px; width: auto; }
.form-row-checkbox .form-row-label { float: left; padding-left: 10px; padding-top: 5px; width: auto; }
.form-row-text .form-row-field input { padding: 3px 3px 2px 3px; }
.form-row-select .form-row-field { padding-top: 8px; }
.form-row-select .form-row-field select { padding: 3px 3px 0 3px; }
.form-row-select .form-row-field select option { padding: 3px 3px 2px 3px; }
.form-row-textarea .form-row-field textarea { padding: 3px 3px 2px 3px; }
.form-row-action { clear: both; float: none; padding: 10px 0 15px 180px; width: auto; }
/* **/

/**	Typography
----------------------------------------------- */
body { background-color: #30260B; color: #FFFFFF; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 62.5%; }
#Container { font-size: 1.4000em; }
a:link, a:visited { background-color: transparent; color: #CC9401; text-decoration: underline; }
a:focus, a:hover, a:active { background-color: transparent; color: #666666; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: 0.5em; }
h1 { background-color: #FFFFFF; color: #32280D; font-size: 1.2857em; line-height: 1; text-transform: uppercase; }
h2 { font-size: 1.1429em; text-transform: uppercase; }
h3 { font-size: 1.0714em; line-height: 1; }
h4 { font-size: 1.0000em; line-height: 1.25; }
h5 { font-size: 1.0000em; }
h6 { font-size: 1.0000em; }
p { margin-bottom: 15px; }
p.intro { background-color: #FFFFFF; color: #555555; font-size: 1.1429em; font-weight: bold; margin-bottom: 15px; }
ol, ul { margin: 0 1.5em 15px 1.5em; }
li ul, li ol { margin-bottom: 15px; }
.s-highlight { background-color: transparent; color: #333333; }
/* **/

/**	Stucture
----------------------------------------------- */
#Container { background-color: #FFFFFF; color: #333333; display: table; overflow: hidden; width: 100%; }
#Header { background: #6EBBDB url(../images/global/header.png) no-repeat scroll center top; color: #FFFFFF; height: 300px; }
#Header .inner { position: relative; }
#Header p.branding { background-color: transparent; color: #342A10; }
#Header p.branding a { background-color: transparent; color: #342A10; text-decoration: none; }
#Header p.socialise { left: 0; position: absolute; top: 0; }
#Header p.socialise a { position: absolute; text-decoration: none; top: 0; }
#Header p.socialise a.facebook { left: 478px; }
#Header p.socialise a.twitter { left: 756px; }
#NavigationPrimary { background-color: #30260B; color: #FFFFFF; font-size: 1.1429em; }
#NavigationPrimary:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#NavigationPrimary ul { list-style-type: none; }
#NavigationPrimary ul li { display: inline; }
#NavigationPrimary ul li a { display: block; float: left; margin-right: 20px; min-height: 55px; padding: 0 15px; text-decoration: none; text-transform: uppercase; }
#NavigationPrimary ul li a strong { display: block; font-weight: bold; padding-top: 10px; }
#NavigationPrimary ul li a span.s-highlight { display: block; font-size: 0.8125em; line-height: 1.1; text-transform: capitalize; visibility: hidden; }
#NavigationPrimary ul li a.first { margin-left: -5px; }
#NavigationPrimary ul li a:link,
#NavigationPrimary ul li a:visited { background-color: #30260B; color: #FFFFFF; }
#NavigationPrimary ul li a:focus,
#NavigationPrimary ul li a:hover { background-color: #EDAF09; color: #FFFFFF; }
#NavigationPrimary ul li a:focus span.s-highlight,
#NavigationPrimary ul li a:hover span.s-highlight { visibility: visible; }
#NavigationPrimary ul li.active a { background-color: #FFFFFF; color: #30260B; }
#NavigationPrimary ul li.active a span.s-highlight { background-color: #FFFFFF; color: #30260B; visibility: visible; }
#Content { clear: both; margin: 0 auto; padding-bottom: 20px; padding-top: 25px; width: 960px; }
#Content:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#Footer { background-color: #30260B; color: #8B8061; font-size: 0.8571em; padding-bottom: 60px; padding-top: 30px; position: relative; z-index: 10000; }
#Footer:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#Footer h4 { background-color: #30260B; color: #D6D4CE; font-size: 1.3333em; text-transform: uppercase; }
#Footer ul { list-style-type: none; margin-left: 0; }
#Footer ul li { margin-bottom: 3px; margin-left: 0; float: left; width: 130px; }
#Footer p { margin-bottom: 5px; }
#Footer p .s-highlight { background-color: #30260B; color: #A1780A; }
#Footer a:link,
#Footer a:visited { background-color: #30260B; color: #A1780A; text-decoration: none; }
#Footer a:focus,
#Footer a:hover,
#Footer a:active { text-decoration: underline; }
#Footer .col-8 h4 { margin-bottom: 15px; padding-left: 80px; }
#Footer .col-8 p { border-left: 1px solid #73653F; line-height: 1.6; padding-bottom: 10px; padding-left: 80px; }
#Footer .col-8 p.socialise { border-left: none; margin-bottom: 0; }
#Footer .col-8 p.socialise img { margin-left: -3px; margin-right: 8px; }
#Footer .col-16 { background-color: #30260B; color: #D6D4CE; clear: both; padding-top: 20px; position: relative; }
#Footer p.credits { position: absolute; right: 0; top: 20px; }
#Footer p.credits a:link,
#Footer p.credits a:visited { text-decoration: underline; }
#Footer p.credits a:focus,
#Footer p.credits a:hover { text-decoration: none; }
/* **/

/**	Component .c
----------------------------------------------- */
.c { margin-bottom: 25px; }
.c-h:after,
.c-b:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
/* **/

/**	Component: .c-content
----------------------------------------------- */
.c-content { padding-right: 20px; }
.c-content ul { list-style: square; }
.c-content li { background-color: #FFFFFF; color: #EDB009; }
.c-content li h3 { background-color: #FFFFFF; color: #333333; font-size: 1.0714em; margin-bottom: 0.5em; }
.c-content li p { background-color: #FFFFFF; color: #333333; }
/* **/

/**	Component: .c-cta-join-now
----------------------------------------------- */
.c-cta-join-now h3 { font-weight: normal; }
.c-cta-join-now h3 a { display: block; padding: 0 10px 15px 10px; text-align: center; }
.c-cta-join-now h3 strong { background-color: transparent; color: #FFFFFF; display: block; font-size: 2.0000em; font-weight: bold; margin-bottom: 8px; margin-left: -10px; margin-right: -10px; padding-top: 10px; text-transform: uppercase; }
.c-cta-join-now h3 a:link,
.c-cta-join-now h3 a:visited { background-color: #EDAF08; color: #333333; text-decoration: none; }
.c-cta-join-now h3 a:focus,
.c-cta-join-now h3 a:hover { background-color: #30260B; color: #FFFFFF; }
.c-cta-join-now h3 a:focus strong,
.c-cta-join-now h3 a:hover strong { background-color: transparent; color: #EDAF08; }
.c-cta-join-now h3 a { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
/* **/

/**	Component: .c-quote
----------------------------------------------- */
.c-quote { background-color: #FFFFFF; border-bottom: 5px solid #F2F2F2; border-top: 5px solid #F2F2F2; color: #333333; font-size: 1.1429em; padding: 15px 10px 5px 10px; }
.c-quote p.cite { display: block; font-size: 0.8750em; font-style: normal; margin-bottom: 8px; text-align: right; }
/* **/

/**	Component: .c-win
----------------------------------------------- */
.c-win { background-color: #26A7EA; color: #FFFFFF; padding: 10px 0 10px 10px; position: relative; }
.c-win .c-h h3 { float: left; line-height: 1; margin-bottom: 6px; text-transform: uppercase; width: auto; }
.c-win .c-h h3 strong { display: block; float: left; font-size: 2.6667em; width: 85px; }
.c-win .c-h h3 span.s-highlight { background-color: #26A7EA; color: #FFFFFF; display: block; float: right; font-size: 1.0667em; padding: 4px 0 0 0; width: 120px; }
.c-win .c-b p { font-size: 0.8571em; margin-bottom: 0; padding-right: 10px; }
.c-win .s-i-i { background-image: url(../images/global/c-win.png); height: 230px; right: -110px; top: 0; width: 110px; }
.c-win { border-radius: 8px; border-top-right-radius: 0; -webkit-border-radius: 8px; -webkit-border-top-right-radius: 0; -moz-border-radius: 8px; -moz-border-radius-topright: 0; }
/* **/

/**	Section: body.home
----------------------------------------------- */
body.home #Content { min-height: 530px; }
body.home .c-content ul { font-size: 1.0714em; }
/* **/

/**	Section: body.join-now
----------------------------------------------- */
body.join-now #Content { min-height: 530px; }
body.join-now .c-content .c-b { background-color: #F2F2F2; margin-top: 20px; padding: 20px; }
body.join-now .c-content .c-b { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
/* **/

/**	Section: body.charities
----------------------------------------------- */
body.charities .c-content ul h4 { margin-bottom: 0; }
/* **/

/**	Section: body.legal-terms
----------------------------------------------- */
body.legal-terms #Content { min-height: 530px; }
/* **/