/*   

Theme Name: Copyright John Vink
Theme URI: http://johnvink.com/
Description: Custom Wordpress theme for John Vink
Version: 0.1
Author: K4 Media
Author URI: http://k4media.com/


/*
This style for the john vink blog was built on sunburn:
Theme Name: Sunburn
Theme URI: http://fightingfriends.com/sunburn/
Description: Dark and Sunny Wordpress theme. AJAX commenting.
Version: 1.1
Author: Jim Whimpey
Author URI: http://jimwhimpey.com/
*/


body {
	margin: 0;
	padding: 0;
	font-family:calibri, "Gill Sans MT", "Gill Sans", arial, sans-serif;
	color: #ccc;
	background-color: #666;
}

.container {
	width:775px;
	margin: auto;
}

			
a { color: #ff9900; text-decoration: none;
}
a:hover, .post div.comment_link a:hover, .post h2 a:hover, .post .entry a:hover, .post .entrytext a:hover {
	color: #ff9900; text-decoration: underline;
}
				
				
				
				
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		HEADER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		
#top {
	color:#333;
	background-color:#ff9900; /* orange */
}
#top h1 {
	display:inline;
	padding:0 0 0 1em;
	margin:0;
	font-size:140%;
	font-weight:normal;
	line-height:2.25em;
}

#top-nav {
	position:absolute;
	top:1em;
	right:0;
}
#top-nav ul {
	padding:0;
	margin:0;
}
#top-nav li {
	padding:0 .75em 0 0 ;
	margin:0;
	display:inline;
	list-style-type:none;
}
#top-nav a:link, #topnav a:active{
	color:#fff;
	background-color:transparent;
	text-decoration:none;
}
#top-nav a:visited {
	color:#666;
	background-color:transparent;
	text-decoration:none;
}
#top-nav a:hover {
	color:#333;
	background-color:transparent;
	text-decoration:underline;
}
.navon {
	font-weight:bold;
	color:#000;
	text-decoration:none;
}

/* last updated */

#last-updated {
	padding:0;
	margin:5px 0 0 0 ;
	border-style:solid;
	border-color:#ff9900;
	border-width: 1px 0 0 0 ;
	color:#ececec;
	background-color:#808080;
	font-size:small;
	line-height:2em;
	text-indent:1em;
}

.tweetmeme_button {
	float: right;
	margin: 0 60px 0 0 ;
	width: 50px;
	
}

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		CONTENT
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#content {
	width: 570px;
	float: left;
	clear: both;
	margin: 40px 0 0 0 ;
	padding: 10px 10px 40px 10px;
	display: inline; /* IE */
	background-color:#6b6b6b;
}

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		POST
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

		
.post div.title_box {
}
		
.post h2, .post h2 a {
	margin: 0 ;
	padding: 0;
	font-weight: normal;
	font-size:140%;
	color:#fff;
}
.post h3 a {
	color:#fff;
}
.post h3 a:hover {
	text-decoration:none;
	color:#ff9900;
}
.post .entry, .post .entrytext {
	clear: both;
	color: #eee;
	font-size:105%;
}
.post p {
}
.post img {
	margin:0;
	padding:10px;
	border:solid 1px #999;
}

.post .entry a, .post .entrytext a {
	text-decoration:underline;
	color: #eee;
}

.post .entry blockquote, .post .entrytext blockquote  {
	border-left: 6px solid #000;
	padding-left: ;
	color: #000;
}

.post div.comment_link a { color: #ececec; }
.post h2 a:hover { text-decoration:none;}


.post blockquote, .post ul, .post ol { margin-left: 20px; padding-left: 20px; }

.post .postmetadata {
	color: #ccc;
	padding:0 ;
	margin: 0 0 4em 0;
	font-size:80%;
}



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		SIDEBAR
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#sidebar {
	width: 175px;
	padding: 40px 0 40px 10px;
	float: left;
	margin: 0;
}
	
		#sidebar li, #sidebar li ul, #sidebar li ul li {
			margin: 0;
			padding: 0;
			list-style: none;
			}

		#sidebar li h2 {
			font-size: 0.9em;
			font-weight: normal;
			margin: 15px 0 5px 0;
			color: #ccc;
			padding: 0;
			}
		
			#sidebar li ul {
				font-size: 0.8em;
				margin: 0 0 20px 1em;
				}
				
				#searchform input {
					width: 140px;
					margin: 0 0 0 1em;
					border: 1px solid #777;
					color: #333;
					padding: 2px;
					background: #777;
					}
				
				

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		SINGLE POSTS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.widecolumn h2, .page h2 { 
		font-size: 2.3em;
		margin-bottom: 15px;
		color: #ccc;
		}

		#content h3 { 
			font-size: 1.5em;
			font-weight: normal;
			color: #333;
			margin: 20px 0 10px 0;
			font-size:115%;
			}
	
		.widecolumn .post { margin-bottom: 20px; }	


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		COMMENTS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	#commentform { margin: 0 0 20px 20px; } 	

		#commentform input, #commentform textarea {
			border: 1px solid #666;
			padding: 3px;
			}
	
			#commentform textarea {
				}
			
				#commentform textarea, #commentform #author, #commentform #url, #commentform #email, #commentform #submit { background: #7F7F7F;}
					#commentform textarea:focus, #commentform #author:focus, #commentform #url:focus, #commentform #email:focus { background: #fff;}

			#commentform textarea, #commentform #author, #commentform #url, #commentform #email, #commentform #submit { margin: 0 0 2px 0; }
		
			#commentform #submit { width: 300px; }
		
	ol.commentlist {
		list-style: none;
		margin: 0 0 0 30px;
		padding: 0;
		width: 385px;
		}
	
		ol.commentlist li {
			border-top: 1px solid #2F2C2C;
			margin: 0;
			padding: 10px 0 0 0;
			}
		
			#content>ol.commentlist li { padding: 0; } /* FF Specific */



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		PAGE
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.page h2 { margin: 0 0 15px 0; }

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		SEARCH and ARCHIVES
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.sanda h2 {
		font-size: 2.3em;
		font-weight: normal;
		margin: 0 0 15px 0;
		}

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FOOTER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#footer {
	clear: both;
	margin: 0 auto 2em 0;
}

#footer p {
	margin: 0;
	padding: 12px 0 0 0;
	text-align: center;
	color: #888;
}

#footer p a { color: #888; text-decoration: underline; }
#footer p a:hover {color:#aaa; text-decoration: underline; }