/*   
Theme Name: Syckle
Theme URI: http://painteddigital.com/syckle
Description: Built for Themeforest.net, this theme is made for the professional's portfolio. It features a customized home page and portfolio while housing a typical blog as well.
Author: Matt Reed
Author URI: http://painteddigital.com 
Version: 2.1
. 
This theme can be used for commercial or non-commercial use 
so long as it is not redistributed or resold in any way. 
. 
*/ 

/*
	Table of Contents:
	1. Globals
	2. Header
	3. Main
	4. Footer
	5. Individual Pages
		a. Portfolio
		b. About
		c. Contact
	6. Sidebars

	Colors
	purple		#8800a1
	dark purple	#6b0c7c
	light brown	#ead9bd
	light gray 	#e5e5e5

*/

/***************************************************************************
	Globals
***************************************************************************/

@font-face {
	font-family: 'MuseoSlab500';
	src: url('fonts/museo_slab_500-webfont.eot');
	src: local('☺'), url('fonts/museo_slab_500-webfont.woff') format('woff'), url('fonts/museo_slab_500-webfont.ttf') format('truetype'), url('fonts/museo_slab_500-webfont.svg#webfontsRZrIeWA') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*img, div, a, input { behavior: url(http://painteddigital.com/supersecretblog/wp-content/themes/syckle/scripts/iepngfix.php) }*/

html, body {
	height: 100%;
}
body{
	color: black;
	font-family: Arial, Helvetica, Verdana, Lucida Grande, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0px; padding: 0px;
}
#body-logo{
	/*background: url(images/background-logo.png) no-repeat;
	background-position: center -15px; */
	min-height: 100%;
	position: relative;
}

.big-3{
	margin: 0 auto;
	width: 960px;
}
.relative{
	position: relative;
}
.absolute{
	position: absolute;
}
.right{
	float: right;
}
.left{
	float: left;
}
.rockwell{
	font-family: 'MuseoSlab500', Lucida Grande, Verdana, sans-serif;
}
h1, #h1{
	color: black;
	font-family: 'MuseoSlab500', Lucida Grande, Verdana, sans-serif;
	font-size: 24px;
	font-weight: normal;
	margin: 10px 0; padding: 0;
}
h2{
	color: black;
	font-family: 'MuseoSlab500', Lucida Grande, Verdana, sans-serif;
	font-weight: normal;
	font-size: 20px;
	padding-top: 10px;
}
h3{
	color: #909090;
	font-family: 'MuseoSlab500', Lucida Grande, Verdana, sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin: 5px 0;
}
h4, h5, h6{
	font-size: 13px;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}
a{
	color: #8800a1;
	text-decoration: none;
	outline: none;
}
a:hover{
	text-decoration: underline;
}
a:focus{
	outline: none;
}
p, .p{
	padding: 10px 0;
}
p:first-of-type{
	padding: 0;
}
input {
	outline: none;
}
code{
	margin: 15px; 
	padding: 15px;
}
.clear{
	clear: both;
}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3; /*#ead9bd;*/
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0 5px;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/***************************************************************************
	Header
***************************************************************************/

#header {
	height: 99px;
	margin: 0 auto;
	overflow: visible;
	width:  960px;
}
div#logo{
	background: url(images/logo.png);
	display: block;
	height: 96px;
	width: 221px;
}
div#menu{
	width: 738px;
}
div#menu ul{
	float: right;
	margin: 0; padding: 0;
}
div#menu ul li, div#menu ul img{
	display: inline;
	margin: 0;
	padding: 0;
}
#menu a{
	color: white;
	display: block;
	float: left;
	height: 52px;
	text-decoration: none;
}
#header a#home{
	background: url(images/one-header-to-rule-them-all.png) no-repeat;
	background-position: 0 -364px;
	width: 110px;
}
#header a:hover#home, #header a:active#home, #header a#home.current-page{ 
	background: url(images/one-header-to-rule-them-all.png) no-repeat;
	background-position: 0 -312px;
}

#header a#abt{
	background: url(images/one-header-to-rule-them-all.png) no-repeat;
	background-position: 0 -52px;
	width: 110px;
}
#header a:hover#abt, #header a:active#abt, #header a#abt.current-page{ 
	background: url(images/one-header-to-rule-them-all.png) no-repeat;
}

