/*  
Theme Name: Mad Bird!
Theme URI: https://goburo.com
Description: New Goburo theme launched July 2009.
Version: 1.0
Author: Goburo
Author URI: https://goburo.com/

*/

/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
}
 
body {
font:100%/1.25 Verdana, Arial, Helvetica, sans-serif;
background: #D7EFFB url('./images/bg.png') repeat-x;
color:#666;

}

article a, article a:visited, article a:link, section a, section a:visited, section a:link   {
	color:#3399FF;
	text-decoration: underline;
}

article a:hover, section a:hover {
	background-color: #76bcff;
	color: #ffffff;
	text-decoration: none;
}



article a img, article a:link img, article a:visited img, article a:hover img{ text-decoration:none;background-color:transparent; display: block;}
 
/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
font-family:Georgia, Times, serif;
}
 
h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font-size:2em;
}
 
h2 {
letter-spacing:-1px;
color:#2C8BCA;
font-size:2.1em;
line-height:1.1em;
padding: 20px 0 30px 0;
}
 
h3 {
font-size:1em;
}

h4{
	color: #2c8bca;
	font-size:1.2em;	
}

section#what-we-do h2, section#foliotitle h2{
width:657px;
color:#999;
font-size:2.2em;
margin-left:67px;	
margin-top:-9px;
margin-right:0;
	
}

section#what-we-do{
	float:left;
}

section#title h1, section#foliotitle h1{
color:#2C8BCA;
font-size:2.6em;
margin-left:67px;	
margin-top:-35px;
padding-bottom:0;
	
}


section#title h2{
width:800px;
color:#999;
font-size:2.2em;
margin-left:67px;	
margin-top:-9px;
	
}

section#title{
 float:left;	
 line-height:2.6em;
}


section#portfolio{
	float:left;
	margin-left:67px;
	width: 400px;
	display:block;
	line-height:1.5em;
}

section#portfolio p{
	line-height:1.5em;
}

section#portfolio h2{
	font-size:2.0em;
	color:#2C8BCA;
	padding-bottom:10px;
	
}


section#folio{
	float:left;
	margin-left:67px;
	/*width: 850px;*/
	width: 910px;	
	display:block;
	line-height:1.5em;
}

section#folio p{
	line-height:1.5em;
}

section#folio h2{
	font-size:2.0em;
	color:#2C8BCA;
	padding-bottom:10px;
	
}

section#folio h3{
	font-size:1.7em;
	color:#2C8BCA;
	padding-bottom:6px;
	
}


section#folio div.blurb, section#folio div.client{
	float:left;
	width:400px;
}

section#folio div.post{
	float:left;
	width:630px;
	margin-right:20px;
}

hr.small{
	width:600px;
}




section#folio div.sidebar{
	float:left;
	margin-left:20px;
	width: 230px;
	margin-top:10px;
}

section#folio div.client h2,section#folio div.post{
	margin-bottom:6px;
}

section#folio div.blurb{
	margin-left:30px;
	margin-top:48px;
}

section#blog h2{
	font-size:2.0em;
	color:#2C8BCA;
	padding-bottom:10px;
	
}

section#blog article p{
	line-height:24px;
	
}


section#portfolio h3, section#blog h3{
	font-size:1.4em;
	color:#2C8BCA;
	margin-top:12px;
	padding-bottom:8px;	
}

.button{
	float:left;
	margin:26px 0 0 30px;
}

.foliobutton{
	float:right;
	margin:-100px 80px 0 0;
}

.blogbutton{
	float:right;
	margin:-100px 93px 0 0;
}



.aboutbutton{
	float:right;
	margin:-150px 80px 0 0;
}

a.workbutton{
	display:block;
	margin:35px 0;
	position:relative;
	height:50px;
	width:190px;
}

a.workbutton:hover{
	text-decoration: none;
}

a.workbuttonindent{
	display:block;
	margin:55px 0 0 36px;
	position:relative;
	height:50px;
	width:190px;
}

a.workbutton:hover{
	text-decoration: none;
}



a.smallbutton{
	display:block;
	margin:15px 0;
	position:relative;
	height:49px;
	width:156px;
}


 
#topbox{
	clear:both;
} 
 
/***** Common Formatting *****/
 
