/*  
Theme Name: Colt Rane MINIMAL
Theme URI: http://colt-rane.com
Description: Clean grid based theme.
Version: 1.1
Author: Colt Rane
Author URI: http://coltrane.com
Tags: white, grid, whitespace, minimal, clean, widgets
*/

* {margin: 0; padding: 0;}
body { background: #fff; color: #121212; font-size: 62.5%; font-family: arial, verdana, sans-serif; text-align: center;} 
h1 { font-size: 2em;}
h2 { font-size: 1.8em; font-weight:normal;}
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; color:#333; padding:5px; }
a { color: #121212; outline: none; text-decoration: none; }
a:hover {color: #333; }

/* =----------------------------------- oh the convenience */
#wrapper {
	/* 
		sets the minimum(s) for the entire site
		off of which everything else is based on
	*/
	font-size: 1.2em;
	line-height: 1.4em;
}
.postMeta {
	font-size: 0.9em;
	text-transform: uppercase;
}
.postMeta span.date {
	color: #777;
	background-color:#fff;
}
.postMeta span.comments a,
.postMeta span.date a {
	color: #121212;
}
.post h2 {
	line-height: 1.2em;
}
.entry ul,
.entry ol,
.entry blockquote {
	color: #555;
}
.entry blockquote {
	font-style: italic;
}
.secondaryColumn h3,
#commentsContainer h3 {
	font-size: 1.2em;
}
/* .author a { color:#777; font-size:0.7em; text-transform: uppercase; display:block; padding: 4px 7px 3px; background: #fff; border: 1px solid #ddd; width:50px; } */
	.author a:hover { color: #121212; border-color:#b9f2f8; background: #b9f2f8; }
.meta, .author a, .author, .date, .categories, .categories a { font-family:georgia, serif; color:#777; font-size:11px; text-transform:lowercase; }
	.meta a { background:#ffff00; }
	.meta a:hover { background:#b9f2f8; }
#cancel-comment-reply-link {
	color: #121212;
	font-size: 0.8em;
}
.commentlist .comment-meta a {
	color: #777;
}
.commentlist .comment-author cite {
	font-style: normal;
	font-weight: bold;
}
.commentlist .comment-meta {
	font-size: 0.8em;
}
#commentform p span input,
#commentform span textarea {
	color: #333;
	font-family: arial,verdana,sans-serif;
	font-size: 1em;
}
#paginateIndex {
	font-size: 0.9em;
	text-transform: uppercase;
}

/* =----------------------------------- main structure */
#wrapper {
	margin: 20px auto;
	text-align: left;
	width: 100%;
	padding: 0;
}
#masthead { padding: 7px 0 0 30px; display:inline-block; float:left; }
#filler {
	clear: both;
}
#mainColumn {
	float: left;
	padding: 28px 30px 0 30px;
	width: 95%;
}
#utility {padding:0 30px 0 0;}
#utility img {padding-left:10px; border:none;}
/* =----------------------------------- meta lead for each post */
.postMeta {
	border-top:1px solid #ccc;
	text-align: right;
	margin-bottom: 14px;
	position: relative;
}
.postMeta .container {
	position: absolute;
	top: -9px;
	right: 0;
}
.postMeta span.date {
	padding: 0 4px;
}
.postMeta span.comments {
	background: #fff url(images/chat_grey.gif) no-repeat 2px -1px;
	padding-left: 18px;
}

/* =----------------------------------- general post */
.post { margin: 75px 0 125px 0; }
.post-archive {width:230px; height:230px; display:block; float:left;}
	.post h2 { margin-bottom: 10px; padding: 0; }
	.post h2 a { display:block; }

/* =----------------------------------- entry body */
.entry {
	padding: 0;
	overflow: hidden;
}
.entry p {
	line-height: 1.6em;
	margin: 10px 0;
}
.entry ul,
.entry ol,
.entry blockquote {
	margin: 0;
}
.entry ol {
	list-style: decimal;
}
.entry ul li,
.entry ol li {
	margin: 0 0 7px 0px;
}
.entry ul li {
	list-style: none;
	display:block;
}
.entry ul li:hover {
	background-color:#000;
	color:#fff;
}
.entry ul li img {
	border:none;
}
.entry blockquote {
	border-left: 1px solid #ccc;
	font-size: 1.1em;
	line-height: 1.4em;
	margin-left: 21px;
	padding-left: 10px;
}
.entry img,
.entry a img {
	background: #fff;
	border: none;
	padding: 2px;
}
.entry a:hover img {
	border-color: #121212;
}
.post-archive img {border:none; padding-bottom:5px;}
.post-archive a {font-family:georgia, times, "serif"; font-size:11px; color:#7b7b7b; text-transform:lowercase;}
.post-archive a:hover {background:#b9f2f8; color:#121212;}
.crop { width:220px; height:150px; overflow:hidden;}

/* =----------------------------------- main index pagination */
#paginateIndex { 
	margin-bottom: 25px;
}
#paginateIndex a,
.commentlist li .reply a {
	color: #777;
	font-size: 0.9em;
	text-transform: uppercase;
	display: block;
	padding: 4px 7px 3px;
	background: #fff;
	border: 1px solid #ddd;
}
.commentlist li .reply a {
	color: #aaa;
}
#paginateIndex a:hover,
.commentlist li .reply a:hover {
	color: #121212;
	border-color: #121212;
	background: #eee;
}


/* =----------------------------------- style some comments */
#commentsContainer {
	margin-bottom: 30px;
}
#commentsContainer span.hook {
	position: relative;
	display: block;
}
#commentsContainer h3 {
	display: block;
	margin: 10px 0;
	padding: 0;
}
.cancel-comment-reply {
	position: absolute;
	top: -1px;
	right: 4px;
}
.commentlist {
	list-style: none;
	margin: 0 0 20px;
}
.commentlist .comment-author {
	padding-top: 7px;
	margin-top: 10px;
	overflow: hidden;
}
.commentlist .comment-author img.avatar {
	display: block;
	float: left;
	height: 16px;
	width: 16px;
	margin: 0 4px 0 0;
}
.commentlist .comment-meta {
	margin: 0 0 0 20px;
}
.commentlist li .reply {
	text-align: right;
	padding-bottom: 10px;
}
.commentlist li .reply a {
	display:inline;
}
.commentlist li p {
	margin: 1em 0;
	padding: 0 3px;
}
.commentlist li ul,
.commentlist li ol,
.commentlist li blockquote {
	margin: 0 20px;
}
.commentlist .children {
	margin: 0 0 0 40px;
}
.commentlist .children li {
	list-style: none;
}
#commentform .contain {
	margin: 0 0 10px 0 !important;
}
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {
	padding: 4px 3px;
	border: 1px solid #ccc;
	border-left-color: #bbb;
	background: #fff;
	margin-right: 4px;
}
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {
	border: 1px solid #bbb;
	outline: none;
	padding: 4px 3px;
	width: 160px;
}
#commentform p label {
	margin: 4px 0 0 0;
}
#commentform textarea {
	float: none;
	width: 540px;
	overflow: auto;
}

/* =----------------------------------- boring footer */
#footer { border-top: 1px solid #ccc; margin: 35px 0; font-size:11px; }
#footer p { padding: 14px 3px 0 30px; color:#ccc; }

/* =----------------------------------- floats + clearing rule */
.floatleft { float: left; margin: 3px 7px 0 0; }
.floatright { float: right; margin: 3px 0 0 7px; }
.right { float:right; }
.left { float: left; }
.clear { clear: both; }
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fix { display: inline-block; } 
* html .fix{ height: 1%; }
.fix{ display: block;}