/*
Theme Name: Whose Fault Is That
Theme URI: http://www.whosefaultisthat.net/
Author: David Cole
Author URI: http://www.radnauseam.com/
*/

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, strong, 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: 1em;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #333;
	background: #f2f2f2;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	font-size: 75%;
}
html>body {
	font-size: 12px;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:link,a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #666;
}
a:hover {
	color: #666 !important;
}
.clear {
	clear: both;
}

#container {
	width: 720px;
	margin: 0 auto;
}

#header {
	height: 117px;
	background: url(images/shadow.gif) no-repeat bottom left;
}

	#header a { font-weight: normal; }

	#header div {
		height: 18px;
		float: left;
		width: 180px;
	}
		#header div.uno { background: #5d31ef; }
		#header div.dos { background: #00c1ec; }
		#header div.tres { background: #00ef23; }
		#header div.quatro { background: #f1f700; }
	
	#header h1 {
		font-size: 2em;
	}
		#header span.uno { color: #5d31ef; }
		#header span.dos { color: #00c1ec; }
		#header span.tres { color: #00ef23; }
		#header span.quatro { color: #f1f700; }
		
	#header h2 {
		font-size: 1.167em;
	}
		#header span {
			display: block;
			width: 143px;
			border-right: 1px solid #eee;
			float: left;
			background: #fff;
		}
			#header h1 span {
				padding: 16px 18px 4px;
			}
			#header h2 span {
				padding: 16px 18px 16px;
			}
			#header span.quatro {
				border-right-color: #fff;
			}
			
	#header.hover div.uno { background: #333; }
	#header.hover div.dos { background: #777; }
	#header.hover div.tres { background: #aaa; }
	#header.hover div.quatro { background: #e5e5e5; }
	#header.hover span.uno { color: #333; }
	#header.hover span.dos { color: #777; }
	#header.hover span.tres { color: #aaa; }
	#header.hover span.quatro { color: #e5e5e5; }

.post {
	height: 189px;
	background: url(images/shadow.gif) no-repeat bottom left;
	margin-top: 45px;
	position: relative;
}
	.post a {
		width: 180px;
		height: 180px;
		display: block;
		position: absolute;
		top: 0;
	}
		.post h2 a {
			background: #fff;
			padding: 106px 18px 16px;
			width: 144px;
			height: 58px;
			font-weight: bold;
			font-size: 2.5em;
		}
			h2.one a {
				padding-top: 136px;
				height: 28px;
			}
			.post .first { left: 0px; }
			.post .second { left: 180px; }
			.post .third { left: 360px; }
			.post .fourth { left: 540px; }
			
			.post h2 a.right {
				text-align: right;
			}
		.post h3 a {
			background: #000;
			color: #fff;
			padding: 14px 34px 14px 19px;
			width: 127px;
			height: 152px;
			font-weight: bold;
			font-size: 1.583em;
			line-height: 1.2;
		}
			.post h3 a.right {
				text-align: right;
				padding: 14px 19px 14px 34px;
			}
		.post:hover a {
			background: #666;
		}
			.post:hover h2 a {
				color: #666 !important;
				background: #B2B2B2 !important;
			}
			.post:hover h3 a {
				color: #ddd !important;
				background: #666 !important;
			}
			.post:hover img {
				opacity: .5;
			}
			
.article {
	margin-top: 45px;
}
	.article-meta {
		width: 180px;
		padding-bottom: 9px;
		float: left;
		background: url(images/shadow.gif) no-repeat bottom left;
	}
		.article-meta div {
			border-right: 1px solid #ccc;
			width: 179px;
			overflow: hidden;
		}
		.article-meta h2 {
			background: #fff;
			padding: 106px 18px 16px 18px;
			width: 144px;
			height: 58px;
			font-weight: bold;
			font-size: 2.5em;
		}
		.one h2 {
			padding-top: 136px;
			height: 28px;
		}
	.article-content {
		width: 504px;
		float: left;
		background: #fff url(images/shadow-small.gif) no-repeat bottom right;
		padding: 16px 18px 25px;
	}
	
	.article abbr,
	.article cite {
		font-weight: bold;
/* 		letter-spacing: 1px; */
	}
	.article .wfit {
		font-weight: bold;
/* 		margin: 2em 0 0; */
	}
	
	.article .intro {
/* 		font-family: Georgia, Constantia, serif; */
		font-size: 1.167em;
		line-height: 1.75;
	}
		
	.article h3 {
		font-weight: bold;
		font-size: 1.33em;
	}
	.article a {
		text-decoration: underline;
	}
	.article em {
			font-style: italic;
		}
	.article strong {
		font-weight: bold;
	}
	.article hr {
		border-color: #ddd;
	    border-style: solid;
	    border-width: 1px 0 0;
	    clear: both;
	    margin: 1.5em 0;
	    height: 0;
	}
	.article p,.article blockquote {
		line-height: 1.5;
		margin: 1.35em 0;
	}
		.article p:first-child {
			margin-top: 0;
		}
		.article p:last-child {
			margin-bottom: 0;
		}
	.article ul,.article ol {
		margin: 1.5em 2em;
	}
		.article ol li {
			list-style-type: decimal;
		}
		.article li {
			margin: .75em 0;
			line-height: 1.25;
			list-style-type: circle;
		}
		.article ol ol,.article ul ul {
			margin: .75em 2em;
		}
		.article li ol li {
			list-style-type: lower-alpha;
		}
		.article li ul li {
			list-style-type: disc;
		}
		.article ul.sublist {
			margin: .75em 2em .75em 4em;
		}
		.article ul.sublist li {
			list-style-type: disc;
		}
	.article blockquote {
		margin: 1.35em 2em;
		font-style: italic;
	}
	.article table {
		width: 100%;
		margin: 1.5em;
	}
		.article th, .article td {
			padding: 7px;
		}
		.article th {
			font-weight: bold;
		}
		.article .alt td {
			background: #e3e3e3;
		}
	.article code {
		font-family: 'andale mono', 'monotype.com', 'lucida console', monospace;
		white-space: pre;
		margin: 1.5em 2em;
		display: block;
		line-height: 1.5;
	}
	.article div.pull {
		text-align: center;
	}
		.article div.pull img {
			margin-bottom: 5px;
		}
		.article div.pull small {
			padding: 5px;
			background: #e3e3e3;
			display: block;
			font-size: .786em;
		}
	.article .alignleft {
		margin: 1em 1em 1em 0;
		float: left;
	}
	.article .alignright {
		margin: 1em 0 1em 1em;
		float: right;
	}
	.article .size-full {
		margin: 1em 0;
	}
	.article .pull-left {
		margin-left: -198px;
		padding: 18px;
		width: 324px;
		padding-bottom: 9px;
		float: left;
		background: #fff url(images/shadow-pull-left.gif) no-repeat bottom left;
	}
	
	
