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

@import url(http://static.tumblr.com/jnt4wuy/25Vldio2b/fonts.css);



/*--------------------------------------------------------------------------------------------------------------------------*/
/*- 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: #fff url(http://static.tumblr.com/jnt4wuy/FaOl05y5v/bg.jpg) repeat;
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #545454;}/*http://static.tumblr.com/jnt4wuy/OWNl01gn3/bg.jpg*/

h1, h2, h3, h4, h5, h6, ul.meta li.meta-title{margin: 0px 0px 5px; padding: 0px 0px 5px; color: #333; font-family: 'LeagueGothicRegular', Arial, Helvetica, sans-serif; font-weight: lighter; }

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

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

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


/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--- Links ---*/
/*--- Links ---*/
a{color: #369; text-decoration: none;}
a:hover{color: #333;}
a:active{text-decoration: underline;}
	
/*--- 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 --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#container{width: 880px; margin: auto auto 60px;}

#header{clear: both; margin-bottom: 20px; padding: 40px 0px 0px 00px;}

#left-column{float: left; width: 580px; margin-bottom: 60px;}
#right-column{float: right; width: 240px; margin-bottom: 60px;}

#footer{}


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

	/*--------------------------*/
	/*- HEADER ROW -------------*/
	.logo{float: left; margin: 0px 0px 5px; padding: 0px 0px 5px;}
		.logo h1{clear: both; margin: 0px 0px 0px; padding: 0px; color: #333; font-weight: lighter; font-family: 'LeagueGothicRegular'; font-size: 60px; line-height: normal;}
			.logo h1 a{color: #333;}
		.logo .tagline{clear: both; width: 580px; margin: 5px 0px 0px; font-size: 11px; font-style: italic;}


	/*--------------------------------------------*/
	/*- SITE META --------------------------------*/
	.site-meta{width: 240px; float: right;}

		/*--------------------------*/
		/*- SEARCH -----------------*/
		.search-bar{float: right; width: 185px; height: 35px; background: url(http://static.tumblr.com/jnt4wuy/U9kl0rcub/sprite.png) -0px -649px no-repeat;}
			.search-form input.search{float: left; width: 145px; padding: 5px; margin: 2px 0px 0px 3px; background: none; border: none; font-style: italic;}
			.search-form input.search_button{float: right; margin: 7px 6px 0px 0px;}
	
	
		/*--------------------------*/
		/*- ICONS ------------------*/
		.rss-icon, .mobile-icon, .archive-icon{display: block; float: right; width: 19px; height: 19px; margin: 0px 10px 10px 0px; background: url(http://static.tumblr.com/jnt4wuy/U9kl0rcub/sprite.png) -0px -600px no-repeat; text-indent: -9999px; overflow: hidden;}
			.rss-icon{clear: left;}
			.mobile-icon{width: 14px; background-position: -34px -600px;}
			.archive-icon{width: 17px; background-position: -63px -600px;}
				.rss-icon:hover{background-position: -0px -620px;}
				.mobile-icon:hover{background-position: -34px -620px;}
				.archive-icon:hover{background-position: -63px -620px;}


/*-------------------------------------------------------------------------------------------*/
/*- 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: 10px;}
.post ol{list-style: decimal;}
.post code, .copy pre{}
.post img{}
.post blockquote{padding-left: 15px; margin-bottom: 18px; color: #333; font-weight: lighter; font-size: 14px; line-height: 22px; border-left: 2px solid #ccc;}
	blockquote p{color: #333; font-weight: lighter; font-size: 14px; line-height: 22px;}


/*-------------------------------------------------------------------------------------------*/
/*- LEFT COLUMN -----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.post-container{margin-bottom: 40px; position: relative;}

	.date-container{position: absolute; top: 43px; left: -20px;}
	.post-header{clear: both; width: 580px; height: 3px; margin: 0px; padding: 0px; background: url(http://static.tumblr.com/jnt4wuy/CbWl0rh8z/post-header-bg.png) no-repeat;}
	.post-footer{clear: both; width: 580px; height: 4px; margin: 0px; padding: 0px; background: url(http://static.tumblr.com/jnt4wuy/l7xl0rh9i/post-footer-bg.png) no-repeat;}
	.post{clear: both; width: 500px; padding: 40px; margin: 0px; background: url(http://static.tumblr.com/jnt4wuy/UEEl0rh99/post-content-bg.png) repeat-y;}
		.post h3.replace-type{font-size: 45px; line-height: 45px; margin-top: 0px;}

		
		/*-------------------------*/
		/*- ICONS -----------------*/
		.icon-note, .icon-quote, .icon-chat, .icon-video, .icon-image, .icon-sound, .icon-link
			{display: block; padding: 0px; margin: 0px 0px 10px; width: 46px; height: 46px; background: url(http://static.tumblr.com/jnt4wuy/4Til5n8nb/icons.png) no-repeat; overflow: hidden; text-indent: -9999px;}
				.icon-note	{background-position: -0px -0px;}
				.icon-sound	{background-position: -0px -84px;}
				.icon-quote	{background-position: -0px -168px;}
				.icon-link	{background-position: -0px -252px;}
				.icon-video	{background-position: -0px -336px;}
				.icon-chat	{background-position: -0px -420px;}
				.icon-image	{background-position: -0px -504px;}
				/*- HOVER -----------------------------------*/
				.icon-note:hover	{background-position: -53px -0px;}
				.icon-sound:hover	{background-position: -53px -84px;}
				.icon-quote:hover	{background-position: -53px -168px;}
				.icon-link:hover	{background-position: -53px -252px;}
				.icon-video:hover	{background-position: -53px -336px;}
				.icon-chat:hover	{background-position: -53px -420px;}
				.icon-image:hover	{background-position: -53px -504px;}
		
				/*- POST STYLE ACTION LINKS -*/
				.post-note a	{color: #244A71;}
				.post-sound a	{color: #C83737;}
				.post-quote a	{color: #9D4F9D;}
				.post-link a	{color: #654D80;}
				.post-video a	{color: #8CB66D;}
				.post-chat a	{color: #336699;}
				.post-image a	{color: #589BA7;}
				/*- POST STYLE ACTION LINKS:HOVER -*/
				.post-note a:hover, .post-sound a:hover, .post-quote a:hover, .post-link a:hover, .post-video a:hover, .post-chat a:hover, .post-image a:hover{color: #333;}
				
				
		/*-------------------------*/
		/*- NOTES BUBBLE ----------*/
		.notes-bubble{display: block; width: 44px; height: 31px; background: url(http://static.tumblr.com/jnt4wuy/4Til5n8nb/icons.png) -0px -649px no-repeat; text-align: center; color: #333; font-size: 18px; font-family: 'LeagueGothicRegular', Arial, Helvetica, sans-serif;}
			.notes-bubble span{display: block; padding-top: 5px;}


	.video-item, .post img{display: block; margin-bottom: 20px;}
	
	
	/*-------------------------*/
	/*- QUOTE -----------------*/
	.post-quote blockquote{margin-top: 10px;}
	.post-quote blockquote, .post-quote blockquote p{padding-left: 0px; color: #333; font-weight: lighter; font-size: 35px; line-height: 33px; border: none;
														font-family: 'LeagueGothicRegular', Arial, Helvetica, sans-serif;}
	p.quote-source{margin: 15px 0px 0px;}


	/*-------------------------*/
	/*- CHAT ------------------*/
	ul.chat-item{line-height: 22px; width: 574px; margin-left: -37px;}
		ul.chat-item li{padding: 20px 40px; background: url(http://static.tumblr.com/jnt4wuy/Xr7l01g3m/comment-sep.png) bottom repeat-x;}
			ul.chat-item li strong{display: inline-block; margin-right: 15px; width: 120px; float: left; 
									color: #333; font-weight: lighter; font-family: 'LeagueGothicRegular'; font-size: 20px;}
			ul.chat-item li span{display: inline-block; width: 340px; float: right; font-style: italic;}

			ul.chat-item li:first-child{margin-top: 15px; padding-top: 0px;}
			ul.chat-item li:last-child{background: none; margin-bottom: 0px; padding-bottom: 0px;}

	
	/* ------------------------*/
	/*- SOUND -----------------*/
	.audio-panel{width: 500px; overflow: hidden;}
		.art-container{margin: 0px 0px 10px;}
			.audio-panel .art {float: left; width: 136px; height: 136px; margin: 0px 0px 0px 0px; position: relative; background: url(http://static.tumblr.com/jnt4wuy/U9kl0rcub/sprite.png) 0 -230px no-repeat; overflow: hidden;}
				.audio-panel .art span{display: block; width: 112px; height: 112px; background: url(http://static.tumblr.com/jnt4wuy/U9kl0rcub/sprite.png) 0 -374px no-repeat; position: absolute; top: 10px; left: 10px; z-index: 1000;}
				.audio-panel .art img {width: 110px; height: 110px; position: relative; top: 11px; left: 11px; z-index: 1;}
			.audio-panel .audio-meta {margin: 10px 10px 10px 145px;}
				.audio-panel .play-count {padding-top: 1px; height: 51px; position: relative; background: url(http://static.tumblr.com/jnt4wuy/U9kl0rcub/sprite.png) -211px -221px no-repeat; overflow: hidden;}
				.audio-panel .player {position: absolute; width: 28px; height: 28px; top: 11px; left: 11px; overflow: hidden;}
					.audio-panel .play-count p {margin: 8px 0 0 65px;}
				.audio-panel .track, .audio-panel .artist { width: 300px; overflow: hidden;}
				.audio-panel .cd-icon, .audio-panel .mic-icon {float: left; height: 29px; padding: 4px 0px 0px 40px; margin: 5px 20px 0 9px; background: url(http://static.tumblr.com/jnt4wuy/U9kl0rcub/sprite.png) -230px -287px no-repeat; font-style: italic;}
					.audio-panel .mic-icon {background-position: -231px -328px;}
				.audio-panel .song-name{clear: both; display: none;}


	/*-------------------------*/
	/*- DATE STYLING ----------*/		
	.date{clear: both; display: block; margin: 8px 0px 0px; padding: 8px 0px 0px; color: #777; font-size: 11px; font-style: italic;}
		
	/*-------------------------*/
	/*- TAG LIST --------------*/
	.tag-list{clear: both; margin: 0px !important; padding: 0px; position: absolute; bottom: -7px; right: -11px; font-weight: lighter; font-family: 'LeagueGothicRegular'; font-size: 16px;}
		.tag-list li{display: block; float: left; padding: 0px; margin: 0px !important; height: 30px; background: url(http://static.tumblr.com/jnt4wuy/sBEl0rcu0/tags-tag-middle.png)  top right no-repeat;}
			.tag-list li.tags{display: block; float: left; width: 70px; height: 30px; background: url(http://static.tumblr.com/jnt4wuy/U9kl0rcub/sprite.png) -194px -552px no-repeat; text-indent: -999px; overflow: hidden;}
			.tag-list li a{display: block; padding: 13px 8px 0px 6px; margin: 0px;}
			.tag-list li:last-child{ background: url(http://static.tumblr.com/jnt4wuy/w9Jl0rcum/tags-tag-end.png) top right no-repeat;}
						
						
	/*-------------------------*/
	/*- NEXT PREVIOUS BUTTONS -*/
	.next-prev{margin: 0px auto 40px;}
		.next-prev a{display: block; width: 69px; height: 40px; background: url(http://static.tumblr.com/jnt4wuy/U9kl0rcub/sprite.png) no-repeat; text-indent: -9999px; overflow: hidden; cursor: pointer;}
			a.prev-page{float: left; background-position: -57px -141px; margin-right: 2px;}
			a.next-page{float: right; width: 70px; background-position: -132px -141px; margin-left: 2px;}
				a.prev-page:hover{background-position: -57px -181px;}
				a.next-page:hover{background-position: -132px -181px;}
				
				
/*-------------------------------------------------------------------------------------------*/
/*- DISQUS CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.disqus-footer{ margin-bottom: 40px;}
.disqus h3{font-size: 20px; margin-bottom: 15px;}
#dsq-content .dsq-options, #dsq-content .dsq-login-buttons{background: url(http://static.tumblr.com/jnt4wuy/Xr7l01g3m/comment-sep.png) bottom repeat-x !important; border: none !important;}
.disqus .dsq-post-area{padding-top: 30px !important; margin-top: 20px !important; background: url(http://static.tumblr.com/jnt4wuy/Xr7l01g3m/comment-sep.png) top repeat-x !important;}


/*-------------------------------------------------------------------------------------------*/
/*- NOTES CLASSES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.notes-container{clear: both;}

	.notes-header{clear: both; width: 500px; height: 4px; margin: -18px 0px 0px; padding: 0px; background: url(http://static.tumblr.com/jnt4wuy/T5Ml01g5d/note-header.png) no-repeat; position: relative; z-index: 1;}
	.notes-footer{clear: both; width: 500px; height: 4px; margin: 0px; padding: 0px; background: url(http://static.tumblr.com/jnt4wuy/ekOl01g53/note-footer.png) no-repeat;}
	.notes-container ol{clear: both; width: 500px; margin: 0px; padding: 0px; background: url(http://static.tumblr.com/jnt4wuy/hKAl01g4s/note-content.png) repeat-y;}

	.notes-container h4{display: block; width: 116px; height: 32px; padding: 12px 15px 0px; margin: 0px 0px 0px -11px; background: url(http://static.tumblr.com/jnt4wuy/U9kl0rcub/sprite.png) 0 -517px no-repeat; position: relative; z-index: 2; font-size: 17px; color: #fff;}
	.notes-container h4.notes-title a{color: #fff;}
	
	.notes-container ol{list-style: none !important;}
	.notes-container ol li{padding: 10px 10px 14px !important; margin: 0px 2px !important; font-size: 12px; background: url(http://static.tumblr.com/jnt4wuy/Augl01g5s/note-sep.png) bottom no-repeat;}
		.notes-container ol li a{float: left; display: inline-block; margin-right: 10px;}
			.notes-container ol li a:hover{color: #fff;}
			.notes-container ol li img.avatar{display: none !important;}
			.notes-container ol li span.action{float: left; display: block; color: #999;}
		.notes-container ol li a.tumblelog, .notes-container ol li a.source_tumblelog{float: none; padding: 0px 0px 0px; margin: 0px;}

	.notes-container ol li:first-child{padding: 15px 10px 10px;}
	.notes-container ol li:last-child{background: none;}


/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.right-column-header{clear: both; width: 240px; height: 3px; margin: -1px 0px 0px; padding: 0px; background: url(http://static.tumblr.com/jnt4wuy/I8ql0rha2/right-column-header.png) no-repeat;}
.right-column-footer{width: 240px; height: 15px; margin: 0px; padding: 0px; background: url(http://static.tumblr.com/jnt4wuy/kfAl0rh8j/sprite.png) 0 0px no-repeat;}
.content-area{background: url(http://static.tumblr.com/jnt4wuy/JFYl0rh9r/right-column-content-bg.png) repeat-y; padding: 30px 30px 20px; font-size: 12px;}
	#right-column div.right-column-footer:last-child{height: 2px; margin-bottom: 30px;}
	
	
	#right-column h4, ul.meta li.meta-title{clear: both; display: block; width: 232px; height: 31px; padding: 25px 15px 0px; margin: -20px 0px 15px -41px; background: url(http://static.tumblr.com/jnt4wuy/U9kl0rcub/sprite.png) 0 -38px no-repeat;
											font-size: 20px; color: #fff; text-transform: uppercase; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);}
		#right-column h4 a{color: #fff;}
			#right-column h4 a:hover{color: #ccc;}
					
	/*-------------------------*/
	/*- AUTHOR ----------------*/
	.site-author{float: left; width: 63px; height: 64px; margin: 0px 10px 0px 0px; background: url(http://static.tumblr.com/jnt4wuy/U9kl0rcub/sprite.png) -200px -400px no-repeat;}
		.site-author img{max-width: 48px; max-height: 48px; position: relative; left: 7px; top: 7px;}


	/*-------------------------*/
	/*- META DATA -------------*/
	ul.meta{padding-top: 10px; background: url(http://static.tumblr.com/jnt4wuy/JFYl0rh9r/right-column-content-bg.png) repeat-y;}
		ul.meta li{padding: 10px 30px 13px; margin: 0px; background: url(http://static.tumblr.com/jnt4wuy/Xr7l01g3m/comment-sep.png) bottom repeat-x;}
			ul.meta li.meta-title{height: 33px; padding: 24px 15px 0px; margin: 0px 0px 5px -11px;}
			ul.meta li .tags a{ display: block; float: left; margin: 4px 8px 4px 0px;}
			ul.meta li:first-child{}
			ul.meta li:last-child{background: none; padding-bottom: 20px;}
			
			
	/*-------------------------*/
	/*- FOLLOWING ETC. --------*/
	.followers{}
		.followers li{float: left; padding: 5px;}


	/*-------------------------*/
	/*- LIKES -----------------*/
	#likes{width: 235px; margin-left: -27px; line-height: 1.6em;}
		#likes li{padding: 15px 30px 18px; margin: 0px; background: url(http://static.tumblr.com/jnt4wuy/Xr7l01g3m/comment-sep.png) bottom repeat-x;}
			#likes img {max-width: 180px; height: auto !important; margin-bottom: 10px;}
			#likes li p{margin-bottom: 0px;}
			#likes li:first-child{padding-top: 0px;}
			#likes li:last-child{background: none; padding-bottom: 0px;}
	
	
	/*--------------------------------------------*/
	/*- TWITTER ----------------------------------*/
	#twitter h4{padding: 24px 45px 0px 15px;}
	#twitter h4 a{ padding-left: 30px; background: url(http://static.tumblr.com/jnt4wuy/18dl01g90/twitter.png) left no-repeat;}
	#tweets a{display: block; width: 180px; padding: 15px 30px 18px; margin: 0px 0px 0px -30px; background: url(http://static.tumblr.com/jnt4wuy/Xr7l01g3m/comment-sep.png) bottom repeat-x; line-height: 1.6em;}
	#tweets a:first-child{padding-top: 0px;}
	#tweets a:last-child{background: none; padding-bottom: 0px;}
	
	
	/*--------------------------------------------*/
	/*- FLICKR -----------------------------------*/
	#flickr_badge_wrapper{}
		#flickr_badge_wrapper .flickr_badge_image{float: left;}
			#flickr_badge_wrapper .flickr_badge_image a{display: block; width: 51px; height: 50px; padding: 7px 0px 0px 7px; margin: 0px 1px 1px 0px; background: url(http://static.tumblr.com/jnt4wuy/U9kl0rcub/sprite.png) -206px -483px no-repeat;}
			#flickr_badge_wrapper .flickr_badge_image a:hover{background-position: -206px -649px;}
			#flickr_badge_wrapper .flickr_badge_image img{display: block; width: 44px; height: 44px;}
	
	
	/*--------------------------------------------*/
	/*- COPYRIGHT --------------------------------*/
	.copyright{text-align: center; line-height: 1.6em; font-size: 11px;}
	.obox-logo{display: block; margin-top: 4px;}
	

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