/*
Theme Name: Grasshopper Blog 6.0
Theme URI: http://grasshopper.com
Description: Grasshopper Blog Theme - Using Buffet Framework
Version: 6.0
Author: Adam Majid
Author URI: http://www.grasshopper.com
Template: the-buffet-framework
*/

/* Import Reset CSS */
@import url('http://yui.yahooapis.com/combo?3.0.0/build/cssreset/reset-min.css');

html {
background:transparent url(img/hdr_body_new.jpg) repeat-x scroll left 111px;
}

body {
font-family: Arial, sans-serif;
font-size: 100%;
position:relative;
top:0;
left:0;
}
img,object {
max-width: 100%;
}
bold, b, strong { 
  font-weight: 600;
}
i, italic, em { 
  font-style: italic;
}
blockquote { 
  color: #666;
  padding:0 10px;
}
/* links */
a {
color:rgb(38,135,203);
text-decoration:none;
font-weight:400;
}
a:hover {
color:#000;
}
a:active {
  outline: none;
  color:red;
}
a:focus {
  outline: none;
}
/* Type */
h1 {
font-size:3em;
}
h2 {
font-size:2em;
}
h5.blogblurb { 
color:#666666;
font-size:1em;
margin-left:35px;
padding-top:32px;
width: 89%;
border-bottom: 1px solid #aaa;
padding-bottom: 10px;
font-style: italic;
}
/* general styles */
 
.clear {
width:0;
height:0;
clear:both;
display:block;
}
.right {
float:right;
}
.left {
float:left;
}
.center {
position:relative;
clear:both;
float:left;
}
.floatLeft {
float:left;
}
.floatRight {
float:right;
}
.alignleft { 
float: left;
margin:11px 11px 11px 0;
padding:5px 15px 5px 0;
}
.alignright { 
float: right;
margin:11px 0 11px 11px;
padding:5px 0 5px 15px;
}
.clearfix { 
	clear: both;
}

.wp-caption-text{ 
  margin:0 !important;
}
.wp-caption { 
  margin-bottom:0;
padding:0;
}

.mainnav .home {

}
a.home:hover { 
  background-position:0 -248px;
}

/* nav */
.mainnav {
margin-left:439px;
margin-top:85px;
position:absolute;
width:498px;
}
.mainnav li {
float:left;
margin:0;
padding:0;
}
.mainnav a {
height:38px;
display:block;
background: transparent url(img/blog_head_sprite.png);
}
.mainnav span {
position:absolute;
left:-9999em;
}
.mainnav .home {
background-position:0 -208px;
width:111px;
}
.mainnav .company {
background-position:-115px -206px;
width:111px;
}
.mainnav .founders {
background-position:-226px -206px;
width:111px;
}
.mainnav .team {
background-position:-342px -206px;
width:65px;
}
.mainnav .labs {
background-position:-421px -206px;
width:69px;
}
#wpmu6 .home {
background-position:0 -297px;
height:38px;
}
#wpmu6 a.home:hover {
background-position:0 -297px !important;
height:38px;
}
a.home:hover {
background-position:background-position:0 -247px;
}
a.home:active {
background-position:0 -248px;
}
#wpmu2 .founders {
background-position:-223px -297px;
}
a.company:hover {
background-position:-115px -246px;
width:111px;
}
a.company:active {
background-position:-115px -246px;
}
#wpmu2 .founders {
background-position:-223px -297px;
}
a.founders:hover {
background-position:-226px -246px;
width:111px;
}
a.founders:active {
background-position:-226px -246px !important;
}
#wpmu4 .company {
background-position:-108px -297px;
}

#wpmu3 .team {
background-position:-339px -298px;
}

a.team:hover {
background-position:-342px -246px;
}
a.team:active {
background-position:-342px -246px;
}
#wpmu5 .labs {
background-position:-421px -297px;
}
#wpmu6 .labs:hover {
background-position:-421px -297px;
}
a.labs:hover {
background-position:-421px -246px;
width:70px;
}
a.labs:active {
background-position:-421px -246px !important;
width:70px;
}
/* header images */

