/*
Theme Name: Clifton Labrum's Freelance Blog
Theme URI: http://clifton.im
Description: This is Clifton Labrum's custom WordPress theme for his freelance site. It rocketh.
Version: 2.0
Author: Clifton Labrum
Author URI: http://clifton.im
Tags: black, dark, texture, museo sans

	Clifton 2.0
	 http://clifton.im/articles	 
	 Based on the c2 design.

*/

/* Inherit Everything from the Main Stylesheet, Dude */
@import url("/ui/styles/clifton.css");

/*Nav ++++++++++++++++++++++++++++++*/
#nav ul li a{ height:20px; text-indent: -9999px; display:inline-block; background-image:url(images/nav-articles.png); outline:none; }

li#nav-article a{ width:30px; background-position: left top; }
li#nav-article a:hover{ background-position: left center; }
	li#nav-article a.pressed{ background-position: left bottom; }
li#nav-comments a{ width:30px; background-position: center top; }
li#nav-comments a:hover{ background-position: center center; }
	li#nav-comments a.pressed{ background-position: center bottom; }
li#nav-respond a{ width:30px; background-position: right top; }
li#nav-respond a:hover{ background-position: right center; }
	li#nav-respond a.pressed{ background-position: right bottom; }

/*Nav ++++++++++++++++++++++++++++++*/
#header{ height:115px; }
#header a.articles{ background:url(/ui/images/title-articles.png) no-repeat; width:80px; height:27px; text-indent: -9999px; display:block; float:right; margin-top:37px; }

/* Structure ++++++++++++++++++++++++++++++*/
.fat{ width:1010px; }
#articles-left{ float:left; width:800px; }
	#page{ width:750px; margin:25px; background:url(images/page-bg.png) repeat-x #FFF; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:#000 0px 0px 25px; -webkit-box-shadow:#000 0px 0px 25px; }
	#page-top{ text-align: center; padding-top:25px; }		
	#page-inner{ padding:5px 50px; }
	#page-bottom{ height:50px; text-align: center; padding-top:10px; }
		#page-bottom a{ color:#999; text-transform: uppercase; font-size:10px; text-decoration: none; letter-spacing: 2px; }
			#page-bottom a:hover{ color:#666; }

#articles-right{ float:left; width:185px; padding-top: 53px; }
	body.single #articles-right{ padding-top: 43px; }
	a.article-list{ background:url(images/button-article-list.png) no-repeat left top; width:101px; height:33px; text-indent: -9999px; display:block; margin:15px auto; }
		a.article-list:hover{ background-position: center top; }
		a.article-list.pressed{ background-position:right top; }
	#articles-right ul{ list-style-type: none; margin:0 auto 30px auto; padding:0; border-bottom:1px solid #000; -moz-box-shadow:#333 0px 1px 0px; -webkit-box-shadow:#333 0px 1px 0px; }
	#articles-right li{ display:block; overflow:auto; padding:8px 10px; border-top:1px solid #333; -moz-box-shadow:#000 0px -1px 0px; -webkit-box-shadow:#000 0px -1px 0px; line-height: 120%; text-align: left; }
		#articles-right li a{ color:#999; text-decoration: none; text-shadow:#000 0px -1px 0px; }
			#articles-right li a:hover{ color:#DDD; }
		#articles-right li em{ float:left; font-style:normal; color:#666; }
		#articles-right li strong{ color:#999; float:right; font-weight: normal; }

	#searchform #s{ background:url(images/search-bg.png) no-repeat; width:132px; height:25px; padding:3px 28px 3px 10px; text-shadow:#000 0px -1px 0px; border:none; }
		#searchform #s:focus{ color:#0C9; }
	#searchform label{ display:none; }
	#searchsubmit{ display:none; }		

/* Posts ++++++++++++++++++++++++++++++*/
#page h1, #page h1 a, #page h1 a:visited, #page h2, body.search h2 a{ color:#088F66; font-size:28px; margin:15px 0px; font-weight: lighter; text-decoration: none; text-shadow:#FFF 0px 1px 0px; }
	#page h1 a:hover, body.home h1 a:hover, body.search h2 a:hover{ color:#666; }
	#page h1{ line-height: 1;}
