/* ******************  Body styles  ************** */
body {
	background:#dfddde;
}

/* ******************  Wrapper styles  ************** */
#wrapper {
    background:#ffffff;
	position:relative;
}

/* ******************  Header styles  ************** */
#header {
	background:url(../img/header/bg.gif) 0 0 repeat-x;
}
#header div {
    position: absolute;
}
#header div#logo {
    top:0;
    left:0;
}

/* ******************  Header top deck styles  ************** */
/* */

/* ******************  Header top deck main navigation styles  ************** */
/* */

/* ******************  Header bottom deck styles  ************** */
#header #bottom-deck {
    top:60px;
    right:0;
}

/* ******************  Header bottom deck navigation styles  ************** */
#header #bottom-deck ul.nav {
    list-style:none;
    display:block;
    float:left;
    margin:0;
    padding:0;
}
#header #bottom-deck ul.nav li {
    display:inline;
    margin:0;
    padding:0;
    list-style-type:none;
}
#header #bottom-deck ul.nav li a {
    display:block;
    float:left;
    margin:0;
    padding:0 12px 0 12px;
}
#header #bottom-deck ul.nav li.hot a:hover,
#header #bottom-deck ul.nav li.active a {
}

/* ******************  Header breadcrumb styles  ************** */
.breadcrumb {
	left:155px;
	bottom:5px;
}

/* ******************  Wordpress presentational styles  ************** */
.aligncenter {
    display:block;
    margin:0 auto;
}
.alignleft {
    float:left;
}
.alignright {
    float:right;
}
.wp-caption {
    border:1px solid #666;
    text-align:center;
    background:#ccc;
    padding:10px;
    margin:10px;
}
q:before, q:after {
    content:'';
}

.hide {
	display:none;
}

/* ******************  Pledge cont styles  ************** */
.video {
	float:left;
	width:480px;
}
.intro {
	float:right;
	width:460px;
}
/* ******************  Pledge counter styles  ************** */
.pledge-counter {
	width:284px;
	border:solid 1px #d6d4d4;
	padding:10px 10px 10px 10px;
	background:url(../img/icon/arrow.gif) 47% 43% no-repeat;
}
.pledge-count-wrapper {
	height:59px;
	margin:0 0 10px 0;
}
.pledge-count {
	list-style-type:none;
	display:none;
	width:290px;
}
.pledge-count li {
	display:block;
	float:left;
	margin-right:3px;
}
.pledge-count li.last {
	margin-right:0;
}
.pledge-count li a {
	display:block;
}
.bin {
	margin:0 0 10px 10px;
}

/* ******************  Button styles  ************** */
.button {
	height:182px;
	width:306px;
}
div.fadehover {
	position: relative;
}
 
img.btn-stephen-fry {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
img.btn-stephen-fry-on {
	position: absolute;
	left: 0;
	top: 0;
}
img.btn-get-involved {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
img.btn-get-involved-on {
	position: absolute;
	left: 0;
	top: 0;
}
img.btn-get-help {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
img.btn-get-help-on {
	position: absolute;
	left: 0;
	top: 0;
}
img.btn-news {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
img.btn-news-on {
	position: absolute;
	left: 0;
	top: 0;
}
img.btn-film {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
img.btn-film-on {
	position: absolute;
	left: 0;
	top: 0;
}
img.btn-facts {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
img.btn-facts-on {
	position: absolute;
	left: 0;
	top: 0;
}
img.btn-feelings {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
img.btn-feelings-on {
	position: absolute;
	left: 0;
	top: 0;
}
img.btn-quiz {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
img.btn-quiz-on {
	position: absolute;
	left: 0;
	top: 0;
}
img.btn-read {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
img.btn-read-on {
	position: absolute;
	left: 0;
	top: 0;
}

/* ******************  Social media ocon styles  ************** */
.social-media-icons {
	display:block;
	float:left;
	clear:both;
	list-style-type:none;
	margin-bottom:16px;
}
.social-media-icons li {
	display:block;
	float:left;
	padding:0 4px 0 0;
}
.social-media-icons li.last {
	padding:0 !important;
}
.social-media-icons img {
	margin-bottom:10px;
}
	
/* ******************  Post thumbnail styles  ************** */
.attachment-post-thumbnail {
	float:left;
	margin:0 10px 0 0;
}
.attachment-cat-list-page-thumbnail {
	float:left;
	margin:0 10px 0 0;
}

/* ******************  Form styles  ************** */
input {
	border:solid 1px #b0b0b0;
	background:url(../img/form/input-bg.gif) 0 0 repeat-x;
	padding:4px;
}

/* ******************  Pledge form styles  ************** */
.pledge-form-wrapper {
	border:solid 1px #d6d4d4;
	padding:10px;
}
.pledge-form-wrapper .small-logo {
	padding:0 60px 0 0;
	float:left;
}
h2.pledge-online-now-heading {
	float:left;
}
.errored {
	border:solid 1px #e23eb9;
}
#pledge-form ul li {
	clear:both;
	display:block;
	float:left;
	margin:0 0 10px 0;
	width:612px;
}
#pledge-form ul li.form-error-notice {
	background:#e23eb9;
	padding:4px;
	color:#ffffff;
	width:602px;
}
#pledge-form label.standard {
	display:block;
	float:left;
	width:155px;
}
#pledge-form input.standard {
	display:block;
	float:left;
	width:445px;
}
#pledge-form .captcha {
	display:block;
	width:318px;
	float:left;
}
#pledge-form li.submit {
	width:100%;
}
#pledge-form #submit {
	padding:0;
	border:none;
	clear:both;
	float:right;
}

/* ******************  Help us heading styles  ************** */
a.help-us-collect {
	display:block;
	width:634px;
	height:32px;
	background:url(../img/heading/misc/help-us-passive.gif) 0 0 no-repeat;
	margin:0 0 10px 0;
}
a.help-us-collect:hover {
	background:url(../img/heading/misc/help-us-rollover.gif) 0 0 no-repeat;
}
a.help-us-collect span {
	display:none;
}

/* ******************  Pagination styles  ************** */
.pagination {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	list-style-type:none;
}

/* ******************  Media contact styles  ************** */
.media-contacts img {
	margin:0 10px 0 0;
}

/* ******************  Post styles  ************** */
.post img.alignleft {
	margin:5px 10px 5px 0;
}
.post img.alignright {
	margin:5px 0 5px 10px;
}
textarea {
	background:#f7f8f8;
	border:solid 1px #b0b0b0;
	width:632px;
}
#commentform input {
	margin:0 5px 10px 0;
}
#commentform #submit {
	padding:0;
	border:none;
	clear:both;
}
#comment-list {
	list-style-type:none;
}
#comment-list li {
	background:#f7f8f8;
	padding:10px;
	margin:0 0 10px 0;
}
#comment-list li.alt {
	background:#eeeeef;
}