#header a#prt{
	background: url(images/one-header-to-rule-them-all.png) no-repeat;
	background-position: 0 -468px;
	width: 130px;
}
#header a:hover#prt, #header a:active#prt, #header a#prt.current-page{ 
	background: url(images/one-header-to-rule-them-all.png) no-repeat;
	background-position: 0 -416px;
}

#header a#store{
	background: url(images/one-header-to-rule-them-all.png) no-repeat;
	background-position: 0 -572px;
	width: 82px;
}
#header a:hover#store, #header a:active#store, #header a#store.current-page{ 
	background: url(images/one-header-to-rule-them-all.png) no-repeat;
	background-position: 0 -624px;
}

#header a#blog{
	background: url(images/one-header-to-rule-them-all.png) no-repeat;
	background-position: 0 -156px;
	width: 100px;
}
#header a:hover#blog, #header a:active#blog, #header a#blog.current-page{ 
	background: url(images/one-header-to-rule-them-all.png) no-repeat;
	background-position: 0 -104px;
}

#header a#con{
	background: url(images/one-header-to-rule-them-all.png) no-repeat;
	background-position: 0 -260px;
	width: 128px;
}
#header a:hover#con, #header a:active#con, #header a#con.current-page{ 
	background: url(images/one-header-to-rule-them-all.png) no-repeat;
	background-position: 0 -208px;
}

div#menu{
	float: right;
	height: 104px;
	padding: 0;	
	text-align: right;
}
#logo{
	float: left;
}

}
#page_title{
	font-size: 18px;
}


/***************************************************************************
	Main
***************************************************************************/

#main, #home-main{
	background: transparent;
	overflow: auto;
	padding-bottom: 10px;
	position: relative;
	outline: none;
}
#home-main{
	margin: 0 auto;
	width: 969px;
}
#main{
	padding-top: 20px;
}
#welcome{
	height: 360px;
}
#welcome img{
	padding: 60px 195px;
}
.overlay{
	background-image: url(images/overlay.png);
	display: block;
	height: 46px;
	width: 100%;
	position: absolute;
	top: 294px;
	left: 0;
}
.overlay .title{
	color: white;
	float: left;
	font-family: 'MuseoSlab500', Lucida Grande, Verdana, sans-serif;
	font-size: 28px;
	font-weight: 100;
	padding-left: 10px;
	line-height: 46px;
}
.overlay .button{
	background-image: url(images/view-project.jpg);
	float: right;
	height: 30px;	
	margin-right: 8px;
	margin-top: 8px;
	width: 119px;
}

/* Middle */