body.search h1, h2 a, h2 a:visited{ font-size:16px; text-decoration: none; color:#CCC; font-weight: normal; text-shadow:#000 0px -1px 0px; }
	h2 small{ font-size:10px; text-transform: uppercase; font-weight: normal; letter-spacing: 2px; display:block; margin-top:5px; text-shadow:#000 0px -1px 0px; }

h3{ font-size:11px; text-transform: uppercase; font-weight: normal; letter-spacing: 4px; color:#999; }
	h3 a{ color:#999; text-decoration: none; }
	
p{ color:#333; line-height: 170%; text-align: justify; font-size:13px; margin: 0 0 15px 0; }	
	p a, p a:visited, p a:link{ color:#009EC6; }
	p a:hover{ text-decoration: none; color:#999; }

blockquote{ margin: 15px 50px; background:#EEE; border:1px solid #DDD; padding:0px 10px 10px; text-shadow:#FFF 0px 1px 0px; -moz-border-radius: 10px; -webkit-border-radius:10px; text-align: left; }
	blockquote p{ color:#666; margin:10px 0 0 0 !important; }
	blockquote cite{ margin:0; display: block; font-size:10px; text-transform: uppercase; color:#999; font-style: normal; }

code{ display:block; background:#333; border:1px solid #000; margin:10px 20px; padding:15px; color: #DDD; font-size:13px; -moz-border-radius: 10px; -webkit-border-radius:10px; text-shadow:#000 0px -1px 0px; text-align: left; }
	code cite{ color:#999; font-style: normal; }
	code em{ font-style: normal; padding-left:15px; }

#page-inner h2{ color:#333; font-weight: normal; text-transform: none; font-size:18px; border-top:1px solid #DDD; padding-top:8px; text-align: left; }
	#page-inner h2.noborder{ border:none; }
	#page-inner h2.light{ font-weight: normal; text-transform: uppercase; border:none; padding:0; margin:0 !important; font-size:13px; color:#999; }
	#page-inner hr{ margin-bottom: 10px; }

#page-inner h3{ text-align: left; margin:0px 0px 4px 0px; }
	
.entry img{ margin:15px auto; display:block; }
	.image-right, .imagerightnoborder, .imageright{ float:right; margin:20px 0px 15px 20px !important; }
	.image-left, .imageleftnoborder, .imageleft{ float:left; margin:20px 20px 15px 0px !important; }
	.image-left.top{ margin-top:0 !important; }
	.image-left-aligned{ margin:0px !important; display:inline !important; }
	
.entry ul{ margin-bottom:20px; text-align: left; }
	.entry li{ color:#333; line-height: 150%; background-position-y: 7px; font-size:13px; }

body.search small{ text-align: center; font-size:10px; text-transform: uppercase; font-weight: normal; letter-spacing: 2px; display:block; margin-top:5px; text-shadow:#000 0px -1px 0px; }
body.search small a{ color:#0C9; text-decoration: none; }

/*Comments ++++++++++++++++++++++++++++++*/
#comments{ background:url(/ui/images/mesh-dark.png) repeat; text-align: left; }
h3#comments{ display:none; }

ol.commentlist{ list-style-type: none; margin:20px 50px 0px 50px; }
	.commentlist li{ background:none; clear:both; overflow:auto; background:rgb(0, 0, 0); background:rgba(0, 0, 0, 0.5); padding:10px; -moz-box-shadow:#222 0px 1px 0px; -webkit-box-shadow:#222 0px 1px 0px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:0 0 20px 0; border:1px solid #000; }
.commentlist li .avatar{ margin-bottom:5px;  background:url(/ui/images/mesh-dark.png) repeat; padding:4px; border:1px solid #222; -moz-border-radius:5px; -webkit-border-radius:5px;  }

#respond{ padding-top:30px; text-align: left; background:url(/ui/images/glow-top.png) no-repeat center top; }
h2.leave-comment{ background:url(images/leave-comment.png) no-repeat; width:190px; height:27px; text-indent: -9999px; margin:0 0 20px 0; }

#commentform-left{ float:left; width: 240px; margin-right:56px; }
#commentform-right{ float:left; width:474px; }
#commentform-note{ float:left; width:170px; margin-top:60px; }
	#commentform-note p{ font-size:10px; margin:5px 0px; color:#555; text-shadow: #000 0px -1px 0px; font-style: italic; line-height: 120%; }
	#commentform-note a{ color:#777; text-decoration: none; }
		#commentform-note a:hover{ color:#555; }

#commentform textarea{  background:url(images/comment-textarea-bg.png) no-repeat; width:454px; height:173px; display:block; margin:0; }
#commentform #submit { background:url(images/button-comment.png) no-repeat; width:134px; height:33px; display:block; clear:left; cursor:pointer; outline:none; border:none; margin-bottom:30px; }
	#commentform #submit:hover{ background-position: center top; }
	#commentform #submit.pressed{ background-position:right top; }
	#commentform #submit:active, #commentform #submit:focus{ outline:none; }

input#comment_post_ID, input#comment_parent, input#_wp_unfiltered_html_comment,input[type=hidden]{ display:none; }

p.user{color:#666; }
	p.user a{ color:#088F66; text-decoration: none; }

p.no-comments{ font-size:30px; text-align: center; margin:15px 0px 0px 0px; color:#555; text-shadow: #000 0px -1px 0px; }
	p.why-not{ text-align: center; color:#444; font-size:10px; text-transform: uppercase; margin:0px 0px 25px 0px; text-shadow: #000 0px -1px 0px; }

/*Comment Bubbles*/
.comment-left{ float:left; width: 80px; margin-right:30px; text-align: center; }
	a.comment-edit-link{ background:url(/ui/images/button-edit.jpg) no-repeat left; width:39px; height:17px; display:inline-block; margin-bottom:5px; }
		a.comment-edit-link strong{ display:none; }
	.comment-left cite{ display:block; font-style: normal; font-size:11px; margin-bottom:0px; color:#999; text-shadow: #000 0px -1px 0px; }
		.comment-left cite a{ text-decoration: none; color:#088F66; display:block; }
		.comment-left cite a:hover{ color:#999; }
		.comment-left cite span{ color:#666; display:block; margin-top:2px; }
.comment-right{ width:506px; float:left; }
	.comment-right p{ margin:0; font-size:13px; color:#CCC; text-shadow: #000 0px -1px 0px; line-height:130%; }
		.comment-right p em{ color:#999; }