/*  



Template Name: Black Grunge



Version: 1.0



Author: rambochai



Author URL: http://rambochai.com



*/











html, body {



	font-family: arial;



	font-size: 12px;



	border: 0;



	color: #707070;



}







body, img, p, h1, h2, h3, h4, h5, ul, ol, li, form, blockquote {



	margin: 0;



	padding: 0;



}







body {



	background: #000 url(img/bg.jpg) no-repeat center top;



}







p {



	line-height: 18px;



	padding: 5px ;



	margin: 2px



}











h1, h2, h3, h4, h5 {



	margin: 0;



}







ul, ol {



	list-style: none;



	padding: 5px 0;



}







small {



	font-size: 11px;



}







code {



	background: #FFFFC1;



}







a {



	color: #DB2B2C;



	text-decoration: none;



}







p a {



	border-bottom: none;



}







p a img {

	text-decoration: none;

	border: 0 !important;



}







a:hover {



	text-decoration: none;



	border-bottom-color: #555555;



}







a img {



	border: none;



}







blockquote {



	font-size: 12px;



	width: 80%;



	padding: 0 4%;



	margin: 10px 0 10px 4%;



	border-left: #6F1313 2px solid;



	color: #5F5F5F;



	line-height: 19px;



	font-style: italic;



}







blockquote p {



	padding: 5px 0;



}







blockquote blockquote {



	border-left: #8A111E 2px solid;



}











/* Wrap */







#wrap {



	width: 80%;



	padding: 0 35px 0 35px;



	overflow: hidden;



	background: #000;



	margin: 0 auto;



}







#main_menu {

	width: 90%;

	margin: 0 auto;

	padding-top: 0px;

	padding-bottom: 0px;

	text-align: center;

	background: url(img/top.gif) no-repeat center bottom;

    margin-top: 8px;

    margin-bottom: 3px;

}







#main_menu ul {

	width: 100%;

	padding: 0px 0 0px 0;

}







#main_menu ul li {

	display: inline;

	font-size: 12px;

	font-weight: bold;

	padding-right: 10px;

}





#main_menu ul li a {

	color: #FFF000;

	text-decoration: none;

}





#main_menu ul li.current_page_item a, #main_menu ul li a:hover {

	color: #fff;

}







/* Content */







#content {



	margin-top: 0px;



	height: auto;



	width: 500px;



	float: left;



	overflow: hidden;



}







#content h2 {



	margin-top: 0px;



	font-size: 20px;



}







#content h2 a:hover {



	text-decoration: none;



}







#content ul {



	padding-left: 50px;



	color: #5F5F5F;



}







#content ol {



	padding-left: 70px;



	color: #5F5F5F;



}







#content ol li {



	padding-left: 70px;



	line-height: 19px;



	padding: 2px 0 2px 0px;



}







#content ul li {



	line-height: 19px;



	padding: 2px 0 2px 20px;



	background: url(img/square.gif) no-repeat 0 10px;



}







#content ol li {



	list-style: decimal;



}











#content form label input, #content textarea {



color: #878787;



}







.aligncenter {



	margin: 10px auto 20px auto;



	display: block;



}







.alignleft {



	margin: 10px 10px 8px 0;



	float: left;



}







.alignright {



	margin: 10px 0px 8px 10px;



	float: right;



}







/* Post */







.post {



	margin-top: 10px;



	margin-left: 5px;



	padding: 10px 10 0px 0;



	clear: both;



}







.post .title {



	margin-top: 0px;



	background: url(img/post_line.gif) no-repeat left bottom;



	position: relative;



}







.post .date {



	margin-top: 0px;



	font-size: 11px;



	position: relative;



}







.post .date a, .post .post_details a {



	color: #9E9E9E;



	border: 0;



}







.post .date a:hover, .post .post_details a:hover {



	text-decoration: underline;



}







.post .post_details {



	font-size: 10px;



	padding-left: 10px;

	padding-top: 0px;



	background: url(img/li_sidebar.gif) no-repeat 0 10px;



	margin: 20px 0px;



	clear: both;



}







/* More Posts */







.more_posts {



	padding: 15px 0;



}







.more_posts a {



	color: #949494;



}







.more_posts h2 a:hover {



	color: #DB2B2C;



	text-decoration: none;



}







/* Comments (single.php and comments.php) */







h2.lc {



	padding-top: 20px;

	margin-left: 10px;

}







.comments_wrap {



	width: 480px;



	margin: 20px 0 0px 10px;



	border: #FFFFFF 1px solid;



	clear: both;



	padding: 3px;



}







.comments_wrap .left {



	width: 46px;



	padding-top: 2px;



	float: left;



}







