/*      

Theme Name: Tomwierper.nl 1.0    
Theme URI: http://www.tomwierper.nl    
Description: Tomwierper Design 1.0
Version: 1.0 (juli 2010)     
Author: Tommy Wierper   
Author URI: http://www.tomwierper.nl/     

*/ 

.wp-pagenavi a, .wp-pagenavi span {
	background: #1d76aa;
	padding: 5px; margin-right: 10px;
	font-size: 12px; color: #ffffff; text-decoration: none;
	border: 3px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background: #1d76aa;
	color: #fff;
	border: 3px solid #AFAFAF;
	}
.wp-pagenavi span.current { font-weight: bold; }

.clear {
clear: both;
}

img.followme {
padding: 02px 0px 0px 0px; 
border: 0px solid #CCC; 
margin: 0px;
}

/* Headers */
h1, h1 a {
font-family: "Calibri", Georgia, Times New Roman, Times, serif;
font-size: 19px;
font-weight: bold;
margin-bottom: 6px;
color: #1d76aa;
text-decoration: none;
}

h1 a:hover {
font-family: "Calibri", Georgia, Times New Roman, Times, serif;
font-size: 19px;
font-weight: bold;
margin-bottom: 6px;
color: #1d76aa;
text-decoration: none;
}

h2 {
font-family: "Calibri", Georgia, Times New Roman, Times, serif;
font-size: 19px;
font-weight: bold;
margin-bottom: 6px;
color: #1d76aa;
border-bottom: 1px dotted #CCC;
}

h3 {
font-family: "Calibri", Georgia, Times New Roman, Times, serif;
font-size: 17px;
font-weight: bold;
margin-bottom: 6px;
color: #1d76aa;
}

.subsidebar01 h3, .subsidebar02 h3 {
font-family: "Calibri", Georgia, Times New Roman, Times, serif;
font-size: 19px;
font-weight: bold;
margin-bottom: 6px;
color: #1d76aa;
border-bottom: 1px dotted #CCC;
}

h4 {
font-family: "Calibri", Georgia, Times New Roman, Times, serif;
font-size: 20px;
font-weight: bold;
margin-bottom: 18px;
color: #1d76aa;
}

.h5 {
font-family: "Calibri", Georgia, Times New Roman, Times, serif;
font-size: 14px;
font-weight: bold;
color: #1d76aa;
padding: 0px;
margin-top: 1px;
margin-bottom: 0px;
}

/* Algemeen */

.postauthor {
color: #222222;
font-family: "Calibri", Georgia, Times New Roman, Times, serif;
font-size: 13px;
font-weight: normal;
background: #FFFFFF;
border-top: 1px dotted #CCC;
width: 590px;
padding: 3px;
margin-bottom:5px;
}

* {      
margin:0;       
padding:0;       
}         

body {
background-color: #67c7e0;
background-image: url(images/background/background.jpg);
background-repeat: repeat-x;
background-position:0px -30px;
color: #222222;
font-family: "Calibri", Georgia, Times New Roman, Times, serif;
font-size: 13px;
}

#wrapper {
background: none;
width: 923px;
height: auto;
margin: 0 auto;
padding: 0 0 15px 0;
}


/* Header */
#header {
background-image: url(images/background/header.png);
background-repeat: no-repeat;
background-position: left top;
width: 923px;
height: 200px;
}

/* Zoek balk */
.search {
float: right;
display: inline;
margin: 4px 10px 0 0;
}

.search input#submit {
background: #1d76aa;
padding: 1px;
border: 1px solid #FFFFFF;
margin: 0;
width: 60px;
font-size: 11px;
text-align: center;
color: #FFFFFF;
}

.search input#text {
background: #f7d38d;
padding: 2px;
border: 1px solid #CCC;
margin: 0;
width: 167px;
font-size: 11px;
text-align: left;
}


/* Twitter balk */
.twitter {
width: 855px;
height: 17px;
margin: 205px 0 0 54px;
padding-top: 3px;
float: left;
display: inline;
font-size: 11px;
}

#twitter_update_list {
list-style-type: none;
margin: 0;
padding: 0;
}

#twitter_update_list a:link, #twitter_update_list a:active, #twitter_update_list a:visited {
font-size: 11px;
color: #1d76aa;
text-decoration: underline;
}

#twitter_update_list a:hover {
font-size: 11px;
color: #1d76aa;
text-decoration: underline;
}


/* Navigatie */
#menuwrapper {
background-image: url(images/background/nav.jpg);
background-repeat: repeat-x;
background-color: #FFF;
width: 923px;
height: 31px;
position: relative;
padding: 0;
margin: 0;
z-index: 3;
}

#jsddm {
margin: 0;
padding: 0;
}
	
#jsddm li {
float: left;
list-style: none;
font-family: "Calibri", Georgia, Times New Roman, Times, serif;
font-weight: bold;
font-size: 14px;
color: #FFFFFF;
background-image: url(images/background/nav.jpg);
background-repeat: repeat-x;
}

