/*
Theme Name: Josh Reisner dot com
Theme URI: http://joshreisner.com/theme/
Description: A theme I created for my blog.
Author: Josh Reisner
Author URI: http://joshreisner.com/
Tags: gray, custom-header, fixed-width, two-columns
Version: 3.0.1
License: GNU General Public License
License URI: license.txt
*/

/* 1) basic structure */
html, body {
    height:100%;
}

body {
	margin:0px;
	padding:0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:15px;
	line-height:18px;
	background:#e7e6ea;
	color:#555;
	text-align:center;
}

/* global tag stylings */
	a { color:#8f492f; text-decoration:none; outline:none; }
	a:hover { text-decoration:underline; }
	img { border:0px; }
	fieldset { padding:0px; margin:0px; border:0px; }
	input { font-family:Arial, Helvetica; border-width:1px; border-style:solid; height:auto; font-size:12px; padding:4px; outline:none; }
	textarea { font-family:Arial, Helvetica, sans-serif; }
	label.hidden { visibility:hidden;}
	strike { color:#999; }
	
#page {
	margin:0px auto;
	text-align: left;
	width: 825px;
	height:auto;
	min-height:100%;
	padding:0px; 
	overflow:auto;
}

/*header area*/
	#header { height:80px; line-height:90px; }
	#header h1 { font-family: museo-slab-1,museo-slab-2; font-weight:bold; font-size:40px; margin:0px 0px 0px 15px; padding:0px; }
	#header h1 a { color:#473d2b; }
	#header h1 a:hover { text-decoration:none; }
	
/*tabs at top*/
	ul.navigation { list-style-type:none; margin:0px; padding:0px; height:45px; }
	ul.navigation li { background-color:#f7f7f7; padding:0px 17px 0px 17px; display:block; float:left; margin:14px 1px 1px 0px; height:30px; line-height:30px; }
	ul.navigation li a { font-family: museo-slab-1,museo-slab-2; font-weight:100; color:#999; font-size:16px; }
	ul.navigation li a:hover { text-decoration:none; }
	ul.navigation li.selected, ul.navigation li:hover { background-color:#fff; height:45px; margin:0px 1px 0px 0px; line-height: 54px; }
	ul.navigation li.selected a, ul.navigation li:hover a { font-size:20px; }


/* content section == main content area on left */
	#content {
		width: 510px;
		background-color: #fff;
		height:auto;
		min-height:100%;
		float: left;
		padding:20px;
	}
	
	#content h1 { font-size:30px; font-family: museo-slab-1,museo-slab-2; font-weight:100; margin:0px 0px 23px 0px; padding:0px; color:#333; }
	#content h2 { font-size:20px; font-family: museo-slab-1,museo-slab-2; font-weight:100; margin:0px 0px 20px 0px; padding:0px; color:#aaa; line-height: 30px; }
	#content h2 a { font-size:30px; margin-right: 10px; }
	#content h3 { font-size:16px; font-weight:300; margin:0px; padding:0px; color:#444; margin-bottom:-10px; }
	
	/*posts*/
	#content div.post { margin:10px 0px 40px 0px; clear:both; }	
	#content .entry { line-height: 22px; }
	#content blockquote { color:#888; font-size:12px; border-left:2px dotted #ccc; padding-left:10px; margin-left:20px; }
	#content blockquote h3 { font-weight:bold; font-size:13px; }
	#content ul li { margin-bottom:10px; }
	#content a.mp3 { background-color:#f3f3c5; padding:2px; font-weight:normal; }
	#content img.screenshot { margin:-10px 0px -18px -20px; width:545px; height:453px; }	

	div.caption { text-align:right; font-size:9px; text-transform:uppercase; color:#999; line-height:14px; margin:-12px 0px -10px; }
	div.caption a { color:#999; text-decoration:none; }
	div.caption a:hover { color:#009900; }

	#content .edit { margin:8px 0px 12px 0px; }
	#content .edit a { background-color:#666; font-size:14px; color:#fff; padding:4px 10px 4px 10px; }
	#content .edit a:hover { text-decoration:none; }

	#content div.post div.gallery { margin:0px; padding: 0; width:540px; margin-bottom:-30px; }
	#content div.post div.gallery dl { margin:0px; width:180px; height:112px; margin-bottom: 30px; overflow: hidden; }
	#content div.post div.gallery dl dt { margin:0px; padding:0; text-align: left; }
	#content div.post div.gallery dl dt a { margin:0px; padding:0; }
	#content div.post div.gallery dl dt a img { margin:0px; padding:0; border:0; }
	
	#content div#infscr-loading { display: inline; float: left; }
	#content div#infscr-loading img { display: inline; float: left; }
	
	/*meta*/
	#content div.meta { overflow:auto; color:#999; }
	#content div.tags a { white-space:nowrap; }
	#content .alignleft { float:left; margin-bottom:30px; }
	#content .alignright { float:right; text-align:right; width:250px; }

	/*404 page*/
	#content ul.nospacing { margin:0px; padding:0px; list-style-type:none; }
	#content ul.nospacing li { margin:0px; padding:0px; }
	
	#content #navigation { list-style-type:none; margin:-7px 0px 27px 0px; padding:0px; display:block; }
	#content #navigation li { display:block; float:left; margin-right:20px; }
		
	/* comments */
	#content h3#reply-title { clear:both; text-align:left; background-color:#f3f3c5; margin:0px -20px 20px -20px; padding:8px 20px 7px 20px; }
	#content ol.commentlist { margin:0px; padding:0px; list-style:none; overflow:auto; margin-bottom:10px; }
	#content ol.commentlist li { min-height:96px; margin:10px 0px 0px 0px; background-color:#f3f3f3; padding:10px; }
	#content ol.commentlist li.alt { background-color:#fff; }
	#content ol.commentlist li p { margin-left:106px; }
	#content ol.commentlist img.avatar { float:left; clear:left; margin-right:10px; }
	
	form#commentform input { width:220px; border:1px solid #ccc; background-color:#eee; margin-left: 12px; }
	form#commentform textarea { padding:4px; width:502px; border:1px solid #ccc; background-color:#eee; }
	form#commentform #submit { width:150px; height:auto; border-color:#ccc; }
	form#commentform #submit:hover { background-color:#fff; }
	
	/* contact form */
	#content form.cform { margin:0px; padding:0px; }
	#content ol.cf-ol { margin:0px; padding:0px; }
	#content ol.cf-ol li { margin:0px; padding:0px; }
	#content .cform { margin:0px; width: 410px; }
	#content ol.cf-ol label { height:20px; }
	#content ol.cf-ol input { background-color:#eee; border:1px solid #ccc; width:265px; height:18px; color:#444; }
	#content ol.cf-ol textarea { margin-top:-24px; font-family:Courier; background-color:#eee; border:1px solid #ccc; width:502px; padding:4px; height:218px; color:#444;  }
	#content input.sendbutton { background-color:#eee; border:1px solid #ccc; height:26px; padding:2px; color:#444; background-image:none; float:left; font-size:14px; margin:0px; }
	#content #ll { visibility:hidden; }
	
	/* related posts */
	div.related { color:#999; margin-bottom:20px; }
	div.related a { color:#b19d84; }
	div.related p { margin:0px; padding:0px; }
	div.related ol { list-style-type:none; margin:0px; padding:0px; }
	div.related li { margin:0px; padding:0px; }

	/* pagenavi */
	div.wp-pagenavi { font-size:13px; }
	div.wp-pagenavi a { #555; }
	div.wp-pagenavi span, div.wp-pagenavi a { display:block; width:auto; float:left; margin-right:4px; border:1px solid #ccc; padding:3px 8px 2px 8px; }
	div.wp-pagenavi span, div.wp-pagenavi a:hover { background-color:#eee; text-decoration:none; }
	div.wp-pagenavi span.pages { display:none; }
	div.wp-pagenavi span.extend { border-color:#fff; background-color:#fff; }
	div.wp-pagenavi a.nextpostslink, div.wp-pagenavi a.previouspostslink { display:none; }

/* sidebar section right side */
	#sidebar { padding-top:50px; float: right; width: 275px; color:#444; font-size:12px; }
	#sidebar a { color:#888; }

	/*search*/
	#sidebar li.widget_search form { margin:0px; padding:0px; }
	#sidebar li.widget_search label { display: none; }
	#sidebar li.widget_search input#searchsubmit { display: none; }
	#sidebar li.widget_search input#s { margin: 0; border:1px solid #ddd; background-color:#eee; font-size: 16px; padding: 5px; color: #999; }
	
	#archive_dropdown { margin:0px 0px 0px -3px; border:1px solid #ddd; background-color:#eee; }
	

	/*lists*/
	#sidebar ul { list-style:none; margin:0px 0px 0px 20px; clear:both; padding: 0; }
	#sidebar > ul { padding-bottom: 20px; }
	#sidebar > ul > li { margin-bottom: 20px; }
	#sidebar ul li ul { margin:0px; }
	#sidebar h2 { font-family: museo-slab-1,museo-slab-2; font-weight:100; font-size:16px; margin:0px 0px 5px 0px; padding:0px; }
	#sidebar h2 a { color:#444; }
	
	/*location*/
	
	/*last.fm*/
	#sidebar ul.lastfm_list { margin:4px 0px 20px -3px; padding:0px; overflow:auto; }
	#sidebar li.lastfm_item { display:block; float:left; padding:0px; margin:0px 4px 4px 0px; width:82px; height:82px; overflow:hidden; position:relative; }
	#sidebar li.lastfm_item a { display:block; width:82px; height:82px; overflow:hidden; }
	#sidebar img.lastfm_image { background:#fff; border:1px solid #fff; margin:0px; width:80px; height:80px; opacity:0.4; filter:alpha(opacity=40) }
	#sidebar li.lastfm_item:hover a { cursor:pointer; }
	#sidebar li.lastfm_item:hover img.lastfm_image { opacity:1; filter:alpha(opacity=100) }
	#sidebar span.lastfm_meta { display:none; position:absolute; background-color:#fff; font-size:10px; z-index:2; bottom:0px; left:0px; line-height:12px; padding:2px 4px 2px 4px; opacity:0.8; filter:alpha(opacity=80); }
	#sidebar li.lastfm_item:hover span.lastfm_meta { display:block; width:auto; }
	
	/*recommended reading*/
	#sidebar ul.gReader-list { color:#999; margin:5px 0px 20px 0px; padding:0px; overflow:auto; }
	#sidebar ul.gReader-list li { margin-bottom:5px; padding-left: 37px; position:relative; }
	#sidebar ul.gReader-list li div.gReader-date { width:23px; text-align:right; position:absolute; top:0px; left:0px; font-size:11px; }
	#sidebar ul.gReader-list div.gReader-source { display:inline; margin-left:5px; }
	#sidebar ul.gReader-list li.grCredit { display:none; }
	
	#sidebar li.gReader-item-7, #sidebar li.gReader-item-8, #sidebar li.gReader-item-9, #sidebar li.gReader-item-10, #sidebar li.gReader-item-11,
	#sidebar li.gReader-item-12, #sidebar li.gReader-item-13, #sidebar li.gReader-item-14, #sidebar li.gReader-item-15, #sidebar li.gReader-item-16,
	#sidebar li.gReader-item-17, #sidebar li.gReader-item-18, #sidebar li.gReader-item-19, #sidebar li.gReader-item-20, #sidebar li.gReader-item-21,
	#sidebar li.gReader-item-22, #sidebar li.gReader-item-23, #sidebar li.gReader-item-24, #sidebar li.gReader-item-25, #sidebar li.gReader-item-16,
	#sidebar li.gReader-item-27, #sidebar li.gReader-item-28, #sidebar li.gReader-item-29, #sidebar li.gReader-item-30 { display:none; }
	
	
	div.post ul.gReader-list { color:#555; margin:5px 0px 20px 0px; padding:0px; overflow:auto; }
	div.post ul.gReader-list li { margin-bottom:5px; padding-left:37px; position:relative; }
	div.post ul.gReader-list li div.gReader-date { width:30px; text-align:right; position:absolute; top:0px; left:0px; }
	div.post ul.gReader-list div.gReader-source { display:inline; margin-left:5px; }
	div.post ul.gReader-list li.grCredit { display:none; }