/*
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;}

::selection {background: #6085ae; color:#fff;}
::-moz-selection {background: #6085ae; color:#fff;}

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.fullPage {width:92.4em;}
div#content.fullPage .post-headline {width:92.4em;}
div#content.fullPage .social-top {width: 856px;}
div#content.fullPage .social {width:900px;}
	
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: 1.5em 1.5em 1.8em; background: #666;}
		
		div#content div.post div.actions iframe {display:block; float:right; color:#fff; font-size:14px;}
		
		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;*/ margin-bottom:20px;}
	
	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;}

.social {float:left; width:620px; text-align:left; margin:10px 0px 0px 0px; padding:10px 0px 0px 0px; border-top: 1px #999 solid;}

.social-top {width:585px; text-align:left; margin:10px 0px 10px 0px; padding:10px; border-top: 1px #999 solid; background-color:#cccccc; height:20px;}
.social-top ul, .social ul {padding:0px !important; margin:0px !important;}
.social-top ul li, .social ul li {display:inline; list-style-type:none;}
.social-top a:hover {background-color:#cccccc !important;}
.social-top .addthis_button_facebook_like {padding:0px;}
.social-top .plusone-top div {margin-top:3px;}
ul.related-posts {
	color: #666666;
    font-size: 1.5em;
    line-height: 1.25em;
	}
ul.related-posts li {
	
	margin-bottom: 4px;}	
	
ul.related-posts a
{
	color: #aaaaaa;
}	

ul.related-posts a:hover
{
	color: #222222;
}
.stumbleupon {
	margin:3px 16px 0px 0px; width:100px; float:right;
}


/*--new social button styles 8/12/2011--*/

h5.social-links-title {
	padding: 5px 0px 2px;
	color: #AAAAAA;
	font-family: Helvetica,Arial,Tahoma,sans-serif;
    font-size: 2.5em;
    font-weight: bold;
    letter-spacing: -2px;
    text-decoration: none;
    text-transform: uppercase;
	font-style: normal;
	float: left;
}

ul.social-links {
	padding: 0 2px;
	list-style-type: none;
	clear: both;
}

ul.social-links li {
	margin: 0 15px 0 0; padding: 0;
	float: left;
	display: block;
	text-transform: none;
	overflow: hidden;
	text-align: left;
}

ul.social-links li span, ul.social-links li iframe {
	font-family: Arial, Helvetica, sans-serif !important;
	font-style: normal !important;
	letter-spacing: normal !important;
	font-size: 11px !important;
	text-transform: none !important;
	float: none !important;
}

.hcount .tb {
    width: auto !important;
}

li.google-share {
	width: 60px !important;
}

li.facebook-share {
	width: 80px !important;
}

li.twitter-share {
	width: 100px !important;
}

li.twitter-share iframe {
	width: 100px !important;
}

li.stumble-share {
	margin-top: 1px !important;
	width: 74px !important;
}

li.linkedin-share {
	width: auto !important;
}

ul.social-links li span.IN-widget, ul.social-links li span.IN-widget span {
	float: left !important;
	white-space: nowrap !important;
	vertical-align: bottom !important;
}

div#sidebar ul.most-popular {list-style-type: none;}
div#sidebar ul.most-popular li {border-bottom: 1px solid #D9DADC; padding: 3px 0; position: relative;}
div#sidebar ul.most-popular li:last-child {border-bottom: none; padding: 3px 0 0 0;}
div#sidebar ul.most-popular span {font-family: 'BebasNeueRegular'; width: 30px; font-size: 2em; line-height: 100%; position: absolute; top: 7px; left: 0;}
div#sidebar ul.most-popular a { display: inline-block; padding: 0 0 0 20px;}

/*div#sidebar ol.most-popular { 
    counter-reset: item;
    list-style-type: none;
}
li { display: block; }
div#sidebar ol.most-popular li:before { 
    content: counter(item) "  "; 
    counter-increment: item;
}*/