/*
Theme Name: DW Dirty Finger's
Description: Commercial Theme
Version: 1.0
Author: Dustin Ward	
Author URI: http://www.dustinward.com
Tags: Portfolio
*/

body {
	background:#292929 url(images/bodybg.jpg) no-repeat top center;
	margin:0px;
}
body,td,th {
	font:12px Arial, Helvetica, sans-serif;
	color:#fff;
}

#intro table {
	border-collapse:collapse;
	border:#CCC 1px solid;
}
#intro table td {
	color:#CCC;
	padding:10px;
	border:#CCC 1px solid;
}


img {
	border:none;
}

a {
	text-decoration:none;
	color:#000;
}


form { padding:0px; margin:0px; }

img, div, a, input, span,table,tr,td  { behavior: url("iepngfix.htc"); }

.clear {
	clear:both;
}

.kotak_luar {
	margin-left: auto;
	margin-right: auto;
	width: 951px;
	background:#000 url(images/bg_kotak.jpg) repeat-y;
}

.alignleft { float:left; }
.alignright { float:right; }

/* ----------------- Content -------------------- */

.leftnav {
	width:213px;
	float:left;
}
#captionholder {
float:right;
}

	#logo {
		background:url(images/logo.jpg);
		width:213px;
		height:279px;
		text-indent:-999999999999px;
	}
		#logo h1 { padding:0px; margin:0px; }
		
	#navigation {
		margin:10px 29px 40px 29px;
		font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
		#navigation ul { margin:0px; padding:0px; list-style:none; }
		#navigation h2 {
			margin:0px; padding:0px;
			border-top:#ff7932 1px solid;
			padding-top:13px;
			color:#000;
			font-size:11px;
			text-transform:uppercase;
		}
		#navigation p {
			padding:0px; margin:0px;
		}

