/* @override 
	http://joshkerr:8888/wp-content/themes/joshkerr/style.css
	http://joshkerr.com/wp-content/themes/joshkerr/style.css
*/

/*
Theme Name: joshkerr
Theme URI: http://wordpress.org/
Description: The 2010 default theme for WordPress.
Author: the WordPress team
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/


/* http://meyerweb.com/eric/tools/css/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;
}

#socialnets {
	float: right;
	margin-top: 35px;
}

#socialnets a{
	background-repeat: no-repeat;
	width: 48px;
	height: 48px;
	display: inline-block;
	text-indent: -9000px;
}

#facebooklnk {
	background-image: url(images/social/facebook.png);	
}

#twitterlnk {
	background-image: url(images/social/twitter.png);
}

#linkedinlnk {
	background-image: url(images/social/linkedin.png);

}

#emaillnk {
	background-image: url(images/social/email.png);

}

#flickrlnk {
	background-image: url(images/social/flickr.png);

}

h3#reply-title {
	margin-bottom: 10px;	
}

#commentform {
	padding: 10px;
	text-shadow: rgba(255,255,255,.65) 0 1px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: rgba(0,107,176,.05);
	border: 1px solid rgba(0,55,93,.08);
	-webkit-box-shadow: rgba(255,255,255,.65) 0 0 6px;
	-moz-box-shadow: rgba(255,255,255,.65) 0 0 6px;
	margin: 0 0 30px 0; 
	line-height: 24px;

}

#commentform p.comment-form-author {
	padding: 10px;

}
#commentform p.comment-form-author label {
	padding-right: 10px;
}

#commentform p.comment-form-author span.required {
	color: red;
}

input#author {
	width: 250px;
	margin-left: 10px;
}

#commentform p.comment-form-email {	
	padding: 10px;
}

#commentform p.comment-form-email label {	
	padding-right: 10px;
}
#commentform p.comment-form-email span.required {	
	color: red;
}

input#email{
	width: 250px;
	margin-left: 12px;
}

#commentform p.comment-form-url{
	padding: 10px;
}

#commentform p.comment-form-url label {
	padding-right: 10px;
}

input#url {
	width: 250px;
	margin-left: 5px;
}

#commentform p.comment-form-author {
}

#commentform p.comment-form-comment {

}

textarea#comment {
	width: 460px;
}

input#submit{
	font-weight: bold;
	text-shadow: rgba(255,255,255,.8) 0 1px 0;
	padding: 6px 6px 6px 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-top: 1px solid rgba(0,0,0,.1);
	background: rgba(0,0,0,.15);
	text-decoration: none; 

}

#commentform p.form-allowed-tags {
	font-size: 12px;
}

#commentform p.comment-form-comment label {
	display: none;
}



#nav-below {
float: left;
width: 100%;
}

body {
	background: #C9DEEC url(images/blue_noise.png);
	color: #425E6A;
	font: .9em "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;

}

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;
}
#main {
	margin: 0 auto;
	width: 760px;
}

/* clearfix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* blog.twitter.com */
a {
	color: #425E6A;
	text-decoration: none;
}
a:hover {
	color: #4A86AC;
	text-decoration: none;
}

div.nav-previous, div-nav-next{
	padding-top: 20px;
}

div.nav-previous{
	float: left;
}

div.nav-next{
	float: right;
	margin-top: 20px;
}

div.entry-utility{
	text-indent: 23px;
	height: 20px;
	margin-top: 25px;
	margin-bottom: 50px;
	background: url(images/tag_blue.png) no-repeat 0 3px;
	letter-spacing: 1px;
	font-size: 12px;
}

li.twitter-item {

}

a.twitter-user {
	font-weight: bold;
}

span.twitter-timestamp {
	font-weight: bold;
}

h2.entry-title a{
	padding-right: 23px;
	font-size: 1.9em;
	background: url(images/LinkArrow.png) right 12px no-repeat;
}

h1.entry-title {
	font-size: 1.9em;
	padding-bottom: 6px;
}


div#nav-above.navigation {
	display: none;
}
div#nav_previous {
	float: left;
}
div#nav-next{
	float: right;
}

div.entry-meta{
	border-bottom: 1px solid rgba(0, 111, 176, 0.296875);
	padding-bottom: 5px;
}

p{
	margin-top: 10px;
	margin-bottom: 10px;
}

