/**********************************************************************************************

	A Minor Incident
	Title: WordPress Theme
	Author: Rian Triharyana - http://3daysafter.net
	Date: August 2008 

***********************************************************************************************

		
	1. BASE
			1.1 Reset
			1.2 Default styles
			1.3 Basic styles
	
	2. LAYOUT
			2.1 Header
			2.2 Content
			2.3 Sidebar
			2.4 Footer
		

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	



/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/	


	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	
	body {
		line-height: 1;
	}
	
	ol, ul {
		list-style: none;
	}
	
	blockquote, q {
		quotes: none;
	}
	
	blockquote:before, 
	blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	:focus {
		outline: 0;
	}
	
	ins {
		text-decoration: none;
	}
	
	del {
		text-decoration: line-through;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}


/* 1.2	Default styles
-----------------------------------------------------------------------------------------------*/	
	
	html{
		background: #1c1816 url('../images/bg-body.gif')}

	body {
		background:  url('../images/bg-header.gif') top center repeat-x;
		font: 62.5% 'Helvetica Neue', Helvetica, Arial, sans-serif;
		text-align: center;
		color: #b4a690;
		text-shadow: 1px 1px 2px #000  }

	hr { 
		display: none }
			
	strong {
		font-weight: bold }
			
	em {
		font-style: italic }
		
	
	input, textarea, select {
		font: 12px Arial, Helvetica, sans-serif }

	a {
		color: #4693bf;
		text-decoration: none }
	
	a:hover, 
	a:active {
		text-decoration: none;
		border-bottom: 1px solid #4693bf }
	

/* 1.3	Basic styles
-----------------------------------------------------------------------------------------------*/	

	.hide {
		display: none }
	
	.last{
		background: none !important;
		border: 0 !important;
		padding-left: 0 !important;
		padding-right:0 !important;
		margin-right: 0 !important;
		margin-left: 0 !important }
	

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	
	.container {
		width: 800px;
		position: relative;
		margin: 0 auto;
		text-align: left }
	
	#header {
		height: 130px;
		width: 800px;
		overflow: hidden;
		margin-bottom: 43px;
		position: relative }
	
	/* Default (two column layout) */
	
	#content {
		width: 550px; 
		float: left }
		
	#sidebar {
		width: 200px;
		float: right;
		overflow: hidden }
	
	#footer {
		clear: both;
		width: 800px;
		overflow: hidden;
		padding-bottom: 25px;
		padding-top: 50px;
		font-size: 12px }
	

/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	
	
	#logo{
		width: 400px;
		float: left }
		
		#page-title,
		#page-description{
			padding: 0; 
			line-height: normal }
			
		#page-title{
			padding-top: 35px;
			height: 43px}	
			
		#page-title,
		#page-title a{
			color: #fff;
			font-size: 32px}	
		
			#page-title a:hover{
				border: 0 }
				
		#page-description{
			font-size: 12px; }		
	
	#accessibility-links {
		position: absolute;
		left: -1000em;
		text-align: left }
		
	#navigation{
		overflow: hidden;
		width: 280px;
		position: absolute;
		right: -5px;
		padding-top: 56px }	
		
		#navigation li{
			float: left;
			font-size: 14px;
			padding-left: 30px }
			
		#navigation li#menu-homepage{
			width: 78px }
			
		#navigation li#menu-archives{
			width: 65px }
			
		#navigation li#menu-about{
			width: 45px }			
			
			#navigation li a{
				color: #746a60 }
				
				#navigation li.active a,
				#navigation li a:hover{
					color: #6b4c2d  }
	
