/*
Theme Name: WebpageFX Weekly
Description: WebpageFX Weekly Blog Theme
Author: Josh Lasdin
Author URI: http://www.webpagefx.com/
*/

html {background: url(../images/main-bg.jpg) repeat left top;}
body {background: url(../images/header-bg.png) no-repeat left top; padding-top:75px;}

div#name a {display:block; height:19.5em; line-height: 19.5em; background:url(../images/header.gif) no-repeat left bottom; text-indent: -9999px;}

div#header {background-color:#424242; width:92.4em; margin-left:3.8em; margin-bottom:2.6em;}
	
p#tagline {
	float:left;
	width:658px;
	height:39px;
	line-height:39px;
	position:relative;
	text-indent: -9999px;
	background: url(../images/tag-bg.gif) no-repeat left top;
	margin:8px 6px 0 5px;
	}
	
	p#tagline a {display:block; position:absolute; z-index:3; height:34px; line-height:34px; text-indent: -9999px;}
	p#tagline a#home {background: url(../images/home-bg.gif) no-repeat left top; width: 102px; top:3px; left:164px;}
	p#tagline a#blog {background: url(../images/blog-bg.gif) no-repeat left top; width:92px; top:2px; left:515px;}
	p#tagline a#home:hover, p#tagline a#blog:hover {background-position:left bottom;}
	
	div#header a#win-newspaper {
		width:246px; 
		height:29px; 
		line-height:29px; 
		text-indent:-9999px; 
		background: url(../images/win-newspaper.gif) no-repeat left top ;
		float:left;
		display:block;
		margin-top:1.6em;
		}
	div#header a#win-newspaper:hover {background: url(../images/win-newspaper.gif) no-repeat left bottom;}
	
div#body-wrapper {background: url(../images/page-repeat.png) repeat-y left top; padding-left:3.8em; padding-top:2.5em; width:102.4em;}

div#content {width:65em; float:left;}
*+html div#content {width:64em; margin-right: 2em;}

	div#content div.post {background: url(../images/post-bg.gif) no-repeat left top; margin-bottom: 6em;}
	div#content.search div.post {background: none; margin-bottom:3em;}
	
		div#content div.post div.post-headline {border-left:36px solid #51595b; padding-left:1.2em; margin-bottom:1.75em;}
		
		div#content div.post div.actions {padding: 2em 1.2em 1.5em; background: #666;}
		
		div#content div.post .alignright {float:right; padding-left:1em;}
		div#content div.post .alignleft {float:left; padding-right:1em;}
		div#content div.post .aligncenter, div#content div.post .alignnone {display:block; margin: 0 auto 1em;}
		
			div#content div.post div.wp-caption p.wp-caption-text {font-size:1.1em; font-style: italic; color:#bbb;}

		div#content div.post blockquote {margin:2em 1em; padding:2em 2em 1em 2em; background: #ddd;}
		
	div#content div.navigation {margin-bottom:4em;}
	
		div#content div.navigation div.older {background: url(../images/arrow-left.gif) no-repeat left center; float:left;}
		div#content div.navigation div.newer {background: url(../images/arrow-right.gif) no-repeat right center; float:right;}
		
div#sidebar {border-left: 2px solid #d9dadc; padding-left:2em; margin:1.5em 9.75em 4em 67em;}
*+html div#sidebar {float:left; margin:0; margin-right:6.75em;}
	
	div#sidebar div {padding-bottom:2.5em;}
	div#sidebar div.last, div#sidebar div form#searchform div {padding-bottom:0;}
	div#sidebar div form#searchform div {overflow:hidden;}
	
	div#sidebar form#searchform label.hidden {display:none;}
	div#sidebar form fieldset input#email, input#s {background: #ededf0; border: 1px solid #909090; padding:5px 2px; width:20.5em;}
	div#sidebar form fieldset input#email:focus, input#s:focus {background:#666; color:white;}
	
	div#sidebar form fieldset input#submit {
		float:right;
		text-indent: -9999px;
		background: url(../images/submit-bg.gif) no-repeat right top;
		width: 61px;
		height: 14px;
		line-height: 14px;
		border:none;
		margin-top:.75em;
		cursor: pointer;
		}
		
	input#searchsubmit {
		float:right;
		text-indent: -9999px;
		background: url(../images/search.gif) no-repeat right top;
		width: 58px;
		height: 14px;
		line-height: 14px;
		border:none;
		margin-top:.75em;
		cursor: pointer;
		}	
	div#sidebar form fieldset input#submit:hover, input#searchsubmit:hover {background-position: right bottom;}
	
	div#content form#searchform input#searchsubmit {float:none; margin-left:1em;}
	
	div#sidebar ul.networking {overflow:hidden; width:100%;}
	
		div#sidebar ul.networking li {line-height:87px; height:87px; float:left; margin-right:2px;}
			div#sidebar ul.networking li a {display:block; text-indent: -9999px; border:1px solid #909090; height:85px; line-height:85px;}
			div#sidebar ul.networking li#twitter a {background: url(../images/twitter.gif) no-repeat left top; width:41px;}
			div#sidebar ul.networking li#stumbleupon a {background: url(../images/stumble-upon.gif) no-repeat left top; width:65px;}
			div#sidebar ul.networking li#facebook a {background: url(../images/facebook.gif) no-repeat left top; width:54px;}
			div#sidebar ul.networking li#rss a {background: url(../images/rss.gif) no-repeat left top; width:54px; margin-right:0;}
	
	div#sidebar ul.networking li a:hover {opacity: 0.25;}
	
	div#sidebar ul.categories li.cat-item {border-left:6px solid #51595b; margin-bottom:.5em;}