p, ul, ol {
margin:0;
padding:0 0 1.25em 0;
line-height:1.2em;
}

li, ol{
	line-height:24px;
	
}

hr {
	clear:both;
	width:875px;
	color: #ccc;
    background-color: #ccc;
	margin:0 auto;
}
 
ul, ol {
padding:0 0 1.25em 2.5em;
}
 
blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a:link, a:visited {  
    text-decoration:none;  
    color: #369;  
}  
  
a:hover, a:active {  
    color:#2e81d4;  
    text-decoration:underline;  
}  
  
*:focus {  
    outline: none  
}
 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
textarea {
width:100%;
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
table tr td {
padding:2px;
}
 
/***** Wrapper *****/
 
#content {
	width:1020px;
	margin:6px auto 0 auto;
	background-color:#fff;
	height:100%;
}

#header{
	width:1020px;
	margin:0px auto;
	height:70px;
	
}

#balloon{
	position:absolute;
	top:20px;
	left:80%;
	z-index:100;
	clear:both;

}

img#botbox{
	width:1020px;
	margin:0 auto;
	display:block;
	
}

section#blog{
	float:left;
	display:block;
	width:435px;
	margin-left:38px;
	line-height:1.5em;
}


section#about{
	float:left;
	display:block;
	width:270px;
	margin-left:67px;
	line-height:22px;
	font-size:14px;
}

section#about p{
	line-height:22px;
}

section#subscribe{
	float:left;
	display:block;
	width:270px;
	margin-left:35px;
	line-height:22px;	
	font-size:14px;	
}

section#testimonials{
	float:left;
	display:block;
	width:270px;
	margin-left:35px;
	line-height:22px;	
	font-size:14px;	
}

section#testimonials p{
	line-height:22px
}

section#about h3, section#subscribe h3, section#subscribe h2, section#testimonials h3{
	color:#2C8BCA;
	font-size:23px;
	margin-top:20px;
	padding-top: 0;
	padding-bottom:6px;
}

section#projects{
	width:885px;
	display:block;
	margin:30px auto 0 auto;
	line-height:1.3em;	
}

section#projects article{
	float:left;
	width:200px;
	margin-right:20px;
}


section#projects p{
	font-size: 13px;
	margin-top:8px;
}

section#projects article.last{
	margin-right:0;
}


footer{
	clear:both;
	display:block;
	width:100%;
	height:240px;
	background: url('./images/footerbg.png') repeat-x bottom center;
}

#footer{
	width:950px;
	margin:0 auto;	
}

#island{
	width:446px;
	height:240px;
	/*margin-top:150px;*/
	display:block;
	background: url('./images/island.png') no-repeat bottom;
	float:left;
	
}

#elephant{
	width:290px;
	height:208px;
	margin-left:160px;
	display:block;
	background: url('./images/twitterphant.png') no-repeat bottom;
	float:left;
}

#elephant a{
	width:290px;
	height:208px;
	display:block;
}

#elephant a:hover, #elephant a:visited:hover{
	text-decoration: none;
	
}


#bird{
	margin-top:50px;
	margin-left:-218px;
	float:left;
}

#crows{
	margin-top:50px;
	margin-left:-224px;
	float:left;
}


#branch{
	margin-top:116px;
	margin-left:-218px;
	float:left;
}

#plane{
	display:block;
	width:885px;
	height:60px;
	padding:20px 0;
	background: url('./images/plane-banner.png') no-repeat top left;
}

/***** Top and bottom trays *****/

a#down{
	display:block;
	width:47px;
	height:23px;
	text-indent:-9999px;
	margin: 0 auto;
	background: #fff url('./images/down.png') no-repeat;
}

a#down.active{
	background: #fff url('./images/up.png') no-repeat;
}


/***** Logo Area *****/

#logo { 
	margin:0px 0px 0px 95px; 
    width: 193px;  
    background: url(./images/gsg-logo.png) no-repeat center;  
    height: 62px;  
    text-indent:-9000px;   
}

h1.logo{
	float:left;
	margin:44px 0 0 67px;
	padding:0;   
}

h2.strapline{
	clear:both;
	width:510px;
	padding:0;
	margin:0 0 0 126px;
	color:#999999;
	font-size:1.7em;
	line-height:1.3em;
	font-weight:100;
}



