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

* { margin:0; padding:0; }
body { color:#121212; font-size:62.5%; font-family: 'Droid Sans', sans-serif; }
h1 { font-size:38px; }
h2 { font-size:32px; }
h3 { font-size:24px; }
h4 { font-size:18px; }
p { line-height:22px; font-size:14px; margin-bottom:20px; }
a { color:#121212; text-decoration:none; }
a:hover { color:#333; }

#header { padding:80px 50px; }
	h1#logo { width: 233px; }
	h1#logo a { display:block; text-indent:-9999px; width:233px; height:44px; background:url('images/colt-rane-logo.png') no-repeat top left; }
	#utility { list-style:none; cursor:pointer; margin-top:21px; }
		#utility li { display:inline; margin-right:25px; }
		#utility li a { border-bottom:2px solid #000; font-size:16px; padding-bottom:2px; }
		#utility li a:hover { border-bottom:2px solid blue; color:blue; }
		#utility li.selected a, #utility li.current_page_item a { background:yellow; border:none; }
		#utility li.image-link { margin-right:0px; }
		#utility li.image-link a { border:none; padding:0px; display:inline-block; text-indent:-9999px; zoom:1; *display:inline; vertical-align:middle; }
			#utility a#twitter { width:25px; height:21px; _height:21px; background:url('images/twitter.png') no-repeat top left; }
			#utility a#tumblr { width:15px; height:25px; _height:25px; background:url('images/tumblr.png') no-repeat top left; margin:-2px 0px 0px 12px; }
			#utility a#twitter:hover, #utility a#tumblr:hover { background-position:bottom left; }
		
		#utility img { border:none; }
	p.category { text-align:left; font-size:12px; }
#body { padding:50px; }
	.post { text-align:left; margin-bottom:100px; }
		#post404 { width:600px; }
	.post-archive { width:230px; height:180px; display:block; float:left; margin:0 20px 30px 0; }
		.post h2 { font-weight:normal; margin-bottom:30px; font-size:22px; }
		.post h2 a:hover { color:blue; }
		.post img { margin:0 20px 20px 0; }
			.post a img { border:none; }
		.post .meta { font-family:georgia, serif; color:#7b7b7b; font-size:11px; text-transform:lowercase; }
			.post .meta a { background:yellow; color:#7b7b7b; }
			.post .meta a:hover { background:#eee; color:blue; }
		.post-archive .crop { width:230px; height:140px; overflow:hidden; margin-bottom:8px; background:url('images/placeholder.gif') no-repeat center center; }
		.post-archive a { font-family:georgia, serif; color:#7b7b7b; text-transform:lowercase; }
			.post-archive a:hover { background:#fffc9f; }
	#pager { list-style:none; }
		#pager li { display:inline-block }
		#pager li a { display:block; padding:8px 12px; background:#eee; text-transform:lowercase; font-size:12px; font-family:georgia, serif; }
		#pager li a:hover { background:#ddd; }
	div#comments { text-align:left; width:720px; border-top:5px solid #000; padding-top:30px; }
	#comments * { font-size:12px; line-height:20px; }
		#comments h3 { margin-bottom:20px; }
		#comments h3 .hook { font-size:24px; }
		#comments label { display:block; margin:5px 0 2px 0; }
		.commentlist { list-style:none; }
			.commentlist li { padding:15px 20px; border-top:1px solid #000; }
			.commentlist li .says { display:none; }
			.comment-author, .comment-meta { display:inline; font-size:12px; }
			.comment-author { margin-right:10px; font-weight:bold; font-style:normal; }
			.commentlist li p { font-size:14px; margin-top:20px; }
		#respond .contain { margin-bottom:10px; }
		#comments input { border:1px solid #000; padding:3px 8px; }
		#comments textarea { border:1px solid #000; margin-top:10px; }
		#comments #submit { background:#000; border:none; padding:0 20px; height:40px; color:#fff; line-height:40px; font-family: 'Droid Sans', sans-serif; text-transform:uppercase; letter-spacing:1px; }
			#comments #submit:hover { background:blue; cursor:pointer; }
#footer { position:fixed; bottom:30px; right:50px; text-align:left; font-size:10px; color:#9b9b9b; font-style:italic; }
	#footer a { display:inline-block; text-indent:-9999px; opacity:0.3; filter:alpha(opacity=30); zoom:1; *display:inline; margin-left:8px; }
	#footer a:hover { background-position:bottom left; opacity:1.0; filter:alpha(opacity=100); }
	#opticks { width:20px; height:23px; _height:23px; background:url('images/opticks.png') no-repeat top left; }


/* GLOBAL */
.right { float:right; }
.left { float:left; }
.clear { clear:both; }

/* Tooltip */
.qtip { opacity:0.9; filter:alpha(opacity=90); }
.qtip-content h5 { color:#fff; font-size:11px; margin-bottom:5px; }
.qtip-content p { color:#ccc; font-size:11px; line-height:14px; }