@import url('/css/reset.css');

body {
	background: #e1ddd6 url(/images/layout/back.png) left top repeat-x;
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size:86%;
	color: #4d4d4d;
	}
	
a, a:link, a:visited, a:hover, a:active { color: #f73700; text-decoration: none; }
a:hover { color: #b32801; text-decoration: underline; }
a:active { position: relative; top: 1px; }

strong { font-weight: bold; }

em { font-style:italic; }

blockquote { margin-left:25px; }


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 28, 2010 11:58:46 AM America/New_York */

@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('/media/Chunkfive-webfont.eot');
	src: local('☺'), url('/media/Chunkfive-webfont.woff') format('woff'), url('/media/Chunkfive-webfont.ttf') format('truetype'), url('/media/Chunkfive-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}



/* Headings
----------------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #333; }

h1 { 
	font-family: ChunkFiveRegular, Helvetica, Arial, sans-serif;
	font-size: 360%; 
	color: #000; 
	margin-bottom: 5px;
	text-shadow: 0 2px 5px #000;
	}
	
	h1 a:hover { text-decoration: none; color: #ff6e44; }

h2 { 
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 220%; 
	color: #4d4d4d;  
	text-transform: none; 
	line-height: 1.3;
	margin-bottom: 10px;
	letter-spacing: .5px;
	padding-bottom: 10px;
	background: url(/images/layout/rule.png) left bottom repeat-x;
	}
	
	h2 a, h2 a:link, h2 a:visited, h2 a:active { color: #4d4d4d; }

h3 { 
	font-size: 130%; 
	margin: 0 0 7px; 
	color: #222;
	}

h4 { font-size: 84%; }
h5 { font-size: 84%; }
h6 { font-size: 84%; }

small { 
	color:#323232;
	display:block;
	font-size:90%;
	letter-spacing:0.5px;
	padding:0 0 10px;
	text-transform:uppercase;
	}

/* Spacing
----------------------------------------------------------------------------------------------------*/

ol { list-style: decimal; }
ul { list-style: disc; }

ul li, ol li { margin-bottom: 10px; line-height: 1.1; }

li { margin-left: 30px; }

p,
dl,
hr,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}

p { line-height: 1.3; }


/* Structure
----------------------------------------------------------------------------------------------------*/

.wrapper, #footer { width: 960px; margin: 0 auto; }

.col-main, .col-side {
	float: left;
	display: inline;
	margin: 0 10px 20px;
	}
	.col-main { width: 700px; }
	.col-side { width: 220px; }

#header { background: #000 url(/images/layout/header.png) center top no-repeat; padding: 10px 0 0; z-index: 800;  }

p.tagline {
	background: #000;
	color: #fff;
	margin: 0 0 10px;
	}


#search { float: right; }

form#searchform { position: relative; width: 220px; }
	form#searchform #s {
		color: #b7b7b7; 
		padding: 5px 10px; 
		display: block; 
		line-height: 1; 
		-moz-border-radius: 25px; 
		-webkit-border-radius: 25px;
		border-radius:25px;
		min-width: 200px;
		position: relative;
		left: 0;
		top: 0;
		font-size: 12px;
		border: 1px solid #000;
		}
		
		.entry form#searchform #s {border: 1px solid #999;  }
		
	form#searchform #searchsubmit {
		position: absolute;
		right: 3px;
		top: 3px;
		border: none;
		float: right;
		cursor: pointer;
		}
		form#searchform #searchsubmit:hover { background-position: 0 -30px; }
		form#searchform #searchsubmit:active { background-position: 0 -60px; }

	form#searchform p { 
		font-size: 80%;
		color: #fff;
		text-align: right;
		clear: both;
		padding: 5px 0;
		}
		
		.entry form#searchform p { color: #333; }
		
		form#searchform p a.lijit,
		form#searchform p a.lijit:link,
		form#searchform p a.lijit:visited,
		form#searchform p a.lijit:hover,
		form#searchform p a.lijit:active {
			float: right;
			display: block;
			width: 29px;
			height: 21px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(/images/layout/lijit.png) 0 0 no-repeat;
			margin-left: 3px;
			text-align: left;
			}


