/*
Theme Name: Ondoordacht Blog
Theme URI:
Description: Wordpress theme made for my blog
Version: 1.3
Author: Thomas
Author URI: http://ondoordachtblog.nl/

*/

/* basic */
*{
vertical-align: baseline;
padding: 0;
margin: 0;
}
body{
font:10px Verdana, Arial, Helvetica, sans-serif;
line-height: 15px;
background: url(images/bg-repeat.jpg);
}
h1, h2{font-size: 24px;}
h3, h4, h5, h6 {font-size: 18px;}

/* wrapper */
#wrapper{
margin: 0 auto;
width: 990px;
}


/* header */
#header h1 {
	margin: 0 auto;
	width: 600px;
	}
#header h1 a {
	width: 600px;
	height: 250px;
	display: block;
	background: url(images/header.jpg) no-repeat top center;
	}
#header h1 a span { display: none; }


/*sidebar1*/
#nav1 { width:245px; float:left;}
#sidebar1{
clear:both;
}
#sidebar1 ul{
list-style-type: none;
width: 240px;
}
#sidebar1 ul li a{
display: block;
height: 30px;
margin-bottom: 3px;
background: url(images/pencil.jpg) no-repeat;
text-decoration: none;
padding: 0 81px 0 15px;
line-height: 20px;
color: #000000;
}
#sidebar1 ul li a:hover{
background-position: 0 -30px;
color: #FFFFFF;
}
.current_page_item a{
margin-left:10px;
}
#nav1 h2{
font-size: 14px;
padding: 10px 0 5px 10px;
}


/* blog posts */
#content{
width: 498px;
float: left;
font: 13px "Courier New", Courier, monospace;
line-height: 19px;
border-left: 1px solid #999999;
border-right: 1px solid #555555;
border-bottom: 1px solid #555555;
margin-bottom: 20px;
background: #FFFFFF url(images/ringband.jpg) repeat-y;
}
#content #fill {
padding: 0 20px 0 50px;
}
#content a {
color: #000000;
text-decoration: none;
}
#content a:hover {
color: #AA2222;
}

#content p {
padding-bottom: 15px;
}
#content p a {
background: url(images/textdec.jpg) repeat-x bottom ;
}
#content h2 {
padding-bottom: 15px;
clear: both;
}
#content h3{
padding-top: 15px;
padding-bottom: 15px;
clear: both;
}
#content ul, #content ol{
padding: 0 0 15px 40px;
list-style-type: none;
}
#content textarea {
width: 400px;
height: 150px;
padding-bottom: 15px;
}
.alignleft { float: left;}
.aligncenter {
clear: both;
margin: 0 auto;
}
.alignright {float: right;}
.wp-caption {
border: 1px solid #000000;
margin: 0 5px;
}
.wp-caption img {
border: none;
padding: 5px;
}
.wp-caption img a {
text-decoration: none;
background-image: none;
}
.wp-caption-text {padding: 5px;}
.post {
padding: 0 0 30px 0;
}


/*sidebar2*/
#nav2 {
width: 245px; float: left;}
#nav2 ul {list-style-type: none;}
#nav2 h2{
font-size: 14px;
padding: 10px 0 0 10px;
}
#sidebar2 {
width:210px;
margin: 0 13px 20px 13px;
background-image: url(images/borderbottom.jpg);
background-repeat: no-repeat;
background-position: bottom left;
padding-bottom: 9px;
}
#widget2 {
width: 210px;
background: #FFFFFF url(images/borderright.jpg) repeat-y bottom right;
}
#widget2 ul h3{
padding: 10px 30px 5px 5px;
}
#widget2 ul li {
padding: 3px 30px 3px 10px;
}
#widget2 ul li a {
color: #000000;
text-decoration: none;
}
#widget2 ul li a:hover {
color:#AA2222;
}


/*sidebar3*/
#widget3 ul li {
margin: 10px;
padding: 35px 30px 15px 20px;
display: block;
height: 160px;
width: 160px;
overflow: hidden;
background: url(images/menupost-it.jpg) no-repeat left top;
}
#widget3 ul li span {
display: block; 
width: 160px;
overflow: hidden;}
#widget3 ul li a {
font-weight: bold;
text-decoration: none;
color: #AA2222;
}
#widget3 ul li a:hover {
text-decoration: underline;
}
#widget3 ul li img {
float: left;
}
#widget3 h2 {
display: block;
height:150px;
line-height: 75px;
width:240px;
margin:0 0 0 10px;
padding-left: 20px;
background: url(images/erasorflip3.jpg) no-repeat;
}
#widget3 h2 a{
text-decoration: none;
color: #AA2222;
}
#widget3 h2 a:hover{
text-decoration: underline;
}


/* footer */
#footer {
clear: both;
margin: 20px auto;
width: 500px;
text-align: center;
}
#footer h3 {
font: 14px "Courier New", Courier, monospace;
padding: 0 0 20px 0;
}
#footer ul {
width: 240px;
height: 150px;
padding-right: 10px;
background: url(images/footer_card.jpg) no-repeat;
list-style-type: none;
display: block;
float: left;
}
#footer li {
padding: 5px 10px 5px 5px;
display: inline;
}
#footer li a{
color: #000000;
}
#footer li img {border: none;}
#footer p {
text-align: center;
}