/*
Title: Proyek Eksistensi
*/

/*=================
Required Attributes
==================*/

	
body  {
	background: #F6EDEE url(bg.jpg) top repeat-x;
	color: #333;
	}
	
ul#topmenu li a {
	color: #415235;
	text-shadow: 1px 1px 0px #738568;
	}
	ul#topmenu li a:active {
		position: relative;
		top: 1px; 
		}

ul#topmenu li a:hover {
	color: #8FA183;
	text-shadow: 1px 1px 0px #415235;
	opacity:1;
	}
	
.topmenu_li_desc {
	color: #91A486;
	}
	
h1#logo a {
	background: transparent url(logo.png) no-repeat;
	}
	
/*==================================*/

	
.post_title h2 a {
	color: #666;
	text-shadow: 1px 1px 0px #FFF;
	}
	.post_title h2 a:active {
		position: relative;
		top: 1px; 
		}
	
.post_title h2 a:hover {
	color: #415235;
	}
	
.when, .comment, .cat,
.when a, .comment a, .cat a {
	color: #999999;
	text-shadow: 1px 1px 0px #FFF;
	}
	
.when a:hover, .comment a:hover, .cat a:hover {
	color: #415235;
	}
	
.post_meta {
	color: #333;
	}
	
/*==================================*/
	
#singlepost {
	line-height: 20px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	text-shadow: 1px 1px 0px #FFF;
	background: transparent url(http://img.skitch.com/20100308-njtsmcx49m1yg31wxcrxtqbp35.jpg) bottom no-repeat;
	padding: 0 0 320px 0;
	}
	#singlepost a {
		color: #8FA183;
		border-bottom: 1px dotted #8FA183;
		}
	#singlepost strong {
		font-weight: bold;
		color: #8FA183;
		}

.shadow {
	-webkit-box-shadow: 0px 0px 10px #999;
	-moz-box-shadow: 0px 0px 10px #999;
	box-shadow: 0px 0px 10px #999;
	}
	
#singlepost ul {
	margin: 0 0 0 30px;
	}
	
#singlepost ul li {
	list-style-type: decimal;
	}
	
/*==================================*/
	
h3.related_post_title {
	text-indent: -9999px;
	height: 30px;
	}
	
ul.related_post {
	margin: 0px; padding: 0px;
	display: none;
	}	
ul.related_post li {
	font-size: 11px;
	font-family: Verdana, sans-serif;
	margin: 0px;
	}
	#singlepost ul.related_post li a {
		color: #CCC;
		float: left;
		border-right: 1px solid #DDD;
		display: block;
		padding: 0px 7px;
		}
	#singlepost ul.related_post li a:hover {
		color: #666;
		}
		
/*==================================*/

h2#comments,
h2#respond {
	color: #666;
	text-shadow: 1px 1px 0px #FFF;
	}

ol.commentlist li {
	border-top: 1px solid #DDD;
	text-shadow: 1px 1px 0px #FFF;
	}
	
.comment_left {
	border-right: 1px solid #DDD;
	}
	
cite {
	border-bottom: 5px solid #DDD;
	}

cite a {
	color: #8FA183;
	}
	
.commentmetadata a {
	color: #999;
	}
	
.comment_entry {
	color: #666;
	}
	
.comment_entry a {
	color: #8FA183;
	}
	
label {
	color: #999;
	text-shadow: 1px 1px 0px #FFF;
	}
	
#comment_form input,
#comment_form textarea {
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color: #D7D7D7;
	color: #666;
	}

#comment_form .button {
	color: #FFF;
	background-color: #8FA183;
	}

/*==================================*/
	
#footer {
	background: #333 url(../../images/footer_bg.jpg) top repeat-x;
	}
	
	
/*=================
Optional Attributes
==================*/

#opening {
	width: 950px;
	height: 93px;
	background: transparent url(opening.jpg) center center no-repeat;
	text-shadow: 1px 1px 0px #FFF;
	text-indent: -9999px;
	}
		
.pharagraph_awal,
.pharagraph_ubah,
.pharagraph_teknis {
	margin: 0px 0 30px 160px;
	padding: 0px;
	width: 630px;
	}
	.pharagraph_awal {
		background: transparent url(pharagraph_awal.jpg) top no-repeat;
		}
	.pharagraph_ubah {
		background: transparent url(pharagraph_ubah.jpg) top no-repeat;
		}
	.pharagraph_teknis {
		background: transparent url(pharagraph_teknis.jpg) top no-repeat;
		}
	
	.pharleft {
		font-family: Times, Times New Roman, sans-serif;
		width: 160px;
		float: left;
		font-size: 14px;
		text-transform: uppercase;
		color: #8FA183;
		text-align: center;
		}

	.pharright {
		float: left;
		width: 450px;
		margin: 20px 0 0 0;
		padding: 10px 0 0 10px;
		border-left: 1px solid #DDD;
		}
		
.caption {
	position: absolute;
	bottom: 10px;
	left: 10px;
	color: #F6EDEE;
	text-shadow: none;
	font-size: 11px;
	}
	#singlepost .caption a {
		color: #F6EDEE;
		border-bottom: 1px dotted #F6EDEE;
		}