/*
Theme Name: Left Handed
Theme URI: http://www.obox-design.com/
Description: Hand Drawn Blog Theme
Version: 1.1.0
Author: Obox Signature Series
Author URI: http://www.obox-design.com/

Heavily-modifed by The Dude in July-August 2011 (w00t!)
*/

.wp-caption {
border: 1px solid #808080;
text-align: center;
padding: 10px 5px 0 5px;
}

.wp-caption p {margin: 3px auto 0px auto; font-size: 14px; font-style: italic;}


/*
#commentluv {
text-align: right;
margin-bottom: 10px;
margin-right: 5px;
padding-top: 10px;
}

span#mylastpost {background: url(images/layout/main-sprite.png) -233px -208px no-repeat;
width: 184px;
height: 15px;
overflow: hidden;
text-indent: -9999px;
display: block;
float: right;}

div#commentluv span img {display: none;}
*/

#gallery-1 {padding-bottom: 20px;}

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

.bottomcontainerBox {margin-top: 10px;}

.threaded-comment.clearfix, .comment.clearfix {display:inline-block;}

span.comment-reply {
background: url(images/layout/main-sprite.png) -278px -78px no-repeat;
width: 80px;
height: 18px;
overflow: hidden;
text-indent: -9999px;
display: block;
float: right;
font-size: 0;}

span.comment-reply:hover {
background: url(images/layout/main-sprite.png) -278px -102px no-repeat;
width: 80px;
height: 18px;
overflow: hidden;
text-indent: -9999px;
display: block;
float: right;
font-size: 0;}

span.comment-cancel {
background: url(images/layout/main-sprite.png) -183px -125px no-repeat;
width: 175px;
height: 18px;
overflow: hidden;
text-indent: -9999px;
display: block;
float: right;
font-size: 0;
}

span.comment-cancel:hover {
background: url(images/layout/main-sprite.png) -183px -102px no-repeat;
width: 175px;
height: 18px;
overflow: hidden;
text-indent: -9999px;
display: block;
float: right;
font-size: 0;}


a.follow {
    background: url(images/layout/sidebar-sprite.png) -10px -348px no-repeat; 
    display: block;
    height               : 16px; 
    width                : 142px;
    text-indent:-9999px;
    position: relative;
    top: 5px;
    left: 90px;
    margin-bottom: 10px;
}

a.follow:hover {background-position: -10px -364px;
}


.readmore {
position: relative;
width: 290px;
top: 5px;
left: 25px;}

.readmore a {
    background: url(images/layout/main-sprite.png) 0 -1445px no-repeat;
    width: 290px;
    height: 52px;
    display: block;
    text-indent: -9999px;

}

.readmore a:hover {background-position: 0 -1503px;}

a.comment-jump {
    background: url(images/layout/main-sprite.png) -312px -1445px no-repeat;
    width: 250px;
    height: 52px;
    display: block;
    text-indent: -9999px;
    float: right;
    margin-right: 25px;
    position: relative;
    margin-top: 5px;
}

a.comment-jump:hover {background-position: -312px -1503px;}

.main-menu-container {position: absolute;  left: 500px; top:19px;}

#comment_form_container {}

#menu-main {list-style: none; margin: 0; padding: 0px; float: left; overflow: hidden}
#menu-main li {float: left; margin-right: 10px; font-size: 18px; margin: 0;}
#menu-main a {background-image: url(images/layout/header-sprite.png); background-repeat: no-repeat; color: black; display: block; height: 177px; text-indent: -9999px; position: relative; top: -36px}


#menu-main .home a {width: 87px; background-position: 0 -10px;}
#menu-main .about a {width: 99px; background-position: -87px -8px;}
#menu-main .faves a {width: 99px; background-position: -186px -8px;}
#menu-main .contact a {width: 121px; background-position: -289px -8px;}

#menu-main .current-menu-item a {top: 0}

#menu-main .home.current-menu-item a {background-position: 0 -14px;}
#menu-main .about.current-menu-item a {background-position: -87px -8px;}
#menu-main .faves.current-menu-item a {background-position: -186px -8px;}
#menu-main .contact.current-menu-item a {background-position: -289px -6px;}

#menu-main .home.current-menu-item a:hover {background-position: 0 -284px;}
#menu-main .about.current-menu-item a:hover {background-position: -87px -277px;}
#menu-main .faves.current-menu-item a:hover {background-position: -186px -277px;}
#menu-main .contact.current-menu-item a:hover {background-position: -289px -277px;}




#search-area {position: absolute;
left: 405px;
top: 1px;}

#search-reveal-container {display: none; height: 38px; }

#search-reveal {
    text-align: center; 
    background: url(images/layout/header-sprite.png) -409px -2px no-repeat;
    height: 40px;
    width: 160px;
    top: 0;
    position: relative;
    margin-top:-43px;
}

#search-handle {
    text-align: center; padding: 0; 
    background: url(images/layout/header-sprite.png) -409px -42px no-repeat;
    height: 135px;
    width: 160px;
    position: relative;
    top: 0;
}


#search-bar { top: 11px;
    left: 3px;
    position: absolute;
}

#search-bar .searchbox {background: transparent; border: none; height: 21px; width: 147px; text-align: center; font-family: Arial; font-size: 13px; }

#search-bar input:focus {outline: none; text-align: left; padding-left: 10px; }


/* No JS*/
.no-js #menu-main .home a:hover {background-position: -0px -280px; }
.no-js #menu-main .about a:hover {background-position: -87px -278px; }
.no-js #menu-main .faves a:hover {background-position: -186px -278px; }
.no-js #menu-main .contact a:hover {background-position: -289px -277px; }
.no-js #search-handle {height: 0;}
/* .no-js #search-reveal {background: url(images/layout/header-sprite.png) -409px -198px no-repeat; margin: 0; height: 45px;} */