/* home  */
#wpmu6 #header, #wpmu1 #header {
background:transparent url(img/bugz_hdr.png) no-repeat scroll 194px -56px;
}
/* company */
#wpmu4 #header {
background:transparent url(img/company_hdr_bugs.png) no-repeat scroll 521px -27px;
}
/* founders */
#wpmu2 body {
background:transparent url(img/founders_hdr_bugs.png) no-repeat scroll center -7px;
}
/* team */
#wpmu3 body {
background:transparent url(img/hdr_team_bugs.png) no-repeat scroll center -66px;
}
/* labs */
#wpmu5 #header {
background:transparent url(img/bugz_hdr.png) no-repeat scroll 639px -1442px;
}
/*home*/
#wpmu1 .blog-name a {

}
/*founders*/
#wpmu2 .blog-name a {
background:transparent url(img/blog_nav_new.png) no-repeat scroll left top;
width:257px;
margin-left:16px;
height:32px !important;
top:68px;
}
/*team*/
#wpmu3 .blog-name a {
background:transparent url(img/blog_nav_new.png) no-repeat scroll left -71px;
width:257px;
margin-left:16px;
top:62px;
}
/*company*/
#wpmu4 .blog-name a {
background:transparent url(img/blog_nav_new.png) no-repeat scroll 0 -116px;
margin-left:16px;
width:282px;
top:72px;
}
/*labs*/
#wpmu5 .blog-name a {
background:transparent url(img/blog_nav_new.png) no-repeat scroll left -33px;
margin-left:16px;
width:257px;
}
/* page structure  */

#wrapper {
position: relative;
width: 940px;
height: 100%;
margin:0 auto;
}
#main{
-webkit-box-shadow:0 0px 20px #AAAAAA;
-moz-box-shadow:0 0px 20px #AAAAAA;
background:transparent url(img/sidebar_bg.png) repeat-y scroll 100% 0;
border-left:1px solid #EEEEEE;
border-right:1px solid #EEEEEE;
border-bottom:1px solid #eee;
width:100%;
}
body.home #content {
min-height:760px;
}
#content {
min-height:577px;
width:698px;
min-width:16em;
background:#fff;
float:left;
margin:0 auto;
}

/* sidebar styles */

#primary {
width:240px;
min-height:577px;
float:right;
background:rgb(237,240,233);
border:0 none;
min-height:100%;
height:inherit !important;
min-height:100% !important;
position:relative;
z-index:1;
font-size: .9em;
 border-left:1px solid #D6E1D9;
}
#primary .widgetcontainer {
float:left;
clear:both;
margin:9px;
font-size:.9em;
width:202px;
border:1px solid #ccc;
-moz-border-radius:6px;
-webkit-border-radius:6px;
background:#fff;
padding:10px;

}
#primary .widgetcontainer h3{
font-size:1.2em;
color:#2a2a2a;
text-transform:uppercase;
font-family:sans-serif;
}

/* header styles */
#header {
width:100%;
background:transparent;
height:192px;
}
#header .blog-name {
text-indent:-9999em;
display:block;
float:left;
z-index:2;
margin-left:-18px;
margin-top:71px;
margin-right:0;
width:239px;
}
.blog-name a { 
display:block;
height:38px;
position:absolute;
z-index:2;
}
.widgettitle img {
float:left;
margin-top:-3px;
}
.hentry h2 a:hover {
 color:#000000;
}
.footer-message a {
  margin-left:20px;
} 
.grasshopper {
padding-top:10px;
border-top:2px dotted #aaa;
width:100%;
}
.blog-description {
width:264px;
height:161px;
float:left;
position:absolute;
}
.blog-description a{
text-indent:-9999em;
width:264px;
height:161px;
background:transparent url(img/blog_head_sprite.png) no-repeat scroll left 10px;
display:block;
z-index:0;
margin-left:0;
}
#header ul {
float:left;
height:auto;
max-width:49%;
z-index:1;
margin:55px 1% 1% 3%;
min-width:36em;
}
#header ul li {
float:left;
height:43px;
text-indent:-9999em;
margin:0 1em;
}
#header ul li a{
width:100%;
background-image:url(img/nav_top.png);
height:43px;
display:block;
}
#header h5 {
background: rgba(33,50,15,.7);
-moz-border-radius:6px;
-webkit-border-radius:6px;
float:left;
width:500px;
padding:10px;
color:#fff;
font-size:.85em;
font-family:georgia, serif;
clear:left;
margin-top:25px;
}
.rsswidget img{
float:left;
}

