/*   
Theme Name: HAVIT Henfield Bootcamp
Theme URI: http://henfieldbootcamp.co.uk
Description: A bespoke theme for HAVIT Henfield Bootcamp
Author: Alex Goluszko
Author URI: http://www.alexandtheweb.com
.
.
*/

/* RESET -------------------------- */

/*reset.css*/ body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,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,th,var{font-style:normal;font-weight:normal;}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,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*fonts.css*/ body {}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}

/* Core styles and elements */

body {
	font-size:100%;
	font-family: Arial, sans-serif;	
	color: #6d5e9f;
	background: url(images/bg-body.png) repeat-x center -100px;}
	
a {
	color: #303;
	font-weight: bold;
	text-decoration: none;}	
	
a:focus {
	outline: 0;}	
	
a:visited, a:hover {
	color: #675d89;}	
	
h1, h2, h3 {
	font-style: italic;
	font-weight: bold;}	
	
h1 {
	color: #4bc7f4;
	font-size:1.75em;
	margin-bottom: 1.2em;
	line-height: 1.2;
	font-weight: bold;}
	
h2, h3 {
	font-size: 1.321em;
	line-height: 1.2;
	padding: 0.7em 0;
	color: #4bc7f4;}	
	
h4 {
	font-weight: bold;
	font-size: 1em;
	padding: 0.7em 0;
	color: #4bc7f4;}	
	
p, ul {
	font-size: 0.813em;	
	margin-bottom: 0.7em;}
	
p, li {
	line-height: 1.5;}	

small {
	color: #8d8d8d;
	font-size: 85%;}
		
/* Reusable classes */	
	
.wrapper {
	margin: 0 auto;
	width: 920px;
	position: relative;
	padding: 0 20px;}	
	
.floatLeft {
	float: left;}	

.floatRight {
	float: right;}	
	
.smallCol {
	width: 292px;}	

.wideCol {
	width: 604px;}

.inner {
	padding: 20px;
	position: relative;}
	
.innerWide {
	padding: 40px;}	
	
.underline {
	padding-bottom: 2em;
	background:url(images/bg-underline.png) repeat-x bottom;}	
	
	
/* Structure */

/* Header */

a.skip {
	height: 0;
	display: block;
	text-indent: -1000em;}

#header {
	background: url(images/bg-header.png) no-repeat center bottom;}
	
#header .wrapper {
	height: 22.5em;}	

#header ul {
	background: url(images/bg-nav.png) no-repeat left -10px;
	text-transform: uppercase;
	font-size: 14px;
	text-align: center;
	margin: 0 -20px;	
	padding: 10px 0 40px;;
	font-weight: bold;}

#header li {
	display: inline;
	padding: 0 7px;}

#header li a {
	color: #fff;}
	
#header li a:hover, #header li.current_page_item a {
	color: #fc6 !important;}
	
#header li a:visited {
	color: #e6f1fa;}	
	
#header #logo {
	clear: left;
	float: left;}	
	
#header #introImage {
	position: absolute;
	right: 0;
	bottom: -40px;} 	

/* Content */

#container {
	margin-top: 30px;}
	
#container .wideCol ul {
	width: 360px;}

#container .wideCol li {
	background: url(images/icon-bullet.png) no-repeat 2px 6px;
	padding: 0 0 1em 2em;}
	
/* Boxes */

.introBox {
	width: 100%;
	padding-left: 412px;
	margin: 0 -20px 0 -392px;
	background: url(images/bg-intro.png) no-repeat right bottom;}

.introBox p {
	font-size: 1em;}

.introBox strong {
	color: #303;}

.introBoxInner {
	padding: 100px 40px 50px 20px;
	position: relative;}

.smallCol>div {
	margin-bottom: 2em;}

.yellow {
	background: #f1be5c url(images/bg-bottomRound.png) no-repeat right bottom;}	

.purple {	
	background: transparent url(images/bg-purpleTop.png) no-repeat left top;
	padding-top: 35px;}
	
.purple .inner {
	background: #b7a5f5 url(images/bg-bottomRound.png) no-repeat left bottom;}	
	
.purple, .yellow {
	color: #fff;
	font-weight: bold;}	

.purple h3, .yellow h3 {
	color: #fff;}	

.purple .inner, .yellow .inner {
	padding-top: 0px;}	

.yellow h3, .yellow h3 span {
	background-image: url(images/bg-yellowHeader.png);
	background-repeat: no-repeat;}

.yellow h3 {
	background-position: left top;
	font-size: 1em;
	padding: 1em 0 0 0;
	margin-bottom: 0.7em;}
	
.yellow h3 span {
	display: block;
	padding: 0 20px 20px;
	background-position: right bottom;}	

.blue {
	background: url(images/bg-blueRound.png) no-repeat top left;
	padding-top: 20px;}
	
.blue .inner {
	background: url(images/bg-blueRound.png) no-repeat bottom left;
	margin-bottom: 20px;}		
	
.twitter h3 {
	background: url(images/icon-twitter.png) no-repeat top left;
	padding: 15px 0 15px 3em;
	margin-top: -45px;}	
	
/* Footer */

#footer {
	color: #e7f4ff;
	font-weight: bold;
	float: left;
	width: 100%;
	margin-top: 60px;
	background-color: #4bc7f4;}
	
#footer .footerLogo {
	background: url(images/bg-footerWhite.png) no-repeat center top;
	padding: 30px 10px;
	text-align: center;
	margin-left: -8px;
	margin-top: -30px;}	

#footer ul {
	padding: 30px 0 20px;
	width: 100%;
	float: left;}

#footer li {
	float: left;
	padding: 0 1em 0 0;}

#footer a {
	color: #fff;}
	
#footer p {
	font-size: 0.75em;
	width: auto;
	padding-right: 30px;
	float: left;}

