/*
Theme Name: BlogTuts
Theme URI: http://blogtuts.com/
Description: The custom-made WordPress theme for BlogTuts.
Version: 1.0
Author: Custom Theme
Author URI: http://customtheme.com/

*/

* { padding: 0; margin: 0; }
img { border: 0; }

body {
	background: url('images/bg.gif') #dcdcdc repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
#wrapper {
	width: 964px;
	margin: 0 auto;
	}
#header {
	background: url('images/header.gif') no-repeat;
	width: 964px;
	height: 167px;
	position: relative;
	}
#branding {
	position: absolute;
	top: 32px;
	left: 13px;
	}
#description {
	color: #dc6464;
	text-align: right;
	margin-top: -7px;
	}
#follow-me, #rss-feed, #email-updates {
	position: absolute;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	}
#follow-me:hover, #rss-feed:hover, #email-updates:hover {
	text-decoration: underline;
	}
#follow-me {
	top: 41px;
	right: 259px;
	}
#email-updates {
	top: 51px;
	right: 53px;
	}
#rss-feed {
	top: 86px;
	right: 248px;
	text-transform: uppercase;
	}
#nav {
	position: absolute;
	bottom: 5px;
	left: 22px;
	list-style: none;
	}
#nav li {
	float: left;
	display: inline;
	margin-right: 8px;
	}
#nav a {
	color: #eb8686;
	text-decoration: none;
	display: inline-block;
	height: 25px;
	padding: 13px 10px 0;
	}
#nav a:hover {
	color: #fff;
	}
#nav .current-cat a {
	background: #940c0c;
	border-color: #c02929;
	border-width: 0 1px;
	border-style: solid;
	color: #fff;
	}
#nav .current-cat a:hover {
	color: #eb8686;
	}
#main {
	clear: left;
	background: #f4f4f4;
	padding-bottom: 9px;
	}
#content {
	width: 630px;
	float: left;
	padding-left: 6px;
	}
.post {
	border: 1px solid #dfdfdf;
	background: #fff;
	margin-bottom: 10px;
	}
.top-bar {
	background: #f5f5f5;
	height: 11px;
	margin: 2px 2px 11px 2px;
	}
.post h2 {
	font-size: 18px;
	color: #a60e0f;
	float: left;
	padding: 0 0 11px 13px;
	width: 478px;
	}
.post h2.page-title {
	float: none;
	padding: 0 0 0 13px;
	}
.post h2 a {
	color: #a60e0f;
	text-decoration: none;
	}
.post h2 a:hover, .post .cats a:hover {
	text-decoration: underline;
	}
.post h3 {
	color: #202020;
	font-size: 19px;
	margin:5px 0px 10px 0px;
	padding:0px 0px 8px 0px;
	}
.post .date {
	float: right;
	color: #9d9d9d;
	background: url('images/date.gif') no-repeat;
	padding: 2px 13px 0 21px;
	height: 14px;
	}
.post .cats {
	clear: left;
	color: #7c7c7c;
	background: url('images/cat.gif') no-repeat;
	padding: 1px 0 0 21px;
	height: 15px;
	margin-left: 14px;
	}
.post .cats a {
	color: #7c7c7c;
	text-decoration: none;
	}
.post-content {
	border-top: 1px solid #eaeaea;
	margin: 16px 5px 0 5px;
	padding: 19px 9px 0 9px;
	color: #535353;
	font-size: 12px;
	line-height: 24px;
	}
.post-content p {
	padding: 0px 5px 13px 2px;
	text-align: justify;
	}
.post-content ul, .post-content ol {
	padding: 0 0 30px 20px;
	}
.post-content a, .comment-content a, #respond a {
	color: #a60e0f;
}
.post-content a:hover, .comment-content a:hover, #respond a:hover {
	text-decoration: none;
	}
.social {
	background: #f5f0f0;
	padding: 13px 0 13px 12px;
	margin: 0 1px 1px 1px;
	}
.social ul {
	list-style: none;
	}
.social li {
	float: left;
	margin-left: 23px;
	}
.social a {
	color: #610101;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	padding-top: 10px;
	}
.social a:hover {
	text-decoration: underline;
	}
.social .rss a {
	background: url('images/rss.gif') no-repeat;
	height: 18px;
	padding-left: 36px;
	}
.social .digg a {
	background: url('images/digg.gif') no-repeat;
	height: 19px;
	padding-left: 36px;
	}
.social .tweet a {
	background: url('images/twitter.gif') no-repeat;
	height: 19px;
	padding-left: 25px;
	}
.social .stumble a {
	background: url('images/stumble.gif') no-repeat;
	height: 19px;
	padding-left: 36px;
	}
.social .delicious a {
	background: url('images/delicious.gif') no-repeat;
	height: 15px;
	padding-left: 35px;
	}