/* main page entry styles */

 .hentry, #respond {
 clear:both;
 color:#000000;
 float:left;
 margin:15px 20px 0;
 padding:10px 0;
 width:93%;
 }
.hentry {
border-bottom:2px dotted #ccc;
overflow:hidden;
}
#respond {
margin:0;
}
#respond h5 { 
  font-weight: bold;
}
label.error {
color: red;
margin-left: 10px;
}
#comments {
clear:both;
color:#000000;
float:left;
margin:0px 34px;
padding:10px 0;
border-bottom:0 none;
font-family:Arial, sans-serif;
font-size:.9em;
width:85%;
}
#comments h5 { 
  font-size: 1em;
  margin-bottom: 10px;
  margin-left:0;
  font-style: normal;
}
.article h1,.article .entry-meta,.article .entry-content{ 
clear: both;
width:100%;
}
.hentry li {
margin-left:15px;
}
.hentry ul li {
list-style-type:disc;
}
.hentry ol li {
list-style-type:decimal;
}
.hentry ol {
padding-left:15px;
font-size:.9em;
}
.hentry h2 {
clear:both;
width:100%;
margin-bottom: 3px !important;
line-height:.85em;
margin-bottom:3px;
}
.hentry h2 a {
color:#00853E; 
font-size:.75em;
font-weight:700;
}
.hentry h4 {
line-height:1.6em;
font-weight:bold;
color:#000;
width:auto;
margin-right:1em;
margin-top:2px;
}
.entry-summary, .entry-content {
margin-top:10px;
line-height:1.3em;
color:rgb(73,78,81);
width:100%;

}
.entry-summary hr, .entry-content hr {
background:#EEEEEE none repeat scroll 0 0;
border:0 none;
color:#DDDDDD;
display:block;
height:1px;
margin:14px auto;
}
.infobar {
clear:both;
font-family:sans-serif;
width:100%;
padding:0 0 3px 0;
font-size:0.8em;
}
.tags a { 
font-size:0.95em;
font-weight:bold;
float: left;
margin:0 5px;
}
.infobar .author, .infobar .published { 
	margin:0 4px 0 0;
	float:left;
}
.hentry .infobar p {
color:#666;
width:4em;
float:left;
}
.hentry .infobar a {
margin-left:1em;
}
.hentry .tags {
float:right;
width:112px;
}
.hentry .tags a {
margin:0;
font-size:0.95em;
font-weight:bold;
display: block;
font-weight:400;
}
.at300m { 
  line-height: 1.3em;
}
.hentry h1 {
clear:both;
float:left;
margin-bottom:3px;
margin-top:10px;
padding-bottom:1px;
width:100%;
}
.hentry h1 a {
color:#00853E; 
font-size:.5em;
font-weight:700;
line-height:1.2em;
}
.entry-title a{ 
font-size: 1.5em;
color:#00853E;
font-weight: 600;
}
.entry-content p{ 
	margin:12px 0;
	line-height:1.3em;
}
.entry-summary p {
	margin:12px 0;
	line-height:1.3em;
}
.hentry p {
	margin:12px 0;
	line-height:1.3em;
	font-size: .9em;
}
.hentry blockquote { 
  font-size: .9em;
}
.hentry ul { 
  font-size: .9em;
}
.hentry li strong{ 
  font-size: .95em;
}
.hentry li p { 
  font-size: .97em;
}
.hentry li li { 
  font-size: 1.1em;
}
.hentry li p strong { 
  font-size: 1em;
}
a.comments {
background:transparent url(img/buttons.png) no-repeat scroll 9px 0;
padding-left:33px;
float:left;
}
.tags a.comments:hover {
text-decoration:none !important;
}
.nocomments {
margin:0;
}
.more-link {
display:block;
float:right;
font-size:1em;
text-align:right;
width:100%;
clear:both;
}
.entry-content a{
font-weight:400;
}
.archive #content h3, .search #content h3, .entry-category {
border-bottom:1px solid #AAAAAA;
clear:both;
float:left;
font-size:1.6em;
margin:0.5em 0.5em 0;
padding:0 0 10px 0;
width:90%;
}
.ghlink {
background:transparent url(img/blog_head_sprite.png) no-repeat scroll left -180px;
display:block;
height:19px;
margin-left:765px;
position:absolute;
text-indent:-9999em;
top:15px;
width:153px;
}
.featured-post { 
  margin:1em;
padding:1% 5% 5%;
width:85%;
border-bottom: 1px solid #AAAAAA;
}
.entry-category { 
  padding: 0;
  margin: 0;
  width: 100%;
}
.search-no-results #content p { 
  margin:0.5em 0.5em 0;