.comments {
	width: 720px;
	margin: 9px 0 9px 0px;
}
	.comments a {
		text-decoration: underline;
	}
	.comments li {
		padding-bottom: 9px;
		background: transparent url(images/shadow-small.gif) no-repeat bottom right;
		margin-bottom: 9px;
	}
		.comment-meta {
			width: 144px;
			float: left;
			padding: 14px 18px;
			line-height: 1.5;
			position: relative;
		}
			.comment-meta strong {
				display: block;
				font-weight: bold;
			}
			.comment-meta small {
				font-size: .833em;
				color: #999;
			}
			.comment-meta em {
				font-size: .833em;
				color: #666;
				font-style: italic;
			}
		.comment-content {
			width: 504px;
			float: left;
			padding: 14px 18px;
			min-height:36px;
			height:auto !important;
			height:36px;
			background: #fff;
		}
			.comment-content p {
				line-height: 1.5;
				margin-bottom: 1em;
			}
				.comment-content p:last-child {
					margin-bottom: 0;
				}
			.comment-content strong {
				font-weight: bold;
			}
			.comment-content em {
				font-style: italic;
			}
			.comment-content ul,.comment-content ol {
				margin: 1.5em 2em;
			}
				.comment-content ol li {
					list-style-type: decimal;
				}
				.comment-content li {
					margin: .75em 0;
					line-height: 1.25;
					list-style-type: circle;
				}
			.comment-content blockquote {
				margin: 1.35em 2em;
				font-style: italic;
			}
	
	.comment-post {
		background: #fff url(images/shadow.gif) no-repeat bottom left;
		padding-bottom: 9px;
		height: 1%;
		margin-top: 18px;
	}
		.comment-post form {
			background: url(images/commentbg.gif) repeat-y left;
		}
		.comment-post label {
			font-weight: bold;
			color: #444;
			display: block;
			margin: 12px 0 6px;
		}
		.comment-post-left {
			width: 144px;
			float: left;
			padding: 4px 18px 14px 18px;
		}
			.comment-post-left input {
				margin: 0;
				width: 138px;
				border: 1px solid #ccc;
			}
			.comment-post-left p {
				margin-top: 6px;
				line-height: 2em;
			}
		.comment-post-right {
			padding: 4px 18px 14px;
			width: 504px;
			float: left;
		}
			.comment-post-right h3 {
				font-weight: bold;
				color: #666;
				font-size: 1.167em;
				margin-bottom: 16px;
			}
			.comment-post-right textarea {
				border: 1px solid #ccc;
				display: block;
				width: 502px;
				height: 109px;
				font-family: Helvetica, Calibri, Arial, sans-serif;
				font-size: 1.09em;
			}
			.comment-post-right p {
				margin-top: 1em;
				text-align: right;
			}
			.comment-post-right span {
				float: right;
			}
		.loggedin {
			background-image: url(images/shadow-small.gif);
			width: 540px;
			margin-left: 180px;
		}
			.loggedin form {
				background: none;
			}
			
	
#disqus_thread {
	width: 540px;
	margin: 36px 0 36px 180px;
}
	.dsq-brlink {
		float: right;
	}
	.dsq-popup-top {
		background:transparent url(http://www.whosefaultisthat.net/wp-content/themes/wfit/images/popup-top.png) no-repeat scroll 0 0 !important;
	}
	.dsq-popup-body {
		background: transparent url(http://www.whosefaultisthat.net/wp-content/themes/wfit/images/popup-body.png) repeat-y scroll 0 0 !important;
	}
	.dsq-popup-bottom {
		background:transparent url(http://www.whosefaultisthat.net/wp-content/themes/wfit/images/popup-bottom.png) no-repeat scroll 0 0 !important;
	}
		
.copyright {
	font-weight: bold;
	font-size: 1.167em;
	color: #666;
	line-height: 1.29;
	padding: 36px 0;
	text-align: right;
	width: 720px;
	margin: 0 auto;
}
	.copyright a {
		text-decoration: underline;
	}
		.copyright a:hover {
			color: #999 !important;
		}

#fourohfour {
	background: #fff url(images/shadow.gif) no-repeat bottom left;
	height: 180px;
	text-align: center;
	padding-bottom: 9px;
	margin-top: 45px;
}
	#fourohfour h2 {
		font-size: 2em;
		color: #666;
		padding-top: 78px;
	}