.content {
	background-color:#000000;
	float:right;
	padding-top:20px;
	padding-right:15px;
	padding-bottom:20px;
}
	#header {
		height:30px;
		background:url(images/headlogo.jpg) no-repeat right;
	}
	#pagenav {
		font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
		float:right;
		margin:10px 0px 10px 0px;
	}
		#pagenav ul { padding:0px; margin:0px; list-style:none; z-index:90;}
		#pagenav li { 
			color:#FFF;
			float:left;
			text-transform:uppercase;
			padding:0px 8px 0px 8px;
			
		}
		#pagenav li a { color:#FFF; }
		
		#pagenav .current_page_item a { color:#ff5b00; }
	
	#slide_gal {
		width:706px;
		height:473px;  
	}
		#slide_gal img {
			width:706px;
			height:473px;
		}
		.photo_info {
			color:#9b9b9b;
			float:right;
			padding-top:5px;
			padding-bottom:10px;
			margin:0px;
		}
		.gal_tag {
			margin-top:-20px;
			float:left;
			color:#9b9b9b;
			background-color:#000;
		}
			.gal_tag h2 {				
				font: 18px "Arial Black", Gadget, sans-serif;
				color:#FFF;
				padding:0px; margin:0px;
				float:right;
			}
			.gal_tag .date {
				float:left;
				line-height:28px;
				padding-right:10px;
			}
			
			.gal_nav {
				float:right;
				line-height:28px;
				border-bottom:#1a1a1a 1px solid;
				border-top:#1a1a1a 1px solid;
				color:#949494;
			}
			
			.gal_nav a { color:#949494; }
			.gal_nav a:hover { color:#ffffff; }

			.gal_nav_nexta {
				border-left:#1a1a1a 1px solid;
				line-height:30px;
				display:block; float:right;
				padding-left:10px;
				margin-left:10px;
			}
	#front_ct {
		background:url(images/bg_grad.jpg);
		margin-top:20px;
		padding:25px;
		margin-bottom:30px;
		width:657px;
	}
		#front_ct h2 {
			margin:0px; padding:0px;
			font:14px "Arial Black", Gadget, sans-serif;
			color:#f86505;
		}
		#front_ct p {
			color:#989898;
		}
		
		#front_ct a {
			color:#f86505;
		}
		
		#fct_1 {
			float:left;
			border-right:#2a2a2a 1px solid;
			margin-right:25px;
			padding-right:25px;
			width:28%;
		}
		#fct_2 {
			float:left;
			border-right:#2a2a2a 1px solid;
			margin-right:25px;
			padding-right:25px;
			width:28%;
		}
		#fct_3 {
			float:left;
			width:28%;
		}
	#partners {
		width:94%;
    	margin: auto;
	}
	
	#footer {
		color:#656565;
		float:right;
		height:40px;
		line-height:40px;
	}		
	
	#intro h2 {
			font: 18px "Arial Black", Gadget, sans-serif;
			color:#FFF;
			padding:0px; margin:0px;
	}
	#intro p {
		color:#989898;
		font-size:14px;
		line-height:24px;
	}
	
	#inside_ww {
		background:url(images/bg_grad.jpg);
		margin-top:20px;
		padding:25px;
		margin-bottom:30px;
		width:657px;
	}
	
	#inside_ww h3 {
		color:#FFFFFF;
	}
	
	#inside_ww p {
		color:#989898;
	}
		
		#inside_ww .photo_ww {
			float:left;
		}
		#inside_ww .info_ww {
			float:right;
			width:480px;
		}
		
		#inside_ww .info_ww h2 {
			margin:0px; padding:0px;
			font:14px "Arial Black", Gadget, sans-serif;
			color:#f86505;
		}
		#inside_ww .info_ww p {
			color:#989898;
			font-size:12px;
			line-height:18px;
		}
		
	#inside_trail {
		background:url(images/bg_trail.jpg) no-repeat;
		margin-top:20px;
		margin-bottom:30px;
		width:738px;
		height:754px;
		margin-right:-15px;
	}
	#inside_trail #ctr {
		padding:30px;
		padding-top:20px;
	}
	
		#inside_trail #list {
			padding-left:80px;
		}
		#inside_trail #list h2 {
			padding:0px; margin:0px;
			font-size:14px;
			color:#f86505;
			padding-bottom:4px;
			padding-top:5px;
		}	
			#inside_trail #list h2 a {
			color:#f86505;
			}	
		#inside_trail #list p {
			padding:0px; margin:0px;
			font-size:14px;
			color:#CCC;
			padding-bottom:15px;
		}	
		
		#trail-sub {
			margin-left:25px;
		}
		
		#trail-sub h2 {
			font-size:14px;
		}
		#trail-sub p {
			font-size:12px;
		}

	#intro .trail_det_info { font-size:12px; }
		#intro .trail_det_info span {
		color:#f86505;margin-left:20px;
	}	#intro .trail_det_info span:first-child {margin-left:0px;}
		
	.hr_line {
		border:none;
		border-top:#262626 1px solid;
		padding:20px 0px 0px 0px;
	}
	
	.hr_line2 {
		border:none;
		border-top:#262626 1px solid;
		padding:0;
	}

/* Slider */
	#prevBtn {
		background:url(images/arrow_l.jpg) left no-repeat;
		padding-left:10px;
		padding-right:5px;
		border-right:1px solid #949494;
	}
	#nextBtn {
		background:url(images/arrow_r.jpg) right no-repeat;
		padding-right:10px;
		padding-left:5px;
	}
	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:706px;
		height:503px;
		overflow:hidden; 
		}	

/* __________________________________ Dropdown _____________________________________________ */

#dropmenu, #dropmenu ul {}
	#dropmenu a {}
	#dropmenu a:hover {color:#999; font-weight:bold;}
	#dropmenu li {float:left; position:relative;}
	#dropmenu ul {position:absolute; display:none; width:auto; left:-1px;}

	#dropmenu ul a {}
	#dropmenu ul a:hover {}

	#dropmenu li ul {width:auto;}
	#dropmenu li ul a { 
		width:170px;float:right;}
	#dropmenu ul ul {top:auto;}
	#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
	#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
	#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}			h3#comments{color:#f86505;font-size:12px;}.comment_time{text-transform:uppercase;color:#999;}ol.commentlist{padding:0;}ol.commentlist li .entry{color:#FFF;font-family:Arial;font-size:14px;}ol.commentlist li strong{color:#999;f}