#jsddm li a {
display: block;
padding: 7px 17px;
text-decoration: none;
color: #FFFFFF;
font-weight:bold;
white-space: nowrap;
background-image: url(images/background/nav.jpg);
background-repeat: repeat-x;
}

#jsddm li a:hover {
background-image: url(images/background/nav_over.jpg);
background-repeat: repeat-x;
font-family: "Calibri", Georgia, Times New Roman, Times, serif;
font-weight: bold;
font-size: 14px;
color: #FFF;
}
		
#jsddm li ul {
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
}
		
#jsddm li ul li {
float: none;
display: inline;
}
		
#jsddm li ul li a {
width: auto;
background-image: url(images/background/nav.jpg);
background-repeat: repeat-x;
}
		
#jsddm li ul li a:hover {
background-image: url(images/background/nav_over.jpg);
background-repeat: repeat-x;
}


/* Sub navigatie */
#subnav {
background-image: url(images/background/subnav_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 923px;
height: 14px;
padding: 6px 0 0 15px;
}


/* Content */
#content {
background-color: #FFF;
width: 923px;
height: auto;
}

.deep a:link,
.deep a:visited {
color: #1d76aa;
text-decoration: none;
}

.deep a:hover {
color: #1d76aa;
text-decoration: underline;
}


/* Linker kolom */
.left {
width: 600px;
height: auto;
float: left;
display: inline;
margin: 15px 35px 15px 15px;
}

.left p {
line-height: 16px;
margin-bottom: 10px;
}

.left ul {
list-style-type: disc;
padding:0;
margin: 0 0 15px 15px;
}

.left ul ul {
list-style-type: square;
margin: 5px 0 5px 14px;
}

.left ul li a:link,
.left ul ul li a:link,
.left ul li a:visited,
.left ul ul li a:visited {
color: #1d76aa;
text-decoration: none;
}

.left ul li a:hover,
.left ul ul li a:hover {
color: #1d76aa;
text-decoration: underline;
}

/* Weblog items */
.post {
width: 598px;
height: auto;
margin-bottom: 30px;
}

.post2 {
width: 598px;
height: auto;
}

.entry {
text-align: justify;
}

.entry2 {
text-align: justify;
background-color: #000000;
padding: 8px;
border-left: 3px solid #0d518f;
border-right: 3px solid #1d76aa;
border-bottom: 3px solid #1d76aa;
}

.entry input#submit {
background: #FFFFFF;
padding: 1px;
border: 1px solid #1d76aa;
margin: 0;
width: 75px;
font-size: 11px;
text-align: center;
color: #1d76aa;
}

.entryborder {
padding: 4px; 
border: 1px solid #33006b; 
margin: 0 10px 5px 0;	
background-color: #000000;
}

.posttext {
	min-height:150px;
	height:auto !important;
	height:150px;
}

.entry img {
padding: 4px; 
border: 1px solid #CCC; 
margin: 0 10px 5px 0;	
}

.entry a:link, .entry a:visited, .entry a:active {
color: #1d76aa;
text-decoration: underline;
}

.entry a:hover {
color: #1d76aa;
text-decoration: underline;
}

.postmeta {
border-top: 1px dotted #CCC;
border-bottom: 1px dotted #CCC;
margin: 0 0 6px 0;
padding: 3px 8px 3px 0;
}

.postmeta img {
vertical-align: middle;
}

.postmeta a:link, .postmeta a:visited, .postmeta a:active {
color: #1d76aa;
text-decoration: none;
}

.postmeta a:hover {
color: #1d76aa;
text-decoration: underline;
}

.tags {
border-top: 1px dotted #CCC;
color: #666;
font-size: 10px;
}

.tags img {
vertical-align: middle;
}

.tags a:link, .tags a:visited, .tags a:active {
color: #666;
text-decoration: none;
}

.tags a:hover {
color: #1d76aa;
text-decoration: underline;
}

.sitemap img {
padding: 0; 
border: none; 
margin: 0;
vertical-align: middle;
}

.sitemap a:link, .sitemap a:active, .sitemap a:visited {
line-height: 21px;
text-decoration: none;
color: #1d76aa;
}

.sitemap a:hover {
line-height: 21px;
text-decoration: underline;
color: #1d76aa;
}


/* Reacties */
#comments {
margin: 30px 0 40px 0;
}

h3#comments {
margin: 0;
border: 0;
}

#comments a, .rss-single a {
color: #1d76aa;
text-decoration: none;
}

#comments a:hover, .rss-single a:hover {
color: #1d76aa;
text-decoration: none;
}

#comment-content {
padding:10px;
}

#commentmetadata {
font-size:11px;
}

em.moderation {
text-decoration: blink;
color: #1d76aa;
margin: 0;
padding: 0;
}

.commentlist {
margin: 20px 0 30px 0;
padding: 0;
}

.commentlist img {
vertical-align: middle;
}

