/*
Theme Name: Thumble
Theme URI: http://topdownjimmy.com
Description: A tumblelog-style theme using the Masonry jQuery library.
Version: 1.0
Author: Diameter Studios
Author URI: http://diameterstudios.com/
Tags: tumblelog, masonry
*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {	margin:0;padding:0;}
table {	border-collapse:collapse;	border-spacing:0;}
fieldset,img {	border:0;}
address,caption,cite,code,dfn,em,strong,th,var {	font-style:normal;	font-weight:normal;}
ol,ul {	list-style:none;}
caption,th {	text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal;}
q:before,q:after {	content:'';}
abbr,acronym { border:0;}



body {
	background: url('/background-body-3.png');
	background-color: #eee;
	font-family: 'Helvetica Neue', Helvetica, FreeSans, 'Nimbus Sans L', Arial, sans-serif;
	font-size: 12px;
	color: #333;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
	text-align: right;
}

p {
	margin: 0 0 1em 0;
}


a {
	color: #ff0090;
	text-decoration: none;
}

a:hover {
	color: #ff0090;
}


#content {
	width: 100%;
	padding: 10px 0 0 0;
	clear: both;
	margin: 10px 0;
}





/* ==========================================================================
   Posts
   ========================================================================== */

div.post,
div#comments {
	margin: 5px;
	padding-top: 10px;
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
	box-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
	border-radius: 4px;
	border: 1px solid #ddd;
	background-color: #fefefe;
	float: left;
	position: relative;
}

	div.post h2 {
		font-weight: 900;
		font-size: 140%;
		letter-spacing: -0.03em;
		line-height: 1em;
	}

div.single-post {
	width: 484px;
	float: left;
	margin: 0 0 0 5px;
}

div.single-post div.post,
div.single-post div#comments {
	width: 452px;
}

div.post div.entry,
div.post h2,
div#comments h3, div#comments h4,
div#comments ol li,
div#respond form {
	padding: 0 10px;
}

h1>a,h2>a,h3>a,h4>a,h5>a,h6>a,
p.postmetadata a {
	color: inherit;
}






/* ==========================================================================
   Masonry
   ========================================================================== */

div.masonry div.post {
	width: 220px;
}

div#masonry-ex-a {
	margin: 0 60px 0 5px;
}







/* ==========================================================================
   Post Formats
   ========================================================================== */


div.post.category-quote h2,
div.post.category-image h2,
div.post.category-link h2,
div.post.format-quote h2,
div.post.format-image h2,
div.post.format-link h2 {
	display: none;
}


/* Quote
	 ========================================================================== */

div.post.category-quote:before,
div.post.format-quote:before {
	display: block;
	content: '\201C';
	overflow: hidden;
	font-size: 1600%;
	line-height: 0.9em;
	height: 0.45em;
	position: absolute;
	top: 0; left: 0;
	z-index: 2;
	color: #eee;
	font-family: Georgia;
	font-weight: 900;
}

div.post.category-quote div.entry,
div.post.format-quote div.entry {
	position: relative;
	z-index: 3;
}

	div.post.category-quote div.entry blockquote,
	div.post.format-quote div.entry blockquote {
		font-family: Georgia, serif;
		font-style: italic;
		margin: 0 0 0.5em 0;
	}

div.masonry div.post.category-quote div.entry blockquote,
div.masonry div.post.format-quote div.entry blockquote {
	font-size: 160%;
}

div.single-post div.post.category-quote div.entry blockquote,
div.single-post div.post.format-quote div.entry blockquote {
	font-size: 200%;
}






/* Link
	 ========================================================================== */

div.post.category-link div.entry p:first-child a,
div.post.format-link div.entry p:first-child a {
	font-weight: 900;
	letter-spacing: -0.03em;
	line-height: 1em;
	color: inherit;
}

div.post.category-link div.entry p:first-child a:after,
div.post.format-link div.entry p:first-child a:after {
	content: '\2197';
	font-family: Calibri, 'DejaVu Sans', 'Arial Unicode MS', 'Lucida Sans Unicode';
}

/* Masonry-style */

div.masonry div.post.category-link div.entry p:first-child a,
div.masonry div.post.format-link div.entry p:first-child a {
	font-size: 140%;
}

/* Single post page */

div.single-post div.post.category-link div.entry p:first-child a,
div.single-post div.post.format-link div.entry p:first-child a {
	font-size: 200%;
}










/* Post Permalinks
	 ========================================================================== */

p.permalink a {
	color: #666;
	display: block;
	width: 100%;
	height: 100%;
}

p.permalink a:hover {
	color: #fff !important;
}

div.masonry div.post p.permalink {
	position: absolute;
	z-index: 4;
	right: -0.25em;
	top: -0.25em;
	display: none;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	background-color: #000;
	width: 48px;
	height: 1em;
	border-radius: 0.5em;
	font-size: 200%;
	text-align: center;
	line-height: 1em;
}

