/*
 * GLOBALS & REUSED
 */
	* { margin:0;padding:0; } 

	html, body, #wrap  { height: 100%; }
	body > #wrap { height: auto; min-height: 100%; }
	body {
		background: url('images/body_bg.png');
		margin: 0;
		font: 13px Arial, Helvetica, Verdana, sans-serif;
		*font-size: small;
		*font: x-small;
		height: 100%;
		padding: 0;
	}

	img { border: none; }

	/* CLEAR FIX*/
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.clearfix {
		display: inline-block;
	}

	/* Hides from IE-mac \*/
	* html .clearfix { 
		height: 1%;
	}
	.clearfix {
		display: block;
	}
	* {
		outline: none;
	}
	/* End hide from IE-mac */


/*
 * FONTS, HEADINGS, LINKS
 */
a:link, a:visited {
	color: #636363;
}
a:hover {
	color: #333;
}
p {
	padding: 7px 0;
}
a.more-link:link,
a.more-link:visited {
	text-decoration: none;
	border-top: 2px solid #333;
	margin: 10px 0;
	padding-top: 3px;
	text-align: right;
	text-transform: uppercase;
	display: block;
	color: #333;
	font-size: .8em;
	font-weight: bold;
}
a.more-link:hover {
	color: #d5d5d5;
	border-top: 2px solid #d5d5d5;
}
div.navigation {
	padding-top: 30px;
	width: 580px;
}
div.navigation a:link,
div.navigation a:visited {
	text-decoration: none;
	margin: 10px 0 0 -20px;
	background: #000;
	padding: 10px 15px;
	text-transform: uppercase;
	color: #fff;
	font-size: .8em;
	font-weight: bold;
	-moz-border-radius: 0 3px 3px 0;
}
div.navigation a:hover {
	color: #d5d5d5;
}
	div.alignright a:link,
	div.alignright a:visited {
		-moz-border-radius: 3px 0 0 3px;
	}

/*
 * SECTIONS & CONTAINERS
 */
	div#wrap {
		width: 960px;
		margin: 0 auto;
		height: 100%;
	}

	div#header {
		padding-top: 15px;
		height: 169px;
	}

	div#container {
		background: #000;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		-z-index: 10;
	}

	div#content {
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		background: #fff;
		margin: 15px 10px;
		width: 530px;
		padding: 30px 50px 30px 20px;
		float: left;
	}

	div#sidebar {
		color: #fff;
		float: right;
		margin: 15px 10px;
		width: 290px;
		padding-right: 20px;
		padding-top: 20px;
		padding-left: 10px;
	}

	div#footer {
		position: absolute;
		width: 960px; 
		margin: 0 auto;
		text-align: center;
		padding: 20px;
	}
	
/*
 * POSTS ENTRIES, PAGES
 */
	div.post {
		padding-left: 45px;
		padding-bottom: 30px;
	}
	div.post h2 {
		font-family: Helvetica,Arial,Calibri,sans-serif;
		letter-spacing: -2px;
		font-size: 38px;
		font-weight: normal;
		margin-bottom: 5px;
	}
		div.post h2 a {
			color: #000;
			text-decoration: none;
		}
	div.date {
		position: absolute;
		margin-left: -65px;
		margin-top: -3px;
		text-align: center;
		padding: 4px 2px 8px 0;
		width: 35px;
		line-height: 14px;
		background: #000;
		color: #fff;
		font-size: 19px;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-radius: 0 3px 3px 0;
	}
		div.date small {
			font-weight: bold;
			text-transform: uppercase;
			font-size: 10px;
		}
		
	div.post p {
		color: #8f8f8f;
		line-height: 24px;
	}
	
	div.postmetadata {
		padding: 10px 0;
	}
		div.alt {
			margin: 15px 0;
			border-top: 2px solid #ccc;
			border-bottom: 2px solid #ccc;
		}
	
	div.postmetadata a:link,
	div.postmetadata a:visited {
		background: #000;
		color: #fff;
		text-transform: uppercase;
		font-size: 10px;
		font-weight: bold;
		padding: 5px 9px;
		text-decoration: none;
	}
	
	div.page {
		padding-left: 10px !important;
	}
	
	h2.pagetitle {
		background: url('images/pagetitle_h2.png') repeat-x left center;
		display: block;
		margin-left: 40px;
		margin-bottom: 15px;
		color: #ccc;
	}
	h2.pagetitle span {
		background: #fff;
		padding-right: 10px;
	}

