/*
Theme Name: Blueclaw Blog
Theme URI: http://blueclaw.co.uk/
Description: The theme for the blueclaw SEO blog
Version: 2.0
Author: Max Stanworth
Author URI:
Tags: blue, custom header, fixed width, two columns, widgets
*/


/*--------IMPORT RESETS--------------*/

@import url("css/reset.css");

@import url("css/typography.css"); 
@import url("css/meet-the-team.css"); 

html, body{margin:0;padding:0; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#121212;} 

h1{font-size:28px; line-height: 32px !important;  }
h2{font-size:24px; }
h3{font-size:22px;}
h4{font-size:19px;}
h5{font-size:16px;}
h6{font-size:14px; font-weight:bolder; margin-bottom:15px;}

h1, h2, h3, h4, h5, h5, h6, .sociable_tagline{/*text-shadow: #bdbdbd 1px 1px 1px;*/}

h1, h2, h3, h4, h5, h5{margin:0 0 20px 0; letter-spacing:-1px; line-height:28px; font-weight:bolder;}

h1 a, h2 a, h3 a, h4 a, h5 a{color:#121212; text-decoration:none; /*text-shadow: #bdbdbd 1px 1px 1px;*/}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{color:#666666; text-decoration:none;}

a{color:#121212; text-decoration:underline;}
a:hover{text-decoration:underline; color:#16435a;}
#header a#twitter{width:203px; height:118px; position:absolute; top:19px; right:370px; background:url("../../../../graphics/twitter2.png") top left no-repeat; text-indent:-5000px; z-index:9500; }


#feedcount{position:absolute; top:30px; right:30px;}


/*DONATE NOW*/

#donate{width:100%;background-color:#FFFFFF; text-align:center; font-size:14px; font-weight:bold; position:relative;}
#donate a{background:url("../../../../images/donate2.jpg") 0 0px no-repeat; position:relative; display:block; width:716px; height:50px; margin:0 auto 0 auto;}

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

#numberTag{text-shadow:none;}
/*RECURRING STYLES*/
.title{ width:419px; float:left; font-size:24px; }
h1.title{font-size:28px;}
.clear{clear:both;}
.intro{color:#0079b1!important; font-weight:bold;}
img.border{padding:10px; background-color:#dcdcdc; border:1px solid #c3c3c3;}
small{font-size:11px;}

/*ROUNDED CORNERS*/
img.border, p#thetags, #comment-cont, .sociable ul, .comment, .pingback, #commentform { -moz-border-radius: 8px;-khtml-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}
.avatar{-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}

/*------PAGEWIDTH------*/
#pagewidth, #header {width:981px;}
#pagewidth{text-align:left; margin-left:auto; margin-right:auto;  } 
#wrapper{position:relative;background:url("images/sidebar-bg.jpg") top right repeat-y; width:100%;}


/*------HEADER------*/
#header{position:relative; height:186px; margin-left:auto; margin-right:auto; text-align:left;  } 
#header-full{position:relative; height:186px; background:url("images/header-full-bg.jpg") top left repeat-x; width:100%;}
#headerimg a {background:url("images/seo-blog.png") top left no-repeat; width:114px; height:31px; position:absolute; top:48px; left: 293px; text-indent:-5000px;}
 
#header #col1{width:470px; height:125px; float:left; padding-left:16px; display:inline; position:relative;}
#header #col2{width:450px; height:126px; float:right; padding-right:16px; display:inline; position:relative;}




#header #logo { float:left; width:258px; height:50px; margin: 30px 0 0 0; padding:0; line-height: normal; background:transparent url("images/logo.png") 0 0 no-repeat; }
#header #logo a { display: block; float: left; width: 258px; height: 50px; text-indent: -9999em; margin: 0; padding: 0; background: transparent; }
#header #logoTag { float: left; color: #fff; font-weight: bold; margin: 10px 0 0 0; padding: 0; width:450px;}
#header #logoTag a { color: #fff; text-decoration: none;}

#header #phonenumber {float: right; width: 232px; height: 32px; text-indent: -9999em; margin: 45px 0 0 0; padding: 0; background: transparent url("images/number.png") 0 0 no-repeat; }
#header #numberTag {float: right; color: #fff; font-weight: bold; font-size: 100%; width:450px; text-align:right; margin: 8px 0 0 0; letter-spacing:normal; }


/*NAV*/
#nav {position:absolute;margin:0; padding:0; background:url("images/nav-bg.png") top left repeat-x; height:52px; padding:8px 0 0 10px; width:990px; bottom:0; left:-10px;}
#nav ul { float: none; width: 980px; background: transparent; margin: 0 0 0 0; padding: 0; list-style: none; }
#nav ul li { position: relative; z-index: 5; float: left; margin: 0; padding: 0; background: transparent; display:inline; }
#nav ul li a { float:left; display: inline; font-weight: bold; text-decoration: none; margin: 0; padding: 14px 12px 18px 12px;background: transparent; color: #777; text-shadow:#FFF 1px 1px 1px; }
#nav ul li a:hover { color: #272626!important; background: url("images/nav-hover.gif") top left repeat-x;  }

#nav ul li:hover { color: #272626!important; background:  url("images/nav-hover.gif") bottom left repeat-x;}
#nav ul li:hover a { color: #272626!important;}
#nav ul li .drop { display: none; }
#nav ul li:hover .drop { display: block; position: absolute; left: -15px; top: 52px; z-index: 9999!important; width: 230px; height: auto; background: transparent url("images/drop.png") bottom left no-repeat!important; margin: 0; padding: 0 15px 20px 15px; }
#nav ul li:hover .drop li { float: left; width: 193px; background: transparent url("images/fadeTop.png") 0 0 repeat-x; margin: 1px 0 0 0; padding: 15px 15px 0 10px; }
#nav ul li:hover .drop .dropBox { float: left; width: 173px; margin: 0; padding: 0 0 10px 20px; background: transparent url("images/iconArrow.png") 0 2px no-repeat;}
#nav ul li:hover .drop .dropBox p { color: #666; margin: 0 0 2px 0; padding: 0; background: transparent; font-size: 90%; line-height: normal; }
#nav ul li:hover .drop .dropBox p a { text-decoration: none; color: #0071A9!important; margin: 0; padding: 0; background: transparent; font-weight: bold; width:180px;}
#nav ul li:hover .drop .dropBox p a:hover { text-decoration: underline; background: transparent; }

#nav ul li#navSeo ul.drop li .dropBox p strong a{background:none!important; color:#008bcb!important;}
body.blog #nav ul li#navBlog a{color: #fff!important; background: #00537C url("images/nav-current.gif") top left repeat-x; text-shadow: #000 1px 1px 1px; }
body.blog #nav ul li#navBlog a:hover{ background: url("images/nav-current.gif") top left repeat-x;}


/*------MAINCOL------*/
#maincol{width:645px; float:left; position:relative;}

/*CONTENT*/
#content{padding:40px 40px 0 15px; font-size:14px;}

/*META DATA POST HEAD*/
#content .postmetadata1 {
	clear: both;
    color: #666666;
    font-size: 12px;
    margin: 0 0 20px;
    width: 590px;}
#content .postmetadata1 a{color:#666666; text-decoration:underline;}
#content .postmetadata1 a:hover{color:#333333; text-decoration:underline;}

/*META DATA POST FOOTER*/
#content .postmetadata2{background:url("images/meta-bg.jpg") top left no-repeat; width:590px; height:40px; margin:30px 0 45px 0; position:relative; clear:both;}
#content .postmetadata2 a.read{width:163px; height:40px; background:url("images/sprite.png") 15px 14px no-repeat; text-indent:-5000px; position:absolute;}
#content .postmetadata2 a:hover.read{background:url("images/sprite.png") -163px 14px no-repeat;}
#content .postmetadata2 ul{position:absolute; top:10px; left:200px; list-style:none; margin:0; padding:0; font-size:12px; color:#666666;}
#content .postmetadata2 ul li{float:left; display:inline; margin:0 30px 0 0; padding-left:25px;}
#content .postmetadata2 ul li a{color:#666666; text-decoration:underline;}
#content .postmetadata2 ul li a:hover{color:#333333; text-decoration:underline;}
#content .postmetadata2 ul li.author{background:url("images/sprite.png") -390px 2px no-repeat;}
#content .postmetadata2 ul li.comment{background:url("images/sprite.png") -390px -35px no-repeat;}


/*PROMOTE - TWITTER - SPHINN*/
.promote{float: right;padding: 5px 0 0;width: 170px;}
.promote .tweetmeme_button{float:right;}
.promote .sphinn_button{float:right; display:inline; margin:0 0 0 10px;}
.promote .facebook_button{float:right; display:inline; margin:0 0 0 5px;}

/*TAGGED*/

p#thetags{float:left; width:575px; padding:12px 0 12px 15px; margin:0 0 25px 0;}
.sociable ul, p#thetags {border:1px solid #dddddd; border-bottom:1px solid #dddddd; background-color:#fafafa;}

/*------PAGE NAV------*/
.navigation-page {margin:40px 0 0 0;}
.navigation-page a:hover{background:#0072A8;}
.navigation-page a{padding:4px 6px 4px 6px; background-color:#1B4367; color:#FFFFFF; text-decoration:none; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.navigation-page .alignleft a{float:left;}
.navigation-page .alignright a{float:right;}


/*------POST COMMENTS------*/

p textarea#comment{width:485px;}
#comment-cont{ background:#fafafa url("http://www.blueclaw.co.uk/seo-blog/wp-content/themes/blueclaw/images/fader.jpg") 0 0 repeat-x; border:1px solid #e2e2e2; border-top:1px solid #c8c8c8!important; padding:30px 0 30px 0;}
h3#comments{text-align:center;}
h3#reply{text-align:center; padding:0 0 15px 0;}
#respond{padding:10px 0 0 0; margin:20px 0 0 0}
#respond p{padding:10px 0 10px 15px;}
.alt {margin: 0;padding: 10px;}
.commentlist {padding: 0; margin:0; font-size:12px;}
.commentlist li {margin: 15px; padding:20px; list-style:none;}
.commentlist li ul li {margin-right:-5px; margin-left:10px;}
.commentlist p {margin: 10px 5px 10px 0;}
.children { padding: 0; }
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}
.commentlist li ul li {font-size: 1em;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar { float: right;border: 1px solid #eee;padding: 4px;background: #fff;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {font-weight: normal; font-size:12px; text-transform: none;}
.commentmetadata {font-weight: normal;}
.thread-alt {background-color: #FFFFFF;}
.thread-even {background-color: #FFFFFF;}
.depth-1 {border: 1px solid #ddd;}
.even, .alt {border-left: 1px solid #ddd;}
 
/*COMMENT FORM*/
#commentform {margin: 0 auto 0 auto;  width:516px; background-color:#e7e7e7; border:1px solid #CCCCCC; padding:20px;}
#commentform p input {width: 170px;padding: 5px; margin: 0 5px 5px 0; border:1px solid #b9b9b9;}
#commentform textarea{width: 503px;padding: 5px; border:1px solid #b9b9b9;height:100px} 
#commentform p input#submit{ float:left; width:auto;}

#respond:after {content: "."; display: block;  height: 0; clear: both; visibility: hidden;}



/*WP-PAGENAVI PLUGIN*/

.wp-pagenavi {position:relative;font-size:12px; width:550px; height:40px; margin:0 0 20px 0; padding:0 20px 0 20px; background:url("images/meta-bg.jpg") top left no-repeat!important;}

 
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active, .wp-pagenavi span.extend {
color:#919090 !important; 
font-size:12px !important;
text-decoration:none !important;
background:#dcdcdc !important;
border:none !important;
margin:2px 1px 0 0  !important; padding:0 10px 0 10px !important;
height:37px !important;
float:left;
display:inline;
line-height:37px;
font-weight:bold;}

.wp-pagenavi a:hover {
background:#c7c7c7 !important;
color:#000000 !important;
border:none !important;
margin:2px 1px 0 0  !important; padding:0 10px 0 10px !important;
height:37px !important;
}

.wp-pagenavi span.pages {
color:#666666!important;
background:none !important;
border:none !important;
margin:0 20px 0 0  !important; padding:0 !important;
float:left;
display:inline;
height:37px !important;
line-height:39px;
font-weight:bold;
}

.wp-pagenavi span.current {
background:#107bb1 !important;
color:#FFFFFF !important;
border:none !important;
margin:2px 1px 0 0  !important; padding:0 10px 0 10px !important;
float:left;
display:inline;
height:37px !important;
line-height:37px;
}


/*SOCIABLE PLUGIN*/
.sociable ul{float:left; width:575px; padding:15px 0 10px 15px; margin:0 0 25px 0;  }
.sociable_tagline{margin:0 0 15px 0;}
.sociable ul li { float:left; display:inline; margin-right:10px}
.sociable ul li img { padding:0!important; border:none!important;}
 
/*------RIGHTCOL------*/
#rightcol{ float: right; display:inline; position: relative; width:335px; }


/*SUBSCRIBE - RSS - TWITTER - EMAIL*/
.widget-subscribe{height:267px; width:332px; position:relative; margin:0 0 0 1px;}
.widget-subscribe span.tag{color:#cccccc; font-size:10px}


/*RSS*/
.widget-subscribe a#sub-rss{position:absolute; top:0; left:0; width:100%; height:75px; background:url("images/subscribe.jpg") 0 0 no-repeat; text-decoration:none;}
.widget-subscribe a#sub-rss span{position:absolute; top:40px; left:76px;}
.widget-subscribe a:hover#sub-rss{position:absolute; top:0; left:0; width:100%; height:75px; background:url("images/subscribe.jpg") right 0 no-repeat; text-decoration:none;}

/*TWITTER*/
.widget-subscribe a#sub-twitter{position:absolute; top:75px; left:0; width:100%; height:70px; background:url("images/subscribe.jpg") 0 -75px no-repeat; text-decoration:none;}
.widget-subscribe a#sub-twitter span{position:absolute; top:35px; left:76px;}
.widget-subscribe a:hover#sub-twitter{position:absolute; top:75px; left:0; width:100%; height:70px; background:url("images/subscribe.jpg") right -75px no-repeat}

/*EMAIL*/
.widget-subscribe #sub-email{position:absolute; top:145px; left:0; width:100%; height:122px; background:url("images/subscribe.jpg") 0 -145px no-repeat}
.widget-subscribe #sub-email span{position:absolute; top:35px; left:76px;}
.widget-subscribe #sub-email form{background-color:#336666; margin:0; padding:0; position:absolute; top:70px; left:25px; width:290px;}
.widget-subscribe #sub-email form input#enter_email{position:absolute; top:0; left:0;}
.widget-subscribe #sub-email form .btn{position:absolute; top:0; left:210px; background:url("images/sub-but.jpg") 0 0 no-repeat; margin:0; height:30px; width:72px;padding:0; border:0; text-indent:-500px;}


/*TABS - CATEGORIES - TAGS - ARCHIVES*/
.widget-tabs{width:332px; position:relative; margin:0 0 0 1px; background:url("images/widget-fade.jpg") 0 52px repeat-x; border-bottom:1px solid #c8c8c8;}

@media projection, screen {.tabs-hide { display: none;}}
.tabs-nav {list-style: none;margin: 0;width:332px;float:left;position:relative;}
.tabs-nav li {float: left;padding:0;margin:0;}
.tabs-nav li a {height:52px;padding:0;margin:0;position: relative;z-index: 2;font-size: 12px;text-decoration: none;display: block;text-indent:-5000px;}
.tabs-nav li.tabs-selected a span {width: 20px; /* IE 6*/min-width: 20px;height: 10px; /* IE 6*/min-height: 10px; background:url("images/pointer.jpg") bottom left no-repeat;}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {cursor: pointer;}

/*CATEGORIES TAB*/
.tabs-nav li#cat-tab a {background:url("images/tabs-nav.jpg") 0 0 no-repeat;width:143px;}
.tabs-nav li#cat-tab a:hover {background:url("images/tabs-nav.jpg") 0 -62px no-repeat;width:143px;}
.tabs-nav li#cat-tab.tabs-selected a {background:url("images/tabs-nav.jpg") 0 bottom no-repeat;width:143px;}
.tabs-nav li#cat-tab.tabs-selected a span {position:absolute; bottom:-10px; left:65px;}

/*TAG TAB*/
.tabs-nav li#tag-tab a {background:url("images/tabs-nav.jpg") -143px 0  no-repeat;width:73px;}
.tabs-nav li#tag-tab a:hover {background:url("images/tabs-nav.jpg") -143px -62px  no-repeat; width:73px;}
.tabs-nav li#tag-tab.tabs-selected a {background:url("images/tabs-nav.jpg") -143px bottom  no-repeat; width:73px;}
.tabs-nav li#tag-tab.tabs-selected a span {position:absolute; bottom:-10px; left:28px;}

/*ARCHIVES TAB*/
.tabs-nav li#archives-tab a {background:url("images/tabs-nav.jpg") -216px 0 no-repeat;width:116px;}
.tabs-nav li#archives-tab a:hover {background:url("images/tabs-nav.jpg") -216px -62px no-repeat;width:116px;}
.tabs-nav li#archives-tab.tabs-selected a {background:url("images/tabs-nav.jpg") -216px bottom no-repeat;width:116px;}
.tabs-nav li#archives-tab.tabs-selected a span {position:absolute; bottom:-10px; left:50px;}


/*TABS CONTENT*/
#w-tabs div{/*background-color:#009999;*/ padding:27px 15px 30px 25px; width:287px; clear:both;}
#w-tabs div ul {list-style:none; margin:0; padding:0; color:#666666;}
#w-tabs div ul li{ width:250px;  padding:10px 0 10px 25px; border-top:1px solid #e7e7e7; background:url("images/sprite.png") -392px -58px no-repeat;}
#w-tabs div ul li a{text-decoration:none; font-weight:bold;}
#w-tabs div ul li a:hover{color:#16435a;}



/*WIDGET*/
.widget{width:332px; position:relative; margin:0 0 0 1px; background:url("images/widget-fade.jpg") 0 0 repeat-x; border-bottom:1px solid #c8c8c8; }
.widget .cont{/*background-color:#330000*/ padding:30px 25px 30px 25px;} 
.widget .cont h3{width:260px; text-indent:-5000px;}
.widget .cont ul{width:260px; margin:0; padding:0; list-style:none;}
/*BLOG INTRO*/

#blog-intro .cont h3{background:url("images/sprite.png") 0 -234px no-repeat; margin:0 0 10px 0}
#blog-intro .cont{padding:30px 25px 15px 25px;}

#blog-intro .cont p{width:176px; color:#4a4949;}
#blog-intro .cont a#adwords{background:url("images/sprite.png") -314px -253px no-repeat; width:91px; height:91px; text-indent:-5000px; position:absolute; top:70px; right:25px;}
#blog-intro .cont a:hover#adwords{background:url("images/sprite.png") -314px -346px no-repeat;}

/*RECENT POSTS*/
#recent-posts .cont h3{background:url("images/sprite.png") 0 -48px no-repeat;}
#recent-posts .cont ul li a{background:url("images/sprite.png") -392px -58px no-repeat; display:block; width:250px; padding:10px 0 10px 30px; border-top:1px solid #e7e7e7; text-decoration:none; font-weight:bold;}
#recent-posts .cont ul li a:hover{color:#16435a;}

/*SEARCH POSTS*/
#search-posts .cont h3{background:url("images/sprite.png") 0 -71px no-repeat;}
form#search-form label{display:none;}
form#search-form{margin:0; padding:0; position:relative;width:280px;}
form#search-form .btn{position:absolute; top:0; left:210px; background:url("images/sub-but.jpg") 0 0 no-repeat; margin:0; height:30px; width:72px;padding:0; border:0; text-indent:-500px;}


/*RECENT COMMENTS*/
#recent-comments .cont h3 {background:url("images/sprite.png") 0 -163px no-repeat;}
#recent-comments .cont ul{border-top:1px solid #e7e7e7; line-height:18px;  width:280px;}
#recent-comments .cont ul li a img{float:left; border: 1px solid #eee; padding: 4px;background: #fff; margin:0 10px 0 0; }
#recent-comments .cont ul li a:hover img{float:left; border: 1px solid #eee; padding: 4px;background: #0481ba; }
#recent-comments .cont ul li a{display:block; height:47px; padding:10px 0 10px 0; text-decoration:none; }
#recent-comments .cont ul li a:hover{color:#16435a;}


/*BLOGROLL*/
#blogroll .cont h3{background:url("images/sprite.png") 0 -117px no-repeat;}
#blogroll .cont ul li a{background:url("images/round-bullet.gif") left no-repeat; padding-left:25px; text-decoration:none; color:#3682aa; width:255px; display:block; font-weight:bold;}
#blogroll .cont ul li a:hover{color:#16435a;}



/* DEFAULT WIDGET - NORMAL*/
.normal .cont h3{background:none; text-indent:0;}
.normal ul {list-style:none; margin:0; padding:0; color:#666666;}
.normal ul li a{background:url("images/round-bullet.gif") left no-repeat; padding-left:25px; text-decoration:none; color:#3682aa; width:255px; display:block; font-weight:bold;}
.normal  ul li a:hover{color:#16435a;}


/* Begin Form Elements */
#search-form, #email-form {margin:0; padding:0;}
#search-form input.txt, #email-form input.txt{padding:7px 5px 5px 5px; border:1px solid #b9b9b9; height:16px; width:198px; color:#666666; }
select {width: 130px;}


/* End Form Elements */


/*------FOOTER------*/
#footer{height:120px; clear:both; padding:30px 0 0 0; text-align:center; border-top:1px solid #CCCCCC;} 
 


/*------WORDPRESS DEFAULT------*/
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}


.entry img{
   margin:0 15px 15px 0;
border: 1px solid #ddd;
padding:5px;
background:#f3f3f3;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
 }
 
.entry p img{

border: 1px solid #ddd;
padding:5px;
background:#f3f3f3;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
 }

.alignleft {
   margin:0 15px 15px 0;
}

.alignright {
   float: right;   margin:0 0 15px 15px;
}

img.alignleft {
margin:0 15px 15px 0;
}

img.alignright{

	border: 1px solid #ddd;
	margin:0 0 15px 15px;
	display:inline;
	padding:5px;
	background:#f3f3f3;
	/* optional rounded corners for browsers that support it */
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}




.wp-caption{
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px 10px 15px 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 0 5px 0;
   margin: 0;
}


/*SPECIAL POST FORMAT*/

.listed-item{width:590px; float:left; clear:both;}
.listed-item img{float:left;}





.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/********************** ABOUT THE AUTHOR BOX ***************/
#author-box{
	width: 580px;
	height: 150px;
	overflow: hidden;
	border: solid #dedcdc 5px;
	display: block;
	margin-bottom: 20px;
	}
	
#author-box img{
	display: inline;
	float: left;
	padding: 0; 
	border: 0;
	margin: 0;
	background-color:#FFFFFF;
	}
	
#author-box-content{	
	width: 400px;
	display: inline;
	float: left;
	margin-left: 20px;
	padding: 0 0 0 0; 
	font-size: 14px; 
	}

#about-the-author{
	color: #bababa;
	display: block;
	margin-bottom: 5px;
	}
	
#author-name a{
	font-size:30px;
	color: #9b9a9a;
	display: block;
	font-weight:bold;
	margin-bottom: 10px;
	text-decoration: none;
	}

#author-blurb{
	font-size: 13px;
	}

#author-blurb a{
	text-decoration:none;
	color: #1b4367;
	}

#author-blurb a:hover{
	text-decoration:underline;
	}

.photo{
	margin: 0;
	padding: 0;
	border: 0;
	}	
a.get-code,
a.view-demo { background:url(images/view-demo.png) 0 0 no-repeat; padding: 0 0 0 136px; line-height:50px; font-size:54px; color:#000; text-decoration:none; font-weight:bold; float:left;display:block; width:150px; margin-bottom:20px; }
a.get-code { background:url(images/download.png) 0 0 no-repeat; padding: 0 0 0 116px; float:left; display:block; float:right; }
.sociable, .clrBth { clear:both; }

#wpcf7-f3191-p3192-o1,
#wpcf7-f3195-p3196-o1 {margin-top:20px; width:452px; padding-left:50px }
#wpcf7-f3191-p3192-o1 label,
#wpcf7-f3195-p3196-o1 label { width:150px; float:left; clear:left; margin:6px 10px 0 0 ; text-align:right;  line-height:34px; font-weight:bold;}
#wpcf7-f3195-p3196-o1 textarea,
#wpcf7-f3191-p3192-o1 input[type=text],
#wpcf7-f3195-p3196-o1 input[type=text]{ float:left; margin-top:6px; width:250px; padding: 4px; line-height:30px;}
#wpcf7-f3191-p3192-o1 label.fullW ,
#wpcf7-f3191-p3192-o1 textarea { width:440px; clear:left; line-height:30px; padding:4px; text-align:left; }

#wpcf7-f3191-p3192-o1 input[type=submit],
#wpcf7-f3195-p3196-o1 input[type=submit]{ clear:both; float:right; margin-top:10px;}

#wpcf7-f3191-p3192-o1 fieldset { padding: 10px 0; clear:both; }
#wpcf7-f3191-p3192-o1 legend { font-weight:bold; padding-top:12px; }
#wpcf7-f3191-p3192-o1 .wpcf7-list-item { float:left; width:206px; text-align:right; }

#wpcf7-f3191-p3192-o1 input[type=submit],
#wpcf7-f3195-p3196-o1 input[type=submit]{ 
background: #f68a21; /* Old browsers */
background: -moz-linear-gradient(top, #f68a21 0%, #f26329 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f68a21), color-stop(100%,#f26329)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f68a21 0%,#f26329 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f68a21 0%,#f26329 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f68a21 0%,#f26329 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68a21', endColorstr='#f26329',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f68a21 0%,#f26329 100%); /* W3C */
height:34px;
border: 1px solid #c45300;
color:#fff;
text-transform:uppercase;
text-shadow:#5f5f5f 1px 1px 1px;
font-weight:bold;
border-radius:6px;
padding: 0 12px;clear:both; float:right; margin-top:10px;}