/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent; }
        
body { line-height: 1;
	   font: 11px verdana, sans-serif; }

article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: '';
       													 content: none; }

a { margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    color: #000; }

ins { background-color: #ff9;
      color: #000;
      text-decoration: none; }

mark { background-color: #ff9;
       color: #000;
       font-style: italic;
       font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted #000;
        				  cursor: help; }

table { border-collapse: collapse;
        border-spacing: 0; }

hr { display: block;
     height: 1px;
     border: 0;
     border-top: 1px solid #cccccc;
     margin: 1em 0;
     padding: 0; }

input, select { vertical-align: middle; }

/* Some SEO and other invisible things for the sake of enriched semantics and microformats */

h1 { display: none; }


/* Layout */

.body { clear: both;
	    margin: 0 auto;
	    width: 940px; }	 	    
	    
#head ul li { float: left;
		  	  width: 100px;		      
		      color: #000;
		      text-align: center;
		      margin: 17px 20px 0 0;
		      line-height: 20px; }
		      
#head ul li a { text-decoration: none;
		        font-weight: bold;
		        letter-spacing: 1px;
		        display: block; }
		        
#head ul li a:hover,
#head ul li #current { background: #000;
					   color: #fff; }
		  
#container_stream,
#container_single { float: left;
		  			width: 720px;
		  			margin: 20px 0 0; }
		  					  			
#container_stream  li { float: left;
		  				width: 160px;
		  				margin: 0 20px 20px 0;
		  				overflow: hidden; }		  						  				
		  				
#breadcrumb { clear: both;
			  border: 1px solid #ccc;
			  border-style: dashed none;
			  margin: 0 20px 15px 0;
			  font: 12px/20px verdana, sans-serif;
			  position: relative; height: 20px; }	
			  
#breadcrumb a:hover { text-decoration: none; }
		  				
#pagination { clear: both;
			  border: 1px solid #ccc;
			  border-style: dashed none;
			  margin: 0 20px 15px 0;
			  font: bold 14px/40px verdana, sans-serif; }
			  
#pagination a:hover { text-decoration: none; }
			  
#pagination .current-page { text-decoration: none; }

#disqus_thread { margin: 0 20px 0 0; }
		  			
#container_overview { width: 220px;
					  float: left; }
					  
#container_overview li { margin: 0 0 20px;
						 padding: 5px;
						 background: #eee; }
						 
#container_overview ul { margin: 5px 0; }

#container_overview ul li { margin: 5px;
			   			    padding: 0; }

#tag_list li { margin: 0 5px;
			   padding: 0;
			   display: inline; }
			   
#tag_list li a:hover { text-decoration: none; }

#container_overview #flickr_stream li { margin: 15px;
				    					display: inline; }

					  
/* Content */

h2 { font: bold 14px/20px verdana, sans-serif; }

h3 { font: bold 12px/20px verdana, sans-serif; }
 
.item_info { padding: 2px 0 1px 20px;
			 font: 11px/20px verdana, sans-serif;
			 margin: 0; }

#item_date { color: #888;
			 font: 11px/12px verdana, sans-serif; }
			 
p { font: 12px/16px verdana, sans-serif;
	margin: 0 20px 10px 0; }
	
#entry p { font: 12px/20px verdana, sans-serif;
		   margin: 0 200px 10px 0; text-align: justify; }
	
.right { position: absolute;
		 right: 0; }

#container_single img { padding: 5px;
						border: 1px solid #ccc;
						margin: 5px 10px; }
						
#entry ol { list-style: decimal outside;
			margin: 0 0 0 30px; }
			
#entry ul { list-style: square outside;
			margin: 0 200px 10px 20px; }

#entry ol li,
#entry ul li { font: 12px/20px verdana, sans-serif; }

.habari_holder_item,
.holder_item { height: 240px;
			   border: 1px solid #ccc; }

.flickr { background: url(images/flickr.ico) 1px center no-repeat; }

.title { margin: 0; }
			   
.title a { background: #000;
		   color: #fff;
		   text-decoration: none;
		   font: bold 11px verdana, sans-serif;
		   display: block;
		   padding: 0 5px;
		   line-height: 18px; }

.twitter { background: url(images/twitter.ico) 1px center no-repeat; }

.twitter_user { margin: 10px; }

#container_single .twitter_tweet { width: 150px; }

.twitter_tweet { background: url(images/twitter_bg.png) no-repeat;
				 padding: 10px;
				 margin: 0; 
				 height: 168px; }

.habari { background: url(images/habari.ico) 1px center no-repeat; }

.blog_cite { margin: 0;
			 padding: 5px;			 
			 background: #fff; }

.posterous { background: url(images/posterous.png) 1px center no-repeat; }

.item_comment { line-height: 20px;
				font: 11px/20px verdana, sans-serif;
			    margin: 0; }

#item_meta_info { border: 1px solid #ccc;
			  	  border-style: dashed none;
			  	  margin: 15px 20px 15px 0;
			  	  padding: 5px 0 10px;
			  	  clear: both; }
			  	  
.col_2 li { float: left;
			margin: 0 10px 0 0; }
			
#container_single .col_2 li img { margin: 5px 0; }

#welcome { text-align: justify;
		   font: 12px/16px verdana, sans-serif; }
		   
#qr { float: right;
	  margin: 5px 5px 0 10px; }
		   
#search { height: 80px; }

#search input { margin: 5px; }