.below-post {
	background: #fff;
	padding: 13px 10px;
	margin-bottom: 18px;
	}
.below-post .ad {
	float: left;
	height: 250px;
	width: 300px;
	background: #f5f5f5;
	border: 1px solid #d5c3b7;
	}
.below-post .related {
	float: right;
	width: 295px;
	}
.below-post .posts {
	background: #f3eacd;
	padding: 8px 0 11px 13px;
	}
.below-post .posts h3 {
	background: url('images/related.gif') center left no-repeat;
	color: #610101;
	font-size: 11px;
	height: 16px;
	padding-left: 27px;
	}
.below-post .related ul {
	color: #634413;
	padding: 15px 0 0 22px;
	background: #f7f1dd;
	}
.below-post .related li {
	padding-bottom: 20px;
	}
.below-post .related a {
	color: #634413;
	}
.below-post .related a:hover {
	text-decoration: none;
	}
.navigation {
	padding: 24px 53px;
	background: #fff;
	color: #604d4d;
	}
.navigation a {
	color: #604d4d;
	text-decoration: none;
	}
.navigation a:hover {
	text-decoration: underline;
	}
.alignleft { float: left; }
.alignright { float: right; }

blockquote{
	margin: 10px 15px 10px 15px;
	padding: 20px 20px 5px 55px;
	color: #6B010B;
	font-style: italic;
	border-left: 3px solid #6B010B;
	display:block;
	overflow:auto;
	}

code {
	font:1.0em 'Courier New',Courier,Fixed;
	display:block;
	overflow:auto;
	text-align:left;
	padding:6px 3px 6px 10px;
	margin: 2px 15px 2px 15px;
	border-left: 2px solid #6B010B;
	}
	
#sidebar {
	float: left;
	width: 309px;
	margin-left: 12px;
	}
.search {
	background: #fff;
	padding: 12px 0 8px 7px;
	margin-bottom: 8px;
	}
#s {
	background: #f1f1f1;
	border: 1px solid #dedede;
	color: #484848;
	width: 221px;
	height: 22px;
	float: left;
	margin-right: 6px;
	padding: 11px 0 0 11px;
	font-size: 11px;
	}
#searchsubmit {
	background: #a10d0e;
	border: 1px solid #c02929;
	color: #ea7274;
	width: 52px;
	height: 34px;
	font-size: 11px;
	}
.ads {
	background: #fff;
	padding: 21px 0 5px 23px;
	margin-bottom: 9px;
	}
.ads img {
	float: left;
	margin: 0 11px 11px 0;
	}
.advertise {
	background: #f1f1f1;
	text-align: right;
	margin: 3px 5px 0 -18px;
	padding: 6px 7px;
	}
.advertise a {
	color: #6e6e6e;
	}
.advertise a:hover {
	text-decoration: none;
	}
.domtab {
	}
.domtabs {
	list-style: none;
	}
.domtabs a {
	font-weight: bold;
	text-decoration: none;
	color: #610101;
	}
.domtabs li {
	float: left;
	margin-right: 3px;
	height: 25px;
	width: 142px;
	background: #d5c3b7;
	padding: 9px 0 0 9px;
	}
.domtabs li.active {
	background: #ece3dd;
	}
.domtabs li.popular a {
	background: url('images/popular.gif') no-repeat;
	padding-left: 21px;
	}
.domtabs li.recent a {
	background: url('images/recent.gif') no-repeat;
	padding-left: 23px;
	}
.domtab div {
	background: #ece3dd;
	clear: left;
	border-top: 1px solid #ece3dd;
	border-bottom: 1px solid #ece3dd;
	}
.domtab div ul {
	background: #fff;
	list-style: none;
	padding: 28px 6px 13px;
	margin: 3px;
	}
.domtab div a {
	color: #585757;
	text-decoration: none;
	background: url('images/arrow.gif') center left no-repeat;
	padding-left: 17px;
	}
.domtab div a:hover {
	text-decoration: underline;
	}
.domtab div li {
	padding-bottom: 14px;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 13px;
	}

#recent-comments {
                border:0px solid #e8a02c;
                background:#FFFFFF;
                padding:1px 1px 0;
                font-size:10pt;
    margin-top: 9px;
    border: 3px solid #ece3dd;
                }
#recent-comments h3 {
                padding:5px 10px;
    color: #a60e0f;
                border-bottom:1px solid #cccccc;
}
#recent-comments li {
                margin:0;
                background:#FFFFFF;
                padding:5px 10px;
                min-height: 55px;
                border-bottom:1px solid #cccccc;
list-style: none;
line-height: 18px;
                }
#recent-comments a {
    color: #a60e0f;
}
#recent-comments a:hover {
    text-decoration: none;
    }

img.home-grav {
                padding:1px;
                background:#fff;
                border:1px solid #6B010B;
                float:right;
                margin:0 0 5px 10px;
                }
	