.subscribe {position: absolute; top: 40px; left: 34px;}

#subscribe ul {margin:0; padding:0; list-style:none; clear:both;}
#subscribe li {overflow:hidden; text-indent:-9999px; display:inline; float:left; margin:0 2px;}
#subscribe li a {background:url(images/layout/sidebar-sprite.png) no-repeat; width:33px; height:33px; display:block;}

#subscribe li.twitter a {background-position: -17px -249px;}
#subscribe li.facebook a {background-position:-53px -249px;}
#subscribe li.rss a {background-position:-89px -249px;}
#subscribe li.mail a {background-position:-126px -249px;}



#subscribe li.twitter a:hover {background-position:-17px -289px;}
#subscribe li.facebook a:hover {background-position:-53px -289px;}
#subscribe li.rss a:hover {background-position:-89px -289px;}
#subscribe li.mail a:hover {background-position:-126px -289px;}





#title-container {
height: 174px;
width: 550px;
top: 28px;
left: 30px;
position: absolute;
overflow: hidden;}


.header-divider {background: url(images/layout/blue-halftone.png) repeat-x; height: 33px; margin: none;}

.bubbles {
height: 115px;
width: 148px;
top: -48px;
left: -52px;
background: url(images/layout/main-sprite.png) -10px -433px no-repeat;
margin-bottom: -115px;
position: relative;
font-family: 'Walter Turncoat', sans-serif;
}

.date-bubble {
height: 94px;
width: 92px;
top: -35px;
left: -50px;
background: url(images/layout/date-bubble.png) 0px 0px no-repeat;
margin-bottom: -94px;
position: relative;
}

.post-date {
position: absolute;
color: black;
font-size: 26px;
top: 36px;
left: 14px;
text-align: center;
font-weight: bold;
line-height: 26px;
margin: 0 auto;
width: 65px;
}

.post-date2 {
position: absolute;
color: black;
font-size: 26px;
top: 18px;
left: 11px;
text-align: center;
font-weight: bold;
line-height: 26px;
margin: 0 auto;
width: 65px;
font-family: 'Walter Turncoat', sans-serif;
}


.comment-bubble {
position: absolute;
top: 15px;
left: 75px;
font-weight: bold;
color: black;
font-size: 20px;
width: 55px;
text-align: center;
color: black;}

.comment-bubble a {color: black;}

.comment-bubble a:hover {color: white;}


.edit-post a {
height: 53px;
width: 85px;
position: absolute;
left: -77px;
background: url(images/layout/edit-sprite.png) 0px 0px no-repeat;
display: block;
text-indent: -9999px;
}


.edit-post a:hover {
background: url(images/layout/edit-sprite.png) 0px -54px no-repeat;

}
/*
.subscribe {display: inline-block; float:right; width: 175px;}

#subscribe-link span {
display: none;
}

#subscribe-link {display: inline;}

#subscribe-link li{
float:left;
list-style:none;
display:block;
padding: 0;
}

#subscribe-link li a {background:url(images/layout/subscribe-sprite-5.png);
width: 40px; height: 40px;}


#subscribe-link-01 a {background-position: 0 0}
#subscribe-link-02 a {background-position: -7px -4px}
#subscribe-link-03 a {background-position: -243px -8px}
#subscribe-link-04 a {background-position: -85px -3px}

#subscribe-link-01 a:hover {background:url(images/layout/subscribe-sprite.png) -157px -73px; }
#subscribe-link-02 a:hover {background:url(images/layout/subscribe-sprite.png) -7px -76px;}
#subscribe-link-03 a:hover {background:url(images/layout/subscribe-sprite.png) -243px -80px; }
#subscribe-link-04 a:hover {background:url(images/layout/subscribe-sprite.png) -85px -75px; }

#subscribe-text {
color: #fff;
font-size: 20px;
padding: 3px 7px 0 0;
line-height: 20px;
}

.custom .subscribe_form  {padding: 5px 6px 0 0; line-height:20px;}

.custom .subscribe_form .text_input  {padding: 3px 0 0 4px; height: 14px; width: 170px; margin-bottom: 1px; border: 1px solid #9B56A8; font-size: 10px;}

.subscribe {float: right;}

*/

.search-box {float: right; position: absolute; left: 650px; top: 35px; display: block; z-index: 2;}
.search-box .search_form {width: 365px; float: right; }	


/*-----------------------------------------------------------------------------------------*/
/*- FIXING WIDGET LINE BREAKS -------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/


.left-bar-content .tweet-box ul li a {display: inline;}
.post-twitter {text-align:right; margin-right: 20px; padding-bottom: 5px;}
.left-bar-content .tweet-box ul li {padding: 7px 5px 14px 5px; line-height: 21px; font-size: 15px;}

/*-----------------------------------------------------------------------------------------*/
/*- RESET ---------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strike, strong, sub, sup, 
tt, var, 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; vertical-align: baseline; background: transparent; }
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote, q { quotes: none; }
:focus { outline: 0; }


/*--*********************************************************************************--------*/
/*- IE6 WARNING - BEFORE WE DO ANYTHING!! WE NEED TO TELL EVERYONE TO GET RID OF IE 6 -------*/
/*-------------------------------------------------------------------------------------------*/
.no_ie{clear:both; border-bottom: 2px solid #a60000; background: #ffcece; color: #000; font-weight: bold; padding: 10px; text-align:center; }
	.no_ie h1{font-size: 22px;}
	.no_ie p{margin: 0px; padding: 0px;}
	.no_ie a{color: #a60000; text-decoration: underline;}
	.no_ie a:hover{color: #000;}


/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
html{margin: 0px; padding: 0px}
body{margin: -21px 0 0 0; padding: 1px 0px; font-size: 16px; color: #404040; background: #ffffff; font-family: 'PT Sans', sans-serif;}

p{color: /*#404040*/#000; padding: 0px 0px 5px 0px; margin: 0px 0px 8px 0px; line-height: 22px;}

h1, .post-content h1 {color: #3d4ee4; font-weight: lighter; font-size: 35px; padding: 0px 0px px 0px; margin: 0 auto 15px auto; overflow: hidden; clear: both; text-align: center;}
	h1 a, .post-content h1 a {color: /*#9b5fba*/ #3d4ee4; text-decoration: none;}
	h1 a:hover, .post-content h1 a:hover {color: #f6a22f;}
h2{color: #3d4ee4; font-weight: lighter; font-size: 24px; margin: 0px; padding: 0px 0px 8px; font-family: 'Walter Turncoat', sans-serif;}
	h2 a{font-weight: lighter;}
        .archive-title h2 {display: inline; margin-left: 10px;}
	.archive-title {font-weight: bold;}
h3{color: #3d4ee4; font-size: 20px; margin: 0px; padding: 0px 0px 10px; font-weight: lighter; font-family: 'Walter Turncoat', sans-serif;}
h4{color: #3d4ee4; font-size: 12px; margin: 0px; padding: 8px 0px 10px 0px;}
h5{color: #3d4ee4; font-size: 10px; margin: 0px; padding: 8px 0px 10px 0px;}
h6{color: #3d4ee4; font-size: 9px; margin: 0px; padding: 8px 0px 10px 0px;}
ul,ol{list-style: disc; margin: 0px 20px 10px; padding: 0px 10px 0px;}
ol{list-style: decimal;}
li{line-height: 22px; margin-bottom: 4px;}

blockquote {
font-style: italic;
padding-left: 30px;
margin: 0 30px;
color: #CCC;
line-height: 25px;
background: url(images/layout/blockquote-border.png) repeat-y;
}

form{ font-family: 'PT Sans', sans-serif;}
input[type=radio]{margin: 0px 5px 0px 0px; padding: 0px;}
input[type=checkbox]{margin: 0px 5px 0px 0px; padding: 0px;}
input[type=image]{margin: 0px 5px 0px 0px; padding: 0px; border: none;}

/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*--- Links ---*/
a.std_link, a, .left-bar-content .tweet-box ul li a, .left-bar-content ul li a {color: #3D4EE4; text-decoration: none;}
a.std_link:hover, a:hover, .left-bar-content .tweet-box ul li a:hover {color: #C3C2C2;  text-decoration: none;}
	
/*--- Layouts ---*/
.no_bg{background-image: none;}
.clearboth{clear: both}
.floatleft{float:left;}
.floatright{float:right;}
.alignleft{float: left; margin: 20px 20px 0px 0px;}
.alignright{float: right; margin: 0px 0px 20px 20px;}

/*--- Forms ---*/
textarea, input{font-size: 14px; padding: 3px; font-family: 'PT Sans', sans-serif;}
.txt{color: #fff; font-weight:bold; float: left; width: 80px; text-align:left; padding: 4px; margin-right: 10px;}
.note{border: 1px solid #e2c822; background:#fff9d7; color: #000; font-weight: bold; padding: 5px; text-align:center; width: 90%; margin: auto; margin-bottom: 15px;}
.note a{color: #f60; text-decoration:none;}
.success{border-bottom: 1px solid #060; border-top: 1px solid #060; background-color: #d6f5c2; color: #060; font-weight: bold; padding: 5px; text-align:center;}
.no_display{display: none;}


/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* #container{width: 990px; margin: 0px auto 0px; padding: 0px; position: relative;} */
/* #header{width: 990px; padding: 0px; margin: 0px;} */

#container, #header {
width: 100%;
padding: 0;
position: relative;
background: #e7e7e7 /* url(images/layout/texture.png) repeat-x */;
height: 202px;
}

#header-content {
width: 990px;
padding: 0;
margin: 0px auto;
position: relative;
padding: 25px 0;
}



#main-content {
position:relative;
margin:0 auto;
width: 1040px;}

#left-column{width: 262px; float: right; margin-left: 20px; margin-bottom: 40px;}
#right-column{width: 707px; float: right; position: relative;}
#footer{clear: both; width: 990px; margin: 40px auto 0px;  position: relative;} 

.footer-img {background: url(images/layout/footer-sprite.png) -10px -605px no-repeat; height: 422px; width: 831px; position: relative; top: -64px; left: 125px;}

/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#header .content{padding-top: 10px;}
	a.logo{width: 330px; height: 100px; margin: 20px 0px 20px; display: block;}
	.ufo{float: right; position: absolute; left: 420px; top: 0 /*-35px*/; display: block; z-index: 2;}
	
	
.max-header{background: url(images/layout/footer-sprite.png) -9px -1087px no-repeat; width: 990px; height: 11px; position:relative; z-index: 1;}
		#header .max-header{height: 10px;}
		#header .max-header{height: 10px;}
	.max-content{background: url(images/layout/footer-content.png) repeat-y; width: 990px; padding: 10px 0px 20px;}
		.search_form{width: 370px; float: right;}
			.search_form input.search{float: left; width: 242px; height: 30px; padding: 10px 12px 0px 8px; margin: 0px 10px 0px 0px; color:#ccc; background: url(images/layout/search-bar-bg.gif) no-repeat; border: none;}
			.search_form input.search_button{float: right;}
			
	ul.page-menu{list-style: none; margin: 18px 0px 0px 30px; padding: 0px; float: left;}
		ul.page-menu li{float: left; margin-right: 10px; font-size: 18px; font-style: italic;}
			ul.page-menu li a{color: #9b56a8; padding: 15px 10px;}
			ul.page-menu li a:hover{color: #f6a22f; text-decoration: none;}
	
/* #header .max-footer{background: url(images/layout/footer-sprite.png) -10px -509px no-repeat; width: 990px; height: 13px; padding: 0px; margin-bottom: 20px;} */

/*-------------------------------------------------------------------------------------------*/
/*- LEFT COLUMN -----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/* span.aeroplane{display: block; position: relative; left: -67px; top: -15px; } */

.monkey {
background: url(images/layout/sidebar-sprite.png) -10px -52px /*0px -43px*/ no-repeat;
position: absolute;
height: 169px;
width: 428px;
top: -77px;
left: -90px;
z-index: 2;}

.left-column-content{position: relative; top: 48px; padding-bottom: 48px;} 

.pirate {
position: relative;
background: url(images/layout/sidebar-sprite.png) -10px -534px no-repeat;
margin: 0 0 30px 10px;
height: 271px;
width: 251px;
}
	.left-bar-header{background: url(images/layout/sidebar-sprite.png) -10px -400px no-repeat; width: 265px; height: 66px;}

		.left-bar-header h2{color: #fff; font-size: 30px; text-align: center; padding-top: 8px; letter-spacing:1px;}

.left-bar-header .twitter h2 {color: red;}
	.left-bar-content{background: url(images/layout/rails-sprite.png) -10px 0 repeat-y; margin: 0px; padding: 10px;}
	
		.left-bar-content ul{list-style: none; margin: 0px 4px; padding: 0px; z-index: 1;}
.left-bar-content ul li{background: url(images/layout/left-bar-list-sep.png) bottom no-repeat; padding: 10px 10px 15px 10px; margin: 0px; position: relative; z-index: 1;}				.left-bar-content ul li a{text-decoration: none; margin: 0px; /* display: block; */ overflow: hidden;}
				.left-bar-content ul li a:hover{color: #C3C2C2;}
			.left-bar-content ul li:last-child{background: none;}
			
           .left-bar-footer{background: url(images/layout/sidebar-sprite.png) -10px -481px no-repeat; width: 266px; height: 8px; overflow: hidden; margin-bottom: 30px;}


	/*-------------------------------------------*/
	/*- SUB MENU IN LEFT COLUMN -----------------*/
	.sub-menu{list-style: none; margin: 0px 4px; padding: 0px; width: 262px; position: absolute; left: 260px; top: -8px; z-index: 210;}
		.sub-menu-header{background: url(images/layout/sub-menu-header.png) no-repeat; overflow: hidden; width: 262px; height: 7px; padding: 0px; margin: 0px;}
		.sub-menu ul{background: url(images/layout/sub-menu-content.png) repeat-y; width: 262px; padding: 1px 0px; margin: 0px;}
			.sub-menu ul li{margin: 0px 2px;}
		.sub-menu-footer{background: url(images/layout/sub-menu-footer.png) no-repeat; overflow: hidden; width: 262px; height: 5px; padding: 0px; margin: 0px;}
	

	/*-------------------------------------------*/
	/*- DETAILED LISTING IN LEFT COLUMN ---------*/
	.detail-image{float: left; width: 40px; margin-right: 15px;}
	.detail-details{float: left; width: 150px;}
		.detail-details a{display: block; padding: 0px; margin: 0px;}
		.detail-details p{color: #ccc; font-size: 13px;}
		
	/*-------------------------------------------*/
	/*- DETAILED LISTING IN LEFT COLUMN ---------*/
	.sponsor-item{clear: both; margin: 0px 0px 10px 20px; padding: 0px 0px 10px; border: none; display: block;}
	

/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------*/
/*- FEATURED POSTS AND LIST (BIG THINGS GOING ON HERE... BE CAREFUL WITH THIS) ---------*/
.featured-post{width: 707px;}
	.featured-post-header{background: url(images/layout/main-sprite.png) -10px -568px no-repeat; width: 707px; height: 11px;}
	.featured-post-content{background: url(images/layout/rails-sprite.png) -290px 0 repeat-y; width: 707px; padding: 20px 0px;}
		.featured-post-item{position: relative; width: 641px; overflow: hidden; margin: auto;}
			.featured-post-item img{position: absolute; left: 2px; top: 3px; z-index: 1;}
			.featured-post-item .feature-border{background: url(images/layout/feature-item-border.png) no-repeat; position: relative; z-index: 2; width: 641px; height: 448px;}
			h2.feature-title a{position: absolute; z-index: 3; top: 395px; left: 30px; color: #fff; font-size: 23px; clear: both;}
				h2.feature-title a:hover{text-decoration: underline;}
			a.left-arrow{position: relative; float: left; top: 145px; left: 20px; z-index: 4;}
			a.right-arrow{position: relative; float: right; top: 145px; right: 20px; z-index: 4;}
	.featured-post-footer{background: url(images/layout/main-sprite.png) -10px -599px no-repeat; width: 707px; height: 12px; margin-bottom: 40px;}
	
.feature-posts-list{clear: both; margin-bottom: 30px; position: relative; left: 0px;}
	.feature-posts-list ul{list-style: none; margin: 0px; padding: 0px;}
		.feature-posts-list ul li{float: left; margin-right: 15px; width: 164px; height: 167px; position: relative;}
		.feature-posts-list ul li.last{float: left; margin: 0px;}
			.feature-posts-list ul li a{display: block; width: 164px; height: 167px; overflow: hidden; background: url(images/layout/featured-list-image-overlay.png) top left no-repeat; position: absolute; z-index: 2;}
			.feature-posts-list ul li a.selected{background-position: -0px -171px;}
			.feature-posts-list ul li a:hover{background-position: -0px -343px;}
			
			.feature-posts-list ul li img{position: absolute; top: 3px; left: 2px; z-index: 1;}


.post{width: 707px; margin-top: 47px;}
	.post h1, .post h1 a{display: block; clear: none; margin: 0 40px 0 20px; line-height: 40px; padding-top: 5px; font-family: 'Walter Turncoat', sans-serif;}


	h4.date{float: right; color: #999; font-size: 17px; font-weight: lighter; font-style: italic; margin-top: 5px; font-family: 'Walter Turncoat', sans-serif;}

	.post-header{background: url(images/layout/main-sprite.png) -10px -568px no-repeat; width: 707px; height: 11px; clear: both;}

	.post-content{background: url(images/layout/rails-sprite.png) -290px 0 repeat-y; width: 707px;}


.post-actions-header{background: url(images/layout/main-sprite.png) 0 -1387px no-repeat; width: 707px; height: 11px; clear: both;}
.post-actions-content{background: url(images/layout/rails-sprite.png) -1018px 0 repeat-y; width: 707px; height: 65px;}
.post-actions-footer{background: url(images/layout/main-sprite.png) 0 -1418px no-repeat; width: 707px; height: 12px; margin-bottom: 60px;}

		.content{padding: 15px 30px 10px 30px;}
			.content .video{margin-bottom: 20px;}
			.post-image{width: 646px; height: 253px; overflow: hidden; margin-bottom: 30px; position: relative;}
				.post-image .image-hide-overflow{position: absolute; z-index: 1; left: 3px; top: 3px; height: 248px; overflow: hidden;}
	 				/*.post-image .image-hide-overflow img{ display: none;}*/
				.post-image .post-image-border{background: url(images/layout/post-image-border.png) no-repeat; width: 646px; height: 254px; z-index: 2; position: absolute;}
		.post-content h1{clear: both; width: 100%;}
		.advert-content{padding: 10px 20px; text-align: center;}
	.post-footer{background: url(images/layout/main-sprite.png) -10px -599px no-repeat; width: 707px; height: 12px; margin-bottom: 60px;}
	.action-buttons{background: url(images/layout/post-header.gif) no-repeat; width: 707px; height: 11px; clear: both;}) top repeat-x; margin-top: 20px; padding: 20px 0px 0px; height: 10px;}

/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS SECTION ------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/





	/*- USER COMMENTS --------------------------------------------------------------*/
	/*- ------------- --------------------------------------------------------------*/
	.comment{clear: both; margin-bottom: 20px; position: relative;}
		.user{position: relative; float: left; width: 95px; background: url(../images/layout/user_image_bg.png) no-repeat;}
			.user img{position: relative; z-index: 4; left: 3px; top: 3px; margin-bottom: 20px;}
				.user .commenter_border{height: 93px; width: 93px; position: absolute; left: 0px; top: 0px; z-index: 5; background: url(images/layout/main-sprite.png) -10px -627px no-repeat}
			.user h3{clear: both; margin: 4px 6px; padding: 0px; font-size: 14px; max-height: 80px; overflow: hidden; width: 75px;}
			a.commenter_twitter{clear: both; color: #888; width: 60px; text-align: right; font-size: 11px;}
			a.commenter_twitter:hover{color: #fff;}

		.message{float: right; width: 603px; margin-bottom: 30px;}
			.comment-header{background: url(images/layout/main-sprite.png) -10px -740px no-repeat; width: 605px; height: 33px;}
			.comment-content{background: url(images/layout/comment-content.png) repeat-y; width: 602px; padding: 1px 0px;}
				.comment-message{position: relative; left: 30px; width: 520px; padding: 0px 20px 5px; font-size: 16px; color: #ccc;} 
					.comment-details{clear: both; background: url(images/layout/main-sprite.png) -11px -809px no-repeat; overflow: auto; margin: 0px 0px 10px;}
						span.date{float: left; width: 200px; padding-bottom: 10px; margin: 0px 0px 5px; display: inline-block; font-size: 13px; color: #555; font-weight: bold;}
						a.reply-to-comment{float: right; width: 180px; display: inline-block; text-align: right;}

			.comment-footer{background: url(images/layout/main-sprite.png) -10px -793px no-repeat; width:605px; height: 6px;}


		/*- THREADED USER COMMENTS -----------------------------------------------------*/
		/*- ------------- --------------------------------------------------------------*/
		.threaded-comment{clear: both; float: right; width: 574px; margin: 0px 0px 20px ;}
		.threaded-message{float: right; width: 477px;}
			.threaded-comment-header{background: url(images/layout/main-sprite.png) -10px -862px no-repeat; width: 477px; height: 30px;}
			.threaded-comment-content{background: url(images/layout/threaded-comment-content.png) repeat-y; width: 477px; padding: 1px 0px;}
				.threaded-comment-message{position: relative; left: 30px; width: 394px; padding: 0px 20px 5px; font-size: 14px; line-height: 18px; color: #ccc;} 
			.threaded-comment-footer{background: url(images/layout/main-sprite.png) -10px -915px no-repeat; width: 477px; height: 14px;}


	/*- COMMENT FORM ---------------------------------------------------------------*/
	/*- ------------- --------------------------------------------------------------*/
	.comment-form-content{padding: 15px 30px 10px 30px;}
	.comment_form .form_label{color: #ccc; margin-bottom: 10px; }

	.comment_form label{clear: both; display: block;  margin-bottom: 10px;}
	.comment_form label input.comment, .comment_form label textarea.comment{border: none;}
		/*.comment_form label input.comment{width: 224px; height: 30px; padding: 10px 10px 0px 8px; margin: 0px; color: #ccc; background:url(images/layout/leave-a-comment-bg.gif) no-repeat;}
		.comment_form label textarea.comment{width: 464px; height: 180px; padding: 10px 10px 18px 8px; margin: 0px; color: #ccc; background:url(images/layout/leave-a-comment-textarea-bg.gif) no-repeat;} */



 .comment_form label input.comment { 
border:1px solid red;
 -webkit-box-shadow: inset 0 0 5px red;
 -moz-box-shadow:    inset 0 0 5px red; 
box-shadow:         inset 0 0 5px red; 
padding: 10px; 
width: 300px;
height: 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
margin: 0 0 10px 0; 
font-size: 16px; 
 -webkit-transition: all 0.3s ease; 
 -moz-transition:    all 0.3s ease;
 -ms-transition:     all 0.3s ease; 
 -o-transition:      all 0.3s ease; 
}

.comment_form label input#twitter {background: url(images/layout/main-sprite.png) -140px -1067px no-repeat;}
.comment_form label input#email {background: url(images/layout/main-sprite.png) -140px -981px no-repeat;}
.comment_form label input#author {background: url(images/layout/main-sprite.png) -140px -937px no-repeat;}
.comment_form label input#url {background: url(images/layout/main-sprite.png) -140px -1023px no-repeat;}


.comment_form label input:focus {
border: 1px solid blue;
-webkit-box-shadow: inset 0 0 5px blue;
-moz-box-shadow:    inset 0 0 5px blue; 
box-shadow:         inset 0 0 5px blue; 
}

.comment_form label input#twitter:focus {background-position: -205px -1067px;}
.comment_form label input#email:focus {background-position: -195px -981px;}
.comment_form label input#author:focus {background-position: -210px -937px;}
.comment_form label input#url:focus {background-position: -215px -1023px;}


 .comment_form label textarea.comment { 
        background: white; 
border:1px solid red;
    -webkit-box-shadow: inset 0 0 5px red;
    -moz-box-shadow:    inset 0 0 5px red; 
    box-shadow:         inset 0 0 5px red; 
padding: 10px; 
    width: 640px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    height: 250px; 
    margin: 0 0 10px 0; 
    font-size: 16px; 
    background: url(images/layout/main-sprite.png) 380px -1110px no-repeat; 
    -webkit-transition: all 0.3s ease; 
    -moz-transition:    all 0.3s ease;
    -ms-transition:     all 0.3s ease; 
    -o-transition:      all 0.3s ease; 
resize: vertical;}

.comment_form label textarea.comment:focus { 
    background-position: 450px -1070px;
border:1px solid blue;
-webkit-box-shadow: inset /*1px 1px 10px #cc8833 */ 0 0 5px blue;
-moz-box-shadow:    inset /*1px 1px 10px #cc8833 */ 0 0 5px blue; 
box-shadow:         inset /*1px 1px 10px #cc8833 */ 0 0 5px blue; 
}


/*-------------------------------------------------------------------------------------------*/
/*- PROMOTE POST ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.promote-post{margin: 5px -2px 10px 0; padding: 10px; border: 1px solid #808080; background: #F0F4F9;}
	.heart{float: left; width: 337px; height: 90px; background: url(images/layout/promote-post.png) left no-repeat; text-indent: -9999px;}
	.promote_buttons{float: right; width: 160px;}
	.digg_show{float: left; width: 51px; padding: 6px; width: 51px; margin: 0px 20px 0px 0px; border: 1px solid #282828; background-color: #000; }
	.tweet_show{float: left; width: 51px; height: 70px; padding: 16px 6px 6px 6px; margin: 0px 10px 0px 0px; border: 1px solid #282828; background-color: #000; }


/*-------------------------------------------------------------------------------------------*/
/*- GALLERY PAGE ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.gallery_list{list-style: none; margin: 0px; padding: 0px;}
	li.gallery_image{float: left; width: 202px; height: 137px; margin: 0px 50px 40px 0px; padding: 15px 0px 0px; background: url(images/layout/gallery-image-bg.gif) no-repeat;}
		li.gallery_image a{display: block; width: 170px; height: 120px; margin: auto; overflow: hidden; text-align: center; position: relative;}
			li.gallery_image a img{position: absolute; z-index: 1; left: 0px;}
			span.gallery_name{position: absolute; bottom: 0px; left: 0px; text-align: center; z-index: 2; background: #000; color: #ccc; width: 170px; display: block; font-size: 11px; padding: 5px 0px; opacity: 0.8;}
		li.gallery_image a:hover, li.gallery_image a:hover span.gallery_name{color: #fff; text-decoration: none;}
	li.middle_image{margin: 0px 20px;}
	ul.gallery_list li.last-item{margin-right: 0px;}

/*-------------------------------------------------------------------------------------------*/
/*- ARCHIVES PAGE ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
h4.archive_year {color: #fff; padding: 0px 0px 10px 00px; font-weight: bold; font-style: italic; font-size: 10.5pt;}
.archives_list {border-left: 1px dotted #212121; list-style: none; list-style-image:none; list-style-position: outside; list-style-type:none; margin: 0px 0px 15px 15px;}
.archives_list li {clear:left; padding: 7px 0px 0px 50px; font-size: 12px; list-style: none; background: url(images/layout/archive-li-bg.png) no-repeat;}
.archives_list .date {color: #999; width: 100px; display: inline-block;}
	.archives_list .label {min-width: 60px; font-style: italic; display: inline-block; margin-right: 20px;}
	.archives_list .label a {color: #fff; font-weight: bold; padding: 2px 4px; font-size: 12px;}
	.archives_list .label a:hover { color: #fff; text-decoration: underline;}

/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
	ul.footer-columns{list-style: none; margin: 0px auto; padding: 0px; width: 940px;}
		ul.footer-columns li.column{/*width: 300px; */ min-height: 340px; float: left; padding-right: 25px; margin-right: 25px; font-size: 14px; color:#ccc; /* background:url(images/layout/footer-separator.png) right no-repeat; */}
		/* ul.footer-columns li.column:last-child{width: 220px; margin: 0px; padding: 0px; background: none;} */
			ul.footer-columns li p{color:#000; line-height: 20px;}
		
			/*- FLICKR ------------------------------------------------------------------*/
			#flickr_badge_wrapper{margin: 0px; padding: 0px; list-style: none;}
				/* #flickr_badge_wrapper .flickr_badge_image{float: left; margin: 0px 10px 10px 0px; overflow: hidden; text-align: center; background: url(images/layout/flickr_bg.png) 0px 0px no-repeat; border: 5px solid #333;}
				#flickr_badge_wrapper .flickr_badge_image img{height: 80px; width: 80px; margin: 0px;} */

.flickr_badge_image {
    float: left;
    overflow: hidden;
    text-align: center;
    background: url(images/layout/footer-sprite.png) -10px -60px no-repeat;
    position: relative;
height: 92px;
width: 92px;
margin: 4px;}

.flickr_badge_image img
{padding: 2px;
top: 7px;
position: relative;}


  li.column h3 { 
    background    : url(images/layout/footer-sprite.png) -309px -1099px no-repeat; 
    text-indent: -9999px;
 } 

 
 #footer-about { 
    height               : 24px; 
    width                : 102px; 
    background-position  : -10px -10px; 
 } 
 
 #footer-contact { 
    height               : 30px; 
    width                : 138px; 
    background-position  : -112px -10px; 
 } 
 
 #footer-flickr { 
    height               : 27px; 
    width                : 185px; 
    background-position  : -394px -10px; 
 } 

.contact_button {float:right;}


			
			/*- TWITTER -----------------------------------------------------------------*/
			ul#twitter_update_list{list-style: none; margin: 0px; padding: 0px; clear: both;} 
			ul#twitter_update_list li{margin: 0px 0px 20px; padding: 0px 0px 20px; background: url(images/layout/left-bar-list-sep.gif) bottom left repeat-x; color: #000;}
			ul#twitter_update_list li a{color: #3d4ee4; display: inline;}
				ul#twitter_update_list li a:hover{color: #f6a22f; display: inline;}
				ul#twitter_update_list li:last-child{background: none; margin: 0px;}
				
			/*- CONTACT -----------------------------------------------------------------*/
			 #footer input.contact{width: 206px; height: 33px; padding: 8px 14px 0px 8px; color: #000; margin-bottom: 5px; background: url(images/layout/footer-sprite.png) -10px -173px no-repeat; border: none;}
			#footer textarea.contact{width: 206px; height: 120px; padding: 10px 10px 0px 10px; color: #000; margin-bottom: 5px; background: url(images/layout/footer-sprite.png) -10px -230px no-repeat; border: none; overflow: hidden;}

#footer .max-footer{padding: 20px 0px 0px; margin: 0px; background: url(images/layout/footer-sprite.png) -8px -1057px no-repeat; width: 990px; height: 5px;}
	#footer .max-footer p.copyright{float: left; font-size: 13px; color: #555;}
	#footer .max-footer a{color: #ccc;}
	#footer .max-footer a:hover{color: #3cf;}


.contact-col {width: 230px; margin-left: 5px; background:url(images/layout/footer-separator.png) right no-repeat;}
.flickr-col {width: 300px; background:url(images/layout/footer-separator.png) right no-repeat;}

.profile {
height: 225px;
width: 149px;
background: url(images/layout/footer-sprite.png) -10px -370px no-repeat;
float: right;
top: 161px;
right: 8px;
position: absolute;
}

.about-text{
height: 300px;
width: 500px;
float: left;
top: 0;
position: relative;
overflow: hidden;
margin-left: -5px;
color: #000;
line-height: 20px;
font-size: 15px;}

/*-------------------------------------------------------------------------------------------*/
/*- SOME STANDARD WORDPRESS PLUGIN STYLES ---------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*- CALENDAR -----------------------------------------------------------------*/
#calendar_wrap{padding: 30px;}
#wp-calendar{width:100%; font-size:0.9em;}
	#wp-calendar caption {padding-bottom: 10px; font-size: 14pt;}
	#wp-calendar td, #wp-calendar th{text-align:center; padding: 5px;}
	#wp-calendar #prev {text-align:right;}
	#wp-calendar #next {text-align:left;}
	#wp-calendar th{background:#000;padding: 5px 5px}


/*-------------------------------------------------------------------------------------------*/
/*- SPRITES ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
a.continue-reading, a.continue-reading-sml, /*a.leave-a-comment,*/ a.comment-count, /*.next_page a, .previous_page a,*/
a.left-arrow, a.right-arrow, .footer-about,  /*a.follow, a.top-of-page,*/ a.footer-lefthanded,
a.this-is-obox, /*h2.leave-a-comment-lg, h2.comment-title, */ h2.left-categories, h2.popular-posts, h2.latest-comments, h2.sponsors 
{background: url(images/layout/sprite.png) no-repeat; overflow: hidden; display: block; text-indent: -9999px;}
	
	/* h2.comment-title{background-position: -10px -575px; width: 181px; height: 34px; clear: left; margin-bottom: 20px;}
	h2.leave-a-comment-lg{background-position: -10px -532px; width: 295px; height: 35px; clear: both;} */
	
	a.continue-reading {background-position: -11px -150px; width: 217px; height: 30px; float: left; margin-right: 30px;}
	a.continue-reading-sml {background-position: -168px -275px; width: 128px; height: 17px;}
	/* a.leave-a-comment{background-position: -11px -187px; width: 219px; height: 30px; float: right;
margin-right: 10px;} */
	a.comment-count{background-position: -384px -25px; width: 63px; height: 36px; text-indent: -2px; padding: 9px 0px 0px; margin-right: 20px; float: left; color: ##9B56A8; text-decoration: none; text-align: center;}
	a.left-arrow{background-position: -344px -221px; width: 61px; height: 90px;}
	a.right-arrow{background-position: -404px -221px; width: 61px; height: 90px;}
	a.footer-lefthanded{background-position: -11px -415px; width: 199px; height: 30px; float: left; margin-bottom: 20px;}
	/* a.top-of-page{background-position: -380px -419px; width: 72px; height: 23px; float: right;} */
	/*a.follow{background-position: -243px -234px; width: 53px; height: 16px; float: right; margin: 3px 15px 0px 0px;}*/
	a.this-is-obox{background-position: -11px -484px; width: 201px; height: 16px; float: right;}

.page_button_content {margin: -30px 5px -15px 5px;}

.next_page a {
background: url(images/layout/main-sprite.png) -10px -311px no-repeat;
overflow: hidden;
display: block;
text-indent: -9999px;
height: 25px;
width: 202px;
float: right;}

.next_page a:hover {background-position: -10px -338px;}

.previous_page a {
background: url(images/layout/main-sprite.png) -10px -259px no-repeat;
overflow: hidden;
display: block;
text-indent: -9999px;
height: 24px;
width: 211px;
float: left;}

.previous_page a:hover {background-position: -10px -285px;}

a.top-of-page {
background: url(images/layout/main-sprite.png) -10px -365px no-repeat;
overflow: hidden;
display: block;
text-indent: -9999px;
height: 23px;
width: 85px;
float: right;
margin: -27px 15px 0 0;}

a.top-of-page:hover {background-position: -10px -390px;}

.leave-a-comment-lg {background: url(images/layout/main-sprite.png) -10px -44px no-repeat; width: 386px; height: 26px; overflow: hidden; text-indent: -9999px; margin: 0 0 10px 30px;}

.comment-title {background: url(images/layout/main-sprite.png) -10px -10px no-repeat; width: 231px; height: 26px; overflow: hidden; text-indent: -9999px; margin-bottom: 20px;}

.comment a.rss {background: url(images/layout/main-sprite.png) -10px -78px no-repeat; width: 157px; height: 37px; overflow: hidden; text-indent: -9999px; display: block; float: right;}
.comment a.rss:hover {background-position: -10px -117px;}

input#email_subscribe {float: right; height: 20px; width: 20px; border:none;}



.notify-wrapper {height: 40px; float: right;}

.notify-email {background: url(images/layout/main-sprite.png) -10px -208px no-repeat; width: 184px; height: 31px; overflow: hidden; text-indent: -9999px; display: block; float: right;}

.notify-checkbox {width: 20px; height: 20px; float: left; margin-top: 8px; padding-right: 10px;}


	
	/*-- HOVER STATES --*/
	a.continue-reading:hover{background-position: -241px -150px;}
	a.continue-reading-sml:hover{background-position: -168px -294px;}
	/* a.leave-a-comment:hover{background-position: -241px -187px;} */
	a.comment-count:hover{background-position: -384px -70px; color: #C3C2C2;}
	a.left-arrow:hover{background-position: -344px -311px;}
	a.right-arrow:hover{background-position: -404px -311px;}
	a.footer-lefthanded:hover{background-position: -11px -446px;}
	/* a.top-of-page:hover{background-position: -380px -443px;}
	a.follow:hover{background-position: -243px -250px;}*/
	a.this-is-obox:hover{background-position: -11px -500px;}
	/*.next_page a:hover{background-position: -230px -701px;}
	.previous_page a:hover{background-position: -232px -740px;} */
	

	/*--- LEFT BAR ---*/
	h2.left-categories{background-position: -11px -232px; width: 120px; height: 21px; position: relative; left: 22px; top: 22px;  text-indent: -9999px;}
	h2.popular-posts{background-position: -10px -9px; width: 222px; height: 64px; position: relative; left: -13px; top: -13px; text-indent: -9999px;}
	h2.latest-comments{background-position: -10px -86px; width: 256px; height: 45px; position: relative; left: -13px; top: 6px; text-indent: -9999px;}
	h2.sponsors{background-position: -10px -660px; width: 111px; height: 22px; clear: both;  position: relative; top: 21px; text-indent: -9999px;}	


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*- CLEARFIX --- * I prefer not to touch this code, I don't recommend you do so either, it works... so don't fix whats working ;) * -*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none;	margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}