@charset "utf-8";
/* import global styles */
@import url("global.css");
@import url("shadowbox.css");

/* Blog styles */
#section_post {
	position: relative;
	float: left;
	width: 630px;
}
.section_title {
	position: relative;
	height: 92px;
	background: url(../img/blog/blog_arrow.png) no-repeat left bottom;
	clear: both;
}
.section_title p {
	font: bold 16px Arial, Helvetica, sans-serif;
	margin: 0 0 0 40px;
	text-transform: uppercase;
}
#back {
	margin: 0 0 30px 0;
	padding: 0 0 0 40px;
	font-size: 16px;
	background: url(../img/blog/back.png) no-repeat left center;
}
.section_post_stats {
	position: absolute;
	top: 42px;
	left: 40px;
	font: bold 16px Arial, Helvetica, sans-serif;
}
.section_content {
	position: relative;
	margin: 20px 0 60px 40px;
	font: normal 14px Arial, Helvetica, sans-serif;
	line-height: 20px;
}
.section_content img {
	position: relative;
	margin: 20px 0 10px 95px;
	padding: 0 0 16px 0;
	width: 400px;
	background: url(../img/blog/post_image_shadow.png) no-repeat bottom;
}
.section_category {
	position: relative;
	margin: 20px 0 0 40px;
	font: normal 14px Arial, Helvetica, sans-serif;
	line-height: 20px;
}
.section_post_comments {
	position: relative;
	margin: 15px 0 50px 40px;
	font: bold 16px Arial, Helvetica, sans-serif;
}
/* Side matter */
#rss {
	position: absolute;
	top: 50px;
	right: 7px;
	width: 33px;
	height: 34px;
}
#section_side {
	position: relative;
	margin: 0 0 200px 0;
	top: 80px;
	right: 90px;
	float: right;
	width: 225px;
}
.section_col_title {
	padding: 0 0 0 25px;
	height: 35px;
	text-transform: uppercase;
	font: bold 16px Arial, Helvetica, sans-serif;
	background: url(../img/blog/sec_col_title.png) no-repeat bottom right;
}
.section_col_links {
	margin: 0 0 20px 0;
	padding: 15px 0 15px 25px;
	background: url(../img/blog/sec_col_y.png) repeat-y;
}
/* "a" links */
#article a:link, #article a:visited {
	font-weight: bold;
	color: #e0f78b;
	text-decoration: none;
}
#article a:hover, #article a:active {
	color: #b8cc70;
}
/* Comments */
#post_comments {
	position: relative;
	margin: 0 0 50px 40px
}
.comment_entry {
	position: relative;
	margin: 0 0 20px 0;
	clear: both;
}
.comment_number {
	padding: 3px 0 0 0;
	width: 30px;
	height: 27px;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #586136;
	text-shadow: none;
	text-align: center;
	background: url(../img/blog/comment_num.png) no-repeat;
}
.comment {
	position: relative;
	margin: 0 0 0 20px;
	padding: 0 0 20px 40px;
	width: 530px;
	line-height: 20px;
	background:url(../img/blog/sec_col_y.png) repeat-y top left;
}
.comment_data {
	margin: 10px 0 0 0;
	font-weight: bold;
}
/* Comment form */
#comment_form {
	margin: 0 0 30px 40px;
}
#comment_form fieldset {
	border: none;
}
#comment_form fieldset label {
	display: block;
	margin: 0 0 3px 0;
	padding: 0 0 0 10px;
	font: bold 16px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#comment_form input {
	margin: 0 0 15px 0;
	padding: 5px 10px;
	width: 230px;
	height: 22px;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #586136;
	border: none;
	background: url(../img/blog/input_bgd.png) no-repeat top;
}
#comment_form input:focus {
	background: url(../img/blog/input_bgd.png) no-repeat bottom;
}
#comment_form textarea {
	padding: 10px 10px;
	width: 544px;
	height: 170px;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #586136;
	border: none;
	overflow: auto;
	background: url(../img/blog/textarea_bgd.png) no-repeat top;
	/* for webkit users */
	resize: none;
}
#comment_form textarea:focus {
	background: url(../img/blog/textarea_bgd.png) no-repeat bottom;
}
#comment_form .button {
	position: relative;
	margin: 0 0 10px 0;
	width: 88px;
	height: 32px;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #586136;
	background: url(../img/blog/submit_bgd.png) top no-repeat;
	cursor: pointer;
}
#comment_form .button:hover {
	background: url(../img/blog/submit_bgd.png) bottom no-repeat;
}