/*

Theme Name: Pitchblu

Theme URI: http://rchrdkng.com/

Description: The WordPress theme is a custom design for <a href="http://pitchbluegroup.com/">Pitch Blue</a> by Richard King.

Version: 1.0

Author: Richard King

Author URI: http://rchrdkng.com/

Tags: blue, white, clean, fixed width, widgets



	PitchBlu v1.0

	This theme was designed and built by Richard King,

	whose portfolio and contact information you can find at http://rchrdkng.com/



	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php



*/





/* Begin Typography & Colors */

.cufon-loading { visibility: hidden; }
* html {margin:0;padding:0;}



body {font-family:Trebuchet, TrebuchetMS,'Trebuchet MS';color: #264061;margin: 0 auto;padding: 0px 0px 40px;}



/*Misc styling*/

h1, h2, h3, h4, h5 {color: #3a67fe;padding: 0px;margin: -6px;}

h1 {font-family: MuseoSlab900, Museo_900, Arial, Helvetica; font-size: 20px; display:block;}

h2 {	font-size: 16px; display: block; }

h3 {	font-size: 14px; display: block; }

h5 {	font-size: 12px; display: block; }

.sub {color:#264061; font-family:TrebuchetMS,'Trebuchet MS',Helvetica, Arial, sans-serif; margin-top:6px; font-size:18px;}

.sub-inline {color:#264061; font-family:TrebuchetMS,'Trebuchet MS',Helvetica, Arial, sans-serif; margin-top:6px; font-size:18px; display:inline;}

p {	font-size: 14px;line-height:1.5; }



.clear {clear: both;}



a, #login a {color:#95b3d7;}

a:link {color:#7790af;text-decoration:none;}

a:visited {text-decoration:none;}

a:link:focus{color:#95b3d7; }

a:link:hover,

a:visited:hover {color:#7790af;}

a:link:active,

a:visited:active {color:#95b3d7;}

.active, #postNav a.active, #postNav  a.active span, .active a{color:#7790af;}



/*End of misc styling*/





/*Wrapper*/

#wrapper {margin: 0 auto;}



/*Topbar*/

#header_wrapper {position:relative;}



#header {margin:25px auto 0;width:1200px;height:190px;padding-top:25px;}



#header .logo, #sub_header .logo {float: right;margin:-33px 24px 6px 0;}



#header .menu, #header .submenu {position:relative;z-index:300000;}

#header .submenu {	clear:both; font-size:14px; margin-top:10px;}

.navigation {margin:18px 0 0; padding:0 0 0 20px; font-size:16px;}

.navigation li, .subpage_navigation li { display: inline; list-style-type: none; padding-right: 20px;}

.subpage_navigation li {color:#a4c1eb;}

#subpage-nav {padding-left:20px;margin:0 0 0 20px;float:left;}

#subpage-nav li{display: inline;list-style-type: none;padding-right: 20px;}

#subpage-nav li a, #subpage-nav li .selected a {color: #a4c1eb;text-decoration: none;}

#subpage-nav li a:hover, #subpage-nav li a:active {color:#264974;}

#subpage-nav a:visited {color: #264974;text-decoration: none;}

#subpage-nav a:hover, #subpage-nav a:active,

#subpage-nav li.current_page_item a, #subpage-nav li .selected a

#subpage-nav li.current_page_item a:visited {color:#a4c1eb;}

/*End of topbar*/

#content_wrapper {width:1200px;margin:0 auto;background:url('images/sky-final2.png') no-repeat top center;border-top: 1px solid #b5cfe8;}

#quickstart #content_wrapper {width:1200px;margin:0 auto;background:url('images/sky-final2.png') no-repeat top center;border-top: 1px solid #b5cfe8; height:550px;}



#left_column {height: auto;width: 785px;padding-bottom: 30px;float:left;height:200px;}

#left_column .post h2 {font-size:34px;padding-left:40px;color:blue;font-style:italic;}

/*CASE STUDIES*/

#slider ul, #slider li, #slider_sub ul, #slider_sub li{margin:0;padding:0;list-style:none;display:inline;}

#slider, #slider li{ width:800px;height:241px;overflow:hidden; }

#slider_sub, #slider_sub li{ width:1200px;overflow:hidden; }

#slider_sub .service_options li {width:200px;height:auto;padding:2px 0 8px 2px;	}	

#slider_sub .service_options li { display:-moz-inline-box; -moz-box-orient:vertical;display:inline-block; vertical-align:top; word-wrap:break-word; }

* html #slider_sub .service_options li { display:inline; }

* + html #slider_sub .service_options li { display:inline; }

* html #slider_sub .service_options li { width:200px; }

#slider_sub .service_options li li > * { display:table; table-layout:fixed; width:200px; overflow:hidden; }



#slider .epic, #slider_sub .epic {float: left; padding-left:40px;}

#featured .epic img { border: none; padding: 0; margin: 0; }

#slider .words { width: 525px; float: left; text-align: left; margin: 20px 0 0 0; }

#slider_sub .words { width: 1025px; float: left; text-align: left; margin: 20px 0 0 0; }

#slider li h2, #slider_sub li h2 { margin:0 60px;padding-top:20px;font-size:44px;}

#slider li p { margin:0 25px;font-size:24px;line-height:1.5;}

#slider_sub li p { margin:0 auto;font-size:24px;line-height:1.5;width:1000px;}				

.prevBtn {

	

}



.nextBtn {



}					



		



.view-more {margin:0 0 0 20px;}





/*Category*/



.cat_paragraph {padding: 4px;}

#categorywrap {clear:both;height:auto;width:1200px;}

#servicewrap {height:0;left:62px;position:absolute;top:360px;width:1200px;}

.service_options{float:left;font-size:12px;padding:10px;width:200px;}

* html .service_options {position:relative;}

.service_options h4 {color:#386093;font-size:14px;width:200px;}

#servicewrap .service {list-style-position:outside;list-style-type:disc;padding:5px;width:200px; color:#1D3758;}

#service2 .service_options h4 {color:#386093;font-size:14px;margin-left:10px;width:200px;}

.service li {padding:4px 0;}

.post h2 {padding:4px; font-size:55px;color:#264061; font-family:MuseoSlab900, Museo_900, Arial, Helvetica; }



@media screen and (-webkit-min-device-pixel-ratio:0){

.post h2 {padding:0; margin:0;}

}



.category h2 a{color:#3A67FE}

.category {float: left;width: 362px;margin:0 0 26px 20px;display:block;}

.category h2{font-size:16px; font-weight:bold; padding:7px;}

.category h2 span{font-weight:normal}

.category p {margin:0; padding:0 10px 0 0;}

.right_category p {margin:0; padding:0 10px 0 0;}

.right_category {float:left; width:375px; color:#264061}

.left_category {float:left; width:350px;}

#lft_column {

clear:both;

line-height:1.5;

position:relative;

width:710px;

}

.sidebar{float:left;position:relative;top:-104px;width:320px;}

#right-column {

float:left;

left:34px;

position:relative;

top:160px;

width:320px;

}

#right-column ul {list-style-type:none;	padding:0;}

.readmore {font-size:80%;}

#right-column li { margin:0 0 10px 0;font-size:12px;color:#7790AF;}

#right-column span{font-size:16px;}

	

.right-column {color:#386093;float:left;line-height:1.5;width:360px;}

#about{font-size:16px; margin-top:26px;}

 .sidebar h2 a, .subpage_category h2 a {margin-bottom:6px;color:#264061;}

.category .subtitle, .sidebar .subtitle {font-size:14px;font-weight:bold;font-family:MuseoSlab500i,Museo_500i;}

#categorywrap .more a {margin-bottom: 10px;margin: 0px;display: inline;text-decoration: none;font:12px TrebuchetMS,'Trebuchet MS',Helvetica, Arial, sans-serif;}

#categorywrap a:hover {color: #959595;}

/*End of category*/





/*Footer*/

#servicebottom {

height:500px;

left:50px;

position:relative;

top:-172px;

}* html #servicebottom{position:relative; }



#footer_wrapper {border-top:1px solid #b5cfe8;height:auto;margin:0 auto;width:1200px;}

#service2 #footer_wrapper {

border-top:1px solid #B5CFE8;

height:auto;

margin:0 auto;

position:relative;

top:-100px;

width:1200px;

}

#info_wrapper {left:415px;position:relative; width:800px}

#footer {color:#264061;font-family:TrebuchetMS,'Trebuchet MS',Helvetica,Arial,sans-serif;font-size:12px;margin-top:8px;position:relative;}

#contact {border-bottom:1px solid #b5cfe8;margin-bottom:10px; margin-top:14px; width:1200px;}

.footer_contact{color:#264061;font-family:TrebuchetMS,'Trebuchet MS',Helvetica,Arial,sans-serif;font-size:16px;left:415px;margin-bottom:8px;position:relative;}

#footer h4 { width:400px;color: #264061; font-size:16px;font-family: TrebuchetMS,'Trebuchet MS',Helvetica, Arial, sans-serif; margin-bottom:8px;}

#footer span{width:400px;}

#footer p {font-size:20px; line-height:0: margin-bottom:30px;}

#footer ul {margin:0; padding:0;}

#footer ul li {list-style-type:none; list-style-image:none;margin:2px 0;}

#footer .info {float:left;width:390px;margin-top:16px;}

#footer .sub {margin-top:20px;font-size:12px;position:relative;left:415px; width:400px;}



/* End Structure */





/* Begin Images */

div.rule hr {display: none}

p img {padding: 0;max-width: 100%;}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



#slider_sub li p img {float:left;clear:both;position:absolute;left:550px;top:145px}

	

img.centered {display: block;margin-left: auto;margin-right: auto;}



img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}

img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}



/* End Images */





/* Begin Various Tags & Classes */

acronym, abbr, span.caps {cursor: help;}



acronym, abbr {border-bottom: 1px dashed #999;}



blockquote {margin: 15px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd;}



blockquote cite {margin: 5px 0 0;display: block;}



.center {text-align: center; font-size:48px;color:#264061; font-family:MuseoSlab900, Museo_900, Arial, Helvetica;}



.hidden {display: none;}

	

.screen-reader-text {position: absolute;left: -1000em;}

hr {display: none;}

a img {border: none;}



/* End Various Tags & Classes*/

/* Index Main Masthead

-------------------------------------------------------------- */



#masthead {clear:both;margin:0 auto;min-height:350px;overflow:hidden;padding:0;position:relative;top:-40px;width:1100px;}

#myController span{text-indent:-10000px;display: none;}

#jFlowSlide{ float: left; position:relative;}

#myController span.jFlowSelected {}

#content2{height:720px;position:relative;top:-120px;}



.title {font-size:20px;left:0px;line-height:1.5;margin-bottom:16px;position:relative;top:170px;width:650px; color:#386093;}

.title_service {font-size:20px;left:62px;line-height:1.5;margin-bottom:16px;position:relative;top:190px;width:1000px; color:#386093;}

.img_service {float:left;}

.intro {font-size:16px;line-height:25px;}

.intro_text {font-size:14px;line-height:1.5;width:640px;}

.embed_lft {

float:left;

left:30px;

position:relative;

top:120px;

width:650px;

}

.embed_rt {

float:left;

left:70px;

position:relative;

top:120px;

width:350px; font-size:14px;

}

.embed_rt {float:left}

.embed_rt h4 {margin-left:10px;}

.embed_rt ul {font-size:14px;margin-bottom:0px 0px 0px 25px;width:400px; padding:0;}

.embed_rt ul li { padding: 2px 0 4px 0;}





/*======== quickstart ===================*/

#quickstartwrap{left:60px;position:absolute;top:329px; width:1170px; clear:both;}

* html #quickstartwrap{left:60px;position:absolute;top:329px; width:1170px; clear:both;}

#quickstartwrap h4{font-size:16px;margin-bottom:20px;}

#content3 {

height:436px;

position:relative;

top:-120px;border-bottom:1px solid #b5cfe8;



}

.clearfix{clear:both}

/*================ posts =========================*/

#query-posts-4{list-style-type:none; margin-top:50px; font-size:13px;}

#query-posts-4 h2, #query-posts-4 .byline{display:none}

#sidePanel {float:left;margin-left:50px;width:200px; }

#posts{clear:both}

#posts p{font-size:14px;}

.privacy {color:#386093; font-size:13px; margin-top:110px; margin-bottom:30px; line-height:1.5;}

#postImage{float:left; width:220px;}

#postContent{ width:600px; float:left; font-size:14px; margin-top:50px;}

/*#postNav {margin:auto;width:900px;}#postNav ul{}*/

#postNav {margin-left:240px;width:900px;}

#postNav li {display:block;float:left;height:120px;width:380px;margin:0px 30px 10px 0px;}

#postNav a {display:block;float:right;width:285px;color:#1d3758;font-size:14px; line-height:22px;}

#postNav span{color:#3A67FE;font-size:24px; font-family:MuseoSlab900, Museo_900, Arial, Helvetica;}

#quote{font-size:20px; color:#1D3758; margin-top:10px;}

#quote span{font-size:14px;}

.first{background:url(images/focus-pocus_thumb.png) no-repeat top left;}

.third{background:url(images/mais-oui_thumb.png) no-repeat top left;}

.second{background:url(images/tomato_thumb.png) no-repeat top left;}

.last{background:url(images/knock-knock_thumb2.png) no-repeat top left;}

.entry span {/*display:block;*/margin:15px 0;}



/*================ home page bottom ==========*/

#query-posts-5, #query-posts-7, #query-posts-6{list-style-type:none}

.post-title a , .byline{display:none;}

#ruler{background:#b5cfe8; height:1px; width:1200px; position:relative; top:-90px;}

#quickstart #ruler {

background:#B5CFE8 none repeat scroll 0 0;

height:1px;

position:relative;

top:-241px;

width:1200px;

clear:both;

}



/*================ about us ================*/

.title2{color:#386093;font-size:20px;margin-top:20px;width:710px; line-height:26px; margin-bottom:16px; float:left;}

#ruler2{background:#b5cfe8; height:1px; width:1200px; position:relative; top:260px;}

#right-column h4 a {color:#3A67FE; font-size:18px; }

.service {margin-top:10px; width:200px;}





/*================ log in ================*/

.simplemodal-login {z-index:100000; position:absolute;}

#simplemodal-login-overlay {background-color:#FFFFFF;z-index:100000; position:absolute;}

#simplemodal-login-container a {color:#666;z-index:100000; position:absolute;}



#simplemodal-login-container #login_error {background-color: #ffebe8; border:1px solid #c00; margin-bottom:8px; padding:6px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}



#simplemodal-login-container #loginform {background:#fff; border:1px solid #264061; font-weight:normal; margin-left:0 auto; padding:16px 16px 40px 16px; text-align:left; -moz-border-radius:11px; -khtml-border-radius:11px; -webkit-border-radius:11px; border-radius:5px; -moz-box-shadow:rgba(200,200,200,1) 0 4px 18px; -webkit-box-shadow:rgba(200,200,200,1) 0 4px 18px; -khtml-box-shadow:rgba(200,200,200,1) 0 4px 18px; box-shadow:rgba(200,200,200,1) 0 4px 18px;}



#simplemodal-login-container #loginform .forgetmenot {font-weight:normal; float:left; margin-bottom:0; }

#simplemodal-login-container #loginform .submit input {background-color:#264061; border:none; border:1px solid; color:#fff; font-weight:bold; padding:3px 10px; font-size:11px; -moz-border-radius:11px; -khtml-border-radius:11px; -webkit-border-radius:11px; border-radius:11px; cursor:pointer; text-decoration:none; margin-top:-3px;}

#simplemodal-login-container #loginform p {margin:0;}

#simplemodal-login-container #loginform label {color:#386093; font-size:11px;}

#simplemodal-login-container #loginform .forgetmenot label {font-size:11px; line-height:19px;}

#simplemodal-login-container #loginform .submit {float:right;}

#simplemodal-login-container #loginform .submit input.simplemodal-close {background-color:#c00;}

#simplemodal-login-container #user_pass, 

#simplemodal-login-container #user_login, 

#simplemodal-login-container #user_email {font-size:24px; width:97%; padding:3px; margin-top:2px; margin-right:6px; margin-bottom:16px; border:1px solid #e5e5e5; background:#fbfbfb;}

#simplemodal-login-container .simplemodal-login-credit {padding-top:4px; text-align:center;}

#simplemodal-login-container .simplemodal-login-credit a {display:none;}





/* Gallery Setup ------------------------ */

#selector {

font-size:13px;

left:-14px;

padding:0;

position:relative;

z-index:999;

}

.navigation #selector li{padding-right:5px;}



.gallery-frame {

border-bottom:1px solid #B5CFE8;

height:579px;

overflow:hidden;

padding:0;

position:relative;

top:-199px;

width:1200px;

}

#quickstart .gallery-frame {

height:620px;

left:-15px;

overflow:hidden;

padding:0;

position:relative;

top:-199px;

width:1200px;

border:none;

}

#quickstart li.entry {

float:left;

height:469px;

position:relative;

width:1200px;

}

#quickstart .entry .service_images {

border:0 none;

left:221px;

position:absolute;

top:508px;

}

#quickstart #nextslide {

cursor:pointer;

display:block;

height:40px;


position:absolute;

width:40px;

z-index:10;

}

#quickstart .entry h2 {

color:#1D3758;

display:block;

font-size:55px;

left:21px;

margin-top:8px;

position:relative;

text-align:left;

top:260px;

width:100%;

}

.gallery-frame ul.gallery {

	width: 10000px;

	margin: 10px;

	position: relative;

}





li.entry {

	float:left;

height:350px;

position:relative;

width:1200px;

}



ul.gallery ul {

	padding: 0px;

	margin: 0px;

	list-style: none;

}



ul.gallery li {

	list-style: none;

}





ul.gallery ul.link {

	margin: 0px;

	padding: 0px;

	list-style: none;

	font: 11px TrebuchetMS,'Trebuchet MS',Helvetica, Arial, sans-serif;

}



ul.gallery ul.link li {

	display: inline;

	list-style: none;

	margin: 0;

	padding: 0px 20px 0px 0px;

}



ul.gallery ul.link li a {

	text-decoration: underline;

	white-space: nowrap;

	padding-right: 15px;

	line-height:15px;

}

#previousslide {
display:none !important;
	cursor:pointer;

display:block;

left:-25px;

position:absolute;

top:150px;

width:40px;
left:50px;

z-index:10;

}



#nextslide {

cursor:pointer;

display:block;

height:40px;

left:855px;

position:absolute;

top:200px;

width:40px;

z-index:10;

}


.entry .service_images {

border:0 none;

left:467px;

position:absolute;

top:190px;

}

div.disabled {

	cursor: default !important;

}



/* Gallery Entry Typography ------------------------ */

#service2 #content2 {

height:800px;

position:relative;

top:-165px;

}



#service2 .title_service {

color:#386093;

font-size:20px;

left:21px;

line-height:1.5;

margin-bottom:16px;

position:relative;

top:315px;

width:1050px;

}



.entry h2 {

display:block;

font-size:55px;

left:21px;

margin-top:8px;

text-align:left;

position:relative;

top:304px;

width:100%;color:#1D3758;

}



#quickstart .quickstartImageRight {

border:0 none;

position:absolute;

right:58px;

top:296px;

width:420px;

}

.entry .role {

	color: #7997b4;

	font: bold 11px TrebuchetMS,'Trebuchet MS',Helvetica, Arial, sans-serif;

	margin-bottom: 2px;

}



.entry p {

	margin: 18px 0px;

	font: 14px/20px TrebuchetMS,'Trebuchet MS',Helvetica, Arial, sans-serif;

}



.entry .upperl {



}



.entry .dark {

	color: #000;

}



.entry .dark a {

	color: #1e5281;

}



.entry .light {

	color: #fff;

}



.entry .light a:link, .entry .light a:visited {

	color: #fc0;

}



#selector ol {}

#selector ol li {background-image: url(images/arrow.png);

background-repeat: no-repeat;

background-position: 0px;

padding-left: 12px;

padding-right:8px;}

#selector li:first-child {display:none;}