/*
Theme Name: Worldspan Creative
Theme URI: http://www.worldspancreative.co.uk/
Description: The new WordPress theme for Worldspan Creative.
Version: 1.0
Author: John Wilson
Author URI: http://www.worldspancreative.co.uk/
*/

/*****Reset Styles*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
.hidden, hr { display: none; }

/*****Clearfix Hack*****/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

/*****Body Styles*****/
body { background: #8D8C9A url(images/bg-pebbles2.jpg) repeat fixed; color: #FFFFFF; font: 62.5%/160% Georgia, "Times New Roman", Times, serif; }
acronym { border-bottom: 1px dotted #FFFFFF; cursor: help; text-decoration: none; }


/*****Text, Lists & Links*****/
h1 { background: url(images/logo-header.gif) no-repeat; float: left; height: 39px; margin: 10px 0 0; width: 322px; }
h1 a { display: block; height: 39px; outline: none; overflow: hidden; text-indent: -9999px; width: 322px; }

#established { background: url(images/bg-est.png) no-repeat; float: right; height: 100px; margin: 75px -15px 0 0; position: absolute; outline: none; overflow: hidden; right: 0; text-indent: -9999px; width: 100px; z-index: 99; }

#header { position: relative; }
#intro { margin: 0 0 10px; }

h2, h3, h4, h5, h6 { font-weight: normal; line-height: 140%; margin: 5px 0 10px; }
h2 { font-size: 28px; font-style: italic; margin: 0 0 20px; border-bottom: 1px solid #5E6265; padding: 0 0 20px; }
h3 { font-size: 24px; margin: 0 0 5px; }
h4 { font-size: 18px; margin: 0 0 5px; }

p { font-size: 14px; line-height: 160%; margin: 0 0 15px; }
li { font-size: 14px; line-height: 140%; list-style: square; margin: 0 10px 5px; }
ul { margin: 0 20px 10px; }

a, a:visited, a:active, a:link { color: #FFFFFF; }
a:hover { text-decoration: none; }
a img { border: none; }

/*****Generic Classes*****/
.clearFloat { clear: both; }

.textLeft { text-align: left; } 
.textRight { text-align: right; } 
.textCenter { text-align: center; }

.alignright { border-bottom: 1px solid #5E6265; border-top: 1px solid #5E6265; float: right; margin: 0 0 15px 15px; padding: 10px 0; }
.alignleft { border-bottom: 1px solid #5E6265; border-top: 1px solid #5E6265; float: left; margin: 0 15px 15px 0; padding: 10px 0; }

#container { margin: 0 auto; width: 960px; }
.inner { background: #3B3E3F url(images/bg-inner.gif) repeat-y; float: left; margin: 0 0 10px; padding: 40px; width: 880px; }
.innerBlog { background: #3B3E3F url(images/bg-inner-blog.gif) repeat-y; }
.noBgImg { background-image: none; }
.contactBg { background: #3B3E3F url(images/bg-contact.gif) bottom right no-repeat; }

#contact.inner { padding: 40px 40px 25px; }
.connect { float: right; font-size: 16px; text-align: right; width: 400px; }
.connect a { margin: 0 0 0 20px; }

.left { float: left; padding: 0 20px 0 0; text-align: right; width: 130px; }

.left .moreLink { font-size: 16px; margin: 0; }

.right { float: right; margin: 0 0 0 0; width: 690px; }

#portfolio .right h3 { font-size: 20px; margin: 0 0 25px; }
#portfolio .examples { float: left; width: 362px; }
#portfolio .examples img { border: 1px solid #FFFFFF; margin: 0 0 20px; }
#portfolio .examples img.firstImg { margin: 0; }

#portfolio .summary { float: right; width: 302px; }
#portfolio .summary img { border: 1px solid #FFFFFF; margin: 0 0 20px; }


.post { float: left; width: 320px; }
.postFirst { margin: 0 40px 0 0; }
.post h3 { font-size: 20px; margin: 0 0 15px; }

#header p { font-size: 18px; }
#intro p { font-size: 14px; }
#intro p.bigger { font-size: 18px; }
#footer p { font-size: 18px; margin: 0; }
#twitter p { font-size: 20px; margin: 0; }
#twitter p.byLine { font-size: 14px; margin: 0; }

#intro a { font-style: italic; }

.profile { border-bottom: 1px solid #5E6265; border-top: 1px solid #5E6265; clear: both; margin: 15px 0; padding: 15px 0; }
.profile h4 { margin: 0; }
.profile p { margin: 0; padding: 5px 0 0; }
.profile .imgLeft { border: none; padding: 2px 0; }

#header p.callToAction { float: right; margin: 5px 0 0; text-align: right; width: 400px; }

#mainNav { float: left; margin: 0; width: 140px; }
#mainNav li { list-style: none; font-size: 18px; margin: 0 0 5px; }
#mainNav a { font-style: normal; text-decoration: none; }
#mainNav a:hover { text-decoration: underline; }
#mainNav li.current_page_item a { color: #E3558A; }

#mainNav ul { margin: 5px 10px 0; }
#mainNav ul li { color: #FFFFFF; font-size: 16px; margin: 0; }
#mainNav ul a { color: #FFFFFF; }
#mainNav li.current_page_item ul a { color: #FFFFFF; }
#mainNav li.current_page_item ul li.current_page_item, #mainNav li.current_page_item ul li.current_page_item a { color: #E3558A; }

.workNav { margin: 0 0 10px; text-align: left; }
.workNav li { font-size: 16px; list-style: none; margin: 0 0 5px; }

#theTags { clear: both; margin: 25px 0 0; border-top: 1px solid #5E6265; padding: 25px 0 0; }

#blogSingle { float: left; width: 430px; }
.singlePost { margin: 0 0 50px; }

.postNavigation { border-top: 1px solid #5E6265; padding: 10px 0 0; height: 40px; }
.postNav-left { float: left; height: 40px; line-height: 40px; font-size: 16px; text-align: left; }
.postNav-right { float: right; height: 40px; line-height: 40px; font-size: 16px; text-align: right; }

#sidebar { float: right; width: 190px; }

/*****Contact Form*****/
.wpcf7-form { margin: 40px 0 0; }
.formLeft { clear: both; float: left; width: 330px; }
.formRight { float: right; width: 330px; }
.formWide { clear: both; }
.formSubmit { clear: both; text-align: right; }

.formLeft span.required, .formRight span.required, .formWide span.required { color: #9F9F9F; }

.formLeft input, .formRight input { background: #3B3E3F; border: 1px solid #5E6265; color: #FFFFFF; font: 14px Georgia, "Times New Roman", Times, serif; margin: 10px 0 0; padding: 10px; width: 310px; }
.formWide textarea { background: #3B3E3F; border: 1px solid #5E6265; color: #FFFFFF; font: 14px Georgia, "Times New Roman", Times, serif; margin: 10px 0 0; padding: 10px; width: 670px; }
.formSubmit input { background: #E3558A; border: 1px solid #E3558A; color: #FFFFFF; font: 18px Georgia, "Times New Roman", Times, serif; margin: 0; padding: 5px 0; width: 90px; }

.formSubmit .ajax-loader { float: left; }


div.wpcf7-response-output {
	font-size: 14px;
	margin: 0 0 15px;
	padding: 10px 10px 7px;
}

div.wpcf7-mail-sent-ok {
	background: #CBDFB5;
	border: 1px solid #9FE355;
	color: #669F27;

}

div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors {
	background: #EFC2D4;
	border: 1px solid #E3558A;
	color: #E3558A;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 60%;
	left: 20%;
	z-index: 100;
	background: #EFC2D4;
	border: 1px solid #E3558A;
	color: #E3558A;
	width: 260px;
	padding: 5px 10px;
	font-size: 12px;
}

span.wpcf7-not-valid-tip-no-ajax {
	background: #EFC2D4;
	border: 1px solid #E3558A;
	color: #E3558A;
	padding: 5px 10px;
	font-size: 12px;
	display: block;
}

.commentlist { margin: 0 0 40px; padding: 0; }
.commentlist li { border-bottom: 1px solid #5E6265; list-style: none; margin: 0; padding: 5px 0 15px; }
.commentlist small { font-size: 12px; }

#commentform p { font: 14px Georgia, "Times New Roman", Times, serif; }
#commentform span.required { color: #9F9F9F; }

#commentform input { background: #3B3E3F; border: 1px solid #5E6265; color: #FFFFFF; font: 14px Georgia, "Times New Roman", Times, serif; margin: 0 15px 0 0; padding: 10px; width: 250px; }
#commentform textarea { background: #3B3E3F; border: 1px solid #5E6265; color: #FFFFFF; font: 14px Georgia, "Times New Roman", Times, serif; margin: 0 0 0; padding: 10px; width: 410px; }
#commentform #submit { background: #E3558A; border: 1px solid #E3558A; color: #FFFFFF; font: 18px Georgia, "Times New Roman", Times, serif; margin: 0; padding: 5px 0; width: 90px; }