padding:1% 0 0 4%;
width:90%;
float: left;
}
.wp-caption { 
	font-size: .8em;
	color: #666;
}
.blog_description {
margin:20px 20px 0 20px;
padding:10px 0;
background:transparent url(img/bg_grad_big.png) no-repeat scroll left center;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border:1px solid #ddd;
}
.blog_description h5 {
color:#00853E;
float:left;
padding:15px 10px 10px;
}
.blog_description p {
clear:none;
font-size:0.75em;
padding-left:18px;
padding-right: 10px;
}


/* comments page styles */

#comments .hentry {
border:0 none;
}
#comments .commentsec{
clear:both;
color:#000000;
float:left;
margin:1em 5em;
padding:1em 2em 2em;
width:85%;
}
#respond {
width:100%;
margin-top: 0px;
}
.nopub { 
  color: #666;
  font-size: .9em;
}
#respond textarea {
width:73%;
margin-top:5px;
}
#commentlist, .comment-node {
width:100%;
}
#commentsform {
width:100%;
}
li.comment {
border-bottom:1px solid #EEEEEE;
padding:1em 6% 1em 0;
width:100%;
}
div.comment-author {
float:left;
}
.comment-body { 
	padding: 7px;
}
.comment-author{ 
	float: right;
	clear: none;
}
.comment-meta { 
clear:none;
float:left;
padding:0 0 0 15px;
width:82%;
margin-bottom: 2px;
color: #2687CB;
}
.comment-meta abbr { 
  margin-left: 10px;
}
.entry-content a[rel="category"]{ 
float: left;
clear: both;
}
.comment-content { 
	float: left;
	clear: none;
	width: 82%;
padding:0 0 0 15px;
}
.nfo { 
	float: left;
	clear: both;
}
.comment p {
float:left;
clear:both;
width:100%;
}
.comment { 
	float: left;
	clear: both;
}
.reply {
clear:both;
}
#commentform input {
padding:5px;
margin:5px 0;
width: 70%;
}
#respond { 
	border-bottom: 0 none;
}
.related_post {
float:left;
clear:both;
}
.related_post li { 
  float: left;
  margin: 0 5px;
}
.posttags { 
border-top:2px dotted #DDDDDD;
clear:both;
float:left;
margin:23px 0 0;
padding-top:10px;
width:100%;
font-size:.9em;
}
.single .hentry {
border-bottom:0 none;
margin-top:0;
}
.entry-content {

} 
.entry-meta {
clear:both;
margin-bottom:5px;
width:100%;
}

