/*
Theme Name: Thirdperson
Theme URI: http://thirdperson.co.uk
Description: Wordpress theme for Thirdperson
Author: Maria Irie
Version: 1.0 (WP2.9.2)
Tags:
*/
/************************************************
*	global reset v1.0 | 20080212 				*
************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/************************************************
*	Image Resizing in IE7 and IE6  				*
************************************************/
img{-ms-interpolation-mode:bicubic;}
/************************************************
*	clear settings							    *
************************************************/
.clear{clear:both; display:block;}
.clearFix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/*Win IE7 only */
*:first-child+html .clearFix{height:1%;}
/*Win IE6 only */
*html .clearFix{height:1%;}

/************************************************
*	Wordpress default classes settings		    *
************************************************/
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left;margin-right:15px; }
.alignright { float:right;margin-left:15px; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
/************************************************
*	global settings							    *
************************************************/

html{font-size:100.01%;overflow:scroll;}
body {font-size:62.5%;font-family:Arial, Helvetica, sans-serif;color:#581e00;margin:20px 10px 10px 10px}
body#blog {background: url(images/blog_bg.jpg) repeat 0 0;}
#wrapper{background:#fff;width:956px;position:relative;margin:0 auto;}
#blog  #wrapper {background-color: transparent;}
#mainContent {width:956px;margin-top:2px;float:left;z-index:1;padding-top:3px;}






/*typography*/
a{outline:none;  text-decoration:none; color:#cff0f6;cursor: pointer;}
p{font-size:1.2em;line-height:16px;}
h1, h2, h3, h5, h5, h6 { font-weight:normal }
ul, li, ol{font-size:1.0em;}
li {list-style: none;margin-left:0px;}
strong { font-weight: bold }
em { font-style: italic }
h1{font-size: 2.8em;font-family: Georgia;line-height: 34px;font-weight: lighter;}
h2.title{font-size: 2.8em;font-family: Georgia;line-height: 34px;font-weight: lighter;}
.mainHeading{font-size: 2.8em;font-family: Georgia;line-height: 34px;font-weight: lighter;}
h2 {font-family: Arial;font-size: 1.6em;font-weight: bold;}
#blue h1 {color:#41c4dd;}
#blue h2.title{color:#41c4dd;}
#blue .mainHeading {color:#41c4dd;}
#blue h2 {color:#41c4dd;}
.category h1 {color:#e60e64;}
.category-team h1 {color:#41c4dd;}
h1.titleClient {font-size: 2.8em;font-family: Georgia;line-height: 34px;color:#e60e64;font-weight: lighter;}
h1 span {color:#6f3a0a;margin-right:3px;margin-left:3px;}

#news h1 {color:#9ec01c;margin-bottom:20px;}
.category-awards h1 {color:#9ec01c;}
.parent-pageid-21 h1 {color:#9ec01c;}
#blog h1 {background: url(images/blog_logo.png) no-repeat 0 0;text-indent:-9999px;width:166px;height:48px;display:block;
}


.page-template-page-approach-php h1 {letter-spacing: -0.2px;font-size: 2.8em;font-family: Georgia;line-height: 34px;color:#41c4dd;float:left;font-weight: lighter;}
h2.parentTitle {letter-spacing: -0.2px;font-size: 2.8em;font-family: Georgia;line-height: 34px;color:#41c4dd;float:left;width:304px;font-weight: lighter;}
h2.titleBorder {letter-spacing: -0.2px;font-size: 1.8em;color:#41c4dd;float:left;width:952px;margin-top:40px;border-bottom:1px dotted #41c4dd;font-weight: bold;padding-bottom:6px;margin-bottom:20px;}
.peopleInfo h3 {letter-spacing: -0.2px;font-size: 1.6em;color:#41c4dd;font-weight: bold;line-height:22px;}
a.more-link {font-family: Georgia;font-size: 1.1em;font-style: italic;color:#9ec01c;}
/*header*/
#headerTop {text-align:right;}
#headerTop a {color:#41c4dd;font-family: Georgia;font-size: 1.2em;font-style: italic;vertical-align: top;border-bottom:2px solid #cff0f6;}
#logo {width:952px;}
#logo a{display:block;width:191px;height:38px;background: url(images/logo.png) no-repeat 0 0;text-indent:-9999px;margin-top: 11px;margin-bottom:30px;display:block;}



/*HomePage*/
.introHome {margin-bottom:35px;width:628px;letter-spacing: -0.2px;font-size: 2.8em;font-family: Georgia;line-height: 34px;color:#6f3a0a;float:left;font-weight: lighter;}
.introHome span {color:#41c4dd;}
ul.buttonLinks {margin-left:-6px;position:relative;float:left;}
ul.buttonLinks li {float:left;display:inline;background: url(images/button_link_bg.gif) no-repeat 0 0;width:134px;height:18px;padding:5px 6px 7px 14px;margin-right:6px;margin-top:12px;}
ul.buttonLinks li:last-child {margin-right:0px;}
ul.buttonLinks li a {color:#41c4dd;font-size: 1.4em;font-weight: bold;}
.recentProjects {margin-top:20px;float:left;}
.recentProjects h2 {color:#41c4dd;font-size: 20px;font-weight: bold;margin-bottom:16px;}
.recentProjectsList {margin-left:-6px;position:relative;}
.recentProjectsList li {width:304px;height:228px;float:left;display:inline;padding:4px 6px 8px 6px;background: url(images/work_client_placeholder.gif) no-repeat 0 0;margin-bottom:8px;margin-left:7px;display:inline;}
*:first-child+html .recentProjectsList  {width:960px;}
*html .recentProjectsList {width:960px;}
*:first-child+html .recentProjectsList li {margin-left:4px;}
*html .recentProjectsList li {margin-left:4px;}
.recentProjectsList li a {display:block;}
.recentProjectsList li:first-child {margin-left:0px;}
.recentProjectsList li h2 a{font-size:0.8em;color:#fff;line-height: 17px;font-weight: bold;letter-spacing: -0.2px;display:block;}
.recentProjectsList li h2.projectTitle {height:14px;background-color: #41c4dd;opacity:0.90;filter:alpha(opacity=90);margin-top:-31px;padding:7px 10px 10px 10px;display:block;}
#twitterBox {height:231px;display:block;float:right;background: url(images/twitter_box.png) no-repeat 0 0;font-family: Arial;font-size: 1.7em;line-height: 18px;color: #ffffff;padding:52px 20px 0 24px;width:187px;}
#twitterBox a {color:#ffffff;}

/*General Blue Page templates*/

#contentLeft {width:142px;float:left;margin-right:20px;}
#contentRight {width:628px;float:right;}
.page-template-page-blue-php h1,
.page-template-page-blue-php h2,
.page-template-page-blue-php h3,
.page-template-page-sub-blue-php h1,
.page-template-page-sub-blue-php h2,
.page-template-page-sub-blue-php h3{color:#41c4dd;}

.page-template-page-green-php h1,
.page-template-page-green-php h2,
.page-template-page-green-php h3{color:#9EC01C;}

.page-template-page-blue-php .content h3,
.page-template-page-sub-blue-php .content h3,
.page-template-page-green-php .content h3{font-weight:bold;font-size:1.4em;letter-spacing: -0.2px;}

.page-template-page-blue-php #mainContent,
.page-template-page-sub-blue-php #mainContent,
.page-template-page-green-php #mainContent {padding-top:3px;width:793px;}

.page-template-page-blue-php #contentRight,
.page-template-page-sub-blue-php #contentRight,
.page-template-page-green-php #contentRight{padding:19px 0 0 0;min-height:498px;}

.page-template-page-blue-php .mainHeading,
.page-template-page-sub-blue-php .mainHeading {color:#41C4DD;line-height:1.0714em;margin:0 0 10px 0}
.page-template-page-green-php .mainHeading{color:#9EC01C;line-height:1.0714em;margin:0 0 10px 0}

.page-template-page-blue-php .intro,
.page-template-page-sub-blue-php .intro,
.page-template-page-green-php .intro {letter-spacing: -0.2px;font-size:1.8em;font-family:Georgia;line-height: 22px;color:#6f3a0a;margin:0px 0 30px 0;width:628px;}

.page-template-page-blue-php .content p, 
.page-template-page-blue-php .content li,
.page-template-page-sub-blue-php .content p, 
.page-template-page-sub-blue-php .content li,
.page-template-page-green-php .content p, 
.page-template-page-green-php .content li{font-size:1.3em;line-height:1.1538em;margin-bottom:8px;}



.page-template-page-blue-php .content img,
.page-template-page-sub-blue-php .content img,
.page-template-page-green-php .content img{margin:10px 0 0 0px;}



.page-template-page-blue-php .content,
.page-template-page-sub-blue-php .content,
.page-template-page-sub-blue-php .content {width:304px;}

.page-template-page-blue-php #contentLeftCol,
.page-template-page-sub-blue-php #contentLeftCol,
.page-template-page-sub-blue-php #contentLeftCol{float:left;display:inline;margin-right:20px;}

.page-template-page-blue-php #contentRightCol,
.page-template-page-sub-blue-php #contentRightCol,
.page-template-page-sub-blue-php #contentRightCol{float:right;}

.category-awards #contentLeftCol,
.category-awards #contentLeftCol,
.category-awards #contentLeftCol{float:left;display:inline;margin-right:20px;width:304px;margin-bottom:15px;margin-top:20px;}

.category-awards #contentRightCol,
.category-awards #contentRightCol,
.category-awards #contentRightCol{float:right;width:304px;padding-top:20px;}


.page-template-page-blue-php p a,
.page-template-page-sub-blue-php p a,
.page-template-page-sub-blue-php p a {text-decoration: underline;color:#581e00;font-size:13px;line-height: 15px;}






/*Approach subnavigation*/
ul#subnav {margin-top:25px;}
ul#subnav li a {display:list-item;float:none;font-size:1.2em;line-height:20px;padding-left:10px;width:125px;border-bottom:1px dotted #41C4DD;color:#41C4DD;}
ul#subnav li:first-child {border-top:1px dotted #41C4DD;width:125px;}
.page-template-page-sub-blue-php ul#subnav li:first-child {border-top:1px dotted #41C4DD;width:135px;}
ul#subnav li a:hover {background-color:#edf8f9;border-bottom:1px solid #41c4dd;border-top:1px solid #41c4dd;margin-top:-1px;}
.page-id-15 ul#subnav li.current_page_item a, .page-id-17 ul#subnav li.current_page_item a, .page-id-19 ul#subnav li.current_page_item a {background-color:#edf8f9;border-bottom:1px solid #41c4dd;border-top:1px solid #41c4dd;margin-top:-1px;}
li.currentPage {background-color:#EDF8F9;border-bottom:1px solid #41C4DD;border-top:1px solid #41C4DD;margin-top:-1px;font-size:1.2em;line-height:20px;padding-left:10px;color:#41c4dd;}
/*Team tempate*/
.category-team .floatClear .post {width:476px;float:left;display:inline;margin-bottom:20px;padding:0px;margin-left:0px;background-image:none;}
.category-team .floatClear .post:first-child {margin-left:6px;margin-right:4px;}
.peopleInfo {width:304px;float:left;}
.picture {float:right;background: url(images/people_placeholder.png) no-repeat 0 0;width:138px;height:215px;padding:8px 11px 11px 11px;}
.peopleInfo p {font-size: 1.3em;line-height: 18px;margin-top:9px;}
.picture p {border-bottom:1px dotted #41c4dd;margin-right: 11px;margin-top:2px;padding-bottom:1px;}
.picture p:last-child {border-bottom:none;}
.picture p a {color:#41c4dd;cursor:pointer;}
.picture p a:before {content: " > ";}
/*Work Landing Page*/
.intro {margin-bottom:35px;letter-spacing: -0.2px;}
.intro p {font-size: 2.8em;font-family: Georgia;line-height: 34px;font-weight: lighter;}
.floatClear {width:962px;margin-left:-6px;position:relative;}
.floatClear .post {width:304px;height:228px;float:left;display:inline;padding:4px 6px 8px 6px;background: url(images/work_client_placeholder.gif) no-repeat 0 0;margin-bottom:8px;margin-left:7px;}
.floatClear .post:first-child{margin-left:0px;}
img.landingThumb {width:304px;height:228px;}
img.clientPageThumb {width:628px;height:389px;float:right;}
h2.projectTitle {width:284px;height:32px;background-color:#ffffff;opacity:0.90;filter:alpha(opacity=90);margin-top:-49px;padding:7px 10px 10px 10px;display:block;}
h2.projectTitle a {color:#E60E64;line-height: 17px;font-weight: bold;letter-spacing: -0.2px;display:block;font-size: 0.8em;}
h2.projectTitle a span {font-size: 1.3em;font-weight: normal;color:#581E00;}
/*Work Client Page*/
.projects {float:left;width:952px;margin-top:12px;padding-top:10px;}
.projectLeft h3 {color:#e60e64;font-size: 1.6em;font-weight:bold;line-height: 19px;letter-spacing: -0.2px;}
.projectLeft {width:304px;float:left;display:inline;}
.projectRight {float:right;width:628px;}
.projectLeft p {color:#581e00;font-size: 1.3em;letter-spacing: -0.2px;line-height: 15px;}
.projectLeft p span {color:#e60e64;font-weight: bold;font-size: 1.3em;line-height:28px;}
.projectLeft p span.dash {margin:0 3px;color:#581e00;}
#mainContent .projects a {color:#e60e64;}
.flashproject {float:right;}
/*news*/
#news #mainContent .post {width:304px;float:left;margin-right: 20px;margin-bottom:10px;}
#news #mainContent .post:last-child {margin-right:0px;}
#news #mainContent .post h3 {font-size: 1.6em;font-weight: bold;color:#9ec01c;margin-bottom:2px;line-height: 19px;}
#news #mainContent .post p {font-size: 1.3em;color:#581e00;line-height:15px;}
#news #mainContent .post p a {font-weight: bold;}
#news #mainContent .floatClear {margin-left:0px;}
#news .floatClear .post {padding:0px;background-image:none;margin-bottom:0px;margin-left:0px;height:auto;}

/*awards*/
.category-awards #mainContent {width:793px;}
.category-awards #mainContent .post {width:304px;margin-bottom:10px;}
.category-awards #mainContent .post h3 a {font-size: 1.6em;font-weight: bold;color:#9ec01c;margin-bottom:2px;line-height: 19px;}
.category-awards #mainContent .post p {font-size: 1.3em;color:#581e00;line-height:15px;}
.category-awards #contentRight a {color: #9ec01c;text-decoration: underline;}
.category-awards h3 {color:#9EC01C;font-size:1.6em;font-weight:bold;line-height:19px;margin-bottom:2px;}
/*blog*/
#blog #mainLeft {width:628px;float:left;}
.date #mainLeft {width:628px;float:left;}
.date h2 a {font-family: Georgia;color:#581e00;letter-spacing: -0.2px;font-size:1.8em;font-weight:normal;}
#blogContent {float:left;width:608px;background: url(images/blog_post_bg.png) repeat-y 0 0;padding:10px 16px 0 16px;margin-left:-6px;}
#blogContent  .post {padding-bottom:10px;}
#blogContent  .post p {margin-bottom:10px;}
#blogContent:last-child .post {border-bottom:none;}
#blogContent .post img {zfloat:left;margin:0 0 10px 0;}
#blog .post h2{font-size:2.8em;font-weight:normal;margin-bottom:10px;}
#blog h2 a {font-family: Georgia;color:#581e00;letter-spacing: -0.2px;}
p.time {font-family: Georgia;font-size: 1.1em;font-style: italic;margin-bottom:6px;}
#blogContentTop {margin-left:-6px;position:relative;width:638px;height:7px;}
#blogContentBottom {margin-left:-6px;position:relative;width:638px;height:8px;float:left;}
.mainLeftInside {float:left;width:628px;}
#blog .post p a {color:#9EC01C;}
/*Wp-pagenavi*/
.pagenavi {width:618px;clear:both;padding:0 0 0 10px}
#wp_pagenavi_outer{width:466px;float:left;margin-top:13px;}
.wp-pagenavi {clear:both;border-top:2px solid #581e00;margin-top:4px;}
.wp-pagenavi a {color:#581e00}
.wp-pagenavi a.page{width:35px;padding:7px 0;display:block;float:left;text-align:center}
.current {display:block;float:left;text-align:center;background: url(images/pagenavi_current.png) no-repeat 0 0;width:35px;padding:7px 0;}
.previouspostslink {background: url(images/pagenavi_next.png) no-repeat 0 0;width:106px;height:11px;display:block;text-indent: -9999px;float:left;}
.nextpostslink {background: url(images/pagenavi_back.png) no-repeat 0 0;width:96px;height:11px;display:block;text-indent: -9999px;position:relative;float:right;}
.ctr{display:block;float:right;margin-top:22px;}



/*Contact Us*/
#newsletterForm {width:208px;height:201px;background: url(images/newsletter_bg.gif) no-repeat 0 0;float:right;margin-right:-4px;padding:13px 10px 20px 13px;margin-bottom:12px;margin-top:10px;}
.page-id-22 #mainContent .post {width:630px;float:left;display:inline;}
span.gform_description {width:142px;color:#41c4dd;font-size: 19px;font-weight: bold;line-height: 20px;letter-spacing: -0.2px;}
.gform_body {margin-top:10px;}
.ginput_container input {width:165px;height:16px;padding:3px 2px 2px 2px;background: url(images/field_bg.gif) no-repeat 0 0;border:none;float:right;}
label.gfield_label {color:#41c4dd;font-size: 1.2em;float:left;margin-bottom:7px;padding-top:6px;}
ul.gform_fields li input {margin-bottom:4px;}
.gform_footer {margin-top:14px;float:right;}
.page-id-22 p {color:#9ec01c;font-size:1.9em;font-weight: bold;width:276px;line-height: 22px;}
p.contactIntro {margin-bottom:6px;margin-top:20px;}
.page-id-22 p span {color:#581e00;}
.page-id-22 p span a {color:#581e00;}
#gforms_confirmation_message {font-size: 1.6em;color:#41c4dd;line-height:22px;}
/*Sidebar*/
#sidebar {float:right;width:300px;margin-right:6px;}
#facebookBox {width:231px;height:65px;margin-right:-4px;position:relative;background: url(images/facebook.png) no-repeat 0 0;float:right;padding-bottom:0px;margin-top:12px;}
#sidebar  #twitterBox {margin-right:-4px;position:relative;padding:52px 20px 0 24px;width:187px;}
.widget {margin-bottom:12px;}
.widget {width:231px;float:right;background: url(images/sidebar_widget_bottom.png) no-repeat bottom;padding-bottom:16px;margin-right:-4px;position:relative;}
.widget ul {margin-top:4px;float:left;}
.widget ul li {border-bottom:1px dotted #581e00;width:209px;padding-left:10px;margin-left:6px;}
.widget ul li:last-child {border-bottom:none;}
h2.widgettitle {font-size:12px;font-weight: bold;background: url(images/sidebar_widget_top.png) no-repeat 0 0;width:199px;height:2px;padding:5px 16px 14px 16px;}
.widget a {color:#581e00;font-size: 1.2em;line-height:18px;}
.widget_tag_cloud div {margin-left:16px;}
.widget-iLike {padding:14px 6px 5px 15px;width:211px;float:right;background: url(images/sidebar_widget_bottom.png) no-repeat bottom;padding-bottom:16px;margin-right:-4px;position:relative;margin-bottom:12px;}
/*Footer*/
#footer {float:left;width:952px;border-top:1px solid #6f3a0a;padding-top:7px;margin-top:28px;}
#footerLeft {float:left;display:inline;}
#footerRight {float:right;}
#footerLeft a {margin-right:8px;}
#footerRight li {float:left;display:inline;color:#6f3a0a;font-size: 1.1em;line-height: 13px;}
#footerRight li a {color:#6f3a0a;margin:0 3px;}
#footerRight li a:hover {text-decoration: underline;}
#footerRight li.copyright {margin:0 3px;}
p.follow {font-size: 1.1em;line-height: 13px;}


.projectRight img {margin-bottom:20px;}
.flash {margin-left:322px;}