/*
 * POST IMAGES 
 */
	p img {
		padding: 0;
		max-width: 100%;
		}

	/*	Using 'class="alignright"' on an image will (who would've
		thought?!) align the image to the right. And using 'class="centered',
		will of course center the image. This is much better than using
		align="center", being much more futureproof (and valid) */

	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		border: 3px solid #000;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		}

	img.alignright {
		padding: 4px;
		margin: 0 0 30px 30px;
		display: inline;
		border: 3px solid #000;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		}

	img.alignleft {
		padding: 4px;
		margin: 0 30px 30px 0;
		display: inline;
		border: 3px solid #000;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		}

	.alignright {
		float: right;
		}

	.alignleft {
		float: left;
		}

/*
 * COMMENTS & CONTACT FORM
 */
	div#respond, ol.commentlist, h3#comments {
		padding-left: 45px;
	}
	div#respond h3 {
		margin-top: 15px;
		font-size: 24px;
		letter-spacing: -1px;
	}
		h3#comments {
			font-size: 18px;
			color: #ccc;
			margin: 0 0 10px 0;
			background: url('images/quote2.png') no-repeat left center;
		}
	div#respond input,
	div#respond textarea,
	div.wpcf7 input,
	div.wpcf7 textarea {
		padding: 5px 8px;
		border: 1px solid #ccc;
		background: #fff;
		font-family: Arial, sans-serif;
		color: #555;
	}
	textarea#comment {
		width: 467px;
	}
	ol.commentlist {
		list-style: none;
	}
		div.comment-body {
			width: 485px;
			padding: 10px 0;
			color: #8F8F8F;
			border-bottom: 1px solid #ccc;
		}
		div.comment-author {
			font-size: 14px;
			font-weight: bold;
			color: #333;
		}
			div.comment-author cite {
				font-style: normal;
			}
			div.comment-author a {
				text-decoration: none;
				color: #333;
			}
		div.comment-meta, div.comment-meta a {
			font-size: 11px;
			text-decoration: none;
			text-transform: uppercase;
			color: #ccc;
			font-weight: bold;
		}
		div.comment-meta {
			float: right;
			padding-left: 20px;
			text-align: right;
			margin-top: -15px;
			background: url('images/clock_small.png') no-repeat left center;
		}

/*
 * SIDEBAR
 */
	div#sidebar h2 {
		letter-spacing: -1px;
		font-size: 24px;
		background: url('images/sidebar_h2.png') repeat-x left center;
	}
	div#sidebar h2 span {
		background: #000;
		padding-right: 10px;
	}
	
	div#sidebar ul {
		list-style: none;
	}
		li.widget {
			padding-bottom: 30px;
		}
		li.widget_categories a,
		li.widget_pages a,
		li.widget_archive a {
			display: block;
			line-height: 24px;
		}
		li.widget a {
			text-decoration: none;
		}
		
		li.current-cat a,
		li.current_page_item a {
			color: #fff;
		}
		
		/* SPECIFIC WIDGETS */
		li.widget_twitter h2 {
			padding-top: 15px;
			background: url('images/twitter.png') no-repeat right center !important;
			margin-bottom: 10px;
			cursor: pointer;
		}
			li.widget_twitter h2 a {
				color: #fff;
			}
			li.twitter-item {
				background: url('images/quote.png') no-repeat left top;
				padding-left: 45px;
				padding-bottom: 15px;
				color: #737373;
				font-size: 12px;
			}
			span.twitter-timestamp {
				color: #353535;
			}
		
/*
 * FOOTER
 */
	div#footer {
		color: #a5a5a5;
		text-transform: uppercase;
		font-size: 11px;
		line-height: 20px;
	}
	div#footer a {
		color: #999;
		text-decoration: none;
		font-weight: bold;
	}
	div#footer_left {
		-z-index: 0;
		position: fixed;
		left: 0;
		bottom: 0px;
		height: 27px;
	}
	div#footer_right {
		-z-index: 0;
		position: fixed;
		right: 0;
		bottom: 0;
		height: 137px;
	}
	div#footer ul,
	div#footer li {
		list-style: none;
	}
	div#footer li {
		padding: 0 8px;
		display: inline;
	}	
		div#footer li a {
			padding: 3px 6px;
		}
		div#footer li a:hover {
			background: #000;
			color: #fff;
		}
		
		a.footer_fabric {
			display: block;
			position: absolute;
			margin-top: -10px;
			margin-left: 852px;
		}