/*footer styles */
#footer {
clear:both;
margin:0 auto;
padding:0 0 15px;
width:940px;
height:32px;
margin-bottom:25px;
}
#footer .widget{
float:left;
margin:1em;
width:19%;
}
#footer .widget {
text-transform:uppercase;
color:white;
font-family:sans-serif;
margin-left: 10%;
}
#footer .widget a {
color:rgb(150,131,99);
float:left;
clear:both;
width:95%;
text-transform:none;
font-weight: 400;
font-size:.9em;
}
.footer-message a{ 
clear:both;
color:#5E503B;
float:left;
font-size:0.85em;
margin-left:25px;
margin-top:16px;
position:absolute;
width:90%;
}
#footleft .widgettitle { 
	color: #fff;
}
#footer .footsec:first-of-type {
margin-left:2%;
}

/* widgets */

#widgetsearch {
width:100%;
float:left;
margin-bottom:10px;
}
#widgetsearch * {
float:left;
}
#widgetsearch input[type="text"] {
border:1px solid #ccc;
-moz-border-radius:5px;
margin-left:-2px;
padding:0.2em;
width:115px;
}
#widgetsearch input[type="submit"], #commentform input[type="submit"] {
background:#00853E;
border:0 none;
padding:3px 5px 3px 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
font-size:.9em;
font-family:sans-serif;
font-weight:600;
color:#fff;
margin-left:.7em;
width:56px;
}
#commentform input[type="submit"] {
width:150px;
margin-left:0;
}
#widgetsearch input[type="submit"]:hover {
background:#045425;
}
#widgetsearch input[type="submit"]:active,#primary #widgetsearch input[type="submit"]:focus {
color:rgb(255,249,0);
outline:none;
}
#primary .navigation {
background:#fff;
}
.widgetcontainer li{
float:left;
clear:both;
margin:.2em 0;
width:100%;
}
.navigation li {
margin:6px 0;
}
.widgetcontainer li a {

font-family: sans-serif;
}
.widgetcontainer.share a {
margin:8px 0;
}
.widgetcontainer.share h3 {
margin-bottom:5px;
}
.widgetcontainer a.sub {
padding-left:25px;
padding-bottom:3px;
margin-top:2px;
background:url(img/buttons.png) no-repeat 0 0;
}
.widgetcontainer.tags a {
clear:none !important;
}
.widgettitle{ 
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:transparent url(img/bg_grad_big.png) repeat-x scroll left center;
border:1px solid #DDDDDD;
color:#000000;
font-size:0.95em;
font-weight:600;
margin:-10px 0 10px -10px;
padding:7px;
border-top:0px;
text-transform:uppercase;
width:206px;
padding-top:13px !important;
}
.widgettitle a{
	  font-weight: 600 !important; 
  color: #000;
}
.cloud, .archives { 
  float:left;
  clear: both;
  margin:5px 0;
  width:100%;
}

/*  twitter widget  */
.from-meta, .time-meta {
}
.from-meta a, .time-meta a{
float:none !important;
font-weight:normal;
}
.from .widgetcontainer .entry-content {
float:left;
clear:both;
}
.widgetcontainer .entry-content a{
float:none;
margin:0;
}

.twitterwidget {
color:#000;
font-weight:600;
}

.navigation a {
font-weight:600;
}

.job {
font-size:.85em;
color:#666;
}
.twit {
font-size:.85em;
}
.category {
float:left;
clear:both;
}
body.category {
float:none !important;
}
/* old side navigation */

