/*
Theme Name: Simplest
Description: Just about the simplest possible theme for WordPress: 83 lines of PHP and 75 lines of CSS in 4 files.
Author: Trevor Turk
Author URI: http://trevorturk.com/
Theme URI: http://trevorturk.com/2010/09/20/new-wordpress-theme-simplest/
Version: 1.3
Tags: light, white, one-column
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* http://meyerweb.com/eric/tools/css/reset */
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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* simplest */
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom:1em;}
dt {margin:1em 0; font-weight:bold;}
dd {margin:0 1em; padding-left:1em; border-left:1px solid #ddd;}
th, td {padding:0.5em; border:1px solid #ddd;}
blockquote {margin:0 1em; padding-left:1em; border-left:1px solid #ddd;}
pre {font-family:monospace; background:#f8f8ff; padding:0.5em; overflow:auto;}
sup, sub {height:0; line-height:1; vertical-align:baseline; position:relative; font-size:10px;}
sup {bottom:1ex;}
sub {top:0.5ex;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}

body {color:#111; background-image:url('images/nnfbackground.png'); background-attachment: fixed; margin-bottom:30px;}
a {color:#111; text-decoration:none;}
p {line-height:1.3em; font-family: "anivers", sans-serif; font-weight: 400; font-size:.9em; letter-spacing: 1px;}
h1 {font-size:1.7em;}
h2 {font-size:1.4em; font-family: "museo", serif; font-style:italic; font-weight:500; letter-spacing: 2px; color:black; margin-bottom:.5em;}
h2 a {color:black;}
h3 {font-size:.8em; font-family: "museo", sans-serif; font-style:italic; color:#fbfb1f; font-weight:300; letter-spacing:1px;}
h1 a {text-decoration:none;}
h1 a:hover {text-decoration:underline;}
h1,h2,h3,h4,h5,h6 {clear:both;}
img, embed {max-width:100%;}

#container {width:900px; margin:1em auto;}
#header {margin-right: 2%; width: 200px; float:left; position:fixed; top:3em;}
#header h1{margin-bottom:0;}
#header h1 img{-webkit-transition: all 4s ease-in-out;
-moz-transition: all 4s ease-in-out;
-ms-transition: all 4s ease-in-out;
-o-transition: all 4s ease-in-out;
transition: all 4s ease-in-out;}

#header h1 img:hover{
}

#header li {display:block; margin-bottom:1em; text-align:center;}
#header li a {display:inline; font-family: "anivers", sans-serif; font-weight: 400; font-style:italic; font-size:1.6em; letter-spacing: 7px;
margin:10px auto 0 auto; display:block; font-family: "anivers", sans-serif; font-weight: 400; font-style:italic; font-size:1.6em; color:black;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#header li a:hover{
color: orange;
}

#content {position: relative; top:-25px; right:20px; padding: 2.5em 4.5% 2.5em 2.5%; width:67.78%; float: right;}
.post {margin-bottom:1em; background-image:url('images/contentbackground.png'); background-size:100%; width: 100%; padding:20px; padding-right:30px; -webkit-border-radius: 4px;
border-radius: 4px; -webkit-box-shadow: -2px 2px 1px 0px rgba(0, 0, 0, .5);
box-shadow: -2px 2px 1px 0px rgba(0, 0, 0, .5);}
.post p {text-align: left;}
.hentry, .meta, #respond {margin-bottom:1em; padding-bottom:1em;}
.hentry h3, .hentry h4 {margin-top:.5em;}
.hentry img{margin-bottom:1.5em;  margin-top:1em; border:solid 1px black;}
.hentry p{margin-bottom:1.5em;}
.hentry p a{color:#fbfb1f;}
.hentry .video{text-align: center; margin-top:1em; margin-bottom:1em; width:100%;}
iframe{width:100%; height:400px;}
.hentry .soundcloud{width:100%; text-align:center; margin-bottom:1em; margin-top:1em;}
.paypal {text-align: center; float: none; clear: both; margin:0px auto;}

.social {display:block; width:100%; height:40px;}
.social_logo {display:inline; height:25px; margin-right:13.5%;}
#last{margin-right:0px;}

.shop_image {float: right; width:30%; margin:0px 15px;}
.shop_image img{margin-bottom:.5em;}
.shop_image p{text-align:center;}
.shop_image h2{text-align:center;}
.shop_image input{float: none; clear: both; width: 30%; margin-left:35%;}

div.a2a_target {float:right; display:inline-block; position: relative; top:12px; margin:0px; height:30px !important;}
.a2a_target a img {border:0px; opacity:1.0 !important;}
a.addtoany_share_save {display:none !important;}
a.a2a_dd{display:none !important;}

li.shop_thumb{height:195px; width:140px; display:inline-block; margin: 0 10px 10px 0; vertical-align:top;}
.shop_thumb div {display:block; padding:0; position:relative; z-index:100; margin:0;
height: auto;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;}
.shop_thumb a{margin-bottom:-5px; padding:0; display:inline;}
.shop_thumb div img{width:138px; border:solid 1px black; }
.shop_thumb h3 {margin:0; position:relative; bottom:5em;}


.shop_thumb div:hover{
bottom:3.5em;
}

.page_item a {
color:#fbfb1f;
}

.subscribe {
position:relative;
margin:10px auto 20px auto; display:block; font-family: "anivers", sans-serif; font-weight: 400; font-style:italic; font-size:1.6em; letter-spacing: 12px; text-align:center; color:black;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.subscribe:hover{
color: #38c8ff;
}

#view_cart{float:none; width:100%; display:block; margin:0 auto; text-align:center;}
#view_cart input{width:100px;}

.widgets {margin-bottom:2em; border-bottom:1px solid #ddd;}
.widget {margin-bottom:2em;}
.pagination {text-align:center; margin:2em auto 1em auto;}
.pagination a {padding:3px 8px; border: 1px solid #ddd;}

.alignleft {display:inline; float:left; margin:0 1em 1em 0;}
.alignright {display:inline; float:right; margin:0 0 1em 1em;}
.aligncenter {display:block; margin:0 auto 1em auto; }
.wp-caption {text-align:center; padding:0.5em; background:#ddd;}
.wp-caption-text, .gallery-caption {font-size:0.7em; margin:3px 0;}

#comments {margin-bottom:2em; border-bottom:1px solid #ddd;}
#comments h3, #respond h3 {margin-bottom:2em;}
#comments li {list-style-type:none; margin:0 0 2em 0;}
#comments .avatar {vertical-align:middle; margin-right:2px; padding:2px; border:1px solid #ddd;}
#comments .comment-author {margin-bottom:1em;}
#comments .comment-author cite {font-weight:bold; font-style:normal; margin-top:1em;}
#comments .comment-meta {margin-bottom:1em;}
#comments .reply a {font-size:0.7em;}
#comments .children {margin:2em;}
#comments .pagination {margin-bottom:2em;}

#respond label {display:block;}
#respond .required {display:none;}
#respond #closed {font-style:italic;}
#comments li.comment #respond {margin:2em;}
#comments li.comment #respond h3 {padding-top:2em; border-top:1px solid #ddd;}
#comments li.comment #respond #cancel-comment-reply-link {font-size:0.7em; margin-left:1em;}