/*
Theme Name: boedkers.net
Theme URI: http://www.boedkers.net
Description: boedkers.net v2
Version: 2.0.63b
author_info: Kristian Boedker
*/

p {margin: 0 0 1em 0}

h2 {padding: 0;
margin: 0;
font-size: 32px;
}

h3 {padding: 0;
margin: 0;
font-size: 24px;
}

.post {
margin-bottom: 2em;
}

html {
position: relative;
background: #cbcbcb url('img/gradient.png') repeat-x; 
padding: 0;
margin: 0;
font-family: Tahoma; 
font-size: 14px;
}

body{
background: url('img/top-left.png'); 
padding: 0;
margin: 0;
width: 100%;
}

#page {

position: relative;
width: 900px;
padding: 0;
margin: 0 auto 0 auto;

}

#header {
background: url('img/top2.png') 0 100%;
height: 350px;
padding: 0; margin: 0;
}

#wrapper {
background: url('img/back.png');
width: 900px;
}


#wrapper #content{
width: 580px;
margin: 0 0 0 260px;
padding: 0;
}


#wrapper.fullwidth #content {
width: 700px;
margin: 0 0 0 100px;
padding: 0;
font-weight: 100;
}

#commentform {padding: 0 0 1em 0; margin: 0}
#commentform input  {width: 170px; padding: 4px; background: #f9f9ff; border: 1px solid #999}
#commentform textarea {width: 696px; padding: 4px; background: #f9f9ff; border: 1px solid #999}

.navigation {padding: 1em 0 4em 0; }

.navigation .alignright {width: 40%;  display: inline; float: right; text-align: right}
.navigation .alignleft {width: 40%; float: left; display: inline;}



#content {
margin: 0;
padding: 0;
}

#author_info {
color: #666;
width: 190px;
float: left;
margin: 0  0 0 60px;
padding: 0;
}

#headerimg {
position: absolute;
top: 120px;
left: 310px;
width: 500px;
text-align: center;
}


#headerimg .description {
font-size: 20px;

}

small {font-size: 10px}


h1 {font-size: 75px; padding: 0; margin: 0;}

h1 a, h2 a, h3 a {text-decoration: none; color: #000; font-weight: normal;}

h1 a:visited, h1 a:link, h2 a:visited, h2 a:link, h3 a:visited, h3 a:link {text-decoration: none; color: #000; font-weight: normal;}

h1 a:hover, h2 a:hover, h3 a:hover  {text-decoration: none; color: #336cb3}

/* image specific css ()*/

img.size-thumbnail {
margin: .25em;
padding: .25em;
border: 1px solid #999;

}

/* links */

a:link {color: #234b7d}
a:visited {color: #999}
a:hover {color: #336cb3;}

a[href^="http:"]:after {content: "↷"; font-size: 100%;}
a[href^="http://boedkers.net"]:after {content: ""; font-size: 75%;}




.galleryCategory img { float: right; border: 1px solid #999; margin: .5em; padding: 1px;}

.galleryCategory .postmetadata {clear: both}

#footer {
background: url('img/back.png');
z-index: 1;
position: static;
}


#footer #sidebar  {
width: 780px;
margin: 0 auto 0 auto;
background: #336cb3;
}

#searchform div {position: absolute; top: 12px; right: 50px; margin: 0; padding: 0; background: #234b7d;  }
#s { height: 18px; margin: 0; padding: 5px ;color: white; background: transparent; border: none}
#searchsubmit {line-height: 18px; margin: 0; padding: 4px ;color: white; background: transparent; border: none}


#sidebar {z-index: 1; position: static}
#sidebar ul {z-index: 3}

 .size-full {margin: 1em;}
 
.alignright {float: right}
.alignleft {float: left}
.aligncenter {margin: auto}


#footer #sidebar ul {
width: 780px;
margin: 0 auto 0 auto;
padding: 0;

}

#footer ul {width: 0;}


#footer #sidebar ul li {display: block; float: left; width: 195px; color: white; }
#footer #sidebar ul li ul li {display: block; float: left; width: 180px; color: white; margin: .15em}
#footer #sidebar ul li ul {display: block; width: 180px;}
#footer #sidebar ul li ul a:link {color: white}
#footer #sidebar ul li ul a:visited {color: #ccc}
#footer #sidebar ul li ul a:hover {background: #234b7d}

#footer #sidebar h2 {display: block; width: 180px; margin: 0 auto 0 auto; font-weight: normal}

#coffeebag {width: 268px; height: 351px; display: block; right: 0; position: absolute;}
#coffee {width: 268px; height: 351px; background: url("img/coffee.png"); display: block; right: 0; position: relative; top: -25px}

.clearer {clear: both}

#driven {padding: 10px 0 50px 0; margin: 0 auto 0 auto; width: 800px; background: url("img/bottom.png") no-repeat; font-size: 12px}