.commentlist li {
padding:0 0 0 10px;
border-left: 1px dotted #CCC;
line-height:20px;
list-style:none;
margin:0 0 25px 0;
}

.commentlist li a {
color: #1d76aa;
font-weight: bold;
position: relative;
text-decoration: underline;
}

.commentlist li a:hover {
color: #1d76aa;
text-decoration: underline;
}

.commentlist p {
padding: 0 0 0px 0;
}

#comment {
display: block;
padding: 0 0 6px;	
}

.commentlist li cite {
font-weight: bold;
font-style: normal;
}


/* Reactie form */
#commentform {
margin: 1em 0;
padding-top: 10px;
}
	
#commentform fieldset {
margin: 0;
padding: 0;
border: none;	
float: left;
display: inline;
width: 260px;
margin-right: 25px;
}		
	
#commentform legend {
display: none;
}

#commentform p {
margin: .5em 0;
}	

#commentform label {
display: block;
}	

#commentform input, #commentform textarea {		
width: 252px;
border: 1px solid #CCC;
padding: 3px;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
}		

#commentform textarea {
height: 125px;
overflow: auto;
}					
	
#commentform button {
width: 100px;
height: 30px;
line-height: 25px;
background-color: #1d76aa;
border: 1px solid #1d76aa;
color: #FFFFFF;
cursor: pointer;
text-align: center;
}

input#submit {
background: #1d76aa;
padding: 5px;
border: 1px solid #1d76aa;
margin: 0;
font-size: 11px;
color: #FFFFFF;
width: 100px;
text-align: center;
}
/* Einde formulier */


/* Pagina opmaak */
.page {
text-align: justify;
}

.page img {
padding: 4px; 
border: 1px solid #CCC; 
margin: 0 10px 10px 0;	
}

.page a:link, .page a:visited, .page a:active {
color: #1d76aa;
text-decoration: underline;
}

.page a:hover {
color: #1d76aa;
text-decoration: underline;
}


/* Widgets */
.widget {
width: auto;
padding: 0 0px 5px 0;
margin: 0 0 15px 0;
line-height: 18px;
}

.widget a {
color: #1d76aa;
text-decoration: underline;
}

.widget a:hover {
color: #1d76aa;
text-decoration: underline;
}

.widget ul {
padding: 0;
display:block;
margin: 10px 0 0 0;
padding: 0 0 0 17px;
list-style-type: none;
list-style-image: url(images/bullet.gif);
}

.widget ul li {
display:block;
height: 25px;
margin-bottom: 10px;
border-bottom: 1px dotted #CCC;
vertical-align: middle;
}

.widget input#submit {
background: #1d76aa;
padding: 2px;
border: 1px solid #1d76aa;
margin: 0;
width: 75px;
font-size: 11px;
text-align: center;
color: #FFFFFF;
height: 19px;
}

.widget input#text {
background: #FFF;
padding: 2px;
border: 1px solid #CCC;
margin: 0;
width: 150px;
font-size: 11px;
text-align: left;
}


/* Sidebar links home */
.subsidebar01 {
width: 600px;
height: auto;
float: left;
display: inline;
}

.subsidebar01 ul {
padding: 0;
margin: 10px 0 0 0;
padding: 0 0 0 17px;
list-style-type: none;
list-style-image: url(images/bullet.gif);
}

.subsidebar01 ul li {
height: 45px;
margin-bottom: 5px;
border-bottom: 1px dotted #CCC;
vertical-align: middle;
}

.subsidebar01 a:link, .subsidebar01 a:visited, .subsidebar01 a:active {
color: #1d76aa;
font-weight: bold;
text-decoration: none;
}

.subsidebar01 a:hover {
color: #1d76aa;
text-decoration: none;
font-weight: bold;
}

/* Sidebar rechts home */
.subsidebar02 {
width: 290px;
height: auto;
float: left;
display: inline;
margin-left: 10px;
}

.subsidebar02 img {
padding: 4px;
margin: 10px 0 0 0;
border: 1px solid #CCC;
}


/* Rechter kolom/Sidebar */
.right {
width: 258px;
height: auto;
float: left;
display: inline;
margin: 15px 15px 15px 0;
}

.right p{
line-height: 18px;
margin-bottom: 20px;
}

.right p a:link, .right p a:active, .right p a:visited {
color: #1d76aa;
text-decoration: underline;
}

.right p a:hover {
color: #1d76aa;
text-decoration: underline;
}


/* Footer */
#divider {
background-image: url(images/background/divider_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 923px;
height: 20px;
}

#footer {
background-image: url(images/background/footer.png);
background-repeat: no-repeat;
background-position: left top;
width: 925px;
height: 20px;
text-align: center;
color: #FFFFFF;
padding-top: 6px;
}

#footer a:link, #footer a:active, #footer a:visited {
color: #FFFFFF;
text-decoration: none;
}

#footer a:hover {
color: #FFFFFF;
text-decoration: underline;
}