/*
Theme Name: Catur
Description: 
Author: 
Version: 
License: 
License URI: 
Tags: 
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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 {
	background: ;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

body {
	line-height: 18px;
	width: 100%;
	background: #494329 url(images/body_bg.png) repeat top;
	font: normal 12px/18px Arial, Verdana, serif;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

blockquote {
	quotes: none;
}

blockquote:before, blockquote:after {
	content: '';
	content: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img {
	border: none;
}

a	{
	text-decoration: none;
	}
	
.clear	{
	clear: both;
	}

/* interior */

@font-face {
	font-family: ChaparralPro;
	src: url('ChaparralPro-Regular.otf');
}

@font-face {
	font-family: 'DueDate';
	src: url('DueDate.woff') format('woff'), 
	     url('DueDate.ttf')  format('truetype'),
	     url('DueDate.svg') format('svg');
	}

/* top */

#header	{
	position: relative;
	width: 100%;
	height: 344px;
	text-align: center;
	}
	
.monkey	{
	width: 1280px;
	height: 345px;
	background: #494329 url(images/body_bg.png) repeat top;
	}
	
.logo	{
	position: absolute;
	top: 145px;
	left: 140px;
	}
	
/* Nav */

.Nav	{
	background-color: #292323 (images/body_bgwarna.png) repeat top;
	height: 53px;
	border-top: 1px solid #655E3B;
	border-bottom: 1px solid #655E3B;
	width: 100%;
	display: block;
	}
	
ul#menu-menu-navigation,
#menu-menu-navigation-1	{
	font-family: ChaparralPro, Arial, Verdana, Serif;
	margin: 0px auto;
	padding: 0px;
	font-size: 18px;
	width: 1160px;
	height: auto;
	}
	
ul#menu-menu-navigation li,
#menu-menu-navigation-1 li	{
	float: left;
	padding: 0px;
	border-right: 2px solid #655E3B;
	line-height: 53px;
	}
	
ul#menu-menu-navigation li:first-child,
#menu-menu-navigation-1 li:first-child	{
	border-left: 2px solid #655E3B;
	}
	
ul#menu-menu-navigation li a,
#menu-menu-navigation-1 li a	{
	color: #FFF;
	display: block;	
	padding: 0px 12px;
	}
	
ul#menu-menu-navigation li a:hover,
#menu-menu-navigation-1 li a:hover	{
	color: #000;
	background: transparent url(images/topMenu_hover.png) repeat;	
	}
	
ul#menu-menu-navigation li ul,
ul#menu-menu-navigation-1 li ul {
		background:#3E3823;
		display:none;
		height:auto;
		padding:0px;
		margin:0 0 0 -2px;
		border: 2px solid #655E3B;
		position:absolute;
		width:225px;
		z-index:200;
		box-shadow: 2px 2px 10px #272418;
		/*top:1em;
		/*left:0;*/
		}
		
ul#menu-menu-navigation li:hover ul,
ul#menu-menu-navigation-1 li:hover ul {
		display:block;		
		}
		
ul#menu-menu-navigation li:hover ul li ul,
ul#menu-menu-navigation-1 li:hover ul li ul {
		display:none;		
		}

		
ul#menu-menu-navigation li li,
ul#menu-menu-navigation-1 li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		border: none;
		line-height: 38px;
		}
		ul#menu-menu-navigation li li:first-child,
		ul#menu-menu-navigation-1 li li:first-child { border: none; }
		
ul#menu-menu-navigation li:hover li a,
ul#menu-menu-navigation-1 li:hover li a {
		background:none;
		
		}
ul#menu-menu-navigation li ul a,
ul#menu-menu-navigation-1 li ul a {
		display:block;
		height:35px;
		margin:0px;
		padding:3px 10px 3px 15px;
		text-align:left;
		}
ul#menu-menu-navigation li ul a:hover,
ul#menu-menu-navigation li ul li:hover a,
ul#menu-menu-navigation-1 li ul a:hover,
ul#menu-menu-navigation-1 li ul li:hover a {

			background: transparent url(images/topMenu_hover.png) repeat;
			border:0px;
			color:#000;
			text-decoration:none;
			}
ul#menu-menu-navigation p,
ul#menu-menu-navigation-1 p {
		clear:left;
		}	

	
	
/* mid */

#wraper	{
	width: 1000px;
	margin: 0px auto;
	}
	
/* sidebar	*/

#sidebar	{
	width: 250px;
	float: left;
	border-right: 2px solid #655E3B;
	background: transparent url(images/sidebar_shadow.png) repeat-y top right;
	font-family: ChaparralPro, Arial, Verdana, Serif;
	font-size: 16px;
	padding-top: 20px;
	text-align: right;	
	}
	
ul#menu-left-sidebar	{
	margin-right: 15px;
	}
	
ul#menu-left-sidebar li	{

	}
	
ul#menu-left-sidebar li a	{
	color: #FFF;
	text-shadow: 1px 1px 0px #000000;
	background: transparent url(images/dot_sidebar.png) no-repeat right;
	padding-right: 13px;
	line-height: 30px;
	}
	
ul#menu-left-sidebar li a:hover	{
	color: #CC9900;
	background: transparent url(images/dot_sidebar_hover.png) no-repeat right;	
	padding-right: 13px;
	}
	
/* content */

#content-wrap	{
	width: 740px;
	float: left;
	color: #E9DFAC;
	font-size: 12px;
	text-align: justify;
	}
	
#bigTitle	{
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #655E3B;
	padding-left: 15px;
	}
	
