/*  
Theme Name: Pop Blue
Theme URI: http://www.blogohblog.com/
Description: Pop Blue is a 2 columns Wordpress theme. Clean, simple and lightwieght theme. I love to hear of my work being used :). This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. Just leave my Bob link under your footer :)
Version: 
Author: Bob 
Author URI: http://www.blogohblog.com/

This theme was designed and built by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a> based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
*/

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */
/* http://www.tantek.com/log/2004/undohtml.css */
/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */


body, input, textarea, select {
	font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;margin:0;padding:0; color:#666;
}

h1, h2, h3 {
	font-weight: normal;
	color: #AF0000;
	font-family:Georgia, "Times New Roman", Times, serif;
}



h1 {
	margin-bottom: 1em;
	font-size: 1.7em;
}

h2 {
	font-size: 1.7em;
	margin-bottom: 1em;
}

h3 {
	font-size: 1.2em;
	
}

p, blockquote, ul, ol, .flickrTag_container {
	margin-bottom: 1.5em;
	line-height: 1.4em;
	
}

.flickrTag_container {
text-align:center;}

ul, ol {
	margin-left: 3em;
}

blockquote {
	font-style: italic;
	background-color: transparent;
	background-image: url(images/quote.png);
	background-repeat: no-repeat;
	padding-left:3.5em;
	padding-top:0.5em;
	
}

ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}

.ref {
	vertical-align: super;
	font-size: 0.8em;
}