#about, #about h1, #about h2, #portfolio h1{
	color: white;
}
#about h1, #about h2{
	font-size: 24px;
	margin-bottom: 10px;
}
#about, #portfolio{
	float: left;
	margin-bottom: 60px;
	width: 960px;
}
#portfolio{
	overflow: hidden;
	width: 969px;
}
#portfolio div.nav{
	float: left;
	margin-bottom: 10px;
}
#portfolio .nav ul, #portfolio .nav li{
	display: inline;
	float: left;
	font-size: 15px;
	margin: 0;
}
#portfolio .nav li a{
	background: url(images/portfolio-nav-bg.png) no-repeat scroll -10px 6px transparent;
	padding: 13px 21px 9px;
}
#portfolio .nav li.web a{
	background: url(images/portfolio-nav-bg.png) no-repeat scroll 0 6px transparent;
	padding-right: 21px;
}
#portfolio .nav li.illus a{
	padding-right: 21px;
}
#portfolio .nav li.brand a{
	background: url(images/portfolio-nav-bg.png) no-repeat scroll -316px 6px transparent;
	padding-right: 26px;
}
#portfolio .nav li.ui a{
	padding-right: 21px;
}
#portfolio .nav li a.current{
	color: white;
}
#portfolio .nav li a{
	color: #e6d1ea;
}
#portfolio .nav li.web a.current{
	background: url(images/portfolio-web-active.png) no-repeat 0 6px;
}
#portfolio .nav li.illus a.current{
	background: url(images/portfolio-illus-active.png) no-repeat 0 6px;
}
#portfolio .nav li.ui a.current{
	background: url(images/portfolio-ui-active.png) no-repeat 0 6px;
}
#portfolio .nav li.brand a.current{
	background: url(images/portfolio-brand-active.png) no-repeat 0 6px;
}
#portfolio .main-slider{
	background: url(images/portfolio-bg3.png) no-repeat 0 0;
	float: left;
	height: 370px;
	margin-top:  10px;
	overflow: hidden;
	position: relative;
	width: 969px;
}
.panel .pointer{
	background: url(images/portfolio-arrow.png) no-repeat 0 0;
	bottom: 47px;
	height: 7px;
	left: 41px;
	position: absolute;
	width: 14px;
}
.thumb-overlay, .thumb-overlay-active, .thumb-overlay-inactive{
	background: url(images/thumb-overlay.png) no-repeat 0 0;
	display: block;
	height: 35px;
	left: 0;
	position: absolute;
	top: 0;
	width: 70px;
}
.thumb-overlay-inactive, .inactive{
	display: none;
}
.thumb-overlay-active{
	display: block;
}
#portfolio-footer{
	background: url(images/portfolio-footer.png) no-repeat 0 0;
	float: left;
	height: 57px;
	position: relative;
	width: 969px;
}
.main-slider .panel{
	float: left;
	width: 969px;
	height: 420px;
	overflow: hidden;
	position: relative;
}
.main-slider .panel .image{
	float: left;
	padding: 10px 11px 14px;
}
.main-slider .panel .desc{
	color: white;	
	float: left;
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	margin: 10px;
	width: 220px;
}
.svc-meta{
	line-height: 1.5em;
}
.svc-meta h1{
	font-size: 18px;
	margin: 0;
}
.panel .slider{
	height: 366px;
}
.main-slider .desc .title{
	font-size: 18px;
	line-height: 20px;
}
.desc .atts{
	line-height: 2em;
}
ul.portfolio-thumb{
	-webkit-bottom: 11px;
	bottom: 7px;
	display: block;
	left: 2px;
	margin-left: 0;
	position: absolute;
	width: 100%;
}
ul.portfolio-thumb, ul.portfolio-thumb li, ul.portfolio-thumb li img{
	display: inline;
}
ul.portfolio-thumb li{
	float: left;
	height: 39px;
	margin: -1px 0 0 10px;
	position: relative;
}
#svc-prj{
	height: 25px;
	position: absolute;
	bottom: 16px;
	right:  36px;
	width: 189px;
}
#svc-prj a{
	color: #555555;
	display:block;
	line-height: 25px;
	float: left;
	padding: 0 0 0 23px;
	width: 71px;
}
#svc{
	background: url(images/porfolio-svc-prj2.png) no-repeat scroll 0 -25px transparent;
}
#prj{
	background: url(images/porfolio-svc-prj2.png) no-repeat -94px 0;
	width: 72px;
}
#svc.active{
	background: url(images/porfolio-svc-prj2.png) no-repeat;
}
#prj.active{
	background: url(images/porfolio-svc-prj2.png) no-repeat -94px -25px;
	width: 72px;
}
#greeting{
	float: left;
	width:460px; 
}
#team{
	float: left;
	padding-left: 20px;
	width:460px; 
}
.header-line-right, .header-line-left{
	border-bottom: 1px solid #cd94d7;
	float: left;
	height: 20px;
}
.header-line-left{
	margin-right: 10px;
}
.header-line-right{
	margin-left: 10px;
}
#services{
	float: left;
	padding-left: 20px;
	width:220px; 
}
#slider{
	background: transparent url(images/slider-shadow.jpg) bottom no-repeat; 
	margin-bottom: 20px;
	padding: 0 10px 13px 10px; 
}

/* Separator */

.separator{
	background-image: url(images/separator2.png);
	
	display: block;
	height: 1px;
	margin: 20px auto;
	width: 929px;
}

/* Lower Third */

