/*
Theme Name: Karma
Theme URI: http://themeforest.net?ref=Maximus
Description: A Rich, Colorful, Grungy Looking Blog Theme, Designed For A Personal Blog
Version: 1
Author: Maximus
Author URI: http://themeforest.net?ref=Maximus
Tags: basic, rich, grunge, texture
*/


/* LAYOUT */
/* ----------------------------------------- */
.aligncenter { display:block; margin:0 auto; }
.alignleft { float:left; padding: 0 20px 0 0; }
.alignright { float:right; padding: 0 0 0 20px;  }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px; }


/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0;
}
body{
	/*background: url(images/bgr.jpg) #f0f0d8 no-repeat center top;*/
	color: #3b3b3b;
	font: 16px Georgia,"Times New Roman", Times, serif;
	padding: 10px 0 0;
}
a{
	color: #2d7d76;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
input,select,textarea{
	border: #999999 1px solid;
	font: 15px Georgia,"Times New Roman", Times, serif;
	padding: 2px;
}
li{
	list-style: none;
}
/*=== Layout ===*/
#page{
	margin: 0 auto;
	width: 916px;
	padding: 0 25px;
}
/*=== Header ===*/
#header{
	height: 1%;
	margin: 0 0 60px;
}
#header .spacer{
	float: right;
	font-size: 13px;
	line-height: 18px;
	padding: 15px 0 0;
	width: 380px;
}
#header h2{
	color: #a84800;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 10px;
}
/*- Logo -*/
#header h1{
	background: url(images/logo.gif) no-repeat;
	float: left;
	text-indent: -9999px;
	width: 171px;
}
#header h1 a{
	display: block;
	height: 157px;
}
#header h1 a:hover{
	text-decoration: none;
}
/*=== All Columns ===*/
#columns{
	height: 1%;
	padding: 0 0 15px;
}
#columns h2,#columns h3{
	color: #88883b;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: -1px;
}
#columns h2 a{
	color: #88883b;
}
#columns h2 a:hover{
	color: #a84800;
	text-decoration: none;
}
#columns h3{
	color: #a84800;
	margin: 0 0 20px;
}
#columns h4, #columns h4 a {
	color: #383838;
	font-style: italic;
}
#columns p{
	padding: 0 0 25px;
}
/*=== Sub Columns ===*/
.col1{
	float: left;
	width: 456px;
}
.col2{
	float: right;
	font-size: 13px;
	width: 380px;
}
.col2 a{
	color: #383838;
}
.col2 a:hover{
	color: #a84800;
}
#columns .col2 h2 {
	color: #383838;
	margin: 0 0 10px;
}
.col2 h2 img{
	float: right;
	margin: -20px 0 0;
}
/*=== Styling Post ===*/
.post{
	clear: both;
	height: 1%;
	padding: 0 0 35px;
}
.post.bg{
	/*background: url(images/post-bgr.jpg) no-repeat top;*/
}
.post p{
	line-height: 28px;
}
.post ol, .post ul {
	line-height: 24px;
	margin: 0 0 25px;
}
.post ol li {
	list-style: decimal inside;
}
.post ul li {
	list-style: disc inside;
}
.post blockquote {
	background: url(images/ico-quot.gif) no-repeat top left;
	font-size: 13px;
	line-height: 18px;
	padding: 0 0 0 25px;
}
.post blockquote p {
	line-height: 18px;
}
.post-title{
	margin: 0 0 25px;
}
.post-info, .post-info a{
	color: #a84800;
}
.rev .post-info, .rev .post-info a{
	color: #2d7d76;
}
.date{
	color: #585858;
}
.date a{
	color: #383838;
}
.nr{
	color: #3b3b3b;
	font-size: 20px;
	margin: 0 0 -20px;
	position: relative;
	text-align: right;
}
#columns .post.rev h2, #columns .post.rev h2 a{
	color: #a84800;
}
#columns .post.rev h2 a:hover{
	color: #88883B;
	text-decoration: none;
}
/*- Comments -*/
.comments{
	/*background: url(images/post-bgr.jpg) no-repeat 0 99px;*/
	font-size: 14px;
}
#columns .comments h2{
	/*background: url(images/comments-hdr.jpg) no-repeat top;*/
	color: #a84800;
	height: 99px;
	line-height: 99px;
	padding: 0 0 0 32px;
}
#columns .comments h2 em{
	color: #3b3b3b;
	font-style: normal;
}
.comments .post{
	padding: 0 32px 10px;
}
.comments .post p{
	line-height: normal;
}
.comments hr{
	margin: 0 0 10px;
}
/*- Message -*/
.leave_message {
	background: transparent;
	margin-top: 50px;
}

/*=== Styling Lists ===*/
/*- List1 -*/
.widget ul {
	border-top: 2px dotted #d8d890;
	margin: 0 0 35px;
}
.widget ul li {
	border-bottom: 2px dotted #d8d890;
	clear: both;
	display: table-cell;
	display: block;
	height: auto !important;
	height: 16px;
	min-height: 16px;
	padding: 9px 3px 12px 0;
}

.widget ul a:hover {
	text-decoration: none;
}
/*=== Styling Forms ===*/
input.btn{
	border: 0;
	padding: 0;
}
/*- Search -*/
#search{
	background: url(images/search-bgr.gif) no-repeat top left;
	height: 57px;
	margin: 0 0 30px;
	padding: 10px 0 0 53px;
}
#search input{
	background: transparent;
	border: 0;
	float: left;
	width: 220px;
}
#search .btn{
	margin: -5px 0 0 5px;
	width: auto;
}
/*- Message -*/
.message{
	margin: 20px 0 0;
}
.message div{
	background: url(images/inp-bgr.gif) no-repeat top;
	height: 50px;
	padding: 13px 0 0 30px;
}
.message input{
	background: transparent;
	border: 0;
	width: 290px;
}
.message textarea{
	background: transparent;
	border: 0;
	height: 114px;
	overflow: auto;
	width: 290px;
}
.message .textarea{
	background: url(images/inp-textar-bgr.gif) no-repeat top;
	height: 176px;
}
.message .button{
	background: none;
	padding: 0 0 0 20px;
}
.message .btn{
	width: auto;
}
/*=== Styling Buttons ===*/
.top-rss{
	height: 62px;
	margin: 0 0 0 825px;
	position: absolute;
	top: 12px;
	width: 64px;
}
/*=== Footer ===*/
#footer{
	/*background: url(images/footer-bgr.jpg) no-repeat top;*/
	clear: both;
	color: #131313;
	height: 49px;
	padding-top: 85px;
}
#footer a{
	color: #131313;
}
#footer ul{
	float: left;
	text-transform: lowercase;
	margin-left: -10px;
}
#footer li{
	border-right: 1px solid #868686;
	display: inline;
	line-height: 15px;
	padding: 0 10px;
}
#footer li.last{
	border: 0;
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;
}
hr{
	border-bottom: 2px dotted #d8d890;
	clear: both;
	height: 2px;
	margin: 0 0 30px;
	width: 100%;
}
.fl{
	float: left;
}
.fr{
	float: right;
}