#about-text div.tweets_header p {
float: left;
margin-top: -3px;
margin-bottom: 0px;
margin-left: 5px;
}

div.entry-content{
	padding-top: 5px;
	border-top-color: rgba(255, 255, 255, 0.496094);
	border-top-width: 1px;
	border-top-style: solid;
}

span.meta-prep, span.meta-sep, span.entry-utility-prep{
	color: rgba(0, 45, 76, 0.597656);
	line-height: 20px;
}

#doc {
	clear: both;
	display: block;
	width: 100%;
}
#main {
	width: 850px;
	margin: 0 auto;
	text-shadow: 0px 1px #fff;
}

div.reply {
	margin-bottom: 20px;	
}

a.comment-reply-link {
	font-weight: bold;
	text-decoration: underline;
}

div.comment-author.vcard {
	border-bottom: 1px solid rgba(0, 111, 176, 0.296875);
	padding-bottom: 5px;
}

div.comment-meta.commentmetadata {
	border-top: 1px solid rgba(255, 255, 255, 0.496094);
	padding-top: 5px;
}

#comments-title {
	margin-bottom: 10px;
}



div#header img.shadow{
	height: 100px;
	left: 0px;
	opacity: 0.9;
	position: absolute;
	width: 100%;
	z-index: 20;
	border-bottom: 1px solid #000;
}


div#header{
	height: 80px;
	border-bottom: 1px solid rgba(0, 111, 176, 0.296875);
	padding-bottom: 10px;
}

div#headerbottom{
	height: 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.496094);
	margin-bottom: 60px;
	padding-bottom: 15px;
}

div#header a.logo{
	background-image: url(images/joshkerrlogo.png);
	background-repeat: no-repeat;
	margin-top: 50px;
	position: absolute;
	height: 71px;
	width: 376px;
	
	font-size: 40px;
	z-index: 60;
	text-indent: -9000px;
}


h1, h2, h3 {
	color: #425E6A
}

.date-header {
	font-size: 11px;
	font-weight: normal;
	color: #888;
}

.date-header a:hover {
	text-decoration: underline;
}

.post-title {
	color: #425E6A;
	font: 22px "Helvetica Neue", Helvetica Neue, Helvetica, arial, sans-serif;
	font-weight: 300;
}

.post-content, .the-post {
	padding: 16px 0 0 0;
}

.post-title a {
	color: #425E6A;
}

.post-title a:hover {
	color: #4A86AC;
	text-decoration: none;
}

p.post-footer  {
	padding: 24px 0 40px 0;
}

p.post-footer em, a.btn {
	font-style: normal;
	color: ##425E6A;
	background: #CBE2EE;
	text-shadow: 0 1px #fff;
	font-size: 11px;
	padding: 5px 10px;
	-moz-border-radius: 18px;
	margin-left: -10px;
	-webkit-border-radius: 18px;
	-webkit-box-shadow: 0px 1px 0px #fff;
	-moz-box-shadow: 0px 1px 0px #fff;
	*z-index: 5;
	*zoom: 1;
	*padding: 2px 10px;
}

p.post-footer em a {
	color: #4A86AC;
}

p.post-footer a:hover {
	color: #3A6A88;
	text-shadow: none;
}

a.btn {
	font-weight: bold;
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 1px 0px #fff;
	-moz-box-shadow: 0px 1px 0px #fff;
	border: 1px solid #4A87AD;
	background: #5D96B9 url(images/gradient.png) repeat-x;
	padding: 4px 10px;
	margin-right: 12px;
	*padding: 2px 10px;
	clear: both;
}

a.btn:hover {
	text-decoration: none;
	border: 1px solid #3C6386;
	-webkit-box-shadow: 0px 1px 3px #83B8D3;
	-moz-box-shadow: 0px 1px 3px #83B8D3;
}

a.btn img {
	vertical-align: top;
	margin-top: 4px;
	margin-left: 3px;
	*margin-top: 1px !important;
	*position: relative;
}

a.btn img, x:-moz-any-link  {
	margin-top: 5px;
}

a.btn:active {
	background-image: none;
}

a.permalink {
	color: #999;
}

#blog {
	clear: both;
	display: block;
}

#content {
	float: left;
	width: 520px;
	margin-bottom: 10px;
}

div#nav-above.navigation{
	margin-bottom: 40px;
}

#sidebar {

	float: right;
	width: 250px;
	font-size: 12px;
}

div.code{
	border: 1px solid #243B4C;
}



