/*   
	Theme Name: iarematt.com theme
	Theme URI: http://iarematt.com
	Description: WordPress theme for iarematt.com
	Author: Matt Geri
	Author URI: http://iarematt.com
	Version: 1.0
*/



/*
	Simple Reset
*/

	html, body, div, span, h1, h2, h3, h4, h5, h6, p, ul, ol, li, blockquote, form, code, pre { margin: 0; padding: 0; }
	
	img { border: 0; outline: none; }
	
	ul, ol, li { list-style: none; }



/*
	General Styles
*/

	body { background: #f8f8f8; color: #333; font: 62.5% Verdana; margin: 0; text-align: center; }
	
	.clear { clear: both; }



/*
	Containers
*/
	
	#page_wrap { background: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin: 0 auto; text-align: left; width: 960px; }
	
	#header { background: #003; height: 50px; padding: 10px 20px; width: 920px; }
	
		#logo { float: left; width: 400px; }
		
		#top_menu { float: left; text-align: center; width: 520px; }
	
	#tags { padding: 20px; width: 920px; }
	
	#content_wrap { width: 960px; }
	
		#content { float: left; margin: 0 20px 20px 20px; width: 600px; }
		
			.post { margin-bottom: 50px; }
			
				.post .post_footer { border-top: 1px dotted #ccc; margin-top: 15px; padding-top: 10px; }
		
		#sidebar { float: right; margin: 0 20px 20px 0; width: 280px; }
		
			.sidebar_item { margin-bottom: 30px; }
	
	#footer { background: #003; padding: 10px; text-align: right; }



/*
	Typography
*/

	a { color: #036; }
	
		#logo a { color: #fff; text-decoration: none; }
	
	p a { color: #036; }
	
		p a:hover { background: #003; color: #fff; text-decoration: none; }
	
	h1 { margin-bottom: 10px; }
	
		.post h1 { font-size: 1.8em; }
		
			.post h1 a { color: #003; text-decoration: none; }
			
				.post h1 a:hover { background: #003; color: #fff; }
	
	h2 { margin-bottom: 10px; }
	
		#logo h2 { color: #fff; font-size: 2.6em; margin: 0; }
		
			#logo h2 span.grey { color: #ccc; }
			
			#logo h2 span.orange { color: #f90; }
			
			#logo h2 span.small { font-size: 0.5em; }
		
		.post h2 { color: #003; font-size: 1.8em; margin-bottom: 15px; }
	
	h3 { margin-bottom: 10px; }
	
		#sidebar h3 { border-bottom: 1px dotted #999; color: #003; font-size: 1.2em; letter-spacing: 1px; }
	
	p { margin-bottom: 15px; }
	
		#header p { color: #ccc; font-size: 1.1em; font-weight: bold; margin: 0; }
		
		.post p { font-size: 1.2em; line-height: 1.6em; }
		
			.post p.post_date { color: #999; font-size: 1.1em; font-weight: bold; margin: 0; }
			
			.post p.comments { color: #f90; float: right; font-size: 1.1em; font-weight: bold;}
			
				.post p.comments a { color: #f90; padding: 5px; text-decoration: none; }
				
					.post p.comments a:hover { background: #f90; color: #fff;}
			
			.post p.tags { color: #003; float: left; font-size: 1.1em; font-weight: bold;}
				
				.post p.tags a { color: #003; padding: 5px; text-decoration: none;}
					
					.post p.tags a:hover { background: #003; color: #fff; }
		
		#sidebar p { font-size: 1.1em; }
		
		#footer p { color: #fff; font-size: 1.1em; margin: 0; }
	
			#footer p a { color: #f90; text-decoration: none; }
		
				#footer p a:hover { background: #fff; color: #003; }
	
	blockquote { border-left: 5px solid #ddd; font-size: 1.2em; margin-bottom: 15px; margin-left: 15px; padding-left: 10px; }



/*
	Lists
*/

	.post ul, .post ol { font-size: 1.2em; line-height: 1.6em; margin-bottom: 15px; margin-left: 30px; }
	
		.post ul li { list-style: square; margin-bottom: 15px; }
		
		.post ol li { list-style: decimal; margin-bottom: 15px; }



/*
	Navigation
*/

	#sidebar ul { font-size: 1.1em; }
	
		#sidebar ul li { }
		
			#sidebar ul li a { color: #036; line-height: 1.8em; margin: 5px 0; padding: 5px 0; text-decoration: none; }
			
				#sidebar ul li a:hover { background: #003; color: #fff; padding: 5px; }
	
	#top_menu ul.blog_pages { font-size: 1.2em; font-weight: bold; margin: 10px 0 0 15px; position: relative; z-index: 600; }
	
		#top_menu ul.blog_pages li { border: 1px solid #003; border-bottom: none; float: left; margin: 0 20px; padding: 5px; }
		
			#top_menu ul.blog_pages li:hover { background: #f90; position: relative; }
			
			#top_menu ul.blog_pages li:hover > ul { visibility: visible; }
			
			#top_menu ul.blog_pages li.projects:hover { background: #f8f8f8; border: 1px solid #ccc; border-bottom: none; }
				
				#top_menu ul.blog_pages li a { color: #fff; text-decoration: none; }
				
				#top_menu ul.blog_pages li.projects:hover a { color: #003; }
				
				#top_menu ul.blog_pages li ul { background: #f8f8f8; border-left: 1px solid #ccc; border-right: 5px solid #ccc; border-bottom: 5px solid #ccc; left: -1px; margin: 5px 0 0 0; padding: 0; position: absolute; visibility: hidden; width: 175px; }
				
					#top_menu ul.blog_pages li.projects ul li { border: none; float: none; margin: 5px; text-align: left; }
					
						#top_menu ul.blog_pages li.projects ul li:hover a { color: #fff; }
						
						#top_menu ul.blog_pages li.projects ul li a { color: #003; font-size: 0.9em; margin: 0; }
	
	#tags ul.popular_tags { font-size: 1.1em; font-weight: bold; position: relative; }
	
		#tags ul.popular_tags li { color: #003; float: left; margin: 0 5px; padding: 5px; }
			
			#tags ul.popular_tags li.heading { margin-left: 0; padding-left: 0; text-decoration: underline; }
			
			#tags ul.popular_tags li:hover { background: #003; position: relative; }
			
				#tags ul.popular_tags li.heading:hover { background: #fff; }
				
				#tags ul.popular_tags li:hover a { color: #fff; }
			
			#tags ul.popular_tags li.more:hover > ul { visibility: visible; }
			
			#tags ul.popular_tags li a { color: #003; text-decoration: none; }
				
				#tags ul.popular_tags li a:hover { color: #fff; }
			
			#tags ul.popular_tags li ul { background: #f8f8f8; border: 1px solid #ccc; border-right: 5px solid #ccc; border-bottom: 5px solid #ccc; left: -325px; margin: 5px 0 0 0; padding: 5px 0; position: absolute; visibility: hidden; width: 400px; }
				
				#tags ul.popular_tags li.more ul li { float: left; margin: 0; padding: 0; text-align: left;  }
				
					#tags ul.popular_tags li.more ul li:hover { background: none; color: #fff; }
					
					#tags ul.popular_tags li.more ul li a { color: #003; float: left; margin: 0 5px; padding: 5px; text-decoration: none; }
					
						#tags ul.popular_tags li.more ul li a:hover { background: #003; color: #fff; }



/*
	Comments
*/

	.odd { background: #eee; }
	
	.even { background: #fff; }
	
	.highlight { background: #dceaee; }
	
	.avatar { float: right; margin: 5px; }
	
	ul#commentlist { border: 1px solid #ddd; border-bottom: none; font-size: 1em; margin: 0 0 15px 0; padding: 0; }
	
		ul#commentlist li { border-bottom: 1px solid #ddd; list-style: none; margin: 0; padding: 5px;}
		
			ul#commentlist li div.comment_heading { font-weight: bold; font-size: 1.1em; margin-bottom: 10px; }
			
			ul#commentlist li div.comment_text { font-size; 1.2em; }
			
				ul#commentlist li div.comment_text p { line-height: 1.6em; margin-bottom: 10px; }



/*
	Pagination
*/

	div.pagination { font-size: 1.1em; margin: 3px; padding: 3px; text-align: left; }
	
		div.pagination a { border: 1px solid #ccc; color: #003; margin: 2px; padding: 2px 5px 2px 5px; text-decoration: none }
			
			div.pagination a:hover, div.digg a:active { border: 1px solid #003; color: #000; }
		
		div.pagination span.current { background-color: #003; border: 1px solid #003; color: #fff; font-weight: bold; margin: 2px; padding: 2px 5px 2px 5px; }
	
		div.pagination span.disabled { border: 1px solid #eee; color: #ddd; margin: 2px; padding: 2px 5px 2px 5px; }



/*
	Fixes
*/

	.dp-highlighter ol li { margin-bottom: 0; }