.comments_wrap .left img {



	border: #2F2F2F 3px solid;



	padding: 1px;



}







.comments_wrap .right {



	width: 410px;



	float: left;



	padding-left: 20px;



}







.comments_wrap .right h4 {



	font-size: 11px !important;



	text-transform: none;



	padding: 0;



	font-weight: normal;



	color: #707070;



}







.comments_wrap .right h4 b {



	font-size: 12px !important;



	color: #8C8C8C;



}







.comments_wrap .right h4 a {



	text-decoration: none;



}







.comments_wrap .right h4 a:hover {



	text-decoration: underline;



}







/* Comments (form) */







#content form {



	margin: 20px 0 30px 10px;



}







#content form label {



	display: block;



	margin: 10px 0;



	font-size: 12px;



}







#content form label input {



	padding: 3px;



	width: 180px;



	font-size: 12px;



	background: #202020;



	border: #3F3F3F 1px solid;



}







#content textarea {



	margin-bottom: 10px;



	display: block;



	padding: 3px;



	font-size: 12px;



	background: #212121;



	border: #3F3F3F 1px solid;



}







#content form input {



	margin-top: 5px;



}







#content form input.sb {



	background: #2F2F2F;



	border: #3F3F3F 1px solid;



	color: #8B8B8B;



	padding: 5px 0;



	width: 80px;



}







.lc_logged {



	padding: 0;



	margin-top: -10px;



}







/* Sidebar */







#sidebar {



	margin-top: 0px;



	width: 240px;



	float: right;



	padding-top: 0px;



	padding-bottom: 10px;



	padding-left: 30px;



	padding-right: 30px;



	background: url(img/sidebar.jpg) repeat center top;



	overflow: hidden;



}







#sidebar h2 {



	color: #fff;



	font-family: "Trebuchet MS";



	font-style: bold;



	font-size: 14px;



	text-align: center;



	letter-spacing: 2px;



	text-transform: uppercase;



	padding-top: 5px;



	padding-bottom: 5px;



	margin-top: 15px;



	margin-bottom: 8px;



	background: url(img/sidebar-title.gif) no-repeat center top ;



	overflow: hidden;



}











#sidebar ul ul {



	padding: 0;



}







#sidebar li {



	font-size: 12px;



	text-align: left;



	line-height: 18px;



	padding-top: 0px;



	padding-left: 30px;



	background: url(img/li_pd.gif) no-repeat 15px 7px;



}







#sidebar li a {



	color: #F3BA3C;



	text-decoration: none;



}







#sidebar li a:hover {



	color: #fff;



	text-decoration: underline;



}







#sidebar #search input#s {



	background: #2F2F2F;



	border: #3F3F3F 1px solid;



	margin-bottom: 5px;



}







#sidebar #search input {



	background: #2F2F2F;



	border: #3F3F3F 1px solid;



	color: #7C7C7C;



}







/* Widget (calendar) */







#wp-calendar {



	width: 95%;



	padding: 0 0 0px 0;



	margin-bottom: 15px;



}







#wp-calendar caption {



	padding: 10px;



}







#wp-calendar th {



	color: #fff;



}







#wp-calendar th, #wp-calendar td {



	padding: 5px;



	text-align: center;



	background: #383838;



	color: #9E9E9E;



}







#wp-calendar td {



	background: transparent;



}







#wp-calendar td, table#wp-calendar th {



	padding: 3px 0;



}







#wp-calendar a {



	text-decoration: underline;



}







#wp-calendar a:hover {



	text-decoration: none;



}







/* Widget (tag cloud) */







#tag_cloud a:hover {



	color: #fff;



}







/* Footer */







#footer {



	width: 834px;



	padding: 23px 18px 50px 18px;



	background: url(img/footer.jpg) no-repeat center top;



	color: #5F5F5F;



	margin-top: 20px;



	margin-left: -17px;



}







#footer a {



	color: #fff;



}







#copyright {



	font-size: 11px;



	width: 300px;



	float: left;



}







#copyright p {



	line-height: 20px;



	padding: 0;



}







#footer_menu {



	width: 530px;



	float: right;



}







#footer_menu ul {



	float: right;



	padding-top: 12px;



}







#footer_menu li {



	display: inline;



	padding-left: 25px;



	font-size: 11px;



}







#footer_menu li a {



	color: #5F5F5F;



}







#footer_menu li.current_page_item a, #footer_menu li a:hover {



	color: #fff;



}







/* Fix */







#content_wrap:after,



#footer:after,



.comments_wrap:after {



    content: "."; 



    display: block;



	 height: 0;



    clear: both; 



    visibility: hidden;



}