/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	
	.hfeed,
	.comments{
		overflow: hidden;
		margin-bottom: 20px;
		font-size: 12px;
		line-height: 20px }
		
	.comments{
		margin-top: -20px;
		padding-bottom: 25px;
		margin-bottom: 45px;
		background: url('../images/hr.gif') bottom repeat-x; }	
		
	.hentry{
		background: url('../images/hr.gif') bottom repeat-x;
		margin-bottom: 25px;
		padding-bottom: 15px }	
	
	h1.entry-title,
	h1.page-title{
		font-size: 22px;
		line-height: normal;
		color: #FFFFFF }
		

    h1{
		font-size: 22px;
		line-height: normal;
		color: #FFFFFF;
		padding-bottom: 10px }
	
	h1.page-title{
		padding-bottom: 10px }

	h2.entry-title,
	.comments h3,
	h2.archive-title,	
	.no-content h1{
		font-size: 18px;
		line-height: normal;
		color: #FFFFFF }	
		
	h2.archive-title,
	.no-content h1{
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px dotted #292420 }
	
		.no-content h3{
			font-size:18px;
			padding-bottom: 10px;
			padding-top: 5px }
			
			.no-content ul{
				padding-left: 30px;
				margin-bottom: 20px }	
				
			.no-content ul.archives-list{
				padding-left: 15px;
				list-style-type: square}			
				
			.no-content li{
				padding:10px 0;
				font-size: 12px }	
		
	.meta{
		font-size: 10px;
		text-transform: uppercase;
		margin-bottom: 15px }	
	
	.entry-content p,
	.no-content p{
		margin-bottom: 15px;
		font-size: 12px;
		line-height: 20px }
		
		.comments ol{
			overflow: hidden;
			display: block;
			background: url('../images/hr.gif') top repeat-x;
			margin-top: 25px;
			margin-bottom: -25px }
			
			.comments ol li{
				overflow: hidden;
				display: block;
				width: 408px;
				padding-top: 20px;
				position: relative;
				border: 1px solid #292420;
				margin: 25px 0;
				padding: 10px 10px 0 10px}
				
				.comments ol li div.comments-meta{
					border-bottom: 1px dotted #292420;
					padding-bottom: 10px;
					margin-bottom: 10px }
				
					.comments ol li div.comments-meta h4{
						text-transform: capitalize }

					.comments ol li div.comments-meta abbr{
						font-size: 10px;
						text-transform: uppercase }

				.comments ol li div.comments-gravatar{
					position: absolute;
					right: 10px;
					top: 15px }	
					
					.comments ol li div.comments-content p{
						padding-bottom: 10px }			

		.comments form label {
			width:80px;
			float:left;
			font-size:1.1em;
			line-height:22px;
			padding-top:33px;
			position:relative }
			
		.comments form label {
			clear:both }

		.comments form input{
			width:300px;
			float:right;
			font-size:12px;
			line-height:23px;
			padding-bottom:20px;
			border-bottom:1px solid #26211e }

		.comments form{
			overflow:hidden;
			display: block;
			width: 100%;
			background: url('../images/hr.gif') top repeat-x;
			margin-top: 25px;
			padding-top: 25px }
			
			.comments form input{
				width:300px;
				float:left;
				height:auto !important;
				padding:3px;
				line-height:normal;
				margin-bottom:15px }
				
			.comments form textarea{
				width:340px }
				
			.comments form input#btn-submit{
				color: #b4a690;
				margin-left:80px;
				margin-top:10px;
				width:80px;
				padding: 5px 0;
				font-size: 12px;
				font-weight: bold;
				border:1px solid #26211e;
				background: #161311 }
				
			.comments form label{
				padding:4px 0 0;
				font-size:11px;
				font-weight:bold }

	blockquote{
		padding:20px 20px 15px 20px;
		background:#26211e url(../images/quote.gif) 10px 11px no-repeat;
		margin:10px 0 20px 0;
		border:1px solid #332d29 }
		
		blockquote p{
			padding-left:30px;
			color:#938d89 }

/* 2.3	Sidebar
-----------------------------------------------------------------------------------------------*/	
	#sidebar form{
		overflow: hidden;
		margin: 0;
		padding-bottom: 8px }
		
		form input#s{
			width: 300px;
			float: left;
			margin: 0;
			padding: 0;
			line-height: normal }
		
		form input#btnsearch{
			float: right;
			margin: 0;
			padding: 0  }
			
	#sidebar .panel{
		overflow: hidden;
		padding-bottom: 25px;
		display: block;
		width: 100%;
		margin-bottom: 25px;
		background: url('../images/hr.gif') bottom repeat-x }
		
		.panel h3{
			font-size: 18px;
			padding-bottom: 15px;
			color: #FFFFFF }
		
		.panel ul,
		.panel ol{
			overflow: hidden;
			margin-top: -17px;
			width: 100%;
			display: block }		
		
		.panel .prev-entry li,
		.panel .months li,
		.panel .recent-comments li{
			padding-top: 12px;
			margin-bottom: 10px;
			margin-top:-1px;
			position: relative;
			display: block;
			width: 100%;
			overflow: hidden;
			border-top:1px solid #292420 }		
			
			.panel .prev-entry li h4,
			.panel .months li h4,
			.panel .recent-comments h4,
			.panel .months li a{
				font-size: 12px;
				padding-bottom: 5px;
				font-weight: bold }
				
			.panel .prev-entry li p,
			.panel .months li p,
			.panel .recent-comments li p{
				font-size: 11px }	
			
				.panel .prev-entry li p.comments-number a{
					display: block;
					width: 31px;
					height: 24px;
					background: url('../images/bg-bubble_comment.gif') no-repeat;
					position: absolute;
					right: 0;
					top:16px;
					text-align: center;
					font-size: 13px;
					padding-top: 2px }
					
					.panel .prev-entry li p.comments-number a,
					.panel .recent-comments p.comments-link a{
						color: #746a60 }
					
					.panel .prev-entry li p.comments-number a:hover{
						border:0 }
						
				.panel .months p.posts-number{
					position: absolute;
					right:10px;
					top:13px;
					font-size: 12px;
					color: #746a60 }	
					
				.panel .recent-comments p.comments-link{
					position: absolute;
					right: 10px;
					font-family: Georgia;
					top:10px;
					font-size: 12px }
					
					.panel .recent-comments p.comments-link a:hover{
						border: 0}
					
				.panel .recent-comments li div.gravatar{
					width: 40px;
					float: left }
					
				.panel .recent-comments li div.comments-detail{
					float:right;
					width: 250px }	
					
				.panel .recent-comments li h4{
					margin-top: -3px }			
					
				.panel .recent-comments li p{
					font-size: 12px;
					line-height: 18px }