/*
Theme Name: JNNK
Theme URI: http://jnnk.nl/
Version: 1.0
Author: Harm Hopman
Author URI: http://zutaten.nl/
Tags: white, variable width, two columns, light, minimal, widgets

	JNNK v1.0
	http://jnnk.nl/

	Dit Wordpress Theme is ontwikkeld door Harm Hopman

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* 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;vertical-align:baseline;background:transparent}
ol,ul {list-style:none}
:focus {outline:0}

body {padding:0 0 50px; background:#ddd url(images/body-bg.gif); font-size:62.5%; font-family:verdana,trebuchet ms,arial}

a {color:#006aab; font-weight:700; text-decoration:none}
a:hover {border-bottom: 1px solid #006aab}

h1 {position:absolute; top:0; left:40px}
h1 a {display:block; padding:5px 10px; }
h1 a:hover {border:0; background:#fff; border-bottom:1px solid #ddd; -moz-border-radius: 0 0 10px 10px }

#header {margin: 0 10px 40px; height: 48px; background:#fff; border-bottom:1px solid #ddd; border-right:1px solid #eee; -moz-border-radius: 0 0 10px 10px }
#header .menu {float:right; padding: 15px 20px 0}
#header .menu li {display:inline}
#header .menu a {color:#999; text-decoration:none; margin: 0 20px; font-weight:700}

#wrapper {max-width:960px; _width:960px}

#page {width:450px; margin:40px 0 50px 80px; _margin:40px 0 50px 50px}

.holder {float:left; margin: 40px 0 0 50px; background:#fff; border-bottom:1px solid #ddd; border-right:1px solid #ddd; -moz-border-radius: 0 10px 0 10px}
.holder h2 {padding: 0 0 5px 20px; margin:-15px 0 0; font-size:1.4em}
.holder .entry {margin:0 20px 20px 20px; line-height:170%; color:#333; font-size:1.1em}
.holder p {margin:10px 0}
.holder .sub {margin:0 20px 5px; color:#666}

.caption-left {position:relative; top:-35px; left:-25px; _left:-35px}
.caption-left:hover {border:0}
a.caption-left img:hover {background:#fff}
.caption-right {position:relative; top:-35px; left:-25px}
.caption-right:hover {border:0}
a.caption-right img:hover {background:#fff}

.rss {float:right; display:block; width:10px; height:10px; margin:20px 20px 0 0; background: url(images/rss.gif) no-repeat}

.more {margin:10px 15px; padding:10px; border:1px solid #ddd; -moz-border-radius: 10px; text-align:center}
.more a {font-size:1.4em}

#archief-button {display:block; margin: 30px}
.post #archief-button {margin:30px 20px}
#archief-button:hover {border:0}

#schrijft {width:450px; margin:40px 0 50px 80px; _margin:40px 0 50px 50px}
#schrijft h2 {margin-top:-35px}

#doet {width:350px}
#schrijft h2 {margin-top:0px}
#doet .sub {margin:0 0 0 20px}
#doet .post {margin:0 0 40px}

.archive {width:450px !important}
.archive h2 {margin-top:0px !important}
.archive .entry a {font-weight:500}
.archive .entry a:hover {background:#eee}

.archive-caption {position:relative; top:-50px}

#search {width:450px; margin:40px 0 50px 80px; _margin:40px 0 50px 50px; padding-bottom:40px}
#search h2 {margin-top:18px}
#search .sub {margin-bottom:0}
#search a p {font-weight:500; color:#666}
#search a p:hover {color:#000}

#searchform {margin:30px 10px; text-align:center}
#search #searchform {margin-top:0}
#searchform label {display:none}

#search-nav {text-align:center}
#search-nav a {margin:10px 20px; font-size:1.2em; font-weight:700}

#elders {width:350px}
#elders a:hover {border:0; text-decoration:underline}

#widgets .title {display:none}
#menu-elders li {padding:5px 15px}

.social-feed {clear:left; margin:0 20px 20px; padding-top:30px}
.social-feed li {margin:5px 0; color:#aaa}

#twitter {background: url(images/logo-twitter.gif) no-repeat}
#lastfm {background: url(images/lastfm.gif) no-repeat}
#twitpic {background: url(images/twitpic-logo.gif) no-repeat; padding-top:40px}

#widgets {width:350px; padding-bottom:30px}

#navigation, #archive-nav {width:350px; float:right; padding-bottom:30px}
.nav, #archive-nav a {display:block; margin:10px; padding:5px; text-align:center; font-size:1.2em; border:1px solid #ccc}

#comments {width:450px; margin:0 0 50px 80px; _margin:0 0 50px 50px; clear:left}
.reactie-holder {margin:10px;}
#comment {width:100%}
.comment-body p {line-height:180%}