/*
Theme Name: Next Nature Theme
Theme URI: http://www.nextnature.net/
Description: The second incarnation of the Next Nature blog
Version: 1.0
Author: Mattijs Bliek
Author URI: http://heliumworkx.com
Tags: Next Nature, Culture, Nature, Koert van Mensvoort
*/

/* Reset
---------------------------- */

/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, 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, li { 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:''}
a { text-decoration:none }
abbr,acronym { border:0; } 

strong { font-weight: bold }
em { font-style: italic }
a img { border:none }
a:focus{ outline:none; }

form input{ border:none;}
article span.vvqbox{ margin:0;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* Layout
---------------------------- */

/* General */
html, body{ height:100%;}
body{ background:url('img/bg.gif') top left repeat #000; }
header{ background-color:rgba(0,0,0,0.4); display:block; margin-bottom:30px;}
#page{ display:block; min-height:100%; }
#container{ display:block; width:960px; margin:0 auto; overflow:auto; padding-bottom:295px; position:relative;}
.sprite{ background:url('img/sprite.png') no-repeat;}
.red{ color:#a10000;}
.grey{ color:#666;}
#loading{ display:none; width:170px; height:40px; text-indent:-9999px; padding:40px 10px 10px 10px; position:absolute; left:170px; top:200px; background:url('img/loading-bg.png') top left no-repeat; text-align:center;}
#loading img{ position:absolute; left:44px; top:37px;}

body{ font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;}
header{ color:#aaa; }
h1{ line-height:12px; display:inline;}
h2{ font-size:1.5em; color:#fff; }
h3{ margin-bottom:0px; }
h5{ font-size:0.75em;}
p{ font-family:'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif; font-size:0.75em; line-height:16px; margin-bottom:16px;}
a{ font-style:italic; }

p.edit a{ color:#fff;}

#respond h3{ color:#fff;}
#respond p#logged-in, #respond p#logged-in a{ color:#fff; font-style:normal;}
#respond p#logged-in a{ text-decoration:underline;}
#respond textarea{ font-family:'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;}
#respond label{ display:block; width:200px; color:#fff;}
form span#required{ font-size:0.75em;}
.comment, .pingback{ background-color:rgba(0,0,0,0.4); padding:20px 20px 20px 80px; margin-bottom:20px; overflow:hidden; position:relative; min-height:50px; color:#fff;}
.comment .avatar{ position:absolute; top:20px; left:20px;}
.comment-meta{ display:block; width:120px; float:left;}
.comment a, .pingback a{ font-style:normal; color:#fff; }
.comment p, .pingback p{ float:right; width:300px;}
.comment p a, .pingback p a{ border-bottom:1px dotted #fff; }
.comment-meta{ font-size:0.75em; font-family:'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;}
#page-comments{ display:block; text-align:center; height:30px; width:530px;}
#page-comments a{ font-style:normal; font-size:0.75em; padding: 5px 10px; border: 1px solid #3f3f3f; color: #ddd; background-color:rgba(0,0,0,0.4); }
#page-comments a:hover{ color: #000; background-color: #fff;}
.nocomments{ margin-top:16px; color:#fff;}

.black p a{ color:#fff; text-decoration:underline;}

/* Header */
header form input{ color:#fff;}


/* Navigation */
nav{ display:block; width:100%; height:60px; padding-top:15px; background-color:#000;}
nav ul{ width:960px; margin:0 auto; }
nav ul li{ float:left; margin-right:15px; }
nav ul li a, nav span{ display:block; background:url('img/sprite.png') top left no-repeat; text-indent:-9999px; }
nav ul li a{ margin-top:15px;}
nav ul li a#nav-home{ width:298px; height:37px; margin-top:0px; position:relative;}
nav span{ display:block; width:50px; height:21px; left:250px; bottom:0px; position:absolute; background-position:0px -37px; }
nav ul li a#nav-essays{ width:61px; height:21px; background-position:-54px -37px; }
nav ul li a#nav-lab{ width:36px; height:21px; background-position:-273px -37px; }
nav ul li a#nav-tv{ width:26px; height:21px; background-position:-124px -37px; }
nav ul li a#nav-events{ width:63px; height:21px; background-position:-156px -37px; }
nav ul li a#nav-shop{ width:48px; height:21px; background-position:-225px -37px; }
nav ul li#nav-contribute a{ width:67px; height:20px; background-position:0px -102px; margin-top:15px; margin-left:55px;}
nav ul li#nav-about a{ width:42px; height:20px; background-position:-68px -102px; margin-top:15px;}

#bodyHome nav span{ background-position:0px -79px;}
#bodyEssays nav ul li a#nav-essays{ background-position:-54px -79px; }
#bodyLab nav ul li a#nav-lab{ background-position:-273px -79px; }
#bodyTv nav ul li a#nav-tv{ background-position:-124px -79px; }
#bodyEvents nav ul li a#nav-events{ background-position:-156px -79px; }
#bodyShop nav ul li a#nav-shop{ background-position:-225px -79px; }
#bodyContribute nav ul li#nav-contribute a{ background-position:-43px -125px; }
#bodyAbout nav ul li#nav-about a{ background-position:-111px -125px; }

nav ul li a#nav-home:hover span{ background-position:0px -58px; }
nav span:hover{ background-position:0px -58px;}
nav ul li a#nav-essays:hover{ background-position:-54px -58px; }
nav ul li a#nav-lab:hover{ background-position:-273px -58px; }
nav ul li a#nav-tv:hover{ background-position:-124px -58px; }
nav ul li a#nav-events:hover{ background-position:-156px -58px; }
nav ul li a#nav-shop:hover{ background-position:-225px -58px; }
nav ul li#nav-contribute a:hover{ background-position:-111px -102px;}
nav ul li#nav-about a:hover{ background-position:0px -125px;}

nav li.right{ float:right; }
nav li#nav-contribute{ margin-left:0px; margin-right:10px; }
nav li#nav-about{ margin-right:5px; }
nav form{ margin-top:13px; }
nav form input[type="text"]{ background-color:#222; border:1px solid #444; padding:4px 26px 4px 4px; margin-right:0px; }
nav form input[type="submit"]{ width:15px; background:url('img/sprite.png') -122px -149px no-repeat; border:none; text-indent:-9999px; margin-left:-23px; }
nav form input[type="submit"]:hover{ background-position:-138px -149px;}


/* Article Formatting */
article{ display:block; background-color:#fff; padding-bottom:20px; overflow:hidden;}
article p img{ margin:0 0 20px -20px; }
article object{ display:block; margin:0 0 10px 0; }
article p object, article p iframe{ margin-left:-20px; }
article ul, article ol{ margin-left:20px; margin-right:20px; }
article li{ margin-bottom:5px;}

article h2{ font-size:1.5em; font-weight:bold; line-height:32px; margin:0px 20px 20px 20px; padding-top:10px; color:#000;}
article h2 a{ color:#000; font-style:normal;}
article h2 a:hover{ color:#666;}
article h3{ font-weight:bold; margin-bottom:10px;}
article h3, article h4, article p{ margin-left:20px; margin-right:20px;}
article h4{ margin-bottom:4px; font-size:0.875em;}
article p a{ color:#000; font-style:normal; text-decoration:none; border-bottom:1px dotted #000;}
article p a:hover{ border:none;}
article p cite{ color:#666;}
article ul, article ol{ font-size:0.625em; font-family:'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif; }
article ul a, article ol a{ color:#000; font-style:normal; font-weight:bold;}
article h3 a{ color:#000; font-style:normal; }
article a h2{ color:#000;}

#block-list article, #lab-list article{ padding:0;}
#block-list article a, #lab-list article a{ display:block; height:260px;}
#block-list li.last, #lab-list li.last{ display:block; width:530px;}
#block-list article h2, #lab-list article h3{ font-size:0.875em; line-height:16px; margin-top:10px; margin-bottom:10px; padding:0;}
#block-list h2, #block-list p, #lab-list h3, #lab-list p{ margin-left:10px; margin-right:10px;}
#block-list p, #lab-list p{ font-size:0.675em; }
#block-list a, #lab-list a{ color:#000; font-style:normal;}
#block-list li.last a, #lab-list li.last a{ color:#ddd;}
#block-list li.last a:hover, #lab-list li.last a:hover{ color:#000;}

a.read-more{ margin-left:20px; font-size:0.75em; font-family:'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif; color:#666; }
a.read-more:hover{ text-decoration:underline;}
a.more-link, p.readmore a{ border:none; font-style:italic; color:#666;}
a.more-link:hover, p.readmore a:hover{ color:#666; text-decoration:underline;}


/* What is NN */
section#what-is{ display:block; width:960px; position:relative; margin:0 auto; height:136px; }
#hide-what-is{ display:block; width:20px; height:20px; background:url('img/sprite.png') -285px -133px no-repeat; text-indent:-9999px; position:absolute; right:4px; top:10px; overflow:hidden; z-index:2; }
#hide-what-is:hover{ background:url('img/sprite.png') -285px -151px no-repeat;}
#more-what-is{ display:block; width:100%; height:136px; position:absolute; left:0; top:0;}

#what-is h2{ width:527px; height: 49px; background:url('img/what-is-next-nature.png') top left no-repeat; text-indent:-9999px; position:absolute; left:0; top:50px;}
#what-is p{ width:410px; position:absolute; right:0; top:40px; }
#what-is a{ color:#aaa; font-style:normal; }


/* Blog */
#viewswitch{ overflow:auto;}
#viewswitch li{ float:left; margin-right:2px;}
#viewswitch li a{ display:block; padding:5px; background-color:#000; }
#viewswitch li a:hover{ background-color:#111;}
#viewswitch li a#viewswitch-list{ width:40px; }
#viewswitch li a#viewswitch-block{ width:50px; }
#viewswitch li a#viewswitch-geo{ width:36px; }
#viewswitch li a.active{ background-color:#333;}

#article-list{ width:530px; float:left; }
#block-list, #lab-list{ width:530px; float:left; }
#block-list li, #lab-list li{ width:170px; float:left; margin:0 10px 10px 0; }
#block-list li.no-margin, #lab-list li.no-margin{ margin-right:0;}
#block-list li a:hover, #lab-list li a:hover{ background-color:#ccc;}

.meta{ display:block; overflow:auto; padding:20px; min-height:80px; position:relative; background-color:rgba(0,0,0,0.4); margin-bottom:20px;}
.meta img{ float:left; margin-right:5px;}
.meta .meta-author{ display:block; float:left; width:140px; margin-right:10px;}
.meta .meta-tags{ display:block; float:left; width:240px; margin-right:20px;}
.meta .meta-share{ display:block; float:left; width:80px;}
.meta .meta-share li{ float:left; margin-right:5px;}
.meta a.nr-of-comments{ position:absolute; top:80px; left:20px; display:block;}

a.retweet, a.stumble, a.fbook, a.digg{ display:block; width:15px; height:15px; text-indent:-9999px;}
a.retweet{ background-position:-158px -149px;}
a.stumble{ background-position:-174px -149px;}
a.fbook{ background-position:-190px -149px;}
a.digg{ background-position:-206px -149px;}
a.retweet:hover{ background-position:-222px -149px;}
a.stumble:hover{ background-position:-238px -149px;}
a.fbook:hover{ background-position:-254px -149px;}
a.digg:hover{ background-position:-270px -149px;}

.tags li{ float:left; margin-right:3px;}

#viewswitch li a{ color:#666; text-align:center; font-style:normal; font-weight:bold; }
#viewswitch li a.active{ color:#fff; }
#viewswitch li a:hover{ color:#fff;}
.meta{ color:#aaa; font-size:0.75em;}
.meta a{ color:#aaa; font-style:normal; }
.meta a:hover{ text-decoration:underline;}


/* Single */
#single-article{ width:530px; float:left; overflow:auto;}
#single-article form{ padding-bottom:20px; margin-bottom:40px; position:relative;}
#single-article form input, section#single-article form textarea{ padding:5px; border:1px solid #ccc;}
#single-article form input[type='submit']{ float:right; }
#single-article form textarea{ margin:15px 0 10px 0; width:318px; }
#single-article form textarea#author-text{ width:518px; }
#input-block{ display:block; float:left;}


/* Themes */
.theme{ width:540px; padding-right:410px; position:relative; height:280px; margin-bottom:20px; background-color:rgba(0,0,0,0.4);}
.theme img{ position:absolute; top:0; right:0;}
#themes-list article.theme{ background-color:#fff;}
#themes-list article img{ position:absolute; top:0; right:0;}
#featured-posts{ width:530px; float:left;}
#featured-posts li{ margin-bottom:20px;}

.theme{ color:#fff;}
.theme a{ border:none;}
.theme a:hover{ text-decoration:none; border:none;}
.theme h3{ font-size:1.5em; padding-top:20px;}
.theme h3 a{ color:#000; font-style:normal; }
.theme h2{ color:#fff; font-weight:normal;}
#themes-list article.theme{ color:#000;}
.view-all a{ text-decoration:underline; color:#fff; font-style:italic;}
.view-theme a{ text-decoration:underline; font-style:italic;}


/* Pages */
.white section, .events .white article{ width:490px; background-color:#fff; margin-right:20px; }
.black section, .events .black article{ width:370px; background-color:rgba(0,0,0,0.4); color:#fff; }

.page > ul{ float:left;}
.page ul section, .events ul article{ display:block; padding:20px 20px 10px 20px; position:relative;}

.page > ul > li{ margin-top:30px; margin-bottom:50px; }
.page > ul > li.intro{ margin-top:5px;}
.page > ul > li.intro section p{ font-family:Helvetica, Arial, Tahoma, sans-serif; font-size:1em; line-height:20px; font-weight:bold;}
.page > ul > li.no-header{ margin-top:-30px;}
.page h2{ position:absolute; top:-30px; left:0; font-size:1.5em; font-style:normal;}
.page h3{ font-size:0.75em; font-weight:bold; }
.page h3 a:hover{ text-decoration:none;}
.page article h3{ position:relative; font-size:0.875em; line-height:16px; margin:0 0 16px 0; padding:0; }
.page article h3 a{ position:relative; color:#000; }
.page article p{ margin:0 0 16px 0; padding:0;}
.page section > ul, .page section > dl{ font-family:'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif; font-size:0.75em; margin-bottom:16px;} 
.page a{ color:#000; text-decoration:none; font-style:normal;}
.page a:hover{ text-decoration:none;}
#bodyLab .page a:hover{ text-decoration:none;}

/* Essays */
#essay-list{ width:840px; float:left;}
#essay-list li{ float:left; margin:0 10px 10px 0; overflow:auto;}
#essay-list h3{ font-size:1em; line-height:20px; font-weight:bold;}
#essay-list a{ display:block; color:#000; background-color:#fff; font-style:normal; padding:20px; width:230px; height:260px;}
#essay-list a:hover{ background-color:#aaa;}

/* Events */
.events > .black{ float:right;}
.events > article{ width:490px; padding:20px; margin-top:30px; float:left; position:relative;}
.events > h2{ position:relative; float:left; top:0; left:0; }
.events > article h2{ position:absolute; top:-56px; left:-20px; color:#fff; font-weight:normal;}
.events article h3{ margin-bottom:0;}
.events .white li{ margin:0 0 10px 0;}
.events .white li:first-child{ margin-top:0px;}
.events .white article{ width:300px; height:140px; padding-left:210px; }
.events .white article br{ margin-bottom:16px;}
.events article img{ position:absolute; top:0; left:0;}
.events article a{ border:none; color:#666;}
.events article a:hover{ color:#666;}
#upcoming{ margin-bottom:20px;}

/* Single Event */
.event .black{ float:right;}
.event article{ width:490px; padding:20px; margin-top:30px; margin-bottom:50px; float:left; position:relative; overflow:visible;}
.event article img{ margin:0;}
.event > h2{ position:relative; float:left; top:0; left:0; }
.event > article h2{ position:absolute; top:-42px; left:-20px; color:#fff; font-weight:normal;}
.event article h3{ margin-bottom:0;}
.event article p:last-child{ margin-bottom:0;}
.event section{ margin-bottom:30px;}
.event .white li:first-child{ margin-top:0px;}
.event .white article{ width:490px; }
.event .white section ol li{ font-family:'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif; font-size:0.75em; list-style-type:decimal; list-style-position:inside;}
.event p img{ margin-left:-20px;}

#speakers ul{ padding-left:60px; position:relative; min-height:60px; margin-bottom:10px;}
#speakers li:first-child{ position:absolute; left:0; top:0;}
#partners ul{ overflow:auto;}
#partners li{ float:left; padding:15px; }
#pictures #slider{ float:none; }
#pictures{ padding:0; width:410px;}
#pictures span a{ background-color:#000; display:block; width:30px; height:24px; color:#fff; font-size:1.125em; text-align:center;}
#pictures span a:hover{ text-decoration:none;}
#pictures #prevBtn{ top:146px; }
#pictures #nextBtn{ top:146px; }
#practical-info ul{ font-family:Helvetica, Arial, sans-serif; font-size:1em; border-bottom:1px solid #ccc; padding:5px 0 5px 80px; position:relative; margin:0;}
#practical-info ul:last-child{ border:none; }
#practical-info ul li:first-child{ position:absolute; top:5px; left:0;}
#practical-info a{ font-weight:bold; color:#fff;}
#practical-info a:hover{ text-decoration:none; border-bottom:2px solid #fff;}
#program{ padding:20px;}
#program ul{ position:relative; border-bottom:1px solid #ccc; padding:5px 0 5px 0; margin-bottom:0;}
#program ul:last-child{ border:none;}
#program ul li{ width:160px; }
#program ul li:last-child{ width:300px; position:absolute; top:5px; right:0; font-style:italic;}
#videos span{ display:block; margin-bottom:20px;}
.event .white #videos{ padding:0; width:530px; background-color:transparent;}


/* Shop */
.shop ul{ width:540px;}
.shop ul li{ float:left; margin:0 10px 10px 0; }
.shop ul li article{ width:150px; height:100px; padding:140px 10px 10px 10px; position:relative; }
.shop ul li h3{ margin-bottom:8px;}
.shop ul li img{ position:absolute; top:0; left:0;}
.shop ul li p:last-child{ position:absolute; left:10px; bottom:10px; font-family:Helvetica, Arial, sans-serif; font-size:0.875em; margin-bottom:0; }
.shop ul li p a{ border-bottom:none; text-transform:lowercase; font-weight:bold; color:#000;}
.shop .black{ display:block; width:410px; float:right;}
.shop section{ display:block; padding:20px; background-color:rgba(0,0,0,0.4); color:#fff; margin-bottom:20px; position:relative;}
.shop section h3{ font-size:1.125em; font-weight:normal; margin-bottom:16px;}
.shop section h4{ position:absolute; top:200px; right:0; z-index:1; background-color:rgba(0,0,0,0.5); padding:5px 10px 5px 10px; font-size:1.125em; font-weight:bold;}
.shop section img{ position:absolute; top:0; left:0;}
.shop #featured-product{ padding-top:270px;}
.shop #featured-product p:last-child{ margin-bottom:0; font-family:Helvetica, Arial, sans-serif; font-size:1.125em;}
.shop #featured-product p:last-child a{ text-transform:lowercase; color:#fff;}
.shop #featured-product p:last-child a:hover{ text-decoration:none; border-bottom:2px solid #fff;}
.shop article p img{ margin:0 0 20px 0px; }

/* About & Lab */
.lab{ padding-top:30px;}
.lab > h2{ top:0;}
.about h2#visual-introduction{ left:550px; top:0;}
.about ul#site li ul li a{ color:#fff;}
.about img, .lab aside img{ margin-left:-20px; padding:0; margin-bottom:-5px; }
#slider{ float:right; position:relative; display:block; margin:30px 0 20px 0;}
#slider ul, #slider li{ margin:0; padding:0; list-style:none; }
#slider, #slider li{ width:410px; height:310px; overflow:hidden; }
#slider img{ margin:0;}
#slider span{ color:#fff;}
#prevBtn{ position:absolute; right:380px; top:257px; }
#nextBtn{ position:absolute; right:0; top:257px; }
.about span a, .lab span a{ background-color:#000; display:block; width:30px; height:24px; color:#fff; font-size:1.125em; text-align:center;}
.about span a:hover, .lab span a:hover{ text-decoration:none;}
.about dl{ font-size:0.75em; font-family:'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;}
.about dt:first-child a{ border-top:none; margin-top:0;}
.about dt a{ display:block; padding:5px 0 0 15px; margin-top:5px; border-top:1px solid #aaa; color:#000; background:url('img/faq-closed.gif') 0 7px no-repeat;}
.about dt a:hover{ color:#000; text-decoration:none;}
.about dt.ui-state-active a{ background:url('img/faq-open.gif') 0 8px no-repeat;}
.about dt:focus{ outline:none;}
.about dd{ padding-left:15px;}
.about ul.essays{ width:530px; margin:0; position:relative;}
.about ul.essays li{ float:left; margin:0 0 10px 0;}
.about ul.essays article{ display:block; background-color:#fff; width:220px; height:220px; padding:20px; color:#000;}
.about ul.essays li.margin-left{ margin-left:10px; }
.about ul:first-child li:first-child section:first-child{ padding-bottom:0;}


/* Contribute */
.contribute section ul{ font-family:'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;}
.contribute section ul li{ border-top:1px solid #ddd; padding:5px 5px 5px 24px; font-weight:bold;}
.contribute section ul li:first-child{ border-top:none;}
.contribute section ul li p{ font-size:1em; margin-bottom:0; font-weight:normal;}
.contribute section ul li a{ color:#000;}
.guidelines li{ background:url('img/guidelines-icon.png') 0 7px no-repeat; }
.contribute section ul li a:hover{ text-decoration:none;}
.contribute section h3{ font-size:1em;}

/* Authors */
.author{ margin-bottom:20px;}
.author ul{ font-size:0.75em;}
.author .entry_author_image{ float:left; margin:0 20px;}

/* Old - Delete */
.authors img{ float:left; margin:0 10px 2px 0;}
.authors a.grey{ color:#666;}
#author-container{ display:block; width:820px; float:left; overflow:auto;}
.authors section{ display:block; margin-bottom:20px; float:left;}
.authors a{ color:#000; font-style:normal;}
.authors a:hover{ text-decoration:underline;}
.authors ul{ font-family:'Lucida Grande', 'Lucida Sans'; padding:20px; background-color:#fff; }
#founders{ float:none;}
#founders a.grey{ display:block; font-size:0.75em; margin-bottom:20px;}
#founders ul{ background-color:transparent; overflow:auto; padding:0;}
#founders li{ width:365px; min-height:140px; float:left; margin:0 10px 10px 0; background-color:#fff; padding:20px;}
#founders li.even{ margin-right:0;}
#founders h3{ color:#000;}
#featured-authors{ display:block; width:405px; margin-right:10px;}
#featured-authors ul{ font-size:0.75em; }
#featured-authors li{ margin-bottom:16px;}
#featured-authors h3{ font-size:1.5em; color:#000;}
#guest-authors{ width:400px; }
#guest-authors ul{ font-size:0.75em; -moz-column-count:2; -moz-column-gap:10px; -webkit-column-count:2; -webkit-column-gap:10px;}
#guest-authors ul li{ width:170px; }


/* Search */
#search-results{ float:left; width:530px;}
#search-results li{ margin-bottom:10px;}
#search-results article{ height:70px; padding:10px 10px 10px 130px; position:relative;}
#search-results article:hover{ background-color:#ddd;}
#search-results article a p.date-author{ color:#666; }
#search-results img{ position:absolute; top:0; left:0;}

#search-results article h3{ font-size:1em; margin:0; padding:0; line-height:20px; }
#search-results article p{ font-size:0.625em; padding:0; margin:0;}
#search-results article .search-meta p{ border:none;}
#search-results article a {color:#000; font-style:normal; }

/* 404 */
#error404{ display:block; width:530px; float:left;}
#error404 a{ display:block; padding:20px 20px 20px 190px; height:90px; margin-bottom:10px; position:relative; background-color:#fff; color:#000; font-style:normal;}
#error404 a:hover{ background-color:#ccc;}
#error404 a h3{ font-weight:bold;}
#error404 h4{ color:#fff;}
#error404 div{ display:block; padding:20px; background-color:#fff; margin-bottom:20px;}
#error404 div h3{ font-size:1.5em; margin-bottom:10px;}
#error404 div p{ font-size:1em; font-family:Helvetica, Arial, sans-serif; line-height:20px;}
#error404 a img{ position:absolute; top:0; left:0;}
#error404 input[type="text"]{ font-size:2em; width:310px; height:40px; padding:5px; border:5px solid #ccc; background-color:#eee; margin-right:10px; float:left;}
#error404 input[type="submit"]{ font-size:1.125em; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:bold; color:#000; width:110px; height:60px; width:140px; border:5px solid #ccc; background-color:#fff; text-transform:uppercase; }

/* Sidebar */
aside{ float:right; }
.small{ width:120px;}
.medium{ width:320px; }
.full{ width:410px;}
aside section, aside .ad{ margin-bottom:20px;}
aside .thumbs:first-child{ margin-top:0;}
#theme-small{ display:block; position:relative; background-color:rgba(0,0,0,0.4); height:130px; padding:10px 10px 10px 210px;}
#theme-small img, section.thumbs img{ position:absolute; top:0; left:0;}

.lab-sidebar{ display:block; position:relative; background-color:rgba(0,0,0,0.4); padding:20px 20px 10px 20px; margin-bottom:50px;}
.lab-sidebar h2{ position:absolute; top:-30px; left:0;}
.lab-sidebar a{ color:#fff; font-style:normal; border-bottom:1px dotted #fff;}
.lab-sidebar a:hover{ border:none;}
#pictures{ background:transparent;}

.thumbs{ display:block; margin-top:20px;}
.thumbs li{ display:block; position:relative; background-color:rgba(0,0,0,0.4); height:70px; margin-bottom:10px;}
.thumbs li:hover{ background-color:#000;}
.thumbs li a{ display:block; height:90px;}
.thumbs li a:hover{ display:block; height:90px; }
.big li{ width:180px; padding:10px 10px 10px 130px; }

aside .black{ display:block; background-color:rgba(0,0,0,0.4); width:280px; padding:20px; position:relative;}
aside .black h4{ position:absolute; top:-24px; left:0;}

#recent-comments ul{ background-color:rgba(0,0,0,0.4); padding:10px; width:300px; }
#recent-comments ul li{ border-top:1px solid #666; }
#recent-comments ul li a{ display:block; padding-bottom:10px; padding-top:10px; }
#recent-comments ul li a:hover{ background-color:#000; }
#recent-comments ul li:first-child{ border:none; }
#recent-comments ul li p{ margin:0;}

aside{ color:#fff;}
aside h3{ line-height:24px; }
aside p{ margin-bottom:10px;}
aside #theme-small h4{ position:absolute; top:-24px; left:0;}
aside #theme-small a{ font-family:'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif; color:#aaa;}
aside #theme-small a:hover{ text-decoration:underline;}
.thumbs h3{ font-style:normal; font-weight:normal; color:#fff; }
#recent-comments li a{ font-family:'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif; font-style:normal; color:#fff;}
#recent-comments h5{ color:#aaa; } 


/* Footer */
#footer-container{ display:block; height:265px; background:url('img/footer-bg.gif') top left repeat-x rgba(0,0,0,0.4); margin-top:-265px;}
footer{ display:block; width:960px; margin:0 auto; padding-top:5px; position:relative; overflow:visible;}
footer{ font-family:Helvetica, Arial, sans-serif; color:#aaa;}
footer h3{ font-size:1em; letter-spacing:0.05em;}
footer p{ font-family:Helvetica, Arial, sans-serif; }
footer a{ font-style:normal; color:#aaa;}
footer p a{ border-bottom:2px solid #aaa;}
footer p a:hover{ border-bottom:none;}
footer #archive a{ font-size:0.675em; color:#fff;}
footer #archive a:hover{ text-decoration:underline;}
footer #more-info p{ font-size:1em; line-height:20px; letter-spacing:0.05em;}
footer #social-media{ line-height:18px;}
footer #social-media, form#newsletter label{ font-family:'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif; font-size:0.75em; text-transform:lowercase; }

#archive{ float:right;}
#archive li, section#archive ul{ float:left;}
#archive li{ margin-right:3px;}
#social-media{ display:block; margin-bottom:30px;}
#social-media li{ float:left; margin-right:3px; }

#social-media .sprite{ display:block; width:19px; height:20px; text-indent:-9999px;}
#archive .sprite{ display:block; height:22px; text-indent:-9999px;}
.rss{ background-position:0 -148px;}
.twitter{ background-position:-20px -148px;}
.facebook{ background-position:-38px -148px; margin-right:10px;}
.rss:hover { background-position:-62px -148px;}
.twitter:hover{ background-position:-82px -148px;}
.facebook:hover{ background-position:-100px -148px;}
.tag{ width:39px; background-position:-179px -100px;}
.authors{ width:62px; background-position:-219px -100px;}
.up{ width:26px; background-position:-282px -100px; float:left; margin-left:20px;}
.up:hover{ background-position:-282px -116px;}
li#tags-list:hover .tag{ background-position:-179px -124px;}
li#author-list:hover .authors{ background-position:-219px -124px;}


#archive ul li div{ position:absolute; bottom:18px; display:none; background:rgba(0,0,0,0.9); padding:20px;}
#archive ul li#tags-list div{ right:116px; }
#archive ul li#author-list div{ right:66px; }
#archive ul li ul{ margin-left:20px; padding-left:20px; border-left:1px solid #585858; }
#archive ul li ul:first-child{ margin:0; border:none; padding:0; }
#archive ul li ul li{ float:none;}

#newsletter{ width:290px; float:left; margin-right:60px; }
#newsletter input{ margin-bottom:5px; padding:6px; border:1px solid #444; float:right;}
#newsletter input[type='submit']{ float:right; }
#newsletter label{ display:block; float:left; width:59px; position:relative; top:8px;}
#newsletter h3{ margin-bottom:16px;}
fieldset{ position:relative;}
#newsletter label.error{ position:absolute; width:10px; height:28px; top:-1px; right:1px; text-indent:-9999px; background:url('img/sprite.png') -306px -139px;}
.error{ color:#a10000;}
input.error{ border:1px solid #a10000;}
#hdn{ display:none; width:1px; height:1px;}
.thanks{ width:290px; float:left; line-height:20px;}
#more-info{ display:block; width:610px; float:left;}
#more-info p{ width:275px;}
#more-info p:first-child{ float:right; }

/* WP Pagenavi */
.wp-pagenavi { text-align:center; margin:0 auto; padding:6px; font-size:0.75em; }
.wp-pagenavi a, .wp-pagenavi a:link { text-align:center; padding: 5px 10px; margin: 2px; text-decoration: none; font-style:normal; border: 1px solid #3f3f3f; color: #ddd; background-color:rgba(0,0,0,0.4); }
.wp-pagenavi a:visited { padding: 5px 10px; margin: 2px; text-decoration: none; border: 1px solid #3f3f3f; color: #fff; background-color: rgba(0,0,0,0.4);}
.wp-pagenavi a:hover { border: 1px solid #000; color: #000; background-color: #fff; }
.wp-pagenavi a:active { padding: 5px 10px; margin: 2px; text-decoration: none; border: 1px solid #3f3f3f; color: #ddd; background-color: rgba(0,0,0,0.4); }
.wp-pagenavi .current { text-align:center; padding: 5px 10px; margin: 2px; border: 1px solid #3f3f3f; color: #000000; background-color: #fff; }
.wp-pagenavi .extend { padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #000; color: #000; background-color: #fff; }