/*
 * http://twiteye.com
 * 
 * by Ambient Age, 2009 (www.ambientage.com) 
 * Author www.davidkelly.ie (@davkell)
 * 
 * 
 */

/**
 * Resets 
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit; font-size: 100%; font-family: inherit;	vertical-align: baseline;
}
:focus {outline: 0;}
 
body{font-size: .75em; line-height: 1.4em; font-family: arial, helvetica, sans-serif; background-color: #f36349} 
 /**
  * Classes
  */
 #holding, .done{display: block; margin-top: 1em; text-align: center;}
 .idea{width: 500px; height: 55px; background-color: #fefefe; border: 1px solid #666; margin: 0 auto 1em auto; padding: 2em 1em 0 1em; display: none; overflow: hidden}
 	span.author{}
	div.message{}
	span.tweet-link a{}
	
 /** for context of tweets */
 .app{background: #fefefe url('../images/app_bg.gif')no-repeat top right;}
 .none{ background-color: #fefefe;}
 .software{background: #fefefe url('../images/sw_bg.gif')no-repeat top right;}
 .iphone{background: #fefefe url('../images/iphone_bg.gif')no-repeat top right;}
 .service{background: #fefefe url('../images/service_bg.gif')no-repeat top right;}
 .plugin{background: #fefefe url('../images/plugin_bg.gif')no-repeat top right;}
 
 /*
  * General appearance  
  */

	h2#name {font-size: 2em; text-align: right; color: #fff; font-family: garamond, serif;}
	h2#name a, h2#name:hover{color: #fff; text-decoration: none;}
	
	a{color: #333; text-decoration: underline;}
	a:hover{color: #f36349; text-decoration: underline }
 /**
  * Layouts
  */
 #container{width: 100%; background: url('../images/header_bg.gif') repeat-x top; min-height: 650px; }
 	
 	#header{background: url('../images/ideas_man.jpg') no-repeat top left; width: 1000px; margin: 0px auto; height: 227px;}
		#main-logo{float: right; margin-top: 10px;}
		#logo{width: 500px; margin-left: 253px; }
			#tweeple{float: right; margin-right: -20px;}
 	#wrapper{width: 1000px; margin: 0px auto 2em auto; clear: both; min-height: 600px;}
		#left-side{float: left; width: 250px;}
		#about{margin: 0em 0 0 0; float: left; width: 250px; background-color: #333; padding: 2em 1em;}
			#about p{ opacity: 1; margin-bottom: 1em; color: #fff;}
			#about ol{margin-bottom: 1em;}
			#about ol li{margin: 0 2em; color: #eee;}
			#about p.credit{font-size: .8em; text-align: right; margin-top: 15px;}
				p.credit a{color: #fff; }
				#ideas-link, #ideas-link:visited{color: #fff; text-decoration: underline;}
				#ideas-link:hover{color: #f36349; text-decoration: underline;}
		
		#nav-home{width: 250px; bottom: 3px; left: 10px; float: left; clear: both;}
				#rss-home{float: left; width: 91px;}
				#blog-home{width: 121px; float: right;}
				
		#ideas{margin: 0 6px 0 0; width: 645px; height: 500px; overflow: hidden; float: right; background: #eee;}
		#black-hole{width: 950px; height: 59px;clear: both; float: right; background: url('../images/black_hole_2.jpg') no-repeat top right;}

 #footer{width: 100%; height: 150px; clear: both; background-color: #eee; padding-top: 2em; border-top: 4px solid #333;}
	#footer-wrapper{width: 1000px; margin: 1em auto 0 auto;}
		#footer-wrapper #foot-about{float: left; width: 300px; font-size: .9em;}
			#foot-about ul{margin-left: 3em;}
		#footer-wrapper #ambientage{width: 250px; float: right; text-align: right; }
			#fine-print{font-size: .8em;}
	
/**
 * 		Blog Theme Styles
 */

	#ad-block{width: 100%; float: left; padding-top: 10px; margin: 10px 0 0 1em; border-top: 1px solid #333;}
	
	#content{width: 700px; padding: 10px 5px 5px 5px; margin: 1em 0em; float: left; background: #333 url('/images/bg_dark_texture.jpg') repeat; margin-bottom: 3em; clear: both;}
		.page-title{font-size: 36px; color: #fefefe; font-family: georgia, serif;  margin: 20px 1em 10px 1em;}
		.post{padding: 20px 10px; margin: 2em; background-color: #fff; float: left; clear: both;}
			h2.entry-title a, h2.entry-title a:visited{font-size: 32px; margin-bottom: .5em; width: 100%; float: left; text-decoration: none; font-family: georgia, serif;}
			.entry-title{font-size: 36px; margin-bottom: .5em; width: 100%; float: left; text-decoration: none; font-family: georgia, serif;}
			h3.entry-title a, h3.entry-title a:visited{text-decoration: none;}
			
			.entry-content{padding: 20px 0; border-top: 1px solid #333; border-bottom: 1px solid #333; margin-bottom: 10px; width: 100%; float: left;}
			.entry-meta{width: 100%; float: left; text-align: center;}
				.meta-sep{padding: 0 15px; margin: 0 15px;}
				
		.post blockquote{margin: 10px auto; width: 80%; background-color: #dbdbdb; padding: 10px;}
		.post p{margin: 0 2em 1em 2em; line-height: 1.6em;}
		.post ul, .post ol{margin: 1em 3em;}
		
		
		#comments{background: #eee; float: left; clear: both; padding: 20px 20px; margin: 0 0 0 5px; width: 580px; margin-top: 2em;}
			#comment-notes{font-size: .9em; margin: 1em 1em 0 1em;}
			
			#comments-list{margin: 0 1em 2em 1em; }
			.comments h3{font-size: 1.5em; font-family: georgia, serif; margin-bottom: 1em; }
				.comments ol{margin-left: 2em;}
					.comment {margin: 1em 0 10px 0; border-bottom: 1px solid #bdbdbd; padding-bottom: 10px;}
						.comment p{margin-bottom: 10px;}
					.comment-meta{margin-bottom: 1em; width: 100%; padding-bottom: 1em;}
			
			#respond h3{font-size: 1.5em; font-family: georgia, serif;}
			#respond #text-area-holder{float: left; width: 50%; margin-top: 1em;}
				#text-area-holder textarea{width: 320px;}
			#respond #form-fields{float: right; width: 40%; margin-top: 2em;}
			#respond .form-submit{width: 20%; float: right; clear: both; margin-right: 6em;}
		
		/** JS nav */
		.post-nav-next{float: left; clear: both; width: 750px;}
		#nav-below{float: left; clear: both; background-color: #efefef;margin: 2em; padding: 15px 10px; width: 90%;}
			#nav-below.single{ margin: 2em 5px;}
			.nav-previous{float: left; width: 40%;}
			.nav-next{float: right; width: 40%; text-align: right;}			
			
	#sidebar{width: 150px; float: right; margin: 0 auto; }
		#sidebar ul li{list-style-type: none; margin: 2em 40px 1em 0; display: block; float: left; width: 200px}
			#sidebar ul li ul{margin-left: 1em;}
			#sidebar ul li ul li{margin: 0 0 .5em 0; display: list-item;}
			
			#sidebar a, #sidebar a:visited{color: #333; text-decoration: underline;}
			#sidebar a:hover{color: #333; font-weight: bold; text-decoration: underline;}
			
			#sidebar #pages{background: url('/images/bg_pages_nav.gif') no-repeat top left; width: 200px; height: 184px; margin: 0 0 0 -3em;}
				#pages ul {margin: 70px 0 0 0; float: left; width: 100%; padding-left: 3em;}
					#pages ul li{margin: 0 0 0 3em; float: left;}
			#s{background-color: #eee;}