#main-nav { 	
	clear: both;
	background: #ab2905 url(/images/layout/nav-bar.png) 0 0 repeat-x; 
	border-top: 1px solid #fa8564; 
	border-bottom: 1px solid #952404; 
	font-size: 88%;
	z-index: 900;
	position: relative;
	}
	#main-nav ul { padding: 5px 0; }
	#main-nav ul li { display: inline; list-style: none; margin: 0 5px; float: left; }
	#main-nav ul li a,
	#main-nav ul li a:link,
	#main-nav ul li a:visited
	#main-nav ul li a:hover,
	#main-nav ul li a:active { 
		color: #fff; 
		padding: 8px 16px; 
		display: block; 
		font-weight: bold;
		line-height: 1; 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		border-radius:5px;
		}
	#main-nav ul li a:hover,
	#main-nav ul li.current-cat a { background: #000; text-decoration: none; }
	#main-nav ul li a:active { background-color: #892105; }
	
	#main-nav ul li#more-cats { position: relative; }
		#main-nav ul li#more-cats a,
		#main-nav ul li#more-cats a:link,
		#main-nav ul li#more-cats a:visited,
		#main-nav ul li#more-cats a:hover,
		#main-nav ul li#more-cats a:active { 
			background: #fe430d url(/images/layout/more-arrow.png) right center no-repeat; 
			padding-right: 22px;
			}
		#main-nav ul li#more-cats a:hover { background-color: #000; }
		#main-nav ul li#more-cats a:active { background-color: #892105; }
			#main-nav ul li#more-cats ul { 
				display: none;
				position: absolute;
				right: 0;
				-moz-border-radius: 5px; 
				-webkit-border-radius: 5px;
				border-radius:5px;
				padding: 10px;
				background: #fff;
				z-index: 999;
				-moz-box-shadow: 0 3px 10px #565552;
				-webkit-box-shadow: 0 3px 10px #565552;
				box-shadow: 0 1px 2px #565552;
				min-width: 200px;
				}
			#main-nav ul li#more-cats:hover {
					display: block;
				}
			#main-nav ul li#more-cats ul li {
				display: block;
				float: none;
				padding: 5px;
				border-bottom: 1px solid #d9d8d8;
				}
				#main-nav ul li#more-cats ul li a,
				#main-nav ul li#more-cats ul li a:link,
				#main-nav ul li#more-cats ul li a:visited,
				#main-nav ul li#more-cats ul li a:hover,
				#main-nav ul li#more-cats ul li a:active {
					color: #fe430d;
					background: none;
					display: block;
					padding: 0;
					}
					#main-nav ul li#more-cats ul li a:hover { color: #b32801; }


#content { border-top: 1px solid #fff; z-index: 1; }

.post {
	background: #fff;
	padding: 5px;
	margin: 20px 0 30px;
	position: relative;
	-moz-box-shadow: 0 1px 2px #565552;
	-webkit-box-shadow: 0 1px 2px #565552;
	box-shadow: 0 1px 2px #565552;
	}
	
	p.date {
		position: absolute;
		left: 20px;
		top: -3px;
		width: 82px;
		text-align: center;
		background: url(/images/layout/date-ribbon.png) 0 0 no-repeat;
		color: #fff;
		text-shadow: 0 1px 2px #000;
		text-transform: uppercase;
		line-height: 1;
		padding: 15px 0 60px;
		}
		p.date span { display: block; }
		p.date span.day {
			display: block;
			font-size: 200%;
			font-weight: bold;
			text-align: center;
			}
		
	.entry {
		background: url(/images/layout/entry-stripe.png) 0 0 repeat-y;
		padding: 10px 10px 10px 110px;
		}
		.not-found .entry { padding-left: 30px; }
		ul.comment-share-links { text-align: right; }
			ul.comment-share-links li {
				display: inline; list-style: none; margin: 0;
				font-size: 88%;
				float: right;
				}
				ul.comment-share-links li.comments a,
				ul.comment-share-links li.comments a:link,
				ul.comment-share-links li.comments a:visited,
				ul.comment-share-links li.comments a:hover
				ul.comment-share-links li.comments a:active {
/*
					color: #fff;
					font-weight: bold;
					background: url(/images/layout/comments.png) left top no-repeat;
					padding: 4px 10px 10px;
					display: block;
					min-width: 20px;
					text-align: center;
					text-decoration: none;
*/
					padding: 4px 8px 5px 26px;
					-moz-border-radius: 5px; 
					-webkit-border-radius: 5px;
					border-radius:5px;
					font-weight: bold;
					color: #fff;
					text-decoration: none;
					background: #8b8a8a url(/images/layout/comment-small.gif) left center no-repeat;
					display: block;
					line-height: 1;
					}
