/*
Theme Name: PSD Blog
Theme URI: 
Description: Wordpress theme for psdtohtmlcss
Version: 1.0
Author: 
Author URI:
Tags: 
*/


/* CSS RESET */
/* --------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

:focus {
	outline: 0;
}

html, body {
	height: 100%;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

em {
	font-style:italic
}

a {
	outline:none;
}

/* Misc */
/* ---------------- */

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

.right {
	float: right;
}
.left {
	float: left;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}

/* Links */
/* -------------- */
body a:link    {color: #000000; text-decoration: none;}
body a:active  {color: #000000; text-decoration: none;}
body a:visited {color: #000000; text-decoration: none;}
body a:hover   {color: #000000; text-decoration: underline;}


/* Wrapper Start */
/* -------------- */
body{
	background:#ffffff url(img/body-bg.gif) repeat-x top left;
	font:12px Arial, Helvetica, sans-serif;
}

#wrap{
	width:920px;
	margin:0 auto;
}

/* Headers */
/* -------------- */
#header{
	width:100%;
	padding:20px 0 0 0;
}

#header-Logo{
	float:left;
	display:inline;
}

#header-Logo h1{
	width:607px;
	height:144px;
	background:url(img/logo.png) no-repeat;
}

#header-Logo h1 a{
	text-indent:-9999px;
	display:block;
	width:607px;
	height:144px;
	outline:none;
}

/* Content */
/* -------------- */
#content{
	width:100%;
}

#main-content{
	width:607px;
	margin:5px 0 0 0;
	float:left;
	display:inline;
	background:url(img/line-dash.gif) repeat-y top right;
}

.post{
	width:607px;
	padding:30px 0 16px 0;
	margin-bottom:10px;
	background:url(img/cut.gif) no-repeat bottom right;
}

.post .post-left{width:65px; float:left;}

.post .date-entry{
	width:61px;
	height:55px;
	background-color:#cc0000;
	float:left;
	padding:7px 0 0 0;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
}

.post .date-entry span.month{font-size:19px;}
.post .date-entry span.day{font-size:26px; line-height:20px;}

.post .main-post{
	width:512px;
	float:right;
	padding:10px 20px 0 0;
}

.post .main-post h2,.post .main-post h2 a{
	color:#cc0000;
	font-size:24px;
	font-weight:bold;
	line-height:22px;
	text-decoration:none;
}

.post h1{
	color:#cc0000;
	font-size:26px;
	font-weight:bold;
	line-height:22px;	
}

.comments a{
	font-size:11px;	
	display:block;
	margin-bottom:10px;
}

.post .main-post p{
	margin-bottom:10px;	
}

.post .main-post .read-more{
	float:right;
	color:#cc2a04;
	font-size:11px;
}

.post .main-post .read-more a, .post .main-post .read-more strong{
	font-weight:bold; 
	font-size:12px;
	color:#cc2a04;
}


/* Sidebar */
/* -------------- */
#sidebar{
	width:310px;
	float:right;
	display:inline;
}

#nav{
	margin-top:-4px;
}

#nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:312px;
}

#nav a {
	display:block;
	text-indent:-9999px;
	outline:none;
}

#nav a:hover, #nav a.here {
	background-position:right;
}

#navHomepage {
	background-image:url(img/nav1.gif);
	height:50px;
}

#navSubmit {
	background-image:url(img/nav2.gif);
	height:49px;
}

#navTestimonials {
	background-image:url(img/nav3.gif);
	height:49px;
}

#navExamples {
	background-image:url(img/nav4.gif);
	height:49px;
}

#navAbout {
	background-image:url(img/nav5.gif);
	height:50px;
}

#navBlog {
	background-image:url(img/nav6.gif);
	height:49px;
}

#navContact {
	background-image:url(img/nav7.gif);
	height:49px;
}

/*-- Sidebar .box styles --*/

#sidebar .box{
	width:250px;
	float:right;
	background-color:#cc2a04;
	margin:15px 0 0 0;
	padding:20px 15px 35px 40px;
}

.box .box-icons a{
	margin-right:10px;
	display:inline;
}

.box .subscription{padding:15px 0 0 0;}

.box .subscription .rss-sub{
	margin-bottom:8px;
}

.box .widgets h2,.box ul h2 ,
.subscription h2{
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	padding-bottom:10px;
}

.box ul li img{margin-bottom:8px;}

.box .subscription p{
	color:#ffffff;
	padding-bottom:10px;
}

.box .widgets{
	padding:5px 0 10px 0;	
}

.box .widgets ul li{
	margin-bottom:10px;
	margin-left:20px;
	color:#ffffff;
	list-style-image:url(img/arrow.png);
}	

.box .widgets ul li a{
	color:#ffffff;	
}

.box ul.category li, .box .widgets ul ul{
	padding:0px 0 0 10px;
}

#widget-categories ul{
	padding-left:40px;
}

#widget-categories ul li{
	margin:0;
	list-style-image:url(img/arrow.png);
}

#widget-categories ul ul{
	padding-left:10px;	
}

/* Footer */
/* -------------- */
#footer {
	width:100%;
	height:170px;
	background:url(img/footer_bg.jpg) #727171 repeat-x;
	clear:both;
	position: relative;
}

#footerContent {
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
	margin-top:35px;
	float:left;
	width:100%;
}

#footerContent a{
	color:#fff;
	text-decoration:none;
	padding:0 8px;
}

#footerContent a:hover{
	text-decoration:underline;
}

#footerContent p {
	margin:0;
	padding:0;
	line-height:18px;
}

#footerLeft {
	float:left;
	display:inline;
	margin-left:20px;
}

#footerRight {
	float:right;
	display:inline;
	margin-right:20px;
	text-align:right
}

/* Misc */
/*------------*/
.comment-area{
	width:490px;
	float:right;
	margin-right:10px;
}

.commentlist{
	border-bottom:	1px dashed #999999;
	margin-bottom:20px;
	padding-bottom:20px;
}

#respond p{
	padding-bottom:10px;
}

.commentlist li
{
	border-top: 1px dashed #999999;
	margin:20px 0 0 0;
	padding:10px 0 0 0;
}

.commentlist .comment-edit-link{
	color:#cc0000;	
}

.comment-author .fn a{
	color:#CC2A04;
	font-weight:bold;
}

.comment-meta a{
	color:#CC2A04;	
}

.pagination{
	width:520px;
	float:right;
	margin:10px 15px 20px 0;
}

.phone {
	float:right;
	margin-top:20px;
	margin-right:20px;
}

.social {
	border-bottom:1px dotted #333;
	border-top:1px dotted #333;
    float:left;
	margin:20px 0;
	padding:5px 0;
	width:610px;
}

.social img {
    border:0;
}

.social ul{
	margin:0;
	padding:0;
}

.social ul.fblike{
	margin-top:10px;
}

.social ul li {
    display:inline;
    margin-right:10px;
    vertical-align:middle;
    float:left;
}

.social ul li.share
{
	padding-top:8px;
}

.social ul li.like
{
	padding-top:4px;
}

.social ul li.left{
	float:left;
	width:175px;
}