.col{
	width: 300px;
	float: left;
}
#center{
	margin: 0 20px;
}
.recent-image{
	background: #ead9bd;
	border: 1px solid #e5e5e5;
	margin-bottom: 10px;
	width: 298px;
}
.recent-image img{
	margin: 4px;
}
.related, .popular{
	width: 285px;
}
h3.related, h3.popular{
	color: black;
	margin-top: 15px;
}
h3.related, h3.popular{
	margin-left: 10px;
}
.popular{
	margin-left: 15px;
}
.popular ul, .related ul{
	margin: 0;
}
.popular ul li, .related ul li{
	list-style: none;
}
.wpp-post-title{
	font-family: 'MuseoSlab500', Lucida Grande, Verdana, sans-serif;
	font-size: 14px;
}
div.wppnothumb, div.wppthumb{
	float: left;
	margin-right: 10px;
}
.wppitem{
	clear: both;
	margin-bottom: 10px;
	overflow-y: auto;
	width: 100%;
}

/***************************************************************************
	Footer
***************************************************************************/

.footer-span{
	background: #171717;
}
#footer {
	background: #171717;
	color: white;
	height: 520px;
	overflow: visible;
	padding-top: 10px;
	width: 100%!important;
}
.fh1{
	border-bottom: 1px solid #585858;
	font-family: 'MuseoSlab500', Lucida Grande, Verdana, sans-serif;
	font-size: 24px;
	margin: 10px 0 10px;
	padding: 0 0 10px;
	width: 100%;
}
#footer-content{
	margin: 0 auto;
	width: 940px;
}
#footer a{
	color: #fff;
	text-decoration: none;
}
#footer a:hover{
	color: #b561c4;
	text-decoration: underline;
}
#contact{
	position: relative;
}
.contact-info{
	font-size: 14px;
	padding-bottom: 8px;
	padding-top: 3px;
	width: 100%; 
}
#available-badge{
	position: absolute;
	top: -25px;
	right: -23px;
}
/*****************************************************************/

div.contact_form {
width:306px;
height:380px;
margin-left:auto;
margin-right:auto;
}

div.contact_form input {
height:40px;
width:268px;
line-height:40px;
color:#525252;
font-family: Verdana, Helvetia, Lucida Grande, Arial, sans-serif;
font-size:16px;
padding-left:10px;
background-color:transparent;
border:none;
}

div.small_field {
float:left;
margin:14px 0 0 -3px;
width:306px;
height:37px;
background-image:url(images/input_field2.png);
}

div.big_field {
margin:15px 0 0 -3px;
float:left;
width:306px;
height:179px;
background-image:url(images/message_field2.png);
}

textarea {
overflow:hidden;
width:288px;
height:160px;
border:none;
background-color:transparent;
color:#525252;
font-family: Verdana, Helvetia, Lucida Grande, Arial, sans-serif;
font-size:16px;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
padding-right:5px;

}

div.contact_us input {
height:40px;
width:268px;
line-height:40px;
color:#525252;
font-family: Verdana, Helvetia, Lucida Grande, Arial, sans-serif;
font-size:16px;
padding-left:10px;
background-color:transparent;
border:none;
}

div.send {
width:137px;
height:43px;
float:right;
background-image:url(images/send2.png);
margin-right:3px;
margin-top:10px;
cursor:pointer;
}

div.send_status {
float:left;
margin:20px 10px;
color:#ffffff;

}
/*****************************************************************/
.ftr-recent{
	float: left;
	margin-bottom: 20px;
	width: 100%;
}
.ftr-recent a{
	color: #9d9d9d !important;
}
.ftr-title{
	margin-bottom: 6px;
	line-height: 1.75em;
}
.ftr-title h3{
	font-size: 18px;
	padding: 0;
}
.ftr-recent .posted-in{
	color: #9d9d9d;
	float: left;
	padding: 0;
}
.mini-comments{
	background: url(images/comment-bubble-mini.png) no-repeat;
	font-size: 11px;
	float: left;
	line-height: 17px;
	margin-right: 5px;
	text-align: center;
	width: 22px;
}
.mini-comments a{
	color: black !important;
}
/*****************************************************************/
.tweet-wrap{
	float: left;
	width: 100%;
}
#tweet{
	float: left;
	font-size: 12px;
	padding-bottom: 8px;
}
#tweet li a:first-of-type{
	color: #b561c4;
}
#tweet a{
	color: #999999;
}
#tweet ul{
	list-style: none;
	padding: 0; margin: 0;
}
#tweet li{
	padding-bottom: 10px;
}
#twitter-icon{
	left: -5px;
	top: 2px;
}
.twitterStatus{
	text-align: left;
}
.twitterTime{
	text-align: right;
}
#copyright{
	float: left;
	color: #9d9d9d;
}
#credit{
	float: left;
	margin-top: 10px;
	width: 100%;
}
#credit img{
	float: left;
	margin-right: 10px;
}