/*
					ul.comment-share-links li.comments a:hover { background-position: 0 -36px; }
					ul.comment-share-links li.comments a:active { background-position: 0 -72px; }
*/
					
				ul.comment-share-links li.share a,
				ul.comment-share-links li.share a:link,
				ul.comment-share-links li.share a:visited,
				ul.comment-share-links li.share a:hover,
				ul.comment-share-links li.share a:active {
					margin: 0 5px;
					padding: 4px 16px 5px 8px;
					-moz-border-radius: 5px; 
					-webkit-border-radius: 5px;
					border-radius:5px;
					font-weight: bold;
					color: #fff;
					text-decoration: none;
					background: #8b8a8a url(/images/layout/share.png) right center no-repeat;
					display: block;
					line-height: 1;
					}
					ul.comment-share-links li.share a:hover { background-color: #aaa; }
					ul.comment-share-links li.share a:active { background-color: #696969; }
		
		.entry h2 { clear: both; }
		.meta { 
			font-size: 84%;
			padding: 0 0 30px 45px;
			background: url(/images/layout/blog-icons.png) 0 -370px no-repeat; 
			color: #8b8a8a;
			}
			.meta p { margin-bottom: 3px; }
			
	.left { float: left; margin-bottom: 20px; }
	.right { float: right;  margin-bottom: 20px; }
	.left a,
	.left a:link,
	.left a:visited,
	.left a:hover,
	.left a:active, 
	.right a,
	.right a:link,
	.right a:visited,
	.right a:hover,
	.right a:active {
		width: 154px;
		height: 48px;
		display: block;
		overflow: hidden;
		text-indent: -9999px;
		background: url(/images/layout/old-new-btns.png) 0 0 no-repeat;
		}
		.left a:hover { background-position: 0 -58px; }
		.left a:active { background-position: 0 -116px; }
		
		.right a,
		.right a:link,
		.right a:visited,
		.right a:hover,
		.right a:active { background-position: -163px 0; }
			.right a:hover { background-position: -163px -58px; }
			.right a:active { background-position: -163px -116px; }



#sidebar { margin-top: 20px; }
	#sidebar #about-author img { float: left; margin-right: 10px; }
	#sidebar #about-author p { overflow: auto; font-size: 84%; color:#5f5f5f;  }

	#sidebar #social-links,
	#sidebar #tag-cloud,
	#sidebar #favorite-posts,
	#sidebar #blogroll,
	#sidebar #books,
	#sidebar #google_translate_element {
		background: url(/images/layout/rule.png) left top repeat-x;
		margin-bottom: 20px;
		padding-top: 15px;
	}
	

	#sidebar #social-links li { 
		display: inline; 
		list-style: none; 
		margin: 10px 11px 0 0; 
		float: left;
		}
	#sidebar #social-links li.last { margin-right: 0; }
		#sidebar #social-links li a { width: 35px; display: block; }
				
	#google_translate_element { margin-bottom: 20px; }		
	
	#twitter-block {
		background: #fff url(/images/layout/twitter-block.png) left top no-repeat;
		padding: 15px;
		margin-bottom: 20px;
		}	
		
		#twitter-block h3 { padding: 0 0 20px 50px; font-weight: bold; font-size: 120%; margin-top: -3px; }	
			#twitter-block h3 a { color: #053951; }	
		
		#twitter-block ul li { 
			font-size: 83%;
			list-style: none;
			margin: 0 0 10px;
			}
			#twitter-block ul li span { display: block; }
		
	
	#tag-cloud h3,
	#favorite-posts h3,
	.idw-container h2,
	#blogroll h3,
	#archives h3,
	#categories h3,
	#books h3 { 
		padding: 10px 0 18px 45px;
		background: url(/images/layout/blog-icons.png) 0 0 no-repeat;
		}	
	#favorite-posts h3,
	.idw-container h2 { background-position: 0 -88px; font-size: 130%; font-family: Helvetica, Arial, sans-serif; color: #000; }
	#blogroll h3 { background-position: 0 -169px; }
	#books h3 { background-position: 0 -265px; }
	
	#blogroll ul,
	#archives ul,
	#categories ul,
	#books ul { margin-bottom: 5px; }
	
	#favorite-posts ul li,
	.idw-container p,
	#blogroll ul li,
	#archives ul li,
	#categories ul li,
	#books ul li {
		list-style: none;
		margin: 0;
		padding: 5px 0;
		background: url(/images/layout/sidebar-rule.png) left bottom repeat-x;
		font-size: 84%;
		}
	
		#favorite-posts ul li a,
		.idw-container p a,
		#blogroll ul li a,
		#archives ul li a,
		#categories ul li a,
		#books ul li a {
			color: #6b6b6b;
			}
		.idw-footer p { background: none; margin-top: 10px; }
		
	#sidebar a.view-all {
		font-size: 84%;
		font-weight: bold;
		display: block;
		margin-bottom: 20px;
		}
	
	
	
	
#footer { 
	clear: both; 
	padding: 30px 0 0;
	background: url(/images/layout/footer.png) 0 0 repeat-x;
	}

	#footer p.blog-title {
	font-family: ChunkFiveRegular, Helvetica, Arial, sans-serif;
	font-size: 200%; 
	color: #000; 
	margin-bottom: 5px;
	text-shadow: 0 1px 3px #666;
	color: #f73700;
	}
	#footer ul li { 
		display: inline; 
		list-style: none; 
		margin: 0 5px 0 0; 
		padding-right: 15px;
		font-size: 92%;
		text-transform: lowercase;
		background: url(/images/layout/footer-divider.gif) right center no-repeat;
		}
	#footer ul li a { color: #5c5c5c; }
	
	#slice-badge { position: relative; margin-top: -20px; }
		#slice-badge a { font-size: 84%; color: #747474; }
			#slice-badge a img { top: 13px; position: relative; }
	
	
/* Clear Floated Elements 

 ============================================================================================
 || IMPORTANT: clearfix needs to be at the bottom of the stylesheet - add new styles above ||
 ============================================================================================
 
----------------------------------------------------------------------------------------------------*/
.floatleft  { float: left; }
.floatright { float: right; }

/* new clearfix - http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}