/* Forms */

form p {
	clear: left;
	overflow: hidden;	
	margin-bottom: 1.5em;}

form label, form span.label {
	display: block;
	float: left;
	text-align: right;
	font-style: italic;
	line-height: 1.6em;
	width: 35%;
	padding-right: 5%;}
	
form span.wpcf7-form-control-wrap {
	float: left;
	width: 60%;}	
	
form span.wpcf7-list-item {
	overflow: hidden;
	margin-bottom: 0.6em;
	clear: left;}	
	
form .wpcf7-mail-sent-ok {
	font-weight: bold;
	padding: 10px;
	background-color:#F4FFF7;
	border: 1px solid #DCFCBC;
	color: #89D374;
	margin-bottom: 1em;}	

form .wpcf7-validation-errors {
	border: 1px solid #CC6600;
	padding: 10px;
	background-color: #FFF3E8;
	margin-bottom: 1em;
	color: #CC6600;}

form span input, form span textarea {
	border: 1px solid #ccc;
	padding: 5px 2px;
	float: left;
	background: url(images/bg-form.gif) repeat-x top;}	

form .wpcf7-checkbox span {
	width: 100%;
	display: block;
	float: left;}

form .wpcf7-checkbox input {
	padding: 0 10px 0 0;
	margin: 3px 0 0 0;
	background: none;
	border: 0;}

.wpcf7-checkbox span.wpcf7-list-item-label {
	width: 90%;
	padding-left: 10px;}

.wpcf7-not-valid-tip-no-ajax {
	clear: left;
	color: #CC6600;
	font-style: italic;
	display: block;}

form p.submit {
	padding-left: 40%;}
	
form p.submit input {
	background: url(images/button-submit.png) repeat-x center;
	border: 0;
	padding: 5px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-style: italic;
	font-size: 1.4em;}	

/* Page specific styles */

.page #container.wrapper {
	overflow: hidden;
	background: url(images/bg-white.gif) no-repeat bottom center;}	

.page .smallCol {
	position: relative;}

.page .innerWide {
	padding: 40px;
	padding-right: 0;}

.page .inner {
	padding: 30px 20px 40px;}

#container .wideCol ul {
	width: 520px;}

.page #cornerImage3 {
	position: absolute;
	right: 0;
	z-index: 2;
	top:137px;}		

.page #cornerImage4 {
	position: absolute;
	left:50px;
	z-index: 1;
	top:37px;}	
	
.page #cornerImage5 {
	left: 50px;
	position: absolute;
	top: 266px;
	z-index: 1;}			

/* Misc IDs and classes */

#cornerImage {
	position: absolute;
	top: -20px;
	right: -10px;}	
	
#cornerImage2 {
	position: absolute;
	bottom: -150px;
	right: 20px;}		

.size-medium {
	margin-right: 25px;
	margin-bottom: 25px;
	display: inline;
	border: 5px solid white;
	-moz-box-shadow: 5px 5px 5px #C0CADA;	
	-webkit-box-shadow: 5px 5px 5px #C0CADA;}	
	
#stillPhotos {
	position: relative;}	

	
/* IE6 */

.smallCol .yellow, .smallCol .purple {	
	margin-bottom: 2em;}	
	
a.skip {
	line-height: 0; 
	float: left;}	

/* Table styles */

table {
	font-size: 12px;
	font-weight: normal;}

table, td, th {
	border: 0 none;}

td, th {
	border: 1px solid #cdcdda;
	height: 22px;
	padding: 5px;}
	
th, table tr:first-child td {
	background-color: #4BC7F4;
	color: #fff;
	font-weight: bold;}