a:link { text-decoration: none; color : #AF0000; border: none;}
a:active { text-decoration: none; color : #000000; border: none;}
a:visited { text-decoration: none; color : #AF0000; border: none;}
a:hover	{ text-decoration: underline; color : #000000; border: none;} 


#top{width:800px;margin:0px auto;padding:0;}
#header{margin:0 auto;padding:0;}
#header h1{text-indent:-10000px;margin:0;padding:0;}
#header h1 a {
	background: url('http://www.minitrue.nl/blog/wp-content/themes/pop-blue/images/kleine_header.png') no-repeat left;height:35px; display:block;   
	}


h1.posttitle {margin-bottom: 0em;
	
}

#entry a:link { text-decoration: underline; color : #AF0000; border: none;}
#entry a:active { text-decoration: underline; color : #AF0000; border: none;}
#entry a:visited { text-decoration: underline; color : #AF0000; border: none;}
#entry a:hover { text-decoration: underline; color : #000000; border: none;}

#nav{
	background-color:#AF0000;
	height:35px;
	margin:0;
	padding:0;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#nav2{height:35px;width:800px;font-weight:700;margin:0 auto;padding:0;}
ul.nav2{height:35px;line-height:35px;float:left;list-style:none;font-size:12px;font-weight:700;margin:0;padding:0;}
ul.nav2 li{float:left !important;list-style-type:none;margin:0;padding:0;}
ul.nav2 li a,ul.nav2 li a:link,ul.nav2 li a:visited{text-decoration:none;color:#ffffff;float:left;display:block;padding:0 10px;}
ul.nav2 li a:hover{color:#ffffff;text-decoration:underline;}
ul.nav2 li a:active{color:#ffffff;text-decoration:underline;}

ul.nav2 li ul{float:left;margin:0;padding:0;}

ul.blogroll li a {font-weight:bold;}

#breadcrumb1{background-color:#cccccc;margin:0;padding:0;}
#breadcrumb2{width:800px;margin:0 auto;padding-bottom:1px; padding-top:1px;}
#breadcrumb2 a{color:#AF0000;}


.postmetadata { padding:5px;
BORDER: #cccccc 1px solid;
line-height: 1.7em;
}

.nieuwebezoeker { padding:5px;
BORDER: #af0000 1px solid;
}

.postdate {
	FONT-WEIGHT: normal;
	font-family: 'Georgia', Verdana, sans-serif;
	FONT-SIZE: 1em;
	PADDING-BOTTOM: 1px;
	
	COLOR: #666;
	BORDER-TOP: #cccccc 1px solid;
	TEXT-ALIGN: right;
	font-style: italic;
	margin-bottom: 1em;
	
}
span.cmt{background:transparent url(images/comment.png) no-repeat;border:0;margin:0px;padding:0 0 5px 20px; font-weight:bold}
span.cty{background:transparent url(images/category.png) no-repeat;border:0;margin:0;padding:0 0 5px 20px; }
span.tag{background:transparent url(images/tag.png) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
span.tag a{
	white-space: nowrap;
}
span.save{
	background:transparent url(images/heart.png) no-repeat;
	border:0;
	margin:0;
	padding:0 0 5px 20px;
}
span.photos{
	background:transparent url(images/photos.png) no-repeat;
	border:0;
	margin:0;
	padding:0 0 5px 20px;
}
span.geo{
	background:transparent url(images/map.png) no-repeat;
	border:0;
	margin:0;
	padding:0 0 5px 20px;
}
span.disk{
	background:transparent url(images/disk.png) no-repeat;
	border:0;
	margin:0;
	padding:0 0 5px 20px;
	 font-weight:bold;
}
span.leesmeer{background:transparent url(images/book_next.png) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
span.anchor{
	background:transparent url(images/anchor.png) no-repeat;
	border:0;
	margin:0;
	padding:0 0 5px 20px;
	
}
ul.st-related-posts {
	background:transparent url(images/link.png) no-repeat;
	border:0;
	margin:0;
	padding:0 0 5px 20px;
	list-style-type: none;
}

span.permalink{background:transparent url(images/link.png) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
.subscribe-to-comments{background:transparent url(images/email_go.png) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
.gravatar{background:transparent url(images/user.png) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
.commentquote{background:transparent url(images/comments.png) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
span.edit{background:transparent url(images/edit.png) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
.phone{
	BORDER: #af0000 1px solid;
	margin:0;
	padding:5px 5px 5px 25px;
	background-image: url(images/phone.png);
	background-repeat: no-repeat;
	background-position: 3px;
}

span.tag a:focus, span.tag a:active, span.tag a:link, span.tag a:visited{
	background-color: #cccccc;
	color: #af0000;
	text-decoration:none;
	
}
span.tag a:hover{
	background-color: #cccccc;
	color: #000000;
	text-decoration:underline;
}
#main{width:800px;margin:0 auto;padding:0;}
#content{float:left;width:580px;margin:10px 0 0;padding:0; border-right:1px #d8eaf3 solid;}
#content_zonderwidgets{float:left;width:800px;margin:10px 0 0;padding:0; }
.entry{float:left;width:570px;margin:0;padding:0; overflow:hidden; padding-bottom:30px;}
#sidebar{float:right;width:200px;margin:10px 0 0;padding:0;}
#rsidebar{float:right;width:200px;margin:0;padding:0; overflow:hidden;}
#rsidebar h2{font-size: 1.3em;margin:0 0 5px;padding:0;}
#rsidebar ul{list-style-type:none;margin:0 0 0 0;padding:0;}
#rsidebar ul li{border-bottom:#cccccc 1px solid;list-style-type:none;margin:0 0 10px;padding:0 0 5px;}
#rsidebar ul li ul{list-style-type:square;margin:0;padding:0 3px;}
#rsidebar ul li ul li{
	list-style-type:none;
	background:transparent url(images/li.gif) no-repeat 0 3px;
	border:0;
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 15px;
}
.navigation{width:580px;color:#666;margin:0 auto; padding:0;}
.alignright{float:right;margin-top:10px; margin-bottom:10px;}
.aligncenter{
display: block;
	margin-left: auto;
	margin-right: auto;

}
.alignleft{float:left;margin-top:10px; margin-bottom:10px;}
#searchform { height:35px; line-height:35px; float:right; margin: 0; padding: 0;  }
input#s { color: #AF0000; width: 120px; border: 1px solid #cbcbcb; background:#fcfcfc;}
#headerinfo { height:35px; line-height:35px; float:right; margin: 0; padding: 0;  }
#headerinfo a:link { text-decoration: none; color : #ffffff; border: none;font-weight:normal;}
#headerinfo a:active { text-decoration: none; color : #ffffff; border: none;font-weight:normal;}
#headerinfo a:visited { text-decoration: none; color : #ffffff; border: none;font-weight:normal;}
#headerinfo a:hover { text-decoration: underline; color : #ffffff; border: none;font-weight:normal;}

#footer{
	clear:both;
	height:5px !important;
	margin:0;
	padding:0;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#footerbox{background:#AF0000;line-height:20px !important;margin:0;padding:0; text-align:center;}
.footer{width:800px;color:#ffffff;line-height:20px !important;margin:0 auto;padding:0;}
.footer a:hover{text-decoration:underline;color:#fff;border:none;}
.footer a:link,.footer a:active,.footer a:visited{text-decoration:underline;color:#ffffff;border:none;}
.boxcomments{border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;margin-bottom:20px;width:580px;}

#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}
ol.commentlist{margin:0 0 1px;padding:0;}

ol.commentlist li{display:block;list-style:none;margin-right:10px;margin-bottom:10px;padding:5px;
BORDER: #cccccc 1px solid;}

 


.commentname{font-size: 1.4em;

font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;}
	
	.commentgravatar {
	height: 50px;
	
}
.commentcontent {
	margin-left: 50px;
}

.commentcontent a:link { text-decoration: underline; color : #AF0000; border: none;}
.commentcontent a:active { text-decoration: underline; color : #AF0000; border: none;}
.commentcontent a:visited { text-decoration: underline; color : #AF0000; border: none;}
.commentcontent a:hover { text-decoration: underline; color : #000000; border: none;}

.commentoptions a:link { text-decoration: none; color : #AF0000; border: none;}
.commentoptions a:active { text-decoration: none; color : #AF0000; border: none;}
.commentoptions a:visited { text-decoration: none; color : #AF0000; border: none;}
.commentoptions a:hover { text-decoration: underline; color : #000000; border: none;}

.quoter_header {font-size:0.9em;
margin-bottom: 0.5em;}
.commentlist blockquote {
	background: url("images/commentquote.png") no-repeat left top;
	border: 1px solid #cccccc;
	display: block;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 17px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.kjgrcGravatar{float:right;}
ol.tblist{border-top:1px solid #fff;list-style:none;margin:0 0 1px;padding:15px;}
ol.tblist li{display:block;list-style:none;background:#e7f9ff;padding-left:15px;margin:0 0 5px;}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

.st-tag-cloud
{ text-align:center;}



.commenthelp {
float:right;
font-size:0.8em;
width:160px;
padding-right:10px;
}

div.wrap fieldset {
border: 1px solid #cccccc;
margin: 1em 0;
padding: 5px 10px;
}

div.wrap fieldset legend {
font-weight: bold;
font-size: small;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {

line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
ol.commentlist .avatar {float:left;
padding-right:5px;
padding-left:0px;}

.avatar {float:right;
padding-left:5px;}

.friendfeed.widget {
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	font-size:11px !important;
	color:#666 !important;
	border: none !important;
	} 
.friendfeed .feed .entry .body .summary { white-space: normal !important; }
.friendfeed.widget .feed {
  padding: 0px !important;
  
  margin: 0px !important;

}

.friendfeed.widget a {
text-decoration:none !important;
color: #AF0000 !important;}

.friendfeed.widget a:active { text-decoration: underline !important; color : #000000 !important; border: none !important;}
.friendfeed.widget a:hover { text-decoration: underline !important; color : #000000 !important; border: none !important;}

.friendfeed.widget .feed .entry .comments .comment,
.friendfeed.widget .feed .entry .body .summary,
.friendfeed.widget .feed .entry .body .media  {
	overflow: visible !important;
	white-space: normal !important;
	color:#666 !important;
}
.friendfeed.widget .feed .entry .info {
font-size:11px !important;
	color:#666 !important;
  margin-top: 3px;
}

.friendfeed.widget .feed .entry .body .link a {
font-weight:bold !important; }
