/*  
Theme Name: You Call That a (Blog) Theme?
Description: Custom theme for Graham Ebetsch Design Blog
Author: Postmodern Sublime
Author URI: http://www.postmodernsublime.com/
*/

/*=== Setup ===*/
*{border: 0;margin: 0;padding: 0; outline: none; list-style: none; text-indent: none}
body{background: #fcfcfc url(images/bg-page.png) repeat-y center 0; color: #231F20; font: 12px/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif;}
a{color: #231F20;text-decoration: none}
a:hover{}
a.more, .post-comments a {color: #666}
a:active, a:focus {outline: none}
a.thickbox:hover img, a.article-link:hover img, a.store-link:hover img {opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80)}
input,select,textarea{border: #ccc 1px solid; background: #fff;padding: 2px; font: normal 100% "Helvetica Neue", Helvetica, Arial, sans-serif}
select{padding: 0}
h1, h2 {margin: 0;
	padding: 0;
	line-height: 1em; text-transform: lowercase}
h4 {font-size: 12px; }
h1 a, h2 a {color: #231F20}
h1 a:hover, h2 a:hover, #sidebar li a:hover	 {color: #666666}
a img {border: none}
/*=== Layout ===*/

#page{margin: 0 auto; padding: 0 25px;width: 750px; }

/*=== Header ===*/
#header{position: relative; height: 180px; background: url(images/bg-header.png) repeat-x 0 100%}
#header .logo-text {text-indent: -9999px; height: 0}
#header h1 {position: absolute; bottom: 20px; left: 0}
#header .yctaw {position: absolute; bottom: 20px; right: 0}
	
/*========= NAVIGATION =========*/

	#nav {}
			#nav li {font-size: 12px; text-transform: lowercase}
			#nav li a {text-decoration: none; color: #231F20;}
			#nav li a:hover {text-decoration: none; color: #6497A6;}
				#nav li.current_page_item, #main-main-nav li.current_page_parent, #main-nav li.current-cat {}

/*top right search*/	
/*	#search {position: relative}					
		#search input#s{border: 0;margin: 0 0 5px;width: 210px; *width: 180px; padding:2px; height:18px; background: #fff; color:#000; font: 12px Arial, sans-serif;}
		#search input#searchsubmit{position: absolute; height: 22px; top: 0; right: 0; border:0; outline:0; background: none; margin: 0 0 5px; padding: 3px; color: #fff; background: #4d4d4d; border: 1px solid #B2B2B2; font: 11px Arial, sans-serif;}
			#search input#searchsubmit:hover, #search input#seachsubmit:active {cursor:pointer; background: #666}*/
	
/*=== Main column ===*/
#columns{width:100%; clear: both; margin: 15px 0 0; overflow:hidden }
#main{width: 602px; float: right;}
	.main-content {}
/*=== Post ===*/
.post {margin:0 0 10px; clear:both; overflow:hidden; padding: 10px 0 0; text-align:right}
	.th {float: left; margin: 0 10px 0 0}
	img.alignright {margin: 0 0 0 10px;}
	img.alignleft {margin: 0 10px 0 0}
	.post-previous-next {clear:both; overflow:hidden; padding: 5px 0 0; margin: 0 0 15px; line-height: normal; border-top: 1px dashed #555}
		.next-post {float: right; width: 40%; text-align:right}
		.previous-post {float: left; width: 40%}
	.post-title, .page-title {text-transform: lowercase; margin: 0 0 10px; text-align: right}
	.archive-title {margin: 0 0 15px; overflow:hidden}
		.archive-title h1 {font-size: 12px; float:left;}
	.post-meta {color: #808080; font-size: 90%;margin: 0 0 5px}
	.post-meta-2 {color: #808080; font-size: 90%; margin: 0 0 5px}
		.post-meta a {color: #fff}
			.post-meta .post-author {border-right: 1px #fff solid; padding: 0 5px 0 0; margin: 0 5px 0 0}
		.post-time {}
		.post-link a, .post-author a {font-weight: bold}
		.post-link a:hover, .post-author a:hover  {color: #DB3D3C}
	.post-content {margin: 0 0 20px; line-height: 1.4; clear:both; overflow: hidden}
	.post-content p {margin: 0 0 10px; text-align:right}
	.post-excerpt {text-align: left}
	.post-content a {color: #ED0000}
	.post-content img {}
		.post-content .wp-caption-text {margin: 3px 12px; font-style: italic; text-align: left; color: #ccc; font-size: 90%}
		.post-content blockquote {font-style: italic; padding: 0 30px}
		.post-content ul {list-style-position: outside; list-style-type: disc; margin: 0 0 10px 0}
			.post-content ul li {margin: 0 0 0 15px; list-style-position: outside; list-style-type: disc; }
	.post-share {margin: 0 0 5px; height: 25px; line-height: 16px; font-size: 90%}
		.post-share a {color: #fff6b9}
		.post-share a:hover {color: #ccc}
		.post-comments {}
			.post-comments a {}
			.post-comments a:hover {}
			.comments-count {background: url(images/bg-comment-count.png) no-repeat 0 0; color: #fff; text-align: center; width: 18px; height: 25px; line-height: 16px; display: block; float:left; margin: 0 5px 0 0}			
			.tweet-this { padding:0 0 0 12px; margin: 0 5px 0 0; background: url(images/bg-tweet-this.png) no-repeat 0 center}
			.tweet-this a {}
			.tweet-this a:hover {}
			.facebook-share {padding: 0 0 0 12px; margin: 0 5px 0 0; background: url(images/bg-share-facebook.png) no-repeat 0 center}
			.facebook-share a {}
			.facebook-share a:hover {}
			.share-this {padding: 0 0 0 12px; margin: 0 5px 0 0; background: url(images/bg-share-this.png) no-repeat 0 center}
			.share-this a {background: none!important; padding: 0 0 0 0 !important}
	.comment-actions {margin: 10px 0 0 }
		.comment, .trackback, .comments-rss {border-right: 1px #fff solid; padding: 0 5px 0 0; margin: 0 5px 0 0}
.wp-caption {margin-bottom: 10px}			
.posted{color: #666666; text-align: right; padding: 0; margin: 0 0 10px; display: block}
.edit, #rss-link {float:right}	
.more {display: block; text-align: right; padding: 7px 0 0}
/*=== sidebar == */
#sidebar {float:left; width: 106px; position: relative; text-align: right}
#sidebar-content {}
#sidebar li {margin: 0; list-style: none; text-transform: lowercase}
#sidebar .widget {}
		#sidebar h3 {text-transform: lowercase; *margin: 0 0 7px -15px; margin: 0 0 7px}
		#sidebar a {color: #231F20}
		#sidebar a:hover {}
		#sidebar ul{margin: 0;}
			#sidebar ul li {margin: 0 0 5px; }
			#sidebar ul ul {padding: 0; margin: 5px 0 0; background: #59595B; padding: 5px}
				#sidebar ul ul a {color: #fff}
				#sidebar ul ul a:hover {color: #ddd}
#sidebar li.current-cat {margin-right: -3px}


/*recent comments widget */
ul.recentcomments, ul.recentcomments li, ul.recentcomments ul {list-style: none !important; margin: 0 !important; background: none !important;}
ul.recentcomments ul {margin:0 !important}
ul.recentcomments li {padding: 0!important}
ul.recentcomments li.comment-content {font-style:italic; font-size: 120%; line-height: 1.6}
ul.recentcomments li.comment-author {text-align: right;padding: 5px !important}
ul.recentcomments li.comment-post-title {text-align:right}
span.comment-quote {bottom:-12px; left:-1px;font-size:225%;font-weight:bold;line-height:0.45;position:relative; padding: 0 5px 0 3px}

#footer{clear: both; font:normal 75% Arial, Helvetica, sans-serif; color: #999; text-align: center}

/*========= COMMENTS =========*/
textarea#comment {width: 400px}
#comments_wrap {padding: 15px 0 0 } 
.leave-a-reply{margin: 0 0 15px; font-size: 130%}
#comment {clear: both;}
ol.commentlist{margin: 10px 0 20px;padding: 0;list-style: none;font-size: 12px;line-height: 20px;}
ol.commentlist p{line-height: 20px;}
ol.commentlist cite{font-style: normal;font-weight: bold;}
ol.commentlist li{padding: 10px 10px 0 10px; border:1px solid #b2b2b2; margin: 0 0 15px}
ol.commentlist li.alt{}
.comment-author-michaelj, .comment-author-mj, .comment-author-admin {background: #4D4D4D}
input#submit {margin: 10px 0; padding: 3px 15px; text-align:center; text-transform: lowercase; font: normal 100% Arial, Helvetica, sans-serif; cursor: pointer}
input#submit:hover {background: #ccc}
ol.commentlist .comment-meta{font-size:0.8em; line-height: 1; color: #b2b2b2; padding: 5px 0}	
ol.commentlist li .avatar {float:left;margin-right: 7px;}
ol.commentlist li .even{}
ol.commentlist li ul {margin: 0 -10px 0 20px}
ol.commentlist li ul li {padding: 10px; background: none!important ;}
ol.commentlist li ul li ul li.alt {}
ol.commentlist li .reply {text-align: right; padding: 0 0 10px; font-size: 0.8em}
ol.commentlist li .awaiting-moderation {color: #F45700; font-style: italic; padding: 0 0 5px}
#respond p{margin-bottom:10px;padding:0;}
.says {font-weight: bold}
.post-alt p {padding:0;}

/*=== Page Navigation (Next / Previous Posts) ===*/
.navigation {overflow: auto; clear:both; }
.navigation a {padding: 3px; color: #fff; background: #4d4d4d; border: 1px solid #B2B2B2; font: 11px Arial, sans-serif; text-transform: lowercase; display: block}
.navigation a:hover {background: #666}
.alignleft{display:inline;float:left;}
.alignright{display:inline;float:right;}
.aligncenter {display: block; margin: 0 auto; text-align:center}

#overlay {background: #666; height:100%;left:0;position:fixed;top:0;width:100%;z-index:100;}
#center {height:1px;left:0;overflow:visible;position:absolute;top:50%;width:100%;}
#splash {width: 187px; height:187px; background: #222; position: absolute; top: -94px; left: 50%; margin: 0 0 0 -94px}
#thatsit {position: absolute; top: 0; left: 0; z-index: 102; cursor: pointer}
#ge {position: absolute; top: 0; left: 0; z-index: 101; cursor: pointer}

.cufon-loading h1, .cufon-loading h2, .cufon-loading #sidebar li.current_page_item, .cufon-loading #sidebar li.current-cat, .cufon-loading #sidebar li.current-cat-parent, .cufon-loading #sidebar li.current_page_item, .cufon-loading #sidebar li.current-cat, .cufon-loading #sidebar li.current-cat-parent{
  visibility: hidden !important;}

h1, h2, #mainmenu li, #sidebar li.page_item, #sidebar li.cat-item, #sidebar li.current-cat-parent .cat-item, #sidebar li.current-cat .cat-item, #sidebar li.current_page_item, #sidebar li.current-cat, #sidebar li.current-cat-parent {position: relative; z-index: 1}

#sidebar li.cat-item {margin-right: -4px}
#sidebar ul.children li {margin-right: 0!important}