#wpmu2 .foundersblog span {
color:#027A35;
font-size:1em;
}
#wpmu2 .foundersblog a {
	color:#000;
	font-weight:600;
	font-size: 1.2em;
}
.navigation strong { 
  font-weight: 400;
  font-size: 1em;
}
#wpmu3 .teamblog span {
	color:#027A35;
	font-size:1em;
	font-weight: 400;
}
#wpmu3 .teamblog a {
	color:#000;
	font-weight:600;
	font-size: 1.2em;
}
#wpmu4 .companyblog span {
	color:#027A35;
	font-size:1em;
}
#wpmu4 .companyblog a {
	color:#000;
	font-weight:600;
	font-size: 1.2em;
}
#wpmu5 .labsblog span {
	color:#027A35;
	font-size:1em;
}
#wpmu5 .labsblog a {
	color:#000;
	font-weight:600;
	font-size: 1.2em;
}

.navigation span {
	float:left;
	clear:both;
	font-family:georgia, serif;
	color:#666;
	font-size:.85em;
	font-style:italic;
}
.rssbutton {
	float:left;
	clear:both;
	background:transparent url(img/buttons.png) no-repeat scroll 0 -95px;
	padding-left:21px;
	margin-bottom:10px;
	width:100%;
}
.emailsubscribe {
	float:left;
	clear:both;
	background:transparent url(img/buttons.png) no-repeat scroll 0 -74px;
	padding-left:21px;
	margin-bottom:10px;
}
.twitterbutton {
background:transparent url(http://grasshopper.com/img/social_media/twitter16.png) no-repeat scroll 0 0px;
	float:left;
	clear:both;
	padding-left:21px;
	margin-bottom:10px;
		width:250px;
}
.facebookbutton {
background:transparent url(http://grasshopper.com/img/social_media/facebook16.png) no-repeat scroll 0 0px;
	float:left;
	clear:both;
	padding-left:21px;
	margin-bottom:10px;
	width:250px;
}


.tweet {
margin:10px 0 !important;
}

/* cufon hide */
html.cufon-loading h1 { /* for Cufon.replace('h1') */
	visibility: hidden !important;
}


/* popup styles */
.popup { 

}
.popup.commentform { 
	width:424px;
	display: block;
	height: 584px;	
	background: transparent url(img/popupbg.png) 0 0 no-repeat;
}

.popup form p { 
	float: left;
	clear: both;
	padding: 5px 27px 5px 27px;
}
.popup p span { 
	font-size: .8em;
	color: #aaa;
	margin-left: 10px;
	text-align: right;
}
.popup form input, .popup form textarea { 
	width: 300px !important;
	border: 1px solid #aaa;
	padding: 5px 5px;
}
.popup form textarea { 
	height: 166px;
	margin-bottom: 20px;
}
.inner { 
	height:540px;
	width: 380px;
	padding: 22px;
}
.pophead { 
font-size: .7em;
	width: 352px;
	background: transparent url(img/pophead.png) 0 0 no-repeat;
	color: #fff;
	padding: 14px;
}
.popup #respond { 
	height:502px;
	margin-left:0;
	margin-top:-1px;
	width:378px !important;
}
.popfoot { 
	background:transparent url(img/pophead.png) no-repeat scroll 0 -55px;
	border-top:1px solid #AAAAAA;
	color:#FFFFFF;
	font-size:0.7em;
	height:62px;
	margin-top:2px;
	padding:14px;
	width:327px;
}
.at300bs.at15t_compact, .at300bs.at15t_expanded {
	background:transparent url(img/logo1414_gh.gif) no-repeat scroll left center !important;
}
.serif {
margin:0;
padding:0;
}
.youtube {
width:450px;
margin:0 auto;
display:block;
}

.navigation .floatLeft {
margin-left:25px;
padding:20px 0;
}
.navigation .floatRight {
margin-right:25px;
padding:20px 0;
}
.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.hentry .entry-summary {
margin-top:25px;
margin-top:0px\9;
}

/* partner widget */
.offer {
text-align:center;
display:block;
color:#000;
margin-bottom:5px;
}
.cta {
text-align:center;
display:block;
font-size:1.3em;
font-weight:600;
}
.partner_logo {
width:180px; 
margin:0 auto 9px;
display:block;
}
.footer_nav {
float:left;
margin-left:113px;
padding:0 15px 15px;
}