/*
Name: SPLATTER
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: "" "";}


/*-------------------------------------------------------------------------------------------*/
/*- Font-face Declarations, generated with the help
    of Font Squirrel (http://www.fontsquirrel.com),
    (http://www.fontsquirrel.com/fontface/generator). ---------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

@font-face {
	font-family: 'GoudyBookletter1911Regular';
	src: url('http://static.tumblr.com/jnt4wuy/HdBl2yvau/goudybookletter1911-webfont.eot');
	src: local('?'),
		url('http://static.tumblr.com/jnt4wuy/cCUl2yvnf/goudybookletter1911-webfont.woff') format('woff'),
		url('http://static.tumblr.com/jnt4wuy/43ll2yvk1/goudybookletter1911-webfont.ttf') format('truetype'),
		url('http://static.tumblr.com/jnt4wuy/plVl2yvf5/goudybookletter1911-webfont.svg#webfont3FKCeacZ') format('svg');
}

@font-face {
	font-family: 'OFLSortsMillGoudyItalic';
	src: url('http://static.tumblr.com/jnt4wuy/CiSl2yvbe/oflgoudystm-italic-webfont.eot');
	src: local('?'),
		url('http://static.tumblr.com/jnt4wuy/36jl2yvnv/oflgoudystm-italic-webfont.woff') format('woff'),
		url('http://static.tumblr.com/jnt4wuy/xdll2yvkn/oflgoudystm-italic-webfont.ttf') format('truetype'),
		url('http://static.tumblr.com/jnt4wuy/d1bl2yvft/oflgoudystm-italic-webfont.svg#webfontVowPYVAX') format('svg');
	font-weight: normal; font-style: italic;
}

@font-face {
	font-family: 'OFLSortsMillGoudyTTItalic';
	src: url('http://static.tumblr.com/jnt4wuy/quTl2yvbx/oflgoudystmtt-italic-webfont.eot');
	src: local('?'),
		url('http://static.tumblr.com/jnt4wuy/9Tel2yvob/oflgoudystmtt-italic-webfont.woff') format('woff'),
		url('http://static.tumblr.com/jnt4wuy/Fljl2yvlk/oflgoudystmtt-italic-webfont.ttf') format('truetype'),
		url('http://static.tumblr.com/jnt4wuy/f5Il2yvgn/oflgoudystmtt-italic-webfont.svg#webfontHIHWDhoL') format('svg');
	font-weight: normal; font-style: italic;
}



@font-face {
	font-family: 'OFLSortsMillGoudyTTRegular';
	src: url('http://static.tumblr.com/jnt4wuy/GcDl2yvcs/oflgoudystmtt-webfont.eot');
	src: local('?'),
		url('http://static.tumblr.com/jnt4wuy/8fnl2yvop/oflgoudystmtt-webfont.woff') format('woff'),
		url('http://static.tumblr.com/jnt4wuy/7Jel2yvmc/oflgoudystmtt-webfont.ttf') format('truetype'),
		url('http://static.tumblr.com/jnt4wuy/dZ9l2yvh8/oflgoudystmtt-webfont.svg#webfontBlc3MeA5') format('svg');
}

@font-face {
	font-family: 'OFLSortsMillGoudyRegular';
	src: url('http://static.tumblr.com/jnt4wuy/xoGl2yvdx/oflgoudystm-webfont.eot');
	src: local('?'),
		url('http://static.tumblr.com/jnt4wuy/EGsl2yvp8/oflgoudystm-webfont.woff') format('woff'),
		url('http://static.tumblr.com/jnt4wuy/HCUl2yvmx/oflgoudystm-webfont.ttf') format('truetype'),
		url('http://static.tumblr.com/jnt4wuy/ECZl2yvjd/oflgoudystm-webfont.svg#webfontZeMN9zn5') format('svg');
}


/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{margin: 0px; padding: 0px; background: #31373C;
	font-family: 'GoudyBookletter1911Regular', "Palatino Linotype", "Book Antiqua", Palatino, serif, georgia, 'times new roman', sans-serif; font-size: 16px; color: #333;}

h1, h2, h3, h4, h5, h6{margin: 0px 0px 5px; padding: 0px 0px 5px; color: #111;}

h1{font-size: 30px; line-height: 37px;}
h2{font-size: 25px; line-height: 32px;}
h3{font-size: 20px; line-height: 26px;}
h4{font-size: 15px; 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: 'GoudyBookletter1911Regular', georgia, 'times new roman', sans-serif; font-size: 16px; color: #595959;}
input[type=radio]{}
input[type=checkbox]{}
input[type=image]{}
input[type=button]{}


strong, b{font-family: 'GoudyBookletter1911Regular',"Palatino Linotype", "Book Antiqua", Palatino, serif, georgia, 'times new roman', sans-serif; font-weight: bold; color: #000;}
em, i, .post .copy blockquote{font-family: 'OFLSortsMillGoudyItalic',"Palatino Linotype", "Book Antiqua", Palatino, serif, georgia, 'times new roman', sans-serif;}


/*-------------------------------------------------------------------------------------------*/
/*- TRANSITIONS -----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.search-form input.search_button:hover,
a:hover, .tag-list a:hover{-webkit-transition: all 0.1s linear;}


/*-------------------------------------------------------------------------------------------*/
/*- 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: 600px; margin: 0px auto;}
#container{width: 560px; margin: 0px auto 60px;}
#content-column{clear: both; width: 560px;}
	#post-column{clear: both;}


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

	/*--------------------------*/
	/*- PAGES ------------------*/
	.page-menu{clear: both; background: #22282D; text-align: left; padding: 10px 10px; font-size: 14px;
					text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.90);
					-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
					-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
					-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.10);
					-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.10);}
		.page-menu ul{float: left;}
		.page-menu ul li{float: left; margin: 8px 5px 0px 10px; line-height: normal;}
			.page-menu ul li a.page-menu-item{color: #e0e0e0;}
			.page-menu ul a.page-menu-item:hover{color: #fff;}	
			

	/*--------------------------*/
	/*- HEADER ROW -------------*/
	.logo{padding: 60px 10px 40px; margin: 0px; text-align: center; font-size: 40px;}
		.logo a{color: #fff;}
		
		
	/*--------------------------*/
	/*- SEARCH -----------------*/
	.search-bar{float: right; width: 180px; height: 23px; padding: 5px; margin: 0px 0px 0px 0px; background: #222; border: 1px solid #444;
				-moz-border-radius: 4px; -webkit-border-radius: 4px;
				-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.50);
				-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.20);}
		.search-form input.search{float: left; width: 140px; height: 21px; background: none; border: none; color: #ccc;}
		.search-form input.search_button{float: right; margin-top: 5px; line-height: normal; background: none; border: none;
											 -moz-border-radius: 3px; -webkit-border-radius: 3px;}


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


/*----------------------------*/
/*- THE POSTS ----------------*/
.post-container{clear: both; width: 560px; margin: 0px 0px 30px 0px; position: relative;}
				
			
	/*----------------------------*/
	/*- POST TITLE ---------------*/		
	h3.title{clear: both; width: 500px; max-height: 80px; padding: 20px 30px; margin: 0px; background: #66A688 url(http://static.tumblr.com/jnt4wuy/SBul2x2q0/header-bg.png) bottom no-repeat; font-size: 27px; line-height: normal;
				-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;
				-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px;}
		h3.title a{color: #fff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.20);}
			h3.title a:hover{color: #333; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);}
			
	/*----------------------------*/
	/*- POST CONTAINER -----------*/
	.post{width: 480px; padding: 40px 40px 30px; background: #D0E3EA url(http://static.tumblr.com/jnt4wuy/tVfl2x2p3/content-bg.png) top left no-repeat; line-height: 1.6em;}
			 
			 
						/*-------------------------------------------------------------------------------------------*/
						/*- POSTS CLASSES ---------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS  -*/
						.post .copy a{text-decoration: underline;}
						.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: 10px;}
						.post ol{list-style: decimal;}
						.post code, .copy pre{}
						.post .copy img{padding: 10px; margin: 0px 0px 10px -10px; background: #fff; border: none;
										-moz-border-radius: 3px; -webkit-border-radius: 3px;
										-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
										-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);}
						.post .copy h2, .post .copy h3{}
						.post .copy blockquote{display: block; padding: 8px 0px 8px 20px; margin-bottom: 10px; background: #333 url(http://static.tumblr.com/jnt4wuy/SBul2x2q0/header-bg.png) top left no-repeat;
											font-style: italic; color: #ccc; font-size: 16px; line-height: 22px;
											text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.90);
											-moz-border-radius: 5px; -webkit-border-radius: 5px;}
								.post .copy blockquote a{color: #fff;}
									.post .copy blockquote a:hover{color: #e0e0e0;}
											
			 
		/*-------------------------*/
		/*- VIDEO & IMAGE POSTS ---*/
		.video-item, .post .image-item{display: block; width: 500px; padding: 10px; margin: -20px 0px 20px -20px; background: #fff;
										-moz-border-radius: 3px; -webkit-border-radius: 3px;
										-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
										-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);}
										
		
		/*-------------------------*/
		/*- POST TAGS -------------*/
		.tag-list{clear: both; margin-top: 20px;}
		.tag-list a{display: inline-block; padding: 1px 8px; margin: 0px 8px 8px 0px; background: #333 url(http://static.tumblr.com/jnt4wuy/SBul2x2q0/header-bg.png) left no-repeat; color: #fff; font-size: 13px; white-space: nowrap;
					text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.80);
					-moz-border-radius: 5px; -webkit-border-radius: 5px;
					-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.80);
					-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.80);}
			.tag-list a:hover{background-position: bottom;}


		/*-------------------------*/
		/*- POST META -------------*/
		.meta{clear: both; width: 480px; padding: 14px 40px; margin: 0px; background: #AACDD7 url(http://static.tumblr.com/jnt4wuy/WxMl2x2qn/meta-bg.png) no-repeat; font-size: 13px; color: #ccc; text-transform: lowercase; letter-spacing: 1px;
					text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.80);
					-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;
					-moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px;}
			.no-caption{-moz-border-radius: 8px; -webkit-border-radius: 8px;}
			.meta a.comment-count, .meta a.note-count{float: left; padding-left: 18px; margin: 0px 20px 0px 0px; background: url(http://static.tumblr.com/jnt4wuy/uO0l2x2tu/sprite.png) -277px -223px no-repeat; color: #1F3945;}
				.meta a.comment-count{min-width: 100px; background-position: -277px -255px;}
			.meta a.date{float: right; margin: 0px;}
			.meta a:hover{color: #333;}
			
		.shadow{display: block; clear: both; margin: auto; width: 540px; height: 8px; background: url(http://static.tumblr.com/jnt4wuy/uO0l2x2tu/sprite.png) 0px -346px no-repeat;}
			
			
		/* ------------------------*/
		/*- VIDEO POST ------------*/
		.post-video{-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;
					-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px;}
		
		
		/* ------------------------*/
		/*- IMAGE POST ------------*/
		.post-image{-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;
					-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px;}
		
		
		/* ------------------------*/
		/*- QUOTE POST ------------*/
		.post-quote{width: 480px; padding: 40px 40px 30px; background: #f3f3f3 url(http://static.tumblr.com/jnt4wuy/zdYl2x2rw/quote-content-bg.png) top left no-repeat;
						-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;
						-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px;}
			.post-quote blockquote{margin: 0px; padding: 0px; background: none; border: none; font-size: 32px; font-style: normal; line-height: normal; color: #333;
									text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.99); -moz-box-shadow: none;}
			.post-quote cite{display: block; margin-top: 15px; text-align: right;}
				.post-quote cite a{color: #069;}
					.post-quote cite a:hover{color: #000;}
			
			.post-quote-meta{ background-color: #e6e6e6;}
		
			
		/* ------------------------*/
		/*- LINK POST -------------*/
		.link-post a.the-link{clear: both; display: block; width: 500px; padding: 20px 30px; margin: 0px 0px 5px; background: #66A688 url(http://static.tumblr.com/jnt4wuy/SBul2x2q0/header-bg.png) top no-repeat; font-size: 32px; line-height: normal;
								color: #fff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.20);
								-moz-border-radius: 8px; -webkit-border-radius: 8px;}
			.link-post a.the-link:hover{color: #333; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);}
			.link-post a span{display: block; width: 20px; height: 20px; background: url(http://static.tumblr.com/jnt4wuy/uO0l2x2tu/sprite.png) -581px -0px no-repeat; position: absolute; top: 32px; right: 20px;}

		.link-post .meta{-moz-border-radius: 8px; -webkit-border-radius: 8px;}
		
		.has-caption a.the-link, .has-notes a.the-link{margin-bottom: 0px;
								-moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px;
								-moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px;}
		.link-post.has-caption .meta, .link-post.has-notes .meta{-moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px;
							-moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px;}
		
		
		
		/* ------------------------*/
		/*- CHAT POST -------------*/
		.post-chat ul.chat-item{margin: 0px; padding: 0px; list-style: none;}
			.post-chat ul.chat-item li{display: block; padding: 8px 0px; border-bottom: 1px dotted #fff; border-top: 1px dotted #B3C3C9;}
				.post-chat ul.chat-item li strong{color: #111;}				
				
				.post-chat ul.chat-item li:first-child{border-top: none;}
				.post-chat ul.chat-item li:last-child{border-bottom: none;}
		
		
	/* ------------------------*/
	/*- SOUND -----------------*/
	.post-audio{margin-bottom: 20px;}
	.audio-panel{clear: both; display: block; width: 500px; height: 120px; padding: 20px 30px; margin: 0px 0px 0px; background: #66A688 url(http://static.tumblr.com/jnt4wuy/1PFl2x2og/audio-bg.png) top no-repeat; position: relative; z-index: 2;
					font-size: 20px; line-height: normal; color: #fff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.20);
					-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;
					-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px;}
				
			.album-art{float: left; width: 184px; height: 184px; margin: -30px 10px 0px 0px; position: relative; overflow: hidden;}
				.album-art span{display: block; width: 184px; height: 184px; background: url(http://static.tumblr.com/jnt4wuy/uO0l2x2tu/sprite.png) 0 -138px no-repeat; position: absolute; top: 0px; z-index: 1000;}
				.album-art img{width: 174px; height: 174px; position: absolute; top: 4px; left: 5px; z-index: 1;}
				
			.audio-meta{float: left; width: 250px;}
				.play-count {padding-top: 1px; height: 51px; position: relative; background: url(http://static.tumblr.com/jnt4wuy/uO0l2x2tu/sprite.png) 0 -76px no-repeat; overflow: hidden;}
				.player {position: absolute; width: 28px; height: 28px; top: 11px; left: 11px; overflow: hidden;}
					.play-count p {margin: 8px 0 0 65px;}
				.track, .artist { width: 300px; overflow: hidden;}
				.cd-icon, .mic-icon {float: left; height: 30px; padding: 4px 0px 0px 40px; margin: 5px 20px 0 9px; background: url(http://static.tumblr.com/jnt4wuy/uO0l2x2tu/sprite.png) 0 0px no-repeat;}
					.mic-icon {background-position: -0px -39px;}
				.song-name{clear: both; display: none;}
		
		
		.has-art .audio-panel, .has-art .meta{-moz-border-radius: 8px; -webkit-border-radius: 8px;}
		.has-caption .audio-panel{-moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px;}
		.has-art .meta, .has-art .shadow{position: relative; top: -10px; z-index: 1;}
			
		

	/* ------------------------*/
	/*- TWITTER ---------------*/
	.tweet{clear: both; width: 500px; height: 124px; padding-top: 40px; margin: 0px auto; background: url(http://static.tumblr.com/jnt4wuy/uO0l2x2tu/sprite.png) 146px -476px no-repeat; font-size: 22px; line-height: normal; text-align: center;
			color: #fff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.20);}
		.tweet a{display: none; color: #6DA9BA;}
			.tweet a:hover{color: #fff;}
			#tweets a:first-child{display: block;}

	
	/* ------------------------*/
	/*- SITE BLOCK ------------*/
	.site-block{clear: both; width: 520px; padding: 10px 20px; margin: 0px 0px 0px; background: #333 url(http://static.tumblr.com/jnt4wuy/gQTl2x2t8/site-block-bg.png) center no-repeat; font-size: 13px; color: #ccc;
					text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.30);
					-moz-border-radius: 8px; -webkit-border-radius: 8px;
					-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.20),  0px 1px 0px rgba(0, 0, 0, 0.20);
					-webkit-box-shadow: 0px -1px 0px rgba(255, 255, 255, 0.40),  0px 1px 0px rgba(0, 0, 0, 0.20);}
		
		.description{margin-bottom: 30px;}
		.description .site-block{padding: 10px; font-size: 16px; width: 540px;}
			.description .site-block p{margin-bottom: 0px; font-size: 16px;}
			.description .site-block img.site-author{float: left; margin: 0px 10px 0px 0px; width: 40px; height: 40px; padding: 5px; background: #888;
														-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.20),  0px 1px 0px rgba(0, 0, 0, 0.20);
														-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.20), 0px 1px 0px rgba(0, 0, 0, 0.20);
														-moz-border-radius: 3px; -webkit-border-radius: 3px;}
				
		/*-------------*/
		/*- SITE META -*/
		.site-block a{display: inline-block; margin: 2px 10px 0px 0px; color: #fff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.50); letter-spacing: 1px;}
		a.next-page, a.prev-page{display: block; float: right; width: 11px; height: 19px; margin: 0px 0px 0px 15px; background: url(http://static.tumblr.com/jnt4wuy/uO0l2x2tu/sprite.png) -277px -139px no-repeat; overflow: hidden; text-indent: -9999px;}
			a.next-page{background-position: -312px -139px;}
			a.next-page:hover{background-position: -312px -167px; -webkit-transition: none;}
			a.prev-page:hover{background-position: -277px -167px; -webkit-transition: none;}
			
					
	/* ------------------------*/
	/*- FOOTER ----------------*/
	.sub-footer{padding: 10px 20px; color: #777; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.30); font-size: 13px;}
		.sub-footer p.footer-text{float: left;}
		.sub-footer p.obox{float: right;}
		.sub-footer a{color: #999;}
			.sub-footer a:hover{color: #fff;}

/*-------------------------------------------------------------------------------------------*/
/*- NOTES CLASSES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ol.notes{clear: both; list-style: none !important; margin: 0px !important; padding: 0px  !important; background: #f3f3f3 url(http://static.tumblr.com/jnt4wuy/j8Yl2x2r9/note-content-bg.png) top left no-repeat;}
	ol.notes li{padding: 15px 40px !important; margin: 0px !important; font-size: 15px; border-bottom: 1px dotted #ccc;}
	
		ol.notes li a{clear: both; color: #427B8C;}
			ol.notes li a:hover{color: #000;}
		ol.notes li span.action{color: #595959;}
		ol.notes li img.avatar{display: none !important;}
		ol.notes li blockquote{clear: both; display: block; padding-left: 10px; margin: 10px 0px 0px -10px; line-height: 22px; color: #595959;}
			ol.notes li blockquote a{color: #333;}
				ol.notes li blockquote a:hover{color: #000;}

ol.notes li:first-child{padding-top: 15px !important;}
ol.notes li:last-child{border-bottom: none; padding-bottom: 15px !important;}
	
					
/*-------------------------------------------------------------------------------------------*/
/*- COMMENT CLASSES -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comment-block{background: #f3f3f3 url(http://static.tumblr.com/jnt4wuy/j8Yl2x2r9/note-content-bg.png) top left no-repeat; margin: 0px;
				-moz-border-radius: 8px; -webkit-border-radius: 8px;}


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