/* ******************  Keyline styles  ************** */
.keyline {
	clear:both;
	border-bottom:solid 1px #d6d4d4;
}

/* ******************  Fact carousel styles  ************** */
#fact-slider-wrapper {
	color:#ffffff;
	background:#2c71b3;
	padding:10px 10px 10px 10px;
	width:614px;
	display:block;
	float:left;
}
#fact-slider {
	list-style-type:none;
	width:614px !important;
	display:block;
}
#fact-slider li {
	text-align:center;
	width:614px !important;
	height:85px !important;
	display:block;
	font-size:22px;
	line-height:26px;
}
#fact-pagination {
	list-style-type:none;
	display:block;
	float:left;
	margin:5px 0 0 0;
}
#fact-pagination li {
	display:block;
	float:left;
	width:18px;
	text-align:center;
}
#fact-pagination li.ele-10,
#fact-pagination li.ele-11,
#fact-pagination li.ele-12,
#fact-pagination li.ele-13,
#fact-pagination li.ele-14,
#fact-pagination li.ele-15,
#fact-pagination li.ele-16,
#fact-pagination li.ele-17,
#fact-pagination li.ele-18,
#fact-pagination li.ele-19,
#fact-pagination li.ele-20,
#fact-pagination li.ele-21,
#fact-pagination li.ele-22,
#fact-pagination li.ele-23,
#fact-pagination li.ele-24,
#fact-pagination li.ele-25,
#fact-pagination li.ele-26,
#fact-pagination li.ele-27,
#fact-pagination li.ele-28 {
	width:23px;
}
#fact-pagination li a {
	color:#ffffff;
}
#fact-pagination li a.active {
	background:#e23eb9;
}

/* ******************  Quiz styles  ************** */
#quiz form input[type='radio'] {
	border:none;
}
#quiz h2 {
	margin-top:20px;
	margin-bottom:10px;
	text-transform:none;
	font-size:22px;
	line-height:24px;
	font-weight:bold;
}
#quiz h2.first {
	margin-top:0;
}
.quiz-correct {
	color:#55b32c;
}
.answered {
	font-weight:bold;
	background:url(../img/icon/cross.png) right no-repeat;
	padding:0 18px 0 0;
}

.quiz-correct.answered {
	background:url(../img/icon/tick.png) right no-repeat;
	padding:0 18px 0 0;
}

/* ******************  Footer styles  ************** */
#footer {
	border-top:solid 1px #d6d4d4;
}
#footer div {
	position:absolute;
}
#footer div.nhs-logo {
	left:0;
	top:25px;
}
#footer div.bumf {
	left:200px;
	top:25px;
}
#footer div.better-view {
	right:0;
	top:30px;
}

.text-size {
	list-style-type:none;
	position:absolute;
	top:10px;
	right:10px;
}
.text-size li a.normal {
	font-size:12px !important;
}
.text-size li a.large {
	font-size:16px !important;
}
.text-size li a.extraLarge {
	font-size:20px !important;
}