/*
Theme Name: WeBelieve
Theme URI: http://www.hype.co.uk
Description: This site was built using the Bones Development Theme. For more information about Bones or to view documentation, you can visit the <a href="http://themble.com/docs/" title="Bones Documentation">Bones Documentation</a> page. You can also view the conversation on Twitter by following the hashtag: <a href="http://twitter.com/#!/search/%23wpbones">#wpbones</a>.
Author: Hype!
Author URI: http://www.hype.co.uk
Version: 1.09
Tags: html5, css3, fixed, development, bones, h5bp
License: GPL or whatever
License URI: http://www.gnu.org/copyleft/gpl.html
*/

@import url("reset.css");

body,
#container {height:100%}

.single, .page, .archive {background-image:url(img/bg_generic.png)}



.page-wrap {background:white; padding:25px; height: 100%;}
.narrow {width:580px; float:left; font-size:12px}
.narrow h1 {text-transform:uppercase}
.narrow ul li {margin-bottom:5px}


.page header,
.single header,
.page-id-10 header,
.archive header {height:590px; background:url(img/bg_blog.jpg) #030133 no-repeat center top}
.single article {margin:100px 0 0 40px; background-color:white; padding:15px; color:#333}
.page-id-2 header {height:auto; background-image:url(img/bg_homepage.jpg); overflow:hidden;}
.page-id-6 header {background-image:url(img/bg_corevalues.jpg)}

.home .addthis_toolbox {margin:0; width:595px; float:left}
.home .inner {padding:15px 0}

.page-wrap .intro {float:left; width:170px; color:#330033; font-size:10px}
.intro a:link, .intro a:visited {color:white}
.intro a:hover {color:#3CF}

.homeintro { clear:both; color:white; width:600px; margin:10px 0 0 20px; font-size:13px; float:left; border-top:2px dashed #008CCE; border-bottom:2px dashed #008CCE}
.homeintro a:link, .homeintro a:visited {color:white; font-weight:bold}

.page-wrap h1 {color:#33CCFF; font-size:24px; margin:10px 0 10px 0}
.page-wrap h2 {color:#33CCFF}
.page-wrap .blog-meta {width:292px; float:right; list-style:none; margin:0; padding:0}
.page-wrap .blog-meta ul {margin:0; padding:0 0 0 20px; list-style:disc; font-size:10px}
.page-wrap .blog-meta ul li {margin:3px 0}
.page-wrap .blog-meta h4 {margin:15px 0 0 0; font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold}
.page-wrap .share {width:292px; border-color:#33CCFF; margin:0}
.page-wrap .share h2 {color:#33CCFF}
.breadcrumbs {color:white; font-size:11px; margin:130px 0 8px 0}
.breadcrumbs a {font-weight:bold; color:white}

.blog-posts {list-style:none; float:left; width:410px; margin:0; padding:0 0 0 25px}
.blog-posts a.post-title {display:block; text-decoration:none; color:#333333; font-weight:bold; font-family:Verdana, Geneva, sans-serif; font-size:20px; padding:10px 0 0 0}
.blog-posts a.post-title:hover {color:#33CCFF}
.blog-posts p {font-size:12px}
.blog-posts .date {margin:0; padding:0 0 6px 0; border-bottom:2px dashed #33CCFF; text-align:right; font-size:22px; font-family:Verdana, Geneva, sans-serif; font-weight:bold}
.blog-posts .meta {color:#FF0000}
.blog-posts .meta span {text-transform:uppercase}
.blog-posts img {margin-top:15px}
	

.inner { width:1000px; margin:0 auto; padding:0}


nav { width:1000px; margin:0 auto; padding:20px 0}
nav ul li a,
nav ul li a:link,
nav ul li a:visited {color:white; text-transform:uppercase; font-size:13px; font-weight:bold; text-decoration:none}
nav ul {text-align:right}
nav ul li {display:block; float:left; padding:4px 10px; border-right:1px solid white}
nav ul li ul a, nav ul li ul a:link, nav ul li ul a:visited {color:black}
nav ul li:hover > ul {display:block}
nav ul li:hover > a {color:#33CCFF}
.current-menu-item a:link,
.current-menu-item a:visited,
.current_page_parent a:link,
.current_page_parent a:visited {color:#33CCFF}

nav .sub-menu {overflow:hidden; display:none; position:absolute; margin:0 0 0 -12px; padding-top:8px}

.lt-ie8 .sub-menu {margin:20px 0 0 -102px !important}

nav .sub-menu li {float:left; clear:left; padding:0 10px; background:white; position:relative; top:1px}
nav .sub-menu li a {background:url(img/bg_submenu.gif) repeat-x bottom left; padding:4px 0; display:block; float:left; width:190px; text-align:left}
nav .sub-menu li a:link, nav .sub-menu li a:visited {color:#000000; text-transform:none}
nav .sub-menu li a:hover {color:#33CCFF}
#menu-item-21 .sub-menu {background:url(img/bg_nav-conf.gif) no-repeat -3px 3px}
#menu-item-22 .sub-menu {background:url(img/bg_nav-conf.gif) no-repeat -14px 3px}
#menu-item-23 .sub-menu {background:url(img/bg_nav-info.gif) no-repeat 0 3px}

.lt-ie8 #menu-item-21 .sub-menu {margin:20px 0 0 -112px !important}
.lt-ie8 #menu-item-22 .sub-menu {margin:20px 0 0 -102px !important}
.lt-ie8 #menu-item-23 .sub-menu {margin:20px 0 0 -108px !important}


#menu-item-88 a {background-image:url(img/btn_home.png); background-repeat:no-repeat; text-indent:2000px; overflow:hidden; display:block; width:18px; height:22px}
#menu-item-88 a:hover {background-position:0 -23px}

#menu-item-20 {border:none; padding-right:0}

.top-banner { width:1000px; clear:both; text-align:right; height:325px}


#email-signup {width:190px; float:right}
#email-signup p, #email-signup .wp-email-capture-name {display:none}

#email-signup label {color:white; font-weight:bold; font-size:13px; float:left}
#email-signup input {float:left; border:none}
#email-signup input[type=submit] {width:14px; height:19px; background:url(img/btn_search.png) no-repeat transparent; display:block; overflow:hidden; text-indent:2000px; margin:4px 0 0 0; line-height:0; font-size:0}
#email-signup input[type=text] {border-radius:7px; width:150px; clear:left; margin:4px 6px 0 0; font-size:11px; padding:3px}

.page-id-2 header section { width:570px; float:left; clear:both; color:white; padding:25px 40px 30px 0; margin:10px 0 20px 0; border-top:2px dashed #008CCE; border-bottom:2px dashed #008CCE; font-size:12px }

header aside { width:332px; float:right; clear: right; color:white; padding:10px 0; margin:0 0 20px 0; border-top:2px dashed #008CCE; border-bottom:2px dashed #008CCE; font-size:13px }
header aside .video {background:url(img/bg_video.png); padding:12px 9px 8px 9px}
header aside.share {border-bottom:none; margin:10px 0 0 0}
header aside.share h2 {float:left; display:block; width:120px; margin:5px 0 0}
header aside.share a {float:right; display:block; width:32px; height:31px; background:url(img/social.png) no-repeat; margin:2px 0 0 10px}
header aside.share a.fb {background-position:-43px 0}
header aside.share a.in {background-position:-85px 0}
header aside.share a.sh {background-position:-128px 0}

.addthis_toolbox {background-color:white; padding:10px 5px 0 10px; margin:0 0 0 20px}
.addthis_toolbox .addthis_button_google_plusone {margin-left:20px}
.narrow .addthis_toolbox {margin:25px 0; padding:10px 0; border-top:2px dashed #008CCE; border-bottom:2px dashed #008CCE; float:left; clear:left; width: 100%}
.page-id-2 .addthis_toolbox { float:left;  width:595px; margin:10px 0 0 0}

.page-id-2 .top-banner img {width:673px; height:324px}

#main {background-image:url(img/bg_main.png); width:100%}

.blogfeed {background:#FFFFFF; margin-top:15px; clear: left}
.blogfeed h3 {background-color:#05003F; color:white; font-size:14px; padding:3px 5px; margin-top:0}
.blogfeed ul {list-style:none; margin:0; padding:0 0 20px 0}
.blogfeed ul li {font-size:12px; padding:0 20px}
.blogfeed ul li a {color:#000000; font-weight:bold}
.blogfeed ul li p {margin-top:4px}
.page-id-2 .blogfeed {width:610px; float:left}

.blog-posts ul, .blog-posts ol {font-size:12px}
.blog-posts li {margin-bottom:8px}



.rightbox { float:right; width:330px}
.rightbox h3 { background-color:#05003F; color:white; font-size:14px; padding:3px 5px; margin:0}
.page .rightbox {margin-top:100px}
.page-id-2 .rightbox {margin-top:10px}

.friends-signup input[type=text] {width:250px !important; border:1px solid #c7c7c7; border-radius:3px; padding:3px; font-size:12px}
.friends-signup img {display:none}
.friends-signup .t1 {margin-top:10px; font-size:12px; display:block}


#twitter-ticker {height:120px; overflow:hidden; padding-bottom:10px; background:url(img/bg_twitter.png) no-repeat top right}
#twitter-ticker ul {position:relative; list-style:none; margin:5px 0 10px 0; padding:0 5px}
#twitter-ticker ul li {font-size:12px; padding:5px}
#twitter-ticker ul li a {color:#000000; font-weight:bold}
#twitter-ticker ul li p {margin-top:4px}

.mc_form_inside label {width:100px; text-align:right; float:left; display:block; font-size:12px; margin:5px 6px 0 0}
.mc_form_inside .mc_merge_var {margin:5px 0 0 0}
#mc-indicates-required {margin:10px 0 0 105px; font-size:12px}
.mc_success_msg {color:#05003F !important}
#mc_message {margin-bottom:10px}
.mc_signup_submit {text-align:left !important; padding-left:105px; margin:10px 0 5px 0}

#wp_email_capture div {font-size:12px; color:#990000}

footer { width:1000px; height:400px; margin:0 auto; background:url(img/footer.png) no-repeat center center }
.footer-text {font-size:9px; color:#333333; padding:15px 0; border-top:2px dashed #008CCE; float:left; margin-top:20px}

#colophon {clear:both; font-size:11px; width: 1000px; margin: 12px auto 18px auto}
#colophon a { color:#333; text-decoration:none }
#colophon em { font-style:normal }

#colophon span {
	margin: 20px 0;
	display: block;
	clear: both;
	float: left;
}

#petitionForm p {
	display: block;
	float: left;
	clear: left;
	margin: .5em 0;
}
#petitionForm label {
	font-weight: bold;
	text-align: right;
	width: 150px;
	display: block;
	float: left;
	clear: left;
	padding: 2px 5px 0 0;
}
#petitionForm input {
	display: block;
	float: left;	
	width: 185px;
}
#petitionForm .address input {
	width: 265px
}
#petitionForm .email input {

}
#petitionForm .submit input {
	margin: 10px 0 20px 155px;
	width: 100px;
	padding: 4px;
	background: #05003F;
	color: white;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 13px;
}
#petitionForm .submit input:hover {
	background: #33CCFF
}
.page-id-295 .page-wrap h2 {
	margin: -10px 0 15px 0;	
}
.clearfix {clear: both}

#errors {background-color: #e8d1d1; padding: 10px}
#errors li {margin-left: 20px}
#errors h2 {color: #da0000; margin:0 0 8px 0}

.twitterfeed {overflow: hidden; background:url(img/bg_twitter.png) no-repeat top right white; margin-bottom: 20px; height: 148px}
.twitterfeed h3 a{color:white; float: right; font-size: 12px; font-weight: normal; padding: 2px 2px 0 0; text-decoration: none}
.twitterfeed h3 a:hover{color:#008CCE; text-decoration: underline}

#tweetslider .slidesjs-container {
	width: 330px !important;
}

#tweetslider .slidesjs-slide {	
	float: left;
	width: 270px !important;
	padding: 12px 22px;	
	font-size: 13px;
}
#tweetslider div em{
	color: #6c6c6c;
	font-size: 11px;
}