#footer {
	margin-top: 9px;
	background: #2f2f2f;
	}
#footer-wrap {
	background: #3b3b3b;
	padding: 24px 16px 19px 24px;
	width: 924px;
	margin: 0 auto;
	}
#footer-left {
	float: left;
	}
#footer-left h3 {
	color: #dcdcdc;
	font-size: 11px;
	padding-bottom: 14px;
	}
#footer-left ul {
	color: #dcdcdc;
	list-style: none;
	}
#footer-left li {
	padding-bottom: 16px;
	}
#footer-left li:before {
	content: " - "
	}
#footer-left a {
	color: #878080;
	text-decoration: none;
	}
#footer-left a:hover {
	text-decoration: underline;
	}
#left-half {
	float: left;
	padding-right: 25px;
	border-right: 1px solid #444;
	}
#right-half {
	float: left;
	padding-left: 25px;
	border-left: 1px solid #353535;
	}
#left-list {
	float: left;
	}
#right-list {
	float: left;
	margin-left: 15px;
	}
#footer-right {
	float: right;
	color: #858585;
	text-align: right;
	}
#footer-right a {
	color: #858585;
	text-decoration: none;
	}
#footer-right a:hover {
	text-decoration: underline;
	}
#footer-right p {
	padding-bottom: 8px;
	}

/* Comments */

h3#comments {
	color: #0e52a6;
	font-size: 18px;
	background: #fff;
	padding: 12px 10px;
	margin-bottom: 5px;
	}
.commentlist li {
	list-style: none;
	background: #fff;
	margin-bottom: 10px;
	}
.avatar {
	float: left;
	border: 1px solid #c3c3c3;
	padding: 6px 5px;
	margin: 15px 13px 0 10px;
	}
.comment-content {
	padding: 25px 0 15px 0;
	color: #818181;
	float: left;
	width: 530px;
	}
.comment-content p {
	line-height: 18px;
	padding-bottom: 10px;
	}
.comment-author {
	color: #010000;
	font-weight: bold;
	padding-bottom: 14px;
	}
.comment-author a {
	color: #010000;
	text-decoration: none;
	}
.comment-author a:hover {
	text-decoration: underline;
	}
.comment-time {
	position: absolute;
	top: 8px;
	right: 13px;
	font-size: 10px;
	color: #a5a4a4;
	background: url('images/date.gif') no-repeat;
	padding: 3px 0 0 21px;
	}
a.comment-reply-link {
	display: inline-block;
	background: #DEDFDE;
	color: #535353;
	padding: 3px 10px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	}
.children {
	padding-left: 20px;
	}
.children .comment-content {
	width: 510px;
	}
.children .children .comment-content {
	width: 490px;
	}
.children .children .children .comment-content {
	width: 470px;
	}
.children .children .children .children .comment-content {
	width: 450px;
	}


.sleeve { position: relative; }

#respond {
	background: #fff;
	padding: 20px 10px 0;
	}
#respond h3 {
	background: url('images/reply.gif') no-repeat;
	color: #a60e0f;
	font-size: 18px;
	border-bottom: 1px solid #f4f4f4;
	padding: 7px 0 15px 46px;
	margin-bottom: 29px;
	}
#author, #email, #url {
	border: 1px solid #d6d6d6;
	height: 24px;
	width: 228px;
	padding: 10px 0 0 35px;
	color: #595656;
	background-color: #f8f8f8;
	background-repeat: no-repeat;
	background-position: 5% 50%;
	background-repeat: no-repeat;
	}
#author {
	background-image: url('images/author.gif');
	}
#email {
	background-image: url('images/email.gif');
	}
#url {
	background-image: url('images/url.gif');
	}
#commentform small {
	color: #b7b7b7;
	}
#commentform p {
	padding-bottom: 20px;
}
#comment {
	border: 1px solid #d6d6d6;
	background-color: #f8f8f8;
	height: 137px;
	width: 571px;
	padding: 10px;
	overflow: auto;
	}
#submit {
	background: url('images/submit.gif') no-repeat;
	width: 116px;
	height: 41px;
	border: 0;
	cursor: pointer;
	}

#nav .children { padding-left: 0; }

#nav li li {
	float: left;
	width: 150px;
	}
#nav li li a {
	background: #940c0c;
	border-color: #c02929;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	color: #fff;
	width: 150px;
	float: none;
	height: auto;
	padding: 6px 10px 5px 10px;
	font-weight: bold;
	}
#nav li li a:hover, #nav li li a:active {
	background: #eb8686;
	color: #585757;
	}
#nav .current-cat .children a:hover {
	color: #585757;
	}
#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	display: block;
	}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	}


	
.clear { clear: both; }
.c-left { clear: left; }	
.hidden { display: none; }