/*
THEME NAME: kjCrane2
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { 
margin: 0; padding: 0; }  
body {
	background-color: #fff;
	/* background-image: url(http://www.kjcrane.com/blog/images/black_stripe.png);
	background-repeat: repeat;
	background-position: 0 0; */
	font-family:Segoe UI, helvetica, arial, sans-serif;
	color: #000;
	font-size: 62.5%;
	width: 978px;
	margin: 0 auto;
}
.entry-content {
	clear:both;
}
#wrapper {	
	border-left: 1px solid #ddd;
	float:right; 
	width: 678px;
	margin: 20px 0 20px 24px;
	padding-left: 25px;
	padding-bottom: 25px;
}
a {color: #15c; text-decoration: none; /* font-weight: bold; */}
a:hover {color: #15c; background-color: #ff9; text-decoration:underline;}
a img {border: 0 none;}
.clear {clear:both;}
.bold {font-weight: bold;}
.meta-sep {padding: 0 3px;}
blockquote {border-left: 3px solid #222; margin: 0 30px; padding-left: 15px; 
font-style:italic; line-height:1.7; }
/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
display:none;
}
.entry-category a {color: #000;}
div#menu {
background:#EEE;
height:1.5em;
margin:1em 0;
width:100%;
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
margin-right:1em;
padding:0.2em 0.5em;
text-decoration:none;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

.entry-title,.entry-meta {
clear:both;
}

.entry-category {padding-bottom:10px; text-transform:uppercase; }
body.single .entry-title {font-size: 2em; margin-bottom: 10px; }
body.home .entry-title, body.archive .entry-title, body.single .entry-title {font-size: 1.5em; margin-bottom: 10px;}
.entry-title a {color: #000; text-decoration:none;}
.entry-content p {font-size: 1.1em; line-height: 1.9; margin-bottom: 1.2em;}
div.home_post .entry-content p {display:inline;}
div#container,div#primary,div#secondary {
float:left;
}
body.home.paged div#container, body.home div#all_posts, body.archive div#container, body.single div#container
{width: 578px;}
div#all_posts_container {width: 100%; float:left; clear:both; }
div#all_posts {clear:both; float:left;}
body.home div#container {width: 100%;}
/* div#primary {margin: 0 20px; } */
div.sidebar { 
/* Background-color: #efefef; 
width: 180px; */
font-size:1.3em; 
line-height:1.5; 
margin-top: 2em; overflow:hidden; width: 100%;}
.page-title {
font-size:1em;
padding-bottom:10px;
text-transform:uppercase;
}
div#container #content, div#all_posts {font-size: 1.3em; line-height:1.5;}

form#commentform .form-label {
margin:1em 0 0.3em;
}

form#commentform span.required {
color:#f90;
font-weight: bold;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
background-color: #eee;
}
input:hover, input:focus, textarea:hover, textarea:focus {background-color: #fff !important;}
div#comments {margin-top: 2em;}
div#comments h3 {margin-bottom: .8em;}
div.comments ol {list-style-type:none;}
div.comments ol li {
margin:0 0 2em;
}
.comment-author{float:left; margin-right: 1em; font-weight: bold;}
.comment-author img {display:none;}
.comment p {clear:both;margin-top: .3em;}
textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:95%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
float:left;
margin:1em 0 1.5em;
width: 100%;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div.sidebar h3, .gfc-resultsHeader .gfc-title {
font-size:1.2em;
margin-bottom: .5em !important;
font-weight: bold;
}
.gfc-resultsHeader {border-bottom: none!important; }
div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;

}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0;
}

div.sidebar ul ul li {
list-style:none;
margin:0 0 1em;
/* padding: 0 0 1em;
border-bottom: 1px solid #ccc; */
}
div.sidebar ul ul li#rc_nav, div.sidebar li#rss-links ul li {border-bottom: none;}
div.sidebar li#rss-links ul li {margin-bottom: 0 !important; }
div.sidebar ul ul ul {
margin:0;
}

div.sidebar ul ul ul li {
list-style:none;
}
/* div.sidebar ul.xoxo {padding: 10px 15px;} */
div.sidebar ul.xoxo.blogroll {padding: 0;}
div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}
div#footer {
float:left;
font-size:1.3em;
line-height:2;
width:100%;}
#footer h3 {font-size: 1.1em;}
#jason {margin-bottom: 10px;}
div#header_wrap {position: fixed;
/* background-color:#111111; */
float:left;
margin-bottom:40px;
/* border-bottom: 1px solid #222; */
padding-bottom:20px;
width:250px;
}
#header-image {margin-top: 20px; text-align: center;}
#header-image img {
	border: 5px solid #fff; 
	opacity: 0.9;
	-moz-box-shadow: 0px 0px 5px #ccc; 
	-webkit-box-shadow: 0px 0px 5px #ccc; 
	box-shadow: 0px 0px 5px #ccc; }
#header-image img:hover {opacity: 1.0;
	-moz-box-shadow: 0px 0px 5px #999; 
	-webkit-box-shadow: 0px 0px 5px #999; 
	box-shadow: 0px 0px 5px #999; }	