/***** Nav area *****/
  
ul#nav{
	float:left;
	margin-top:73px;
	padding-bottom:0;
	
}

#nav li {  
    list-style:none;
  	margin-bottom:14px;
	margin-right:38px;
	float:left;
	color:#fff;
}



#nav li.active {  
    list-style:none;
  	margin-bottom:14px;
	margin-top:-15px;
	margin-right:0px;
	float:left;
	width:102px;
	height:39px;
	padding:14px 0 0 25px;
	background: url('./images/cloudbg.png') no-repeat;
	
}

#nav li.active a{
	color:#2C8BCB;
}

#nav li a{
	color:#fff;
}  

li#articles{margin-right:110px;}

li#home.active a{
}

li#about.active a{
	margin-left:-4px;
}

li#contact.active a{
	margin-left:-8px;
}

li#portfolio.active a{
	margin-left:-10px;
}

li#pricing.active a{
	margin-left:-4px;
}

li#articles.active a{
	margin:0 0 0 4px;
}

li#articles.active{
	margin:-15px 82px 14px 0;
}




li#subscribe a{
	
}

img.projects{
	border: #4197D1 2px solid;
	margin-top:7px;
	margin-bottom:7px;
	
}


input#Field1.field.text.medium{
width:190px;

}

/***** Fancy image rollovers *****/

a.foliolink{
	display:block;
	width:400px;
	height:313px;
	background:#fff;
	position:relative;

}

a.foliolink:hover, article a.foliolink:hover{
	background:transparent;
}

a .rollover {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:371px; /* (totalWidth - (borderLeftWidth + borderRightWidth)) */
	height:284px;  /* (totalHeight - (borderTopWidth + borderBottomWidth)) */
	border:15px solid #4197D1;
	background:transparent;
}

img.featured-image{
	border: #4197D1 1px solid;
}


a.projectlink{
	display:block;
	width:200px;
	height:156px;
	background:#fff;
	position:relative;

}

a .prollover {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:182px; /* (totalWidth - (borderLeftWidth + borderRightWidth)) */
	height:138px; /* (totalHeight - (borderTopWidth + borderBottomWidth)) */
	border:10px solid #4197D1;
	background:transparent;
}


section#folio div.post h1{
	width:719px;
	height:62px;
	background: transparent url(./images/blog-title-banner.png) no-repeat;
	font-size:36px;
	color:#fff; /*#2C8BCA;*/
	margin:30px 0 0 -77px;
	padding:14px 0 0 77px;	
	/*padding-top: 8px;*/
	text-shadow: 1px 1px 2px #777;
}



section#folio div.post h1 a{
	text-decoration: none;
	color: #fff;/*#2C8BCA;*/
	/*padding-top: 8px;*/
}

section#folio div.post h1 a:hover{
	/*background-color: #2C8BCA;*/
	background-color: transparent;
	color: #ffb013;
}


section#folio div.post p.meta{ 
	font-size:12px;
	border-top:1px #ccc solid;
	border-bottom:1px #888 solid;
	padding: 9px 0 9px 0;
	margin-bottom:20px;
	width: 630px;

}


section#folio div.post p.meta span{
	float:right;
}

a#comments-link{
	display:block;
	height:0;
	width:0;
	overflow:hidden;
}



section#folio div.post h2, section#folio div.sidebar.h2{
	font-size:28px;
	padding-top: 8px;
}

div#prevlink{
	width:315px;
	float:left;
}

div#nextlink{
	width:315px;
	float:right;
	text-align:right;
}


img.alignleft{
	float: left;
	padding-right: 15px;
	padding-bottom: 10px;	
}

/***** Widgets and MailChimp  *****/
 
input#mc_signup_submit{
	clear: both;
	float: none;
	margin: 0;
}

div.mc_signup_submit{
	text-align: left;	
}

label.mc_var_label{
	font-size: 14px;
	color: #2C8BCA;
}
 
div.mc_merge_var{
	margin-top: 10px;
	
}

form#mc_signup_form{
	background-color: transparent;	
}

/***** Global Classes *****/
 
.clear         { clear:both; }
.clearnil      { clear:both; height:0; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:999px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }