/*
Name: MICRO.INKDROP
Design Studio: Obox Design http://www.obox-design.com/
Version: 1.0
Author: Obox Design
Author URI: http://www.obox-design.com/
*/


/*--------------------------------------------------------------------------------------------------------------------------*/
/*- RESET - Courtesy of Eric Meyer's CSS Reset Awesomeness: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ---*/
/*--------------------------------------------------------------------------------------------------------------------------*/
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,
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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{margin: 0px; padding: 0px; background: #ebebeb;
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #595959;}

h1, h2, h3, h4, h5, h6{margin: 0px 0px 5px; padding: 0px 0px 5px; color: #999; font-weight: lighter;}

h1{font-size: 35px; line-height: 37px;}
h2{font-size: 30px; line-height: 32px;}
h3{font-size: 20px; line-height: 18px;}
h4{font-size: 13px; line-height: 16px;}
h5{font-size: 12px; line-height: 15px;}
h6{font-size: 10px; line-height: 13px;}

p{line-height: 22px; margin-bottom: 12px;}
blockquote, blockquote p{}

form{}
label{}
textarea, input{font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #595959;}
input[type=radio]{}
input[type=checkbox]{}
input[type=image]{}
input[type=button]{}


/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--- Links ---*/
a{color: #333; text-decoration: none; cursor: pointer;}
a:hover{color: #000;}
a:active{text-decoration: #333;}

	
/*--- Layouts ---*/
.no_bg{background-image: none;}
.clearboth{clear: both}
.floatleft{float: left;}
.floatright{float: right;}
.floatright{float:right;}
.no_display{display: none;}

.alignleft{float: left; margin: 0px 20px 10px 0px;}
.alignright{float: right; margin: 0px 0px 10px 20px;}
.aligncenter{text-align: center;}

u{text-decoration: underline;}
strong{font-weight: bold;}
em{font-style: italic;}

/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

#header-container{width: 880px; margin: 0px auto;}
#container{width: 840px; margin: 0px auto;}
#content-column{float: left; width: 500px;}
	#post-column{clear: both;}
#sidebar-container{float: right; width: 220px; padding: 10px; margin: 0px auto 60px; position: relative; background: url(images/layout/border-bg.png) repeat; -moz-border-radius: 10px; -webkit-border-radius: 10px;}


/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------*/
	/*- HEADER ROW -------------*/
	.logo{clear: both; padding: 60px 0px 40px; margin: 0px 0px 0px 50px; text-align: left; font-family: "League Gothic", "Letter Gothic MT", "Letter Gothic Std"; font-size: 40px; text-transform: uppercase;}
		.logo a{color: #333;}
		

	/*--------------------------*/
	/*- PAGES ------------------*/
	.page-menu{clear: both; background: #222; text-align: left; padding: 10px 20px; text-transform: uppercase; font-family: "League Gothic", "Letter Gothic MT", "Letter Gothic Std";
					-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
					-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;}
		.page-menu a{margin: 0px 20px 0px 0px; font-size: 18px; color: #fff; line-height: normal;}
			ul.page-menu li a:hover{color: #000;}	
	

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

/*----------------------------*/
/*- THE SLIDER ---------------*/
.slider-container{float: left; width: 540px; margin: 0px 0px 40px 0px; position: relative; background: url(images/layout/border-bg.png) repeat; padding: 10px;
					-moz-border-radius: 10px; -webkit-border-radius: 10px;}
					
	.selected-item{width: 500px; height: 300px; overflow: hidden; position: relative;}
	.feature{width: 500px; height: 300px; padding: 20px; overflow: hidden; margin: auto; background: #333; position: relative;
					-moz-border-radius: 4px; -webkit-border-radius: 4px;}
						
		.feature .selected-item .feature-image-container{position: relative; z-index: 1px; width: 500px; height: 300px; overflow: hidden;}
			.feature .selected-item .feature-image-container .feature-image-slider{width: 9999px; position: absolute; left: 0px}

			.feature-copy{width: 460px; position: absolute; bottom: 0px; z-index: 2px; padding: 15px 20px; background: url(images/layout/dark-bg.png) repeat; color: #fff; line-height: 22px;
							text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.10);}
				.feature-copy p{padding: 0px; margin: 0px;}
					.feature-copy a{color: #fff; border-bottom: 1px dotted #ccc;}
					.feature-copy a:hover{border-bottom: 1px dotted #fff;}
		
		a.feature-image{float: left; display: block; width: 500px; height: 300px; overflow: hidden;}
							
					
	.controls{padding: 10px 0px 10px 10px; position: absolute; left: -20px; bottom: 30px; background: #333;
				-moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px;
				-moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px;}
				
		.controls a{display: block; clear: both; width: 30px; height: 30px; background: url(images/layout/sprite.png) no-repeat; text-indent: -9999px; overflow: hidden;}
			.controls a.next{margin-bottom: 1px; background-position: 0 -224px;}
			.controls a.previous{background-position: 0 -255px;}
				.controls a.next:hover{background-position: -31px -224px; -webkit-transition: none !important;}
				.controls a.previous:hover{background-position: -31px -255px; -webkit-transition: none !important;}


/*----------------------------*/
/*- THE POSTS ----------------*/
.post-container{clear: both; width: 500px; margin: 0px 0px 60px 30px; position: relative;}
				
				
		/*-------------------------*/
		/*- POST META -------------*/
		.post-meta li{padding: 8px 0px;}
		.post-meta li a{color: #ccc;}
			.post-meta li a:hover{color: #333;}
			
			
	/*----------------------------*/
	/*- POST CONTAINER -----------*/
	.post{width: 420px; padding: 40px 40px 30px; min-height: 70px; background: #fff; border-top: 2px solid #333;}
	
	
		.post-quote{border-color: #86C045;}
			.post-quote a.post-type{background: #86C045;}
		.post-video{border-color: #373E51;}
			.post-video a.post-type{background: #373E51;}
		.post-image{border-color: #FF3333;}
			.post-image a.post-type{background: #FF3333;}
		.post-url{border-color: #0099CC;}
			.post-url a.post-type{background: #0099CC;}
		.post-audio{border-color: #23526D;}
			.post-audio a.post-type{background: #23526D;}
		.post-chat{border-color: #F76206;}
			.post-chat a.post-type{background: #F76206;}
		.post-note{border-color: #CF548D;}
			.post-note a.post-type{background: #CF548D;}
			

		a.post-type{padding: 1px 5px 3px; line-height: normal; font-style: italic; font-weight: bold; font-size: 12px; position: absolute; top: 2px; left: 40px; z-index: 100;
					font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
					color: #fff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.20);
					-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
					-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;}
			a.post-type:hover{color: #fff;}
			

		.video-item, .post .image-item{display: block; margin: -40px 0px 20px -40px; position: relative; border: none;}
		
		h4.date{margin-bottom: 30px; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; text-transform: uppercase;}
		h3.title{padding: 0px; margin-bottom: 20px; color: #333; font-family: "League Gothic", "Letter Gothic MT", "Letter Gothic Std"; font-size: 32px; font-weight: lighter;}
		
		.shadow{display: block; float: right; margin-right: 10px; width: 480px; height: 8px; background: url(images/layout/sprite.png) 0px 0px no-repeat;}
		
	
		/*-------------------------*/
		/*- POST TAGS -------------*/
		.meta{clear: both; width: 420px; padding: 20px 40px; margin: 0px; background: #fff; border-top: 1px dotted #ccc; font-size: 11px; color: #ccc; font-style: italic; text-transform: lowercase;
					-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
					-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;}
			.tag-list{clear: both;}
			.tag-list a{ display: inline-block; color: #999; margin: 0px 8px 8px 0px;}
			.alt-meta{clear: both;}
				.meta a.comment-count, .meta a.note-count{float: left; margin: 0px 8px 0px 0px; color: #000;}
			.meta a:hover{color: #333;}

			
		
		/* ------------------------*/
		/*- SOUND -----------------*/
		.album-art{float: left; display: block; width: 215px; height: 215px; margin: 0px 15px 20px 0px; position: relative; overflow: hidden;}
		.album-art img{width: 225px; position: relative; top: -5px; left: -5px; z-index: 1;}
		.album-art span{display: block; width: 215px; height: 215px; background: url(images/layout/sprite.png) -240px -260px no-repeat; position: absolute; top: 0px; z-index: 2;}
		.audio-block{float: left; width: 165px; margin-top: 60px;}
			.plays{display: block; margin: 10px 0; font-style: italic; font-size: 11px; color: #999;}
			.audio-panel{width: 420px; padding: 0px 40px 30px; min-height: 70px; background: #fff;}
			

		/*-------------------------*/
		/*- CHAT ------------------*/
		ul.chat-item{line-height: 22px; margin: 0px !important;}
			ul.chat-item li{clear: both; border-bottom: 1px dotted #ccc; margin-bottom: 10px;}
				ul.chat-item li strong{color: #333; font-style: italic;}
				ul.chat-item li span{color: #595959;}
			ul.chat-item li:first-child{border-top: none; margin-top: 10px;}
			ul.chat-item li:last-child{border-bottom: none;}
			
			
		/*-------------------------*/
		/*- LINK ------------------*/
		a.post-link{display: block; padding: 8px 8px 0px 8px; margin-bottom: 10px; background: #0099CC; color: #fff; font-size: 32px; font-weight: lighter;
					-moz-border-radius: 3px; -webkit-border-radius: 3px;}
			a.post-link:hover{background: #111;}
	
	
	/*-------------------------*/
	/*- NEXT PREVIOUS BUTTONS -*/
	.next-prev{margin: 0px 0px 60px 30px; width: 500px;}
	.next-prev div{ height: 30px; background: url(images/layout/pages-bg.png) center no-repeat; font-family: "League Gothic", "Letter Gothic MT", "Letter Gothic Std";}
		.next-prev a{display: block; height: 25px; padding-top: 5px; background: url(images/layout/sprite.png) no-repeat; color: #333; text-transform: uppercase; font-size: 20px; cursor: pointer;}
			a.prev-page{float: left; width: 68px; margin-left: 178px; background-position: 37px -335px; text-align: left;}
			a.next-page{float: right; width: 68px; margin-right: 178px; background-position: 0 -304px; text-align: right;}
				a.prev-page:hover{background-position: 37px -397px; color: #111; -webkit-transition: none !important;}
				a.next-page:hover{background-position: 0 -366px; color: #111; -webkit-transition: none !important;}
			
			
/*-------------------------------------------------------------------------------------------*/
/*- POSTS CLASSES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS  -*/
.post p{clear: none;}
.post ol, .post ul{list-style: disc; margin: 0px 0px 10px 30px;}
	.post ol li, .post ul li{line-height: 22px; padding-bottom: 7px;}
.post ol{list-style: decimal;}
.post code, .copy pre{}
.post img{}
.post h2{}
.post h3{}
.post blockquote{display: block; padding: 8px 0px 8px 20px; margin-bottom: 10px; border-left: 1px solid #ccc; font-style: italic; color: #777; font-size: 16px; line-height: 22px;
					font-family: Georgia, "Times New Roman", Times, serif;
					-moz-border-radius: 3px; -webkit-border-radius: 3px;}


/*-------------------------*/
/*- QUOTE -----------------*/
.post-quote{padding-bottom: 40px; background: #222; color: #fff;}
.post-quote blockquote{padding: 0px; border: none; font-size: 25px; font-style: italic; line-height: 35px; color: #86C045; font-family: Georgia, "Times New Roman", Times, serif;
						text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.90);}
						
.quote-source a{color: #ccc;}
	.quote-source a:hover{color: #fff;}
.post-quote-tags{background: #111; border-top: 1px dotted #444;}
	.post-quote-tags a:hover{color: #fff;}
	.post-quote-tags.meta a.comment-count, .post-quote-tags.meta a.note-count{color: #ccc;}
		.post-quote-tags.meta a.comment-count:hover,  .post-quote-tags.meta a.note-count:hover{color: #fff;}


/*-------------------------------------------------------------------------------------------*/
/*- NOTES CLASSES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ol.notes{clear: both; list-style: none !important; margin: 20px 0px 0px !important; padding: 0px  !important; background: #333;
					-moz-border-radius: 5px; -webkit-border-radius: 5px;}
	ol.notes li{padding: 15px 40px !important; margin: 0px !important; font-size: 11px; border-bottom: 1px dotted #555; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.90);}
	
		ol.notes li a{clear: both; color: #fff;}
			ol.notes li a:hover{color: #ccc;}
		ol.notes li span.action{color: #ccc;}
		ol.notes li img.avatar{display: none !important;}
		ol.notes li blockquote{clear: both; display: block; padding-left: 10px; margin: 10px 0px 0px -10px; font-size: 11px; line-height: 22px; font-style: italic; color: #999;}
			ol.notes li blockquote a{color: #999;}
				ol.notes li blockquote a:hover{color: #fff;}

ol.notes li:first-child{padding-top: 40px !important;}
ol.notes li:last-child{border-bottom: none; padding-bottom: 40px !important;}


/*-------------------------------------------------------------------------------------------*/
/*- SIDEBAR ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#sidebar{clear: both; color: #999; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.90); line-height: 18px; font-size: 11px; line-height: 18px;
		-moz-border-radius: 4px; -webkit-border-radius: 4px;}
	#sidebar-container h4.footer-title{color: #fff; padding: 20px 20px 0px; font-size: 22px; text-transform: uppercase;}

	/*--------------------------------------------*/
	/*- SEARCH -----------------------------------*/
	.search-bar{padding: 15px 20px; margin-top: 10px; background: #222; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
		.search-form input.search{float: left; width: 100px; height: 18px; padding: 3px 8px; margin: 0px; background: #fff; border: none; line-height: normal;
									-moz-border-radius: 4px; -webkit-border-radius: 4px;}
		.search-form input.search_button{float: right; display: block; height: 25px; margin: 0px; padding: 0px 4px 0px; background: none; border: none; color: #999; text-transform: uppercase; font-size: 10px; line-height: normal; cursor: pointer;
											background: #111; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
			.search-form input.search_button:hover{color: #fff; background: #000;}


		/*-------------------------*/
		/*- ABOUT SITE OWNER ------*/
		.about-owner{padding: 20px 20px 10px; background: #333; white-space: normal; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
			#sidebar-container .about-owner h4.footer-title{padding: 0px 0px 10px;}
			#sidebar-container .about-owner p{line-height: 18px; color: #999;}
			#sidebar-container .about-owner img{float: left; margin-right: 8px; padding: 4px; background: #555;
						-moz-border-radius: 3px; -webkit-border-radius: 3px;
						-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.50);
						-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.50);}
			
			
		/*-------------------------*/
		/*- LIKES -----------------*/
		.likes{margin-top: 10px; background: #333; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
			.likes a.see-more-likes{display: block; padding: 10px 0px; color: #fff; text-transform: none; font-style: italic; font-weight: bold; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.90); text-align: center;}
				.likes a.see-more-likes:hover{color: #ccc;}				
			#likes li{clear: both; padding: 20px; border-bottom: 1px dotted #555; line-height: 18px;}
			#likes li:first-child{padding-top: 10px;}
			#likes a{color: #fff; text-transform: none; font-style: italic; font-weight: bold; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.90);}
				#likes a:hover{color: #ccc;}
			#likes img {max-width: 170px; height: auto !important; padding: 4px; margin-bottom: 10px; background: #555;
						-moz-border-radius: 3px; -webkit-border-radius: 3px;
						-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.50);
						-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.50);}
			#likes li p{margin-bottom: 0px; line-height: 18px;}
			#likes li .post_info_bottom{display: none !important;}
				
				
		/*-------------------------*/
		/*- FLICKR ----------------*/
		.flickr{margin-top: 10px; background: #333; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
		#flickr_badge_wrapper{padding: 10px 20px 15px;}
			#flickr_badge_wrapper .flickr_badge_image{float: left; margin: 0px 10px 10px 0px; width: 42px; height: 42px; padding: 4px; background: #555;
														-moz-border-radius: 3px; -webkit-border-radius: 3px;
														-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.50);
														-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.50);}
				#flickr_badge_wrapper .flickr_badge_image:hover{background: #777;}
			#flickr_badge_wrapper .flickr_badge_image a{display: block; width: 42px; height: 42px; overflow: hidden; text-align: center;}
					#flickr_badge_wrapper .flickr_badge_image a img{width: 150px; height: auto; text-align: center;}
					
	
		/*-------------------------*/
		/*- TWITTER ---------------*/
		.twitter{margin-top: 10px; background: #333;
					-moz-border-radius: 4px; -webkit-border-radius: 4px;}
		#tweets a{display: none; padding: 20px 20px 20px 45px; white-space: normal; background: url(images/layout/sprite.png) -445px -65px no-repeat; color: #999; font-size: 11px; font-weight: lighter;}
			#tweets a:hover{color: #fff;}
			#tweets a:first-child{display: block; padding-top: 10px; background-position: -445px -75px;}
			#tweets a:last-child{border: none;}
				

	/*-------------------------------*/
	/*- FOOTER COPYRIGHT and OBOX ---*/
	.footer-copyright{margin-top: 10px; padding: 10px 20px; background: #222; font-size: 11px; color: #999; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.90); text-align: center;
						-moz-border-radius: 4px; -webkit-border-radius: 4px;}
		.footer-copyright p{margin: 0px; padding: 0px;}
		.footer-copyright a{color: #ccc;}
			.footer-copyright a:hover{color: #fff;}
			
	.footer-obox{margin-top: 10px; padding: 0px; background: none; text-align: center;}
		.footer-obox p{padding: 0px; margin: 0px;}
	
					
/*-------------------------------------------------------------------------------------------*/
/*- TRANSITIONS -----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.search-form input.search_button:hover,
a:hover{-webkit-transition: all 0.1s linear;}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*- 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;}



/*-------------------------------------------------------------------------------------------*/
/*- DISQUS CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.disqus h3{font-size: 20px; margin-bottom: 15px;}
#dsq-content .dsq-options, #dsq-content .dsq-login-buttons{border: none !important; padding: 10px 0px !important;}
.disqus .dsq-post-area{padding-top: 30px !important; margin-top: 20px !important;}