#content .post-content img, #content .the-post img {
	text-align: left !important;
	margin-left: 0  !important;
	border: 4px solid #fff;
	-webkit-box-shadow: 0px 1px 3px #9CC6DC;
	-moz-box-shadow: 0px 1px 3px #9CC6DC;
}

#content .post-content object, #content .the-post object {
	text-align: left !important;
	margin-left: 0  !important;
}

#content .post-content ol,
#content .the-post ol {
    list-style-type: decimal;
    margin: 0 0 0 22px;
}

#content .post-content ul,
#content .the-post ul {
    list-style-type: disc;
    margin: 0 0 0 22px;
}

#content .post-content ul li,
#content .the-post ul li,
#content .post-content ol li,
#content .the-post ol li {
    margin: 0 0 14px 0;
}

#content .post-content ul li:last-child,
#content .the-post ul li:last-child,
#content .post-content ol li:last-child,
#content .the-post ol li:last-child {
    margin: 0 0 6px 0;
}

a.nav {
	font-size: 16px;
	font-weight: normal;
	padding: 6px 16px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

#footertop{
	width: 100%;
	border-bottom: 1px solid rgba(0, 111, 176, 0.296875);
	height: 1px;
	float: left;
	display: inline;
}

.footer {
	display: inline;
	height: 20px;
	clear: none;
	width: 100% !important;
	background-color: rgba(0,55,93,.08);	
	border-top-color: #fff;
	border-top-width: 1px;
	border-top-style: solid;
	float: right;
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 30px;
	text-shadow: 0 1px #fff;
	text-align: right;
	padding-right: 20px;


}

.footer ul li {
	display: inline;
	margin: 0 16px 0 0;
	font-size: 11px;
}

.footer a {
	text-shadow: 0 1px #fff;
}

.footer a:hover {
	text-decoration: underline;
}

center {
	text-align: left;
	margin-left: 0;
}

/* flickr */

.flickr a img {
	margin-right: 1px;
	width: 55px;
	height: 55px;
	border: 4px solid transparent;
	margin: -4px -3px -4px -4px;
  -webkit-transition: -webkit-transform .1s ease-in;
}

.flickr a:hover img {
	border: 4px solid #fff;
	-webkit-box-shadow: 0px 1px 3px #83B8D3;
	-moz-box-shadow: 0px 1px 3px #83B8D3;
	position: relative;
	-webkit-transform:rotate(10deg) scale(1.15);
	-moz-transform:rotate(10deg) scale(1.15);
}

.flickr {
	padding: 4px 0 30px 0;
}

/* accounts */

div.split ul {
	float: left;
	width: 50%;
}

div.split { 
	clear: both;
	display: block;
	width: 280px;
}

.status-msg-wrap {
	width: 100% !important;
	outline: 0 !important;
	border: 0 !important;
	background: #CBE2EE !important;
	font-size: 12px !important;
	clear: both;
	display: block;
	margin-bottom: 34px !important;
}

.status-msg-border {
	border: 0 !important;
}

.status-msg-body {
	background: #F9FCD8 !important;
	-webkit-box-shadow: 0px 1px 0px #CBE2EE !important;
	-moz-box-shadow: 0px 1px 0px #CBE2EE !important;
	clear: both;
	display: block;
}

#sidebar h2 {
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 4px 0;
	display: block;
	clear: both;
}

#sidebar ul {
	margin-bottom: 20px;
}
		
#sidebar {
	padding: 10px;
	text-shadow: rgba(255,255,255,.65) 0 1px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: rgba(0,107,176,.05);
	border: 1px solid rgba(0,55,93,.08);
	-webkit-box-shadow: rgba(255,255,255,.65) 0 0 6px;
	-moz-box-shadow: rgba(255,255,255,.65) 0 0 6px;
	margin: 0 0 30px 0; 
	line-height: 24px;
}

	
h3.widget-title {
	position: relative;
	margin: -11px -11px 10px -11px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: rgba(0,55,93,.08);
	padding: 10px 10px 8px 10px;
	font: bold 10px/10px "Lucida Grande", "Verdana", sans-serif;
	text-transform: uppercase;
	-webkit-box-shadow: rgba(255,255,255,.45) 0 1px 3px;
	-moz-box-shadow: rgba(255,255,255,.45) 0 1px 3px;
	border-bottom: 1px solid rgba(0,55,93,.08);
	color: rgba(0,55,93,.7); 
}

