html, body { background:#333 url(images/bg-7.png) center top; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0; padding:0; }
img { border:none; }
blockquote {  border-left:solid 3px #999; margin:0 0 0 20px; padding:5px 0 5px 20px; }

#content { position:relative; width:800px; margin:0 auto 20px auto; }
#top { display:table; position:relative; height:90px; width:100%; font-size:80px; text-align:center; vertical-align:top; margin:10px 20px 0 20px; white-space:nowrap; overflow:visible; }
	#title { position:relative; color:#FFF; z-index:50; }

#middle { position:relative; }
	#middle-top { height:25px; background:url(images/content-top-bottom.png) left top no-repeat; }
	#middle-middle { position:relative; background:url(images/content-middle.png) left top repeat-y; padding:0 12px; }
	#middle-bottom { height:25px; background:url(images/content-top-bottom.png) left bottom no-repeat; }

#left { float:left; position:relative; width:600px; z-index:100; }
	#header, #footer { position:relative; min-height:24px; line-height:24px; color:#999; text-align:center; margin:0 20px 4px 20px; clear:both; }
	#info-header { margin:0 40px 11px 40px; }
	.prev { position:absolute; top:0; left:0; }
	.next { position:absolute; top:0; right:0; }
	
	.post { margin-bottom:20px; }
	.post .top { position:relative; height:25px; background:url(images/post-top-bottom.png) left top no-repeat; }
		.box { position:absolute; top:3px; left:-18px; width:48px; height:48px; text-align:center; z-index:100; }
			.box .bg { position:absolute; top:1px; right:1px; bottom:1px; left:1px; }
			.box .fg { display:block; position:relative; height:100%; background:url(images/box.png) left top no-repeat; text-decoration:none; }
			.box:hover .fg { background-position:left bottom; }
		.box.type {}
			.box.type .bg { background:#F70 url(images/types.png) no-repeat; }
			.box.type.text .bg { background-position:left 0; }
			.box.type.photo .bg { background-position:left -48px; }
			.box.type.photoset .bg { background-position:left -96px; }
			.box.type.quote .bg { background-position:left -144px; }
			.box.type.link .bg { background-position:left -192px; }
			.box.type.chat .bg { background-position:left -240px; }
			.box.type.audio .bg { background-position:left -288px; }
			.box.type.video .bg { background-position:left -336px; }
		.box.date { top:55px; }
			.box.date .fg { color:#000; }
			.box.date .bg { background-color:#FFF; }
			.box.date .month { line-height:26px; font-size:16px; font-weight:bold; text-transform:uppercase; }
			.box.date .day { line-height:16px; font-size:24px; font-weight:bold; }
	
	.post .middle { position:relative; min-height:100px; background:url(images/post-middle.png) left top repeat-y; padding:1px 25px 10px 45px; }
		h1 { padding:0; margin:0 0 14px 0; }
		.post img { max-width:520px; }
		img.photo, img.like_photo { border:solid 2px #FFF; }
			a:hover img.photo, a:hover img.like_photo { border-color:#F70; }
		.caption { padding:10px 0 0 0; }
		.quote { font-size:24px; }
		.quotationmarks { line-height:14px; font-size:48px; color:#F70; vertical-align:middle; }
		.source { color:#999; font-size:16px; text-align:right; margin:10px 10px 0 0; }
		.marker { color:#FFF; }
		.lines { display:table; }
		.line { display:table-row; }
		.name { display:table-cell; width:20%; color:#999; text-align:right; }
		.label { display:table-cell; padding-left:10px; }
		.mediaplayer { text-align:center; vertical-align:middle; margin:0 auto; padding:15px 0 10px 0; }
			.mediaplayer .wrapper { display:inline-block; vertical-align:middle; border:solid 2px #FFF; }
			.mediaplayer .playcount { display:inline-block; color:#999; vertical-align:middle; font-size:10px; padding-left:10px; }
		.extras { display:table; width:100%; color:#999; text-align:left; margin-top:10px; }
			.tagged { display:table-cell; }
			.reblogged { display:table-cell; text-align:right; margin-left:20px; }
				.reblogged img { vertical-align:middle; }
		
	.post .bottom { position:relative; height:30px; background:url(images/post-top-bottom.png) left bottom no-repeat; clear:both; }
		.wbox { position:absolute; bottom:-1px; right:30px; width:100px; height:24px; font-size:12px; text-align:center; z-index:100px; }
			.wbox .bg { position:absolute; top:1px; right:1px; bottom:1px; left:1px; z-index:80; }
			.wbox .fg { 
				display:block; position:relative; width:100%; height:100%; line-height:24px; 
				background:url(images/wbox.png) left top no-repeat; text-decoration:none; z-index:90; 
			}
			.wbox:hover .fg { background-position:left bottom; }
		.wbox.time { left:30px; }
			.wbox.time .fg { color:#FFF; }
			.wbox.time .bg { background-color:#111; }
		.wbox.notes { left:134px; }
			.wbox.notes .fg { color:#000; }
			.wbox.notes .bg { background-color:#FFF; }
		.wbox.comments {}
			.wbox.comments .fg { color:#FFF; }
			.wbox.comments .bg { background-color:#F70; }
	
	#disqus_thread { padding-top:10px; margin:0; }
	#dsq-content a { color:#FFF!important; }
		#dsq-content .dsq-panel a { color:#000!important; }
	
	#notes { color:#999; }
		#notes ol { list-style:none; margin:5px 5px 20px 0; }
			#notes ol li { display:block; line-height:20px; }
		#notes img { vertical-align:middle; border:solid 1px #999; }
		#notes span.action { margin-left:5px; }
		#notes .title { color:#FFF; font-size:16px; margin-left:40px; }

#right { float:right; width:160px; margin:25px 10px 0 0; }
	#search { position:absolute; top:0; right:24px; width:152px; color:#999; z-index:100; }
	#portrait { float:right; width:128px; height:128px; border:solid 2px #FFF; margin:20px 15px 20px 0; z-index:100; }
	#sidebar { padding:0; list-style:none; }
		#sidebar h2 { color:#FFF; font-size:20px; font-weight:normal; padding:0; margin:0; }
		#rsslink { display:table-cell; padding-right:20px; background:url(images/rss.png) right center no-repeat; }
		#description { color:#999; font-size:12px; padding-top:6px; }
			#description ul { padding:0 0 0 20px; }
			#description ul li { font-size:12px; margin:0; }
		#likes { font-size:11px; padding:0; list-style-type:none; }
			#likes li { border-left:solid 2px #FFF; padding-left:10px; margin-bottom:30px; }
			#likes li:hover { border-color:#F70; }
		#following a { display:block; float:left; border:solid 1px #666; margin:0 2px 2px 0; }
			#following a:hover { border-color:#F70; }
			#following img { width:32px; height:32px; border:none; }
		#description, #description ul, #likes, #following { margin:8px 0 16px 0; }

#bottom, .bottom { clear:both; }


a { color:#FFF; text-decoration:none; border-bottom:dotted 1px #F70; }
a:hover { color:#F70; }
#top a, .box a, .wbox a { border:none; }
h1 a .arrow { color:#F70; }
.center { margin:0 auto; text-align:center; }