div#footer {border-top: 3px solid #d2d4d4; padding-top:1.2em; clear:both; margin-right:9.75em;}

div#content div.post p.postmetadata small {display:block; margin:3em 4em 0; padding:2em; background: #ddd;}

form#commentform p {padding-bottom:0;}
form#commentform p.comment-submit {overflow:hidden;}
form#commentform p textarea#comment {width: 100%;}
form#commentform label {font-weight:bold; color:#666; padding-left:1em;}

h2.pagetitle, h2.center {margin-bottom:1em; padding-bottom:5px; border-bottom: 2px solid #d9dadc;}

div#content div.search-result {padding-bottom:3em; border-bottom:2px solid #d8d8d8;}

	div#content div.search-result h3 {margin-bottom:.25em; padding-top:0 !important;}
	div#content div.search-result p.postmetadata {margin-top:.5em;}

	
ol.commentlist {margin-top:1em;}

	ol.commentlist li {margin-bottom:2em; padding-bottom:17px; background: url(../images/comment-bg.gif) no-repeat left bottom; position:relative;}
	
		ol.commentlist li div {background-color:#cdcdcd; padding:1.2em;}
			ol.commentlist li div div {padding:.5em;}
		
			ol.commentlist li div.comment-author {padding-bottom:1.5em;}
		
			ol.commentlist li div img.avatar {border:3px solid white; margin-right:1em;}
			ol.commentlist li div div.comment-meta {position: absolute; right:0; bottom:-.5em; background: transparent;}
		
div#content div.post h3, div#content div.post div.entry h2 {padding-top:1.5em; padding-bottom:.5em;}

div#content div.post ul {list-style-type:disc; padding-left:2em; padding-bottom:1em;}
div#content div.post ol {list-style-type: decimal; padding-left:2em; padding-bottom:1em;}

div#content div.social_bookmark a {display:none;}

	div#content div.social_bookmark div {padding-bottom:1.5em;}
		
		div#content div.social_bookmark div a {display: inline;}
		div#content div.social_bookmark div a:hover {background: none;}
		
div#content div.post div.entry a.no-bg {background: none !important;}

div#content table {width:100%;}
div#content table th {background:#666; color:white; font-size:1.3em; letter-spacing:1px;; text-transform:uppercase; text-align:center; padding:.5em 0 .25em;}
div#content table td {text-align:center; font-size:1.3em; line-height:2em; letter-spacing:1px;}
div#content table td.left {text-align:left;}
div#content table tr.alt {background:#ddd;}
div#content table tr > td:first-child {width:5em;}

div#content div.outline {background:white; padding:1.5em; border:1px solid #ddd; margin-bottom:1.5em;}

div#sidebar p.reader-count { width:120px; text-align:center; padding:2px 0; background:#ef8f0b; border:2px solid #e9d164; color:white; font-size:.9em; font-weight:bold; text-transform:uppercase; letter-spacing:.03em; font-family:Arial, Helvetica, sans-serif; }

/* CATEGORY-SPECIFIC COLORS */
div#content div.category-general div.post-headline {border-color:#51595b;}
div#content div.category-internet div.post-headline {border-color:#87ab79;}
div#content div.category-business-advice div.post-headline {border-color:#5d85ad;}
div#content div.category-internet-sales div.post-headline {border-color:#658857;}
div#content div.category-social-networking div.post-headline {border-color:#4eaabe;}
div#content div.category-web-development div.post-headline {border-color:#bebebe;}
div#content div.category-web-design div.post-headline {border-color:#d6a73a;}
div#content div.category-search-engine-optimization div.post-headline {border-color:#b17f77;}

div#sidebar ul.categories li.cat-item-1 {border-color:#51595b;}
div#sidebar ul.categories li.cat-item-3 {border-color:#d6a73a;}
div#sidebar ul.categories li.cat-item-4 {border-color:#bebebe;}
div#sidebar ul.categories li.cat-item-5 {border-color:#b17f77;}
div#sidebar ul.categories li.cat-item-7 {border-color:#5d85ad;}
div#sidebar ul.categories li.cat-item-10 {border-color:#87ab79;}
div#sidebar ul.categories li.cat-item-11 {border-color:#658857;}
div#sidebar ul.categories li.cat-item-19 {border-color:#4eaabe;}

div#sidebar ul.categories li.cat-item-1 a:hover {background:#51595b;}
div#sidebar ul.categories li.cat-item-3 a:hover {background:#d6a73a;}
div#sidebar ul.categories li.cat-item-4 a:hover {background:#bebebe;}
div#sidebar ul.categories li.cat-item-5 a:hover {background:#b17f77;}
div#sidebar ul.categories li.cat-item-7 a:hover {background:#5d85ad;}
div#sidebar ul.categories li.cat-item-10 a:hover {background:#87ab79;}
div#sidebar ul.categories li.cat-item-11 a:hover {background:#658857;}
div#sidebar ul.categories li.cat-item-19 a:hover {background:#4eaabe;}