li#categories-2 ul li a {
	padding-left: 15px;
	background: url(images/bullet.png) no-repeat 1px 3px;
}


#recent-posts-2 ul li a {
	padding-left: 15px;
	background: url(images/bullet.png) no-repeat 1px 3px;

}

#linkcat-2 ul.xoxo.blogroll li a {
	padding-left: 15px;
	background: url(images/bullet.png) no-repeat 1px 3px;

}

#tag_cloud-3 div {
padding: 10px;
margin-bottom: 10px;
}

#meta-2 ul li a {
	padding-left: 15px;
	background: url(images/bullet.png) no-repeat 1px 3px;

}

#archives-2 ul li a {
	padding-left: 15px;
	background: url(images/bullet.png) no-repeat 1px 3px;
}

#about-text p {
	display: block;
	padding-bottom: 20px;
}

img.alignnone, img.alignright,img.alignleft {
	border: 1px solid #fff;
	-webkit-box-shadow: rgba(255,255,255,.65) 0 0 6px;
	-moz-box-shadow: rgba(255,255,255,.65) 0 0 6px;
}

img.alignleft{
	float: left;
}

div.entry-content blockquote {
	margin-left: 15px;
	margin-bottom: 10px;
	padding: 10px;
	text-shadow: rgba(255,255,255,.65) 0 1px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: rgba(0,107,176,.05);
	border: 1px solid rgba(0,55,93,.08);
	-webkit-box-shadow: rgba(255,255,255,.65) 0 0 6px;
	-moz-box-shadow: rgba(255,255,255,.65) 0 0 6px;
	line-height: 24px;
}
img.alignright{
	float: right;
}

div.wp_syntax {
width: 500px;
}

div.tweets_header {
	margin: -11px -11px 10px -11px;
	padding: 11px 10px 7px 11px;
	background: rgba(0,55,93,.04);
	-webkit-box-shadow: rgba(255,255,255,.45) 0 1px 3px;
	-moz-box-shadow: rgba(255,255,255,.45) 0 1px 3px;
	border-bottom: 1px solid rgba(0,55,93,.08); 
	display: inline-block;
}

div.entry-utility a {
	font-weight: bold;	
}
			
div.tweets_header h3 {
	margin: 0 0 0 57px !important;
	font-size: 12px !important;
	font-weight: normal;
	line-height: 18px;
	color: #333; 
}
			
div.tweets_header h2 {
	margin-left: 5px !important;
	font-size: 16px !important;
	color: #333 !important; 
	float: left !important;
	clear: none !important;
	margin-right: 9px !important;
	margin-bottom: 0px !important;
	padding: 0px !important;
}

a.twitter-anywhere-user {
	font-size: 16px;
}				
div.tweets_header h2 span {
	font-size: 12px;
	color: rgba(0,0,0,.7); }


div.tweets_header h2 a {
	font-weight: bold;
	-webkit-transition: all .25s ease-in-out;
	text-decoration: underline;
	color: #000; 
}
	
div.tweets_header h2 a:hover {
	color: #c10000; }
		
div.tweets_header a img {
	border: 0 !important;
	float: left;
	margin: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: rgba(255,255,255,.6) 0 1px 0;
	-moz-box-shadow: rgba(255,255,255,.6) 0 1px 0; 
}

div.twitter_content ul {
	list-style: none;
	text-shadow: rgba(255,255,255,.8) 0 1px 0;
	padding: 0;
	margin: 0 0 20px 0;
	color: #002b32; 
}

div.twitter_content li span a {
	font-weight: bold;
	text-decoration: none;
	color: #002329; 
}

div.twitter_content li span a:hover {
	text-decoration: underline; 
}

div.twitter_content li small {
	display: block;
	margin: 0 0 15px 0;
	padding: 3px 0 0 0;
	font-size: 10px;
	color: #002b32; 
}

div.twitter_content li small a {
	color: #002b32;
	font-weight: bold;
	text-decoration: none; 
}

div.twitter_content li small a:hover {
	color: #000; 
}

#first,#second,#third,#fourth{
	float: left;
	width: 10%;
	margin: 20px;
}

#fourth{
	clear: none;
}

div.twtr-hd {
	display: none;
}

div.twtr-ft {
	display: none;
}

div.twtr-tweets {
	padding-bottom: 25px;

}

div.twtr-doc {
	font-size: 12px;
}