div.masonry div.post:hover p.permalink {
	display: block;
	overflow: hidden;
}







/* Post Metadata
	 ========================================================================== */

div.post p.postmetadata {
	background-color: #f6f6f6;
	padding: 3px 10px;
	font-size: 80%;
	margin: 10px 0 0 0;
	border-top: 1px solid #eaeaea;
	color: #777;
	text-transform: uppercase;
}






/* Via
	 ========================================================================== */

div.post p.press-this-via {
	font-size: 80%;
	color: #999;
}

	div.post p.press-this-via a {
		color: #777;
	}

	div.post p.press-this-via a:hover {
		color: #000;
	}







/* Images
	 ========================================================================== */

.post div.entry img {
	max-width: 100% !important;
	height: auto !important;
}


/* ==========================================================================
   Pagination
   ========================================================================== */

.page-links,
div.wp-pagenavi {
	width: 40px;
	padding: 5px 10px 0 28px;
	/*
	position: fixed;
	*/
	text-align: center;
	float: right;
	z-index: 2;
}

div#post-nav {
	padding: 5px 0 0 473px;
	text-align: center;
}

div.wp-pagenavi span.pages {
	display: none !important;
}

.page-links .page-numbers,
div.wp-pagenavi span,
div.wp-pagenavi>a,
span.next-post a,
span.previous-post a {
	font-size: 150% !important;
	font-weight: 900 !important;
	color: #ccc !important;
	line-height: 0.2em;
	display: inline-block;
	border: 1px solid #e2e2e2 !important;
	border-radius: 0.975em;
	height: 0.6em !important;
	padding: 0.9em 0.6em 0.4em 0.5em !important;
	background-color: #f8f8f8 !important;
	margin: 0 0 0.225em 0 !important;
}

.page-numbers,
div.wp-pagenavi>a,
div.wp-pagenavi span.current,
span.next-post a,
span.previous-post a {
	width: 0.75em !important;
	overflow: hidden;
}

.page-numbers.current,
.page-numbers:hover,
div.wp-pagenavi span.current,
div.wp-pagenavi span:hover,
div#post-nav span a:hover,
div.wp-pagenavi>a:hover {
	border: 1px solid #e4e4e4 !important;
	background-color: #fefefe !important;
	color: #333 !important;
}





/* ==========================================================================
   Video Embeds
   ========================================================================== */

div.single-post div.post span.vvqyoutube object,
div.single-post div.post span.vvqyoutube {
	width: 432px !important;
	height: 364px !important;
}

div.masonry div.post span.vvqbox object,
div.masonry div.post span.vvqbox,
div.masonry div.post span.vvqyoutube object,
div.masonry div.post span.vvqyoutube {
	width: 200px !important;
	height: 175px !important;
}











/* ==========================================================================
   Comments
   ========================================================================== */

div#comments {
	overflow: hidden;
}

	div#comments ol.commentlist {
		margin: 20px 0;
	}

		div#comments ol.commentlist li.comment p {
			padding-left: 37px;
			clear: both;
		}

		div#comments ol.commentlist div.comment-author,
		div#comments ol.commentlist div.comment-meta {
			color: #666;
			text-transform: uppercase;
			font-size: 80%;
			line-height: 16px;
		}

			div#comments ol.commentlist div.comment-author a,
			div#comments ol.commentlist div.comment-meta a {
				color: #333;
				background-color: #eee;
			}

			div#comments ol.commentlist div.comment-author a:hover ,
			div#comments ol.commentlist div.comment-meta a:hover {
				background-color: transparent;
			}

			div#comments ol.commentlist div.comment-author img.avatar {
				float: left;
				margin-right: 5px;
			}

	div#comments h3,
	div#comments h4 {
		font-weight: 900;
		letter-spacing: -0.03em;
		line-height: 1em;
		margin: 0 0 0.5em 0;
		color: inherit;
	}

	div#comments h3 {
		font-size: 140%;
	}

	div#comments h4 {
		font-size: 120%;
	}






/* ==========================================================================
   Footer
   ========================================================================== */

#footer {
	padding: 10px 20px;
	clear: both;
}

#footer:after {
	content: '.';
	display: block;
	height: 0; width: 0; overflow: hidden;
	clear: both;
}





/* ==========================================================================
   Header
   ========================================================================== */

#header {
	position: relative;
	padding: 10px 20px;
}

#header p {
	margin: 0;
}

#header div#feed {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 48px;
	height: 48px;
	background: url('/feed.png');
}

#header div#feed:hover {
	background-position: 0 -48px;
}

#header div#feed a {
	display: block;
	width: 100%;
	height: 100%;
}

#header h1 {
	font-size: 300%;
	font-weight: 900;
	letter-spacing: -0.05em;
	line-height: 1em;
}