/***************************************************************************
	Portfolio
***************************************************************************/

.portfolio{
	background: white;
	display: block;
	overflow: auto;
	padding: 10px;
	position: relative;
	left: 10px;
	width: 940px;
}
.port-item-right{
	float: left;
	margin: 0 0 10px 10px;
	overflow: hidden;
	width: 460px;
}
.port-item-left{
	float: left;
	margin: 0 10px 10px 0;
	overflow: hidden;
	width: 460px;
}
.port-image-border{
	background-color: #ead9bd;
	border: 1px solid #e5e5e5;
	display: block;
	height: 310px;
	width:  460px;
}
.port-image{
	height: 305px;
	margin: 5px;
	width: 455px;
}
.port-title{
	font-family: 'MuseoSlab500', Lucida Grande, Verdana, sans-serif;
	font-size: 22px;
	padding: 10px 0;
}
.port-description{
	width: 100%;
}
.desc-left{
	float: left;
	margin: 10px 0;
	width: 50%;
}
.desc-right{
	float: right;
	margin: 10px 0;
	width: 50%;
}
.field{
	margin: 5px 0;
}
.field a{
	color: white;
}
.field-title, .field-title a, .field-data a{
	margin: 5px 0;
	text-decoration: none;
}
.field-data{
	margin: 5px 0;
}
.field-title a:hover, .field-data a:hover{
	text-decoration: underline;
}

/***************************************************************************
	About
***************************************************************************/
.about-link{
	text-align: right;
}
.panel-text{
	-moz-column-count:2;
	-webkit-column-count:2;
	columns: 2;
	margin-bottom: 20px;
}
#about h1#burg, #about h1#va{
	display: inline;
	font-size: 13px;
	font-weight: normal;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0;
}

/***************************************************************************
	Contact
***************************************************************************/
.paren{
	color: #909090;
	font-size: 10px;
	font-style: italic;
}

