/*
Theme Name: tonio - basic deluxe
Theme URI: http://www.buroduplex.com
Description: Two-column minimalist theme.
Author: arjen de jong & nick koning
Author URI: http://www.buroduplex.com/
Version: 1.0.0
*/

/* let's get universal */
*{margin:0;padding:0;}
#frame {width:770px; margin:0px auto; background-color:white; min-height:100%;}
#wrap {margin:5px 20px 30px 20px; padding-top:10px; }
#header{height:100px; background-repeat:no-repeat;}
iframe{border:1px solid #cccccc;}
body { font-family:"Courier New", Courier, monospace;font-size:12px; color:black;}
a {color: black;text-decoration:none;}
a:hover {color: black; text-decoration:underline;}
a img {border: none; text-decoration: none;}
p {margin-bottom:10px;}
acronym, abbr {}
blockquote {margin: 10px 10px 10px 20px; padding-left:10px;	border-left: 4px solid #ccc;}
blockquote cite {}
code, pre {}
fieldset {}
legend {}
h1, h2, h3, h4, h5, h6 {  font-family:"Courier New", Courier, monospace;  font-size:1.6em;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:black; }
h1 {font-size:2em;}
h2 {}
h3 {}
h4 {}
hr {}
input, textarea {}
td, th, tr {}
li, ul{list-style-type: none;}
#wrapper {}
.theDivider{clear:both;}
/* Header */
#top {}
	#top h1 {}
	#top p.blogdescription {}
	
/* Content */
.pagetitle {margin-bottom:10px; margin-top:15px; text-transform:uppercase; font-style:normal; }
.catlist{padding-top:10px;
		margin-bottom:10px;
		background-image:url(images/divider.gif);
		background-repeat:no-repeat;
		background-position:5px 0px;border-bottom:1px solid #ffffff;
		}
.catlistexcerpt{padding-left:5px; padding-right:5px; margin-bottom:10px;}
		
		.goback{margin-bottom:15px; margin-top:15px;}
#content {width:510px; float:left; text-align:left;border-top:3px solid black; margin-bottom:20px;}
	/* blog posts */
		.post-wrap 
		{ 
		padding-top:10px;
		padding-bottom:10px;
		margin-top:20px; 
		clear:both;
		background-image:url(images/divider.gif);
		background-repeat:no-repeat;
		background-position:5px 0px;
		border-bottom:1px solid black;
		
		}
		.author {font-size:0.9em;margin-bottom:5px;}
	.author a {}
	.author a:hover {text-decoration:underline;}
	.post-meta {}
	.post-date {}
	.post-title {}
	.post-title a {}
	.post-title a:hover {}
	.story-content {padding:5px 5px 0 5px;}
		/* post content headings */
		.story-content h3 {}
		.story-content h4 {}
		/* playing with blockquotes */
		.story-content blockquote {}
		.story-content blockquote cite {}
		.story-content blockquote .styleleft {}
		.story-content blockquote .styleright {}
		/* post content lists */
		.story-content ul {margin-bottom:10px;}
		.story-content ol {margin-bottom:10px;}
		.story-content li {list-style-type: square; margin-left:20px; margin-bottom:5px;}
		/* post content links */
		.story-content a {text-decoration:underline;}
		.story-content a:visited {}
		.story-content a:hover { text-decoration:underline;}
		.story-content a img {float:left; margin-right:10px; margin-bottom:10px;}
		.story-content .tt-flickr {float:left; margin-right:6px; margin-bottom:1px;}
		/* post content tables */
		.story-content table {}
		.story-content th {}
		.story-content tr {}
		.story-content td {}
		/* post content forms */
		.story-content form {}
		.story-content fieldset {}
		.story-content legend {}
		.story-content label {}
		.story-content input {}
		.story-content input.submit {}
	/* single page meta info */
	.metawrap {}
	.singlemeta {}
	.singlemeta a {}
	.singlemeta a:hover {}
	.interact {}
	.interact a {}
	.interact a:hover {}
	/* blog comments */
	#commentwrap {margin-top:20px; margin-bottom:30px;}
	#comments {margin-bottom:10px;}
	#comments big {}
	#respond {}
	.nocomments {}
	.commentmetadata {}
		/* individual comments */
		#commentlist { margin-bottom:20px;}
		#commentlist li {margin-left:5px;background-image:url(images/divider.gif);
						background-repeat:no-repeat;
						background-position:bottom left;
						padding-bottom:5px;margin-bottom:5px;}
		#commentlist li a {}
		#commentlist li a:hover {}
		#commentlist li.alt {}
		#commentlist li.alt a {}
		#commentlist li.alt a:hover {}
		#commentlist cite {}
		#commentcontent {}
			/* individual comment content */
			#commentlist .commentcontent {}
			#commentlist blockquote {}
			#commentlist code {}
			#commentlist ul {}
			#commentlist ol {margin-bottom:20px;}
		/* comment form */
		#commentform {}
		#commentform dl {}
		#commentform dt {}
		#commentform dd {}
		#commentform fieldset {padding:10px;}
		#commentform legend {align:right; display:none;}
		#commentform label {}
		#commentform input {border:0px; background-color:#eee;margin-bottom:10px; border:1px solid #ccc;}
		#commentform input#author {}
		#commentform input#email {}
		#commentform input#url {}
		#commentform textarea {border:0px; background-color:#eee;margin-bottom:10px;padding:5px;border:1px solid #ccc;}
		#commentform input#submit { font-family:"Courier New", Courier, monospace;}
		/* pop up comments */
		#commentspopup {}
		#commentspopup h1#header {}
		#popupcontent {}
		#popupcontent .interact {}
		#popupcontent .commentwrap {}
		
		
/* Sidebar */
.textwidget{margin-left:10px;}
#side {text-align:left; float:right; width:180px; font-style:normal; font-size:0.9em; padding-top:17px;border-top:3px solid black; }
	#side a {}
	#side a:hover {}
	#side br {line-height:5px;}
	#side ul {}
	#side ul li {border-bottom:1px solid black;margin-bottom:10px;padding-bottom:10px; margin-left:5px; margin-right:5px;}
	#side ul li ul li {border-bottom:none; margin-bottom:0; padding-bottom:0; }
	#side li h2 {font-style:normal;  font-size:1.25em; margin-bottom:5px;}
	#side li ul {}
	#side li li {margin-bottom:0; padding-left:5px; padding-right:5px;}
	#side ul ul ul ul {margin-left:5px; }
		/* search box */
		#side li#search {}
		#side li#search h2 {}
		#side li#search fieldset {}
		#side li#search legend {}
		#side li#search label {}
		#side li#search dl {}
		#side li#search dt {}
		#side li#search dd {}
		#side li#search input#s {width:150px; }
		#side li#search input#search { }
		/* common sidebar list elements */
		#side li#archive {}
		#side li#categories {}
		#side li#meta {}
		#side li#pages {}
		/* calendar */
		#calendar_wrap {}
		#wp-calendar {}
		#wp-calendar #next {}
		#wp-calendar #next a {}
		#wp-calendar #next a:hover {}
		#wp-calendar #prev {}
		#wp-calendar #prev a {}
		#wp-calendar #prev a:hover {}
		#wp-calendar a {}
		#wp-calendar caption {}
		#wp-calendar th {}
		#wp-calendar tr {}
		#wp-calendar td {}
		#wp-calendar td.pad {}
		#wp-calendar td.pad:hover {} /* not IE compatible */
		
/* Footer */

#bottom {}
#bottom a {}
#bottom a:hover {}
	/* attribution link styling */
	#bottom p.credit {}
	#bottom p.credit a {}
	#bottom p.credit a:hover {}

/* Various Classes & Image Alignment */
.center {text-align: center;}
.floatleft {float: left; margin: 5px;}
.floatright {float: right; margin: 5px;}
img.center {display: block; margin: 10px auto;}
img.left {display: inline; margin: 0 10px 5px 0;}
img.right {display: inline; margin: 0 0 5px 10px;}
.nav {margin: 25px 0;}
.previous {float: left; text-align: left; width: 45%;}
.next {float: right; text-align: right; width: 45%;}