.breadcrumb {
	color: #CC9900;
	font-size: 9px;
	text-transform: uppercase;
	border-bottom: 1px solid #655E3B;
	text-shadow: 1px 2px 0px #3E3823;
	padding: 0 0 0 15px;
	}
	.breadcrumb a { color: #FFF; }
	
#content-wrap #bigTitle h3	{
	font-family: Due Date, Aria, Verdana, Serif;
	color: #FFF;
	font-size: 21px;
	line-height: 25px;
	text-shadow: 1px 1px 0px #000;
	}

#description	{
	padding-left: 15px;
	border-bottom: 1px solid #655E3B;	
	}
	
#thumbnail	{
	padding: 25px 0px 0px 15px;
	margin-bottom: 20px;
	font-family: Arial, Verdana, Serif;
	font-size: 11px;
	}
		
.single-thumbnail	{
	width: 315px;
	height: 330px;
	overflow: hidden;
	float: left;
	margin-right: 40px;
	margin-bottom: 35px;
	}
	
.single-thumbnail h2 {	
	background: transparent url(images/thumbnail_bg.png) repeat-y;
	padding: 5px 10px;
	font: normal 14px/15px Arial, Verdana, serif;
	position: absolute;
	bottom: 0px;
	display: block;
	width: 285px;
	text-align: left;
	text-shadow: 1px 1px 0px #000;
	}
	
#thumbnail .single-thumbnail .thumb-img h2 a { 
	color: #FFF; 
	display: block;
	}
	
.thumb-img {
	position: relative;
	width: 305px;
	height: 173px;
	overflow: hidden;
	box-shadow: 0 0 10px #272418;
	-moz-box-shadow: 0 0 10px #272418;	
	-webkit-box-shadow: 0 0 10px #272418;
	border: 5px solid #655E3B;
	margin: 0 0 10px 0;
	background: transparent url(images/noimage.jpg) no-repeat;
	}	
	
.thumb-img img	{
	width: 305px;
	height: auto;

	}
	
/* for page.php */	
	

#description .pages	{
	padding: 20px 0px;
	}
	
#description .pages h3	{
	color: #FFF;
	font-family: ChaparralPro, Arial, Verdana, Serif;
	font-size: 20px;
	}
	
#description .pages h4	{
	font-family: ChaparralPro, Arial, Verdana, Serif;
	color: #E29531;
	font-size: 15px;
	margin: 5px 0px;
	}	
	
#description .pages h5	{
	font-family: ChaparralPro, Arial, Verdana, Serif;
	color: #E29531;
	font-size: 12px;
	float: left;
	padding-right: 5px;
	font-weight: bold;
	}	
	
#description .pages ul {
	margin-bottom: 15px;
	}
	
#description .pages ul li	{
	margin-top: 3px;
	background: transparent url(images/dot_sidebar_hover.png) no-repeat 0px 6px;	
	padding-left: 13px;	
	}
	
#description .pages p	{
	margin-top: 0px;
	}
	
#description .pages a	{
	color: #E29531;
	}
	
#description .pages a:hover	{
	color: #FFF;
	}
	
#description .pages table	{

	}	

#description .pages table td	{
	width: 350px;
	padding: 5px 10px;
	}
	
#description .pages table tr.even	{
	background-color: #565034;
	}	
	
#description .pages .align-right	{
	text-align: right;
	}
	
/* contact form */

.contact-form	{
	padding-left: 15px;
	padding-bottom: 25px;
	margin: 25px 0;
	}
	
.table	{
	width: 100%;
	color: #fff;
	font-size: 12px;
	margin: 0 0 20px 0;	
	}
	
.table label	{
	width: 110px;
	display: block;
	float: left;
	}
	
.table td	{
	padding: 5px 10px;
	}
	
.table2	{
	width: 100%;
	color: #E9DFAC;
	font-size: 12px;	
	}
	
.table2 label	{
	width: 150px;
	display: block;
	float: left;
	}
	
.table2 td	{
	padding: 5px 0;
	}
	
.table tr.even,.table2 tr.even	{
	background-color: #565034;
	}
	
.table3	{
	width: 100%;
	color: #E9DFAC;
	font-size: 12px;
	}
	
.table3 td h6	{
	width: 50px;
	float: left;
	padding-left: 20px;
	font-size: 12px;
	}
	
.table label.options	{
	width: 150px;
	text-align: left;
	}
	
.table3 label	{
	width: 20px;
	display: block;
	float: left;
	padding-top: 5px;
	}
	
.table3 input	{
	width: 135px;
	}
	
.table3 td	{
	padding: 5px 0;
	}	
	
.table4	{
	width: 100%;
	color: #E9DFAC;
	font-size: 12px;	
	}
	
.table4 label	{
	width: 250px;
	display: block;
	float: left;
	padding-top: 5px;
	}
	
.table4 input	{
	width: 135px;	
	}
	
.table4 td	{
	padding: 5px 0;	
	}
	
.table4 td	{

	}	
	
/* optional */

#optional	{

	}	


/* bottom	*/

#footer	{
	width: 100%;
	}

/* shadow footer nav */

.shd	{
	height: 10px;
	background: transparent url(images/footer_shadow.png) repeat-x bottom;
	width: 100%;	
	}
	
/* closing */

#closing	{
	margin-bottom: 150px;
	color: #978C58;
	text-shadow: 1px 1px 0px #3D3822;
	font-family: Arial, Verdana, Serif;
	font-size: 11px;
	width: 100%;
	}
	
#copyright	{
	width: 1000px;
	margin: 0px auto;
	}
	
#copyright a { color: #978C58; }
#copyright a:hover { color: #FFF; }
	
#cover-right	{
	float: left;
	margin-left: 20px;
	}
	
#cover-left	{
	width: 660px;
	float: left;
	margin-left: 20px;
	}