/***************************************************************************
	Blog
***************************************************************************/
.blog-main{
	float: left;
	width: 620px;
}
.post{
	margin: 0 0 20px;
	position: relative;
}
.post-header, .related-header{
	background: #EDEDED;
	background-image: -moz-linear-gradient(top, #ededed, #d2d2d2);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EDEDED), to(#D2D2D2));
	border: solid 1px #acacac;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	height: 47px;
	behavior: url(styles/PIE.php);
}
.post-header-divider{
	background: white;
	border-left: 1px solid #9a9a9a;
	height: 47px;
	opacity: 0.5;
	width: 1px;
}
.post-footer-divider{
	background: white;
	border-left: 1px solid #9a9a9a;
	height: 30px;
	opacity: 0.5;
	width: 1px;
}
.post-content{
	background: white;
	border-left: solid 1px #acacac;
	border-right: solid 1px #acacac;
	overflow: auto;
	padding: 0 15px 20px;
	position: relative;
}
.post-footer{
	background: #EDEDED;
	background-image: -moz-linear-gradient(top, #ededed, #d2d2d2);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EDEDED), to(#D2D2D2));
	border: solid 1px #acacac;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	height: 30px;
}
.post-footer img{
	float: left;
	margin: 3px 7px;
}
.post-title{
	line-height: 24px;
	margin: 0 0 10px;
	padding: 10px 0 10px;
}
.post-title h2 a, .post-title h1 a{
	color: black;
	font-family: 'MuseoSlab500', Lucida Grande, Verdana, sans-serif;
	font-size: 22px;
}
.post-date{
	/*background: url(images/banner-date.png);*/
	height: 33px;
	margin: 8px 10px 0;
	float: right;
	/*right: 10px;
	position: absolute;
	top: 8px;*/
	width: 44px;
}
.post-date-text{
	color: #333;
	font-family: Verdana, Lucida Grande, Helvetica, sans-serif;
	font-size: 13px;
	padding: 12px 0 0 1px;
	text-align: center;
	width: 44px;
}
.post-comment-bubble{
	background: url(images/comment-bubble.png);
	float: right;
	height: 34px;
	width: 41px;
	margin: 8px 10px 0;
}
.post-comment-text, .post-comment-text a{
	color: #333;
	padding: 3px 0 0 0;
	text-align: center;
	width: 41px;
}
.post-tags{
	margin-top: 6px;
}
.post-footer a{
	color: #505050;
	font-size: 13px;
	overflow: hidden;
}
.blog-thumb-wrap{
	margin: 0 -10px -10px 0;
	padding: 0 10px 10px 0;
}
.blog-thumb{
	float: left;
	margin: 0 15px 15px 0;
}
.blog-thumb img{
	border: 3px solid #ACACAC;
}
.posted-in, .posted-in a{
	color: #505050;
}
.posted-in{
	float: left;
	padding: 13px;
}
.read-more{
	margin: 5px 12px;
}
.facebook-like{
	margin: 5px 6px;
}
ul.the-social{
	list-style: none;
	margin: 0;
}
.the-social li{
	display: inline;
	list-style: none;
}
.the-social img{
	display: inline-block;
}

.Jan{
	background: url(images/dates.png);
}
.Feb{
	background: url(images/dates.png) no-repeat 0 -33px;
}
.Mar{
	background: url(images/dates.png) no-repeat 0 -66px;
}
.Apr{
	background: url(images/dates.png) no-repeat 0 -99px;
}
.May{
	background: url(images/dates.png) no-repeat 0 -132px;
}
.Jun{
	background: url(images/dates.png) no-repeat 0 -165px;
}
.Jul{
	background: url(images/dates.png) no-repeat 0 -198px;
}
.Aug{
	background: url(images/dates.png) no-repeat 0 -231px;
}
.Sep{
	background: url(images/dates.png) no-repeat 0 -264px;
}
.Oct{
	background: url(images/dates.png) no-repeat 0 -297px;
}
.Nov{
	background: url(images/dates.png) no-repeat 0 -330px;
}
.Dec{
	background: url(images/dates.png) no-repeat 0 -363px;
}

/***************************************************************************
	The Post
***************************************************************************/

#the_content p{
	padding: 15px 0;
}
#the_content .syntaxhighlighter{
	background-color: #ddd !important;
	margin: 1.5em 0 !important;
}
#article_author{
	border: 1px solid #808080;
	border-bottom: none;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-radius: 5px 5px 0 0;
	padding: 10px;
	width: 580px;
}
#author_avatar{
	float: left;
	padding: 0 10px 10px 0;	
}
#article_author{
	background: #fff;
}
#comments_template{
	background: #fff;
	border: 1px solid #808080;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
	padding: 10px;
}
#related_posts, #sociable{
	float: left;
	margin-top: 10px;
	width: 50%;
}
.dsq-post-area{
	background: #eaeaea !important; 
	padding: 10px !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#dsq-content .dsq-comment-header, #dsq-content .dsq-moderator .dsq-comment-header{
	background-image: none !important;
	background: #f4f4f4;
}

/***************************************************************************
	Sidebars
***************************************************************************/

