/*****************************************
   _             __  __           
  /_\__ ____ _  |  \/  |__ _ _  _ 
 / _ \ V / _` | | |\/| / _` | || |
/_/ \_\_/\__,_| |_|  |_\__,_|\_, |
                             |__/ (v1.0.1)
							
******************************************
Made by Mike Ballan - www.mikeballan.co.uk                         
*****************************************/
	
	@media screen{
		body>#header						{ position:fixed; }
	}
	
	* html body								{ overflow:hidden; } 
	* html #content							{ height:100%; overflow:auto; }
	
	html 									{ overflow-y:scroll; overflow:-moz-scrollbars-vertical; }
	body									{ margin:0; padding:90px 0 0 0; background:#F1F1F1 url(http://static.tumblr.com/4fqoetc/PRRlgge2y/bg-01.jpg); font:12px Georgia, Times New Roman, Times, serif; color:#333; }
		
	h1										{ margin:0; padding:0; font-size:24px; font-weight:normal; font-style:italic; color:#EEEEEE; }
	h2, h3, h4 								{ margin:0 0 5px 0; padding:0; font-size:14px; font-weight:bold; }

	p 										{ margin:0; padding:0 0 20px 0; line-height:16px; }
	ul, ol 									{ margin:0; padding:0; }

	a:link 									{ color:#666; text-decoration:none; outline:none; }
	a:visited 								{ color:#666; text-decoration:none; outline:none; }
	a:active 								{ color:#666; text-decoration:none; outline:none; }
	a:hover 								{ color:#34bbf2; text-decoration:underline; outline:none; }
	a:focus 								{ -moz-outline-style:none; }

	blockquote								{ border-left:1px solid #747474; padding:0 0 0 5px; margin:10px 0 10px 0; }
	blockquote a 							{ text-decoration:none; }

/***** Grid Setup *****/

	.grid_1									{ width:60px; }
	.grid_2 								{ width:140px; }
	.grid_3 								{ width:220px; }
	.grid_4 								{ width:300px; }
	.grid_5 								{ width:380px; }
	.grid_6 								{ width:460px; }
	.grid_7 								{ width:540px; }
	.grid_8 								{ width:620px; }
	.grid_9									{ width:700px; }
	.grid_10								{ width:780px; }
	.grid_11								{ width:860px; }
	.grid_12								{ width:940px; }
	
	.column 								{ margin:0 10px 0 10px; overflow:hidden; float:left; display:inline; }
	.row 									{ margin:0 auto; width:960px; overflow:hidden; }
	.row .row 								{ margin:0 -10px 0 -10px; width:auto; display:inline-block; }

/***** Header *****/

	#header								{ position:absolute; top:0; left:0; width:100%; height:90px; background-color:#34bbf2; z-index:999; }
	
	.header-area							{ margin:0 auto; width:960px; padding:10px 0 0 0; height:80px; overflow:hidden; color:#f1f1f1; text-align:center; }
	.push-area								{ margin:0; width:960px; overflow:hidden; }
	
	.header-area h1						{ margin:0; padding:5px 0 5px 0; font-size:24px; font-weight:bold; font-style:italic; color:#FFF; }
	.header-area h1 a:link, 					
	.header-area h1 a:visited, 					
	.header-area h1 a:active,
	.header-area h1 a:hover 				{ margin:10px 0 5px;  color:#f1f1f1; text-decoration:none; outline:none; }
	
	.topbar-shadow						{ height:20px; background:url(http://static.tumblr.com/4fqoetc/qRFlgge11/bg-shadow.png) repeat-x; }
	
	#navigation							{ margin:0 auto; padding:5px 0 0 0; font-weight:bold; text-align:center; display:inline-block; }
	#navigation ul 							{ list-style:none; padding:0; margin:0; text-align:center; }
	#navigation li 							{ list-style:none; float:left; margin:0 5px 0 5px; }
	#navigation a:link, 					
	#navigation a:visited, 					
	#navigation a:active 					{ color:#f1f1f1; text-decoration:none; outline:none; }
	#navigation a:hover 					{ color:#2992bd; text-decoration:underline; outline:none; }

	.follow									{ margin:0; padding:0 0 0 20px; line-height:25px; background:url("http://static.tumblr.com/4fqoetc/pPHlgge1q/follow.png") left 5px no-repeat; font-weight:bold; }
	.heart									{ margin:0; padding:0 0 0 20px; line-height:25px; background:url("http://static.tumblr.com/4fqoetc/N1Ylgge21/heart.png") left 5px no-repeat; font-weight:bold; }
	.clock									{ margin:0; padding:0 0 0 20px; line-height:25px; background:url("http://static.tumblr.com/4fqoetc/IWUlgge1g/clock.png") left 5px no-repeat; font-weight:bold; }
	.random								{ margin:0; padding:0 0 0 20px; line-height:25px; background:url("http://static.tumblr.com/4fqoetc/9KClgge2b/random.png") left 5px no-repeat; font-weight:bold; }
	.star									{ margin:0; padding:0 0 0 20px; line-height:25px; background:url("http://static.tumblr.com/4fqoetc/NwElgge2l/star.png") left 5px no-repeat; font-weight:bold; }

	.topbar-shadow						{ height:20px; background:url(http://static.tumblr.com/4fqoetc/qRFlgge11/bg-shadow.png) repeat-x; }

	div#info								{ margin:0; padding:20px 0 20px 0; background:#342e2d; color:black; width:100%; min-height:20px; text-align:center; color:#EEEEEE; }
	.infobar-shadow						{ margin:0 0 20px 0; padding:0; height:20px; background:url(http://static.tumblr.com/4fqoetc/qRFlgge11/bg-shadow.png) repeat-x; }
	
/***** Body *****/

	.date-area								{ margin:20px 0 0 0; padding:10px 5px 10px 5px; width:50px; float:left; background:#34bbf2 url(http://static.tumblr.com/4fqoetc/RYGlgge0m/bg-date.png) 7px 0 no-repeat; color:#eee; text-align:center; -moz-border-radius:10px 0 0 10px; border-radius:5px 0 0 5px; text-decoration:none; }
	.date-area-day 							{ margin:0; padding:0 0 12px 0; font-size:35px; font-weight:bold; line-height:25px; }
	.date-area-month						{ margin:0; padding:0; font-size:20px; line-height:25px; }

	.posts									{ width:860px; float:left;  }
	
	.post-area								{ margin:0; padding:20px 20px 0 20px; width:820px; background-color:#FFF; text-align:left; text-decoration:none; border-bottom: 1px solid #E0E0E0; }
	.post-area p 							{ margin:0; padding:0 0 10px 0; }
	
	.text									{ margin:0; padding:0 0 20px 0; }
	.text ul, ol 								{ margin:0 0 0 5px; padding:0 0 10px 10px; }	
	
	.post-image-permalink 				{ margin:0 0 20px 0; padding:0; display:block; }
	.post-image-permalink img 			{ width:820px; }

	.post-image 							{ margin:0 0 20px 0; padding:0; height:400px; width:820px; overflow:hidden; position:relative; display:block; }
	.post-image img 						{ position:absolute; right:-70px; top:-200px; width:960px;  }
	
	.post-image-offset 					{ margin:0 0 20px 0; padding:0; height:400px; width:820px; overflow:hidden; position:relative; display:block; }
	.post-image-offset img 				{ position:absolute; right:-70px; top:0; width:960px; }
	

/***** Tumblr Video, Audio & Photo Sets *****/	
		
	.post-video iframe, 
	.post-video embed 						{ background:transparent; width:800px; z-index:-20; }
	.post-video 							{ margin:0 0 20px 0; padding:0; background:black; text-align:center; }	
	
	.html_photoset							{ margin:0 0 20px 0; padding:0; }

	.audio_player							{ margin:20px 0 0 0; padding:0; }

/***** Tumblr Chat *****/	
	
	ul.chat 								{ margin:10px 0 0 0; padding:0px; list-style-position:outside !important; list-style:none; font-size:11px; }
	.chat .odd 								{ margin-bottom:5px; padding:5px 10px 5px 10px; border-left:1px solid #333; }
	.chat .even 							{ margin-bottom:5px; padding:5px 10px 5px 10px; border-left:1px solid #333; background-color:#EFEFEF; }
	.chat .label 							{ font-weight:bold; }
	.chat li 								{ margin:0; list-style-type:none; list-style:none; list-style-image:none; list-style-position:outside !important; text-align:left; }

/***** Extra Area & Tags 'n' Notes *****/	

	.extra-area								{ margin:0 0 20px 0; padding:10px; height:26px; width:840px; background-color:#EFEFEF; color:#333; text-align:left; text-decoration:none; }

	.tags-area								{ padding:0; margin:0; float:left; font-size:9px; }
	.tags-area ul 							{ padding:0; margin:0; list-style-type:none; }
	.tags-area li							{ margin:0 3px 0 0; display:inline-block; }
	.tags-area li a							{ padding:3px 5px 3px 5px; background-color:#34bbf2; color:#FFFFFF; -moz-border-radius:5px; border-radius:5px; text-decoration:none; line-height:25px; }
	.tags-area li a:hover 					{ padding:3px 5px 3px 5px; background-color:#FFFFFF; color:#333333; -moz-border-radius:5px; border-radius:5px; text-decoration:none; line-height:25px; }

	.notes-area								{ padding:2px 0 0 0; margin:0; float:right; text-align:right; font-size:9px;background:url("http://static.tumblr.com/4fqoetc/M6Clgcrfk/heart.png") left 5px no-repeat; }
	.link-heart								{ margin:0; padding:0 0 0 20px; display:block; line-height:21px;  font-weight:normal; }
	.link-hat								{ margin:0; padding:20px 0 0 20px; display:block; line-height:21px; background:url("http://static.tumblr.com/4fqoetc/jyqlgcrf7/hat.png") left 23px no-repeat; font-weight:normal; }

/***** Tumblt Notes *****/

	ol.notes 								{ padding:0; margin:25px 0 0 0; list-style-type: none; border-bottom: solid 1px #ccc; }
	ol.notes li.note 						{ border-top: solid 1px #ccc; padding:10px 10px 5px 10px; }
	ol.notes li.note img.avatar 			{ margin-right: 10px; width:16px; height:16px; }
	ol.notes li.note span.action 			{ vertical-align: 5px; font-weight:normal; }
	ol.notes li.note .answer_content 		{ font-weight: normal; }
	ol.notes li.note blockquote 			{ border-left:1px solid #747474; padding:0 0 0 6px; margin:0 0 0 28px; }
	ol.notes li.note blockquote a 			{ text-decoration: none; }

/***** Following *****/

	#following ul 							{ list-style:none; padding:0; margin:0; text-align:right; }
	#following li 							{ list-style:none; float:left; margin:0 0 0 3px; }
	
	.block									{ display:block; }
	.hidden									{ display:none; }
	.hide 									{ display:none; }

/***** Likes *****/

	ul#likes 								{ list-style-type:none; margin:20px 0 0 10px; padding:0; width:920px; float:left; text-align:center; }
	li.like_post 							{ padding:0 20px 0 0; width:130px; display:inline-block; }
	li.like_post .post_info_bottom 			{ display:none !important; margin:0; }
	li.like_post img 						{ border:1px solid #c2bebc; margin:0 5px 0 0; padding:4px; width:130px; max-height:205px; }
	
	.like-text								{ margin:0; padding:0; width:920px; text-align:center; }