/*
Theme Name: Thumble
Theme URI: http://lmnopdesign.org/projects/thumble
Description: A tumblelog-style theme using the Masonry jQuery library.
Version: 1.0
Author: lmnop design
Author URI: http://lmnopdesign.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('/bg-1.jpg');
   */
   background: url('/background-body-7.png');
   background: url('/background-body-3.png');
   background-color: #eee;
   font-family: 'Nimbus Sans L', Helvetica, Arial, sans-serif;
   font-size: 12px;
   color: #333;
   }

.alignleft {
   float: left;
   }

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

p {
   margin: 0 0 1em 0;
   }

#header p {
   margin: 0;
   }

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

a:hover {
   color: #ff0090 !important;
   }

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

#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;
   }

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

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

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

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

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

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);
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   border: 1px solid #ddd;
   background-color: #fefefe;
   float: left;
   position: relative;
   }

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

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

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

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

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

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

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

div.post.category-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 {
   font-size: 160%;
   }

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

div.post.category-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 {
   content: '\2197';
   font-family: Calibri, 'DejaVu Sans', 'Arial Unicode MS', 'Lucida Sans Unicode';
   }

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

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

/*
div#respond h3 {
   font-size: 140%;
   font-weight: 900;
   letter-spacing: -0.03em;
   line-height: 1em;
   margin: 0 0 0.5em 0;
   color: inherit;
   }
*/


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;
   -moz-border-radius: 0.5em;
   -webkit-border-radius: 0.5em;
   font-size: 200%;
   text-align: center;
   line-height: 1em;
   }

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

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

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

div.post.category-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 h2,
div.post.category-image h2,
div.post.category-link h2 {
   display: none;
   }

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

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;
   -webkit-border-radius: 0.975em;
   -moz-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;
   }

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

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

div#comments {
   overflow: hidden;
   }

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

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

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 ol.commentlist li.comment p {
   padding-left: 37px;
   clear: both;
   }

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%;
   }