.sidebar h2{
	padding-bottom: 15px;
}
.sidebar-content{
	float: left;
	padding: 20px;
	width: 280px;
}
img#profile-pic{
	margin: 0;
	padding: 25px 20px 0;
}
.sidebar-left, .sidebar-right{
	height: 261px;
	float: left;
	width: 10px;
}
.sidebar-left{
	background: transparent url(images/sidebar-left-shadow.png) no-repeat;
}
#main-left{
	background: transparent url(images/sidebar-left-shadow.png) no-repeat;
	position: absolute;
	left: 0;
}
#main-right{
	background: transparent url(images/main-right-shadow.png) no-repeat;
}
#main-right-wide{
	background: transparent url(images/main-right-shadow.png) no-repeat;
	position: absolute;
	left: 970px;
}
#main-top{
	background: transparent url(images/main-top.png) no-repeat;
	height: 5px;
	width: 620px;
}
.sidebar{
	float: left;
	width: 310px;
	margin-left: 20px;
}
#feed-icon{
	position: absolute;
	right: 10px;
	top: 20px;
}
.widget{
	background: none;
	margin-bottom: 20px;
}
.widget h4{
	font-size: 14px;
	padding: 12px 0;
	text-align: center;
}
.widget-footer, .related-footer{
	background: white;
	height: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-radius: 0 0 10px 10px;
}
.widget-content{
	background: white;
	font-size: 12px;
	overflow: auto;
	padding: 10px 10px 0;
}
.widget-content a{
	color: black;
}
.widget-content .active{
	display: block;
}
.widget-content .inactive{
	display: none;
}
.inner-widget{
	background: white;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
	overflow: auto;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#follow-twitter{
	background: url(images/follow-twitter.png) no-repeat;
	float: left;
	height: 51px;
	margin: 15px 0 0 2px;
	width: 138px;
}
#follow-facebook{
	background: url(images/follow-facebook.png) no-repeat;
	float: left;
	height: 51px;
	margin-top: 15px;
	width: 148px;
}
#follow-tumblr{
	background: url(images/follow-tumblr.png) no-repeat;
	float: left;
	height: 54px;
	margin: 0 0 5px 2px;
	width: 138px;
}
#follow-flickr{
	background: url(images/follow-flickr.png) no-repeat;
	float: left;
	height: 54px;
	margin-bottom: 5px;
	width: 148px;
}
#follow-twitter a, #follow-facebook a, #follow-tumblr a, #follow-flickr a{ 
display: block; 
height: 100%; 
width: 100%; 
}
.inner-widget ul{
	list-style-type: none; 
	margin: 0;
}
.inner-widget li{
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
	overflow: auto;
	padding-bottom: 5px;
}
.inner-widget li:last-child {
	margin: 0;
	border-bottom: none;
}
.tumblr img{
	margin: 10px 0;
}
.tumblr .byline{
	font-weight: bold;
	margin: 5px 0 0;
}
.widget-content .thumb, .widget-content .missing-thumb{
	float:left; 
	margin-right: 10px
}
.widget-content .missing-thumb{
	background:url(images/missing-album.jpg);
	height:40px; 
	width:40px; 
}
#likes-widget .widget-header, #likes-widget .widget-bottom{
	background: black;
	color: white;
	position: relative;
}
#likes-widget .widget-bottom a{
	color: white;
}
#likes-widget .widget-bottom .active{
	background: url(images/likes-widget-current.png) no-repeat 50% 8px;
}
#likes-widget .widget-header{
	background: url(images/likes-widget-top-2.png) no-repeat transparent;
	height: 49px;
}
#likes-widget .widget-header h4{
	position: absolute;
	top: 2px;
	left: 113px;
}
#likes-widget .widget-bottom{
	background: url(images/likes-widget-bottom.png) no-repeat transparent;
	height: 47px;
}
#likes-widget .widget-bottom ul{
	list-style: none;
	margin-left: 20px;
	position: absolute;
	top: 14px;
}
#likes-widget .pointer{
	background: url(images/likes-widget-pointer.png);
	position: absolute;
	top: 0px;
	left: 46px;
	height: 5px;
	width:  11px;
}
#likes-widget .widget-bottom ul, #likes-widget .widget-bottom li{
	display: inline;
}
#likes-widget .widget-bottom li{
	padding: 15px;
}
#likes-widget .widget-content{
	background: #cdcdcd;
	padding-bottom: 10px;	
}
.digg-widget-content{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.sidebar-categories{
	font-size: 16px;
}
.sidebar-categories li{
	list-style-position: inside;
	padding: 6px 0;
}
.sidebar-categories a{
	color: black;
}
.sidebar-categories .current-cat a, .sidebar-categories .current-cat{
	color: #6b0c7c;
}