div#header {
margin:0 auto;
padding:15px 0;
position:relative;
text-align:left;
}
#header a {text-decoration:none;}
#header h1 { 
font-size: 3.6em;
font-family: 'Raleway', arial, serif;
/* float:left;
margin-right: 20px; */
text-align: center;
}
#header h1 a {color: #000;}
#header h1 a:hover {background-color: transparent;}
#header #nav {list-style-type: none;margin-left: -5px; padding-top: 16px;}
#header #nav li {float:left; font-size: 1.5em; margin-right: 15px; }
#header #nav li a {color: #000; padding: 5px; display:block; }
#header #nav li a:hover {background-color:#ff9; color: #000; text-decoration:none;}
#search {background-color:#333;
padding:10px;
position:absolute;
right:15px;
top:20px;
width: 250px;
display:none; /* for now */
}
#search.active, #search:hover {background-color: #fff;}
#search h3 {color: #fff; font-size:1.4em; float:left; padding-top: 2px;}
#search.active h3, #search:hover h3 {color: #000;}
#searchform #s {padding: 2px; width: 120px; margin:0 5px 0 10px;}
input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.sidebar ul {
margin:0;
padding:0;
}
.post {
float:left;
margin-bottom:20px;
padding-bottom:30px;
width:100%;
clear:both;
}
/* don't display bottom border on last post on page */
body.paged .post.last, #all_posts .post.last {padding-bottom: 0; border-bottom: 0; } 
/* home page specific styles */
body #home_featured .post{
        border-bottom: none;
        clear:none;
	/* float:left; */
	width: 100%; 
	/* margin-right: 20px; */
        margin-bottom: 0;
	}
body.archive .post img, body.category .post img, body.blog .post img {width: 100%; }
.category-status-update img {width: auto !important;}	
body #home_featured .post img {width: 300px;  }
body.home .post .photo_asset {float:left; padding-right:20px; margin-bottom:10px;}
.photo_asset {margin-bottom: 10px;}
.pages {clear:both; padding-top: 10px;}
span.older {float: left;}
span.newer {float:right;}
body.single .entry-content img {max-width: 568px;}
.sidebar #shared_feed {padding: 10px 15px 15px; }


.gf-author, .gf-spacer, .gf-relativePublishedDate {display:none !important;}
.gfc-result {margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #444`; }
body.category-photos .post {border-bottom: none; margin-right: 20px; margin-bottom: 0; width: 300px; float:left; clear:none; }
.slideshow {height: 300px; width: 300px; }
body .post .slideshow img {width: auto;}
#secondary_slideshows {border-top:1px solid #222222;
clear:both;
float:left;
padding-top:25px;
width:100%;}
body.category-photos #container {width: 100% !important;}
body.category-photos #featured_slideshow .post {width: 100% !important;text-align: center;}
.slideshow_09 {width: 578px; height: 400px; margin-bottom: 10px; overflow: hidden; position: relative; z-index: 1;}
.maya_photo {text-align: center; width: 100%;}
#slideshow-nav { position: absolute;
    text-align: center;
    top: 45%;
    width: 100%;
    z-index: 10;
/* display:none; */
}

.slideshow_asset {position: relative;}
#slideshow-nav #prev-slide {
top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
}
#slideshow-nav #next-slide {
    
top: 0;    
right: 0;
    padding: 10px;
    position: absolute;
}
#slideshow-nav #prev-slide, #slideshow-nav #next-slide {background-color: #555; color: #fff; opacity: 0.8}
#slideshow-nav #prev-slide:hover, #slideshow-nav #next-slide:hover {background-color: #000; opacity: 1.0} 
/* .maya_photo img {width: auto !important;} removed when working on slideshow vertical photo height */
.p_t_10 {padding-top:10px;}
.p_b_10 {padding-bottom: 10px;}
.fbc_loginstate_top {color: #000;}
.fbc_loginstate_top a {color: #039;}

#maya_image {
margin-bottom:40px;
/* display:none;
height:150px;
opacity:0.4;
overflow:hidden;
position:relative; */
}

img#wpstats{width:0px;height:0px;overflow:hidden}
/* recent comments widget nav */
.rc-newer {margin-right: 10px;}
.rc-navi {display:none;}
.rc-navi a {cursor: pointer;}	
#footer {display:none;} /* working on this */
#secondary, #random-posts-widget, #recentcomments .widgettitle {display:none;}
#recentcomments {text-align: center;}

.triangle-isosceles {
	position:relative;
	padding:10px;
	margin:0 0 1.3em;
	color:#000;
	background:#efefef; /* default background for browsers without gradient support */
	
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	/* NOTE: webkit gradient implementation is not as per spec */
	background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#efefef));
	background:-moz-linear-gradient(top, #efefef, #eaeaea);
	background:-o-linear-gradient(top, #efefef, #eaeaea);
	border: 1px solid #eaeaea;
}

.triangle-isosceles:after {
	content:"";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	top:auto; /* value = - border-top-width - border-bottom-width */
	left:15px; /* controls horizontal position */
	bottom: -15px;
	right: auto;	
	width:0;
	height:0;
	border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#eaeaea transparent;
}