@font-face{font-family:'Oswald';font-style:normal;font-weight:300;src:local('Oswald Light'),local('Oswald-Light'),url(../fonts/Oswald-Light.woff2) format('woff2'),url(../fonts/Oswald-Light.woff) format('woff')}@font-face{font-family:'Oswald';font-style:normal;font-weight:400;src:local('Oswald Regular'),local('Oswald-Regular'),url(../fonts/Oswald-Regular.woff2) format('woff2'),url(../fonts/Oswald-Regular.woff) format('woff')}@font-face{font-family:'Oswald';font-style:normal;font-weight:700;src:local('Oswald Bold'),local('Oswald-Bold'),url(../fonts/Oswald-Bold.woff2) format('woff2'),url(../fonts/Oswald-Bold.woff) format('woff')}*{margin:0;padding:0}body{font-family:Arial;font-size:14px;line-height:20px}a{text-decoration:none;color:#000}a:hover{text-decoration:none}input[type=text],input[type=password],input[type=submit],textarea{border:1px solid #ddd;padding:5px;outline:0}h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0 0 15px;font-family:'Oswald',sans-serif}h2{font-size:25px;line-height:30px}img{max-width:100%;height:auto;border:none}.alignleft{float:left;margin-right:10px}.aligncenter{display:block;margin:10px auto}.alignright{float:right;margin-left:10px}.floatleft{float:left}.floatright{float:right}.wrapper{width:1020px;display:block;margin:0 auto}.clearfix{overflow:hidden}ul,ol{margin:0;padding:0;list-style:none}#selectnav1{display:none}#header_area{background:url("../images/header_bg.png") repeat-x scroll 0 0 #000}#content_area{background:url("../images/body_top_bg.png") repeat-x scroll center top #fff;padding-top:10px}#footer_top_area{background:none repeat scroll 0 0 #171716;margin-top:25px;padding:20px 0;border-top:5px solid #FFD500}#footer_bottom_area{padding:15px 0;background:#222}.header_top{padding:15px 0}.logo a h1{color:#fff;font-family:oswald;font-size:30px;font-weight:bold;line-height:40px;text-transform:uppercase}.logo a h1 span{color:#ffd500}.search{background:none repeat scroll 0 0 #2c2c2b;border:1px solid #595957;padding:5px}.search input[type="text"]{background:none;border:none;outline:0;color:#999;width:200px}.search input[type="submit"]{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:url("../images/search.png") no-repeat scroll 5px 0 rgba(0,0,0,0);border-color:-moz-use-text-color -moz-use-text-color -moz-use-text-color #595957;border-image:none;border-style:none none none solid;border-width:medium medium medium 1px;cursor:pointer;height:22px;padding-left:5px;text-indent:-99999px;width:33px}.header_bottom{background:none repeat scroll 0 0 #ffd500;min-height:30px;padding:10px; box-sizing: content-box;}.header_bottom ul{list-style:none outside none;margin:0;padding:0}.header_bottom ul li{float:left;position:relative}.header_bottom ul li a{display:block;font-family:oswald;font-size:15px;padding:5px 15px}.header_bottom ul li a:hover{background:#f5f5f5 url(../images/menu_item.png) no-repeat scroll left center;-webkit-transition:background 300ms ease-in;-moz-transition:background 300ms ease-in;-ms-transition:background 300ms ease-in;-o-transition:background 300ms ease-in;transition:background 300ms ease-in}#dropdown{background:url("../images/down.png") no-repeat scroll right 8px rgba(0,0,0,0);padding-right:2px}.header_bottom ul li ul{background:none repeat scroll 0 0 #FFD500;left:-99999px;position:absolute;z-index:1000;transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s}.header_bottom ul li:hover ul{left:0;top:30px}.header_bottom ul li ul li{width:200px;border-bottom:1px solid #ddd}.header_bottom ul li ul li:last-child{border-bottom:0}.header_bottom ul li ul li a{padding:10px}.header_bottom ul ul li a:hover{background:#f5f5f5 url(../images/menu_item.png) no-repeat scroll left center;-webkit-transition:background 300ms ease-in;-moz-transition:background 300ms ease-in;-ms-transition:background 300ms ease-in;-o-transition:background 300ms ease-in;transition:background 300ms ease-in;padding-left:15px;transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s}.main_content{width:690px;margin-right:10px}.slider{background:url("../images/slider_bg.png") repeat scroll 0 0 rgba(0,0,0,0);margin-bottom:35px;padding:5px}.content_title{background:url("../images/latest_post_bg.png") repeat scroll 0 0 rgba(0,0,0,0);height:73px;margin-bottom:15px}.content_title h2{color:#fff;font-size:16px;margin-bottom:0;padding:8px;text-transform:uppercase}.single_content{margin-bottom:20px;padding-bottom:15px;border-bottom:3px solid #E7E7E7}.single_content:last-child{border-bottom:none}.post_date{background:none repeat scroll 0 0 #c3c3c3;margin-right:10px;padding:5px}.post_date .date{border:1px solid #ddd;padding:10px;text-align:center}.post_date h3{font-size:36px;font-weight:bold;margin-bottom:5px;margin-top:5px;text-align:center}.post_date p{font-size:14px;font-family:oswald}.post_detail>a{background:url("../images/nav_right.png") no-repeat scroll 130px 4px #ffd500;display:block;font-family:oswald light;margin-top:10px;padding:5px 10px;width:140px;float:right}.post_detail>a:hover{font-family:oswald}.post_detail h2{font-size:20px;margin-bottom:10px}.post-meta{margin-bottom:25px}.post-meta p span{background:none repeat scroll 0 0 #ecebeb;color:#999;padding:5px 14px}.post-meta p span i{color:#A09E9E}.post_excerpt img{float:left;margin-right:10px;width:220px;height:150px}.pagination{margin-bottom:15px}.pagination ul{text-align:center}.pagination ul li{display:inline-block;margin-right:3px}.pagination ul li a{background:none repeat scroll 0 0 #e7e7e7;color:#999;padding:5px 8px}.pagination ul li a:hover{background:#464646;color:#fff}.sidebar_container{background:none repeat scroll 0 0 #fff;width:300px}.newsletter{padding:10px;border-bottom:3px solid #ddd;margin-bottom:25px}.newsletter form>h2,.newsletter>h2{text-transform:uppercase;font-size:16px;font-weight:bold}.newsletter form input[type=text]{height:25px;width:250px;margin-bottom:15px;box-shadow:inset 0 0 50px 0 #999999;-webkit-box-shadow:inset 0 0 50px 0 #999999;-moz-box-shadow:inset 0 0 50px 0 #999999;-o-box-shadow:inset 0 0 50px 0 #999999}.newsletter input[type=email]{border:1px solid #ddd;height:35px;padding-left:5px;width:257px;margin-bottom:15px;box-shadow:inset 0 0 50px 0 #999999;-webkit-box-shadow:inset 0 0 50px 0 #999999;-moz-box-shadow:inset 0 0 50px 0 #999999;-o-box-shadow:inset 0 0 50px 0 #999999}.newsletter form input[type=submit]{background:url("../images/nav_right.png") no-repeat scroll 90px 6px #ffd500;border:medium none;font-family:oswald light;font-size:14px;padding:8px;text-transform:uppercase;width:120px;cursor:pointer}.single_sidebar{background:url("../images/slider_bg.png") repeat scroll 0 0 rgba(0,0,0,0);padding:10px;margin-bottom:25px}.sidebar_title{background:url("../images/title_down.png") no-repeat scroll 12px 45px rgba(0,0,0,0);height:73px;margin-bottom:15px}.sidebar_title>h2{background:none repeat scroll 0 0 #222222;color:#fff;font-size:16px;margin-left:-10px;margin-top:-10px;padding:8px 10px;text-transform:uppercase;width:100%}.single_sidebar .popular_post ul li a{display:block;background:#fff;padding:10px;margin-bottom:10px;font-size:16px;font-family:oswald;box-shadow:1px 4px 3px -2px #DDDDDD;-webkit-box-shadow:1px 4px 3px -2px #DDDDDD;-moz-box-shadow:1px 4px 3px -2px #DDDDDD;-o-box-shadow:1px 4px 3px -2px #DDDDDD}.single_sidebar .popular_post ul li a:hover{background:#FFD500;-webkit-transition:background 300ms ease-in;-moz-transition:background 300ms ease-in;-ms-transition:background 300ms ease-in;-o-transition:background 300ms ease-in;transition:background 300ms ease-in}.single_sidebar .cat-item{background:none repeat scroll 0 0 #454545;color:#ffd500;font-weight:bold;margin-bottom:5px;padding:5px;text-align:right}.single_sidebar .cat-item a{color:#ddd;display:inline-block;font-weight:normal;width:80%;text-align:left;float:left}.single_sidebar .cat-item a:hover{color:#000;text-decoration:none}.single_sidebar .cat-item:hover{color:#000;background:#FFD500;-webkit-transition:background 300ms ease-in;-moz-transition:background 300ms ease-in;-ms-transition:background 300ms ease-in;-o-transition:background 300ms ease-in;transition:background 300ms ease-in}.single_sidebar>ul li{margin-bottom:10px;padding:5px;background:#fff}.single_sidebar>ul li a:hover{text-decoration:underline}.footer_top_container{margin-left:-20px}.single_footer_top{color:#999;margin-left:20px;width:326px}.single_footer_top h2{color:#FFD500}.single_footer_top a{color:#ddd}.single_footer_top ul li a{background:none repeat scroll 0 0 #000;color:#ddd;display:block;margin-bottom:5px;padding:8px;font-family:oswald light}.single_footer_top ul li a:hover{background:#FFD500;color:#000}.copyright{font-family:oswald;margin-top:8px}.copyright p{color:#fff}.copyright span{color:#ffd500}.social ul li{float:left}.social ul li a{color:#fff;display:block;font-size:25px;padding:5px}.social ul li a:hover{color:#FFD500}.content h1{font-size:25px;line-height:30px}.content h2,.content h3,.content h4,.content h5,.content h6{font-size:16px}.rectangle_large{width:336px;height:280px;box-shadow:1px 1px 13px -2px #DDDDDD;-webkit-box-shadow:1px 1px 13px -2px #DDDDDD;-moz-box-shadow:1px 1px 13px -2px #DDDDDD;-o-box-shadow:1px 1px 13px -2px #DDDDDD;display:block}.rectangle_medium{width:300px;height:250px;box-shadow:1px 1px 13px -2px #DDDDDD;-webkit-box-shadow:1px 1px 13px -2px #DDDDDD;-moz-box-shadow:1px 1px 13px -2px #DDDDDD;-o-box-shadow:1px 1px 13px -2px #DDDDDD;display:block}blockquote{border-left:3px solid #ffd500;font-weight:bold;margin-bottom:10px;margin-left:50px;margin-top:10px;padding:10px;background:#f5f5f5}.more_post_container{border:1px solid #ddd;border-radius:5px;box-shadow:0 1px 5px 0 #ddd;padding:10px}.more_post_container h2{border-left:5px solid #ffd500;margin-bottom:0;padding:5px}.more_post{background:none repeat scroll 0 0 #f5f5f5;border-left:5px solid #ddd;padding:10px 5px}.more_post a{display:block;margin-bottom:2px;color:#000}.more_post a:hover{color:#FFD500;font-weight:bold}.content ul{margin-left:30px}.content ul li{margin-bottom:5px;color:#222}.content ul li a{color:#222;display:block;padding:5px}.content ul li a:hover{text-decoration:underline;font-weight:bold}.btn{display:inline-block;padding:8px 14px;background:#FFD500;margin:15px 5px 15px 0;font-family:oswald}.btn:hover{background:#F1B215}.more_themes{margin-top:50px;width:100%}.more_themes>h2{background:url("../images/slider_bg.png") repeat scroll 0 0 rgba(0,0,0,0);font-weight:bold;margin-bottom:30px;padding:8px}.more_themes h2 i{color:#ffd500}.more_themes_container{margin-left:-15px}.single_more_themes{margin-left:15px;width:220px;background:#FFD500;color:#fff;margin-bottom:15px}.single_more_themes a h2{color:#000;font-size:14px;margin-bottom:0;padding:5px;text-align:center}.more_works{margin-top:50px;width:100%}.more_works>h2{background:none repeat scroll 0 0 #454545;color:#fff;font-weight:bold;margin-bottom:30px;padding:8px;border-left:5px solid #FFD500}.more_works h2 i{color:#ffd500}.more_works_container{margin-left:-15px}.single_more_works{background:none repeat scroll 0 0 #222;margin-bottom:15px;margin-left:15px;width:220px}.single_more_works a h2{color:#ffd500;font-size:14px;margin-bottom:0;padding:5px}.single_work_container{margin-left:-15px}.single_work{float:left;margin-left:15px;width:337px;position:relative;margin-bottom:15px;height:190px;background:url(../images/work_bg.png) repeat scroll 0 0 #222}.single_work:hover img.img_bottom{position:absolute;left:0;top:0;opacity:0.7;transition:all 1.3s ease 0s;-moz-transition:all 1.3s ease 0s;-webkit-transition:all 1.3s ease 0s;-o-transition:all 1.3s ease 0s;-ms-transition:all 1.3s ease 0s}.single_work:hover p.caption{position:absolute;bottom:0;color:#fff;padding:5px}.single_work h2{background:none repeat scroll 0 0 #ffd500;font-size:16px;left:0;padding:5px 10px;position:absolute;top:0;font-size:16px;font-family:oswald}.work_pagination{width:98%;margin-left:15px}.work_pagination .newer,.work_pagination .older{background:none repeat scroll 0 0 #454545;color:#ffd500;display:block;font-family:oswald;padding:10px}.work_pagination .newer:hover,.work_pagination .older:hover{background:#222}.single_work_page{background:#f5f5f5}.work_meta{background:none repeat scroll 0 0 #ddd;padding:20px}.work_meta p{font-family:sans-serif}.work_meta p span{display:inline-block;font-family:oswald;margin-right:15px}.work_meta a{font-family:oswald}.single_work_page_content{padding:10px}.wpcf7-text:focus,.wpcf7-email:focus,.wpcf7-textarea:focus{box-shadow:0.1px 0.1px 5px 1px #ddd !important;transition:all 0.5s ease-in-out 0s !important}.contact_us form{margin-left:30px;margin-top:25px}.contact_us form p{margin-bottom:10px}.contact_us form input.wpcf7-text{width:45%;height:30px}.contact_us form input.wpcf7-email{width:45%;height:30px}.contact_us form textarea.wpcf7-textarea{height:150px;width:70%}.contact_us form input.wpcf7-submit{background:#222222;border:medium none;color:#FFD500;cursor:pointer;font-size:18px;padding:10px 40px;font-family:oswald}.contact_us form input.wpcf7-submit:hover{background:#FFD500;color:#000}
.benar{background:url(images/accept.gif) #fff no-repeat 98% center;}
.salah{background:url(images/reject.gif) #fff no-repeat 98% center; background-color:#ffe7e4;}
.proses{background:url(images/proses.gif) #fff no-repeat center;}
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 2px;
margin-bottom: 0;
margin-right: 0;
font: bold 10px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 4px;
margin-right: 0;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}
#menuContainer {
  padding: 5px;
}

#menuContainer ul { 
  list-style-type: none;
  line-height:28px;
  margin: 0;
  padding: 0;
  width: 160px;
}

#menuContainer li {
  width: 140px;
  height:28px;
  /* this is to make the submenus position relative to this li */
  position: relative;
}

#menuContainer a {
  text-decoration: none;
  color: #000033;
  font-size: 8pt;
  font-family: Tahoma;
}

#menuContainer a:hover {
  color: #993300;
}

#menuContainer ul ul {
  position: absolute;
  left: 120px;
  top: 0;
  visibility: hidden;
}

#menuContainer ul ul a{
  font-size:12px;
  font-weight: bold;
  background-color:#E9E9E9;
}

#menuContainer li:hover > ul {
  visibility: visible;
}

/*Mouseover: display second level or third level pop-up*/

#menuContainer li:hover ul, #menuContainer li:hover li:hover ul {
  visibility: visible;
}

/* Hide third level menu when the mouse is over the first level li*/
#menuContainer li:hover ul ul {
	visibility: hidden;
}
ul#menuutama,ul#menuutama ul{
	margin:0;list-style:none;padding:0;background-color:#FFFFFF;border-width:0;border-style:solid;border-color:;}
ul#menuutama ul{
	visibility:hidden;position:absolute;left:200%;opacity:0;-moz-transition:all 0.5s;-webkit-transition:opacity 0.5s,top 0.5s,left 0.5s;-o-transition:opacity 0.5s,top 0.5s,left 0.5s,visibility 0.5s;transition:opacity 0.5s,left 0.5s,left 0.5s;background-color:#E3E3E3;border-width:1px;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;border-style:solid;border-color:#FFD161 #FFD161 #FFD161; padding:0 0 3px; 
}
ul#menuutama li:hover>ul{
	visibility:visible;opacity:1;}
ul#menuutama li{ 
	position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#menuutama li:hover{
	z-index:1;}
ul#menuutama ul ul{
	position:absolute;left:200%;top:0;}
ul#menuutama>li:hover>ul{
	left:0%;}
ul#menuutama ul li:hover>ul{
	left:100%;}
ul#menuutama{
	font-size:0;z-index:99;position:relative;display:inline-block;zoom:1;padding:0;background-color:#FFC334;border-radius:6px;-moz-border-radius:0px;-webkit-border-radius:0px;
	*display:inline;}
* html ul#menuutama li a{
	display:inline-block; }
ul#menuutama>li{
	margin:0; }
ul#menuutama a:active, ul#menuutama a:focus{
	outline-style:none;}
ul#menuutama a{
	display:block;vertical-align:middle; text-decoration:none;font:14px Open Sans,Arial,sans-serif;color:#FFF;cursor:pointer;padding:3px;background-color:;background-repeat:repeat;border-width:0px;border-style:none;border-color:; min-width:100px; text-align:center; text-shadow:1px #333333; }
ul#menuutama ul li{
	float:none;margin:0;}
ul#menuutama ul a{
	text-align:left;padding:10px 12px;background-color:#F9F9F9;border-width:0 0 1px 0;border-style:solid;border-color:#FFD161;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;color:#787878;text-decoration:none;}
ul#menuutama li:hover>a,ul#menuutama li a.pressed{
	border-style:none;color:#DB3937;text-decoration:none;}
ul#menuutama img{
	border:none;vertical-align:middle;margin-right:3px;}
ul#menuutama ul span{
	background-image:none;padding-right:10px;}
ul#menuutama ul li:hover>a,ul#menuutama ul li a.pressed{
	background-color:#F9F9F9;border-style:solid;border-color:#FFD161;color:#DB3937;text-decoration:none;}
ul#menuutama>li>a{
	padding:6px 12px 4px 12px;}
ul#menuutama li.topfirst:hover>a,ul#menuutama li.topfirst a.pressed{
	background-color:#F9F9F9; border-style:solid;border-color:#FFD161 #FFD161 #FFEEC4 #FFD161; }
ul#menuutama li.topmenu:hover>a,ul#menuutama li.topmenu a.pressed{
	background-color:#F9F9F9;border-style:solid;border-color:#FFD161 #FFD161 #FFEEC4 transparent; }
ul#menuutama li.topfirst>a { 
border-width:0px 1px 4px 1px;border-style:solid;border-radius:0px;
font-weight:bold; cursor:pointer;
border-color:#FFD161 #FFD161 #FFEEC4 #FFD161;
}
ul#menuutama li.topmenu>a {
border-width:0px 1px 4px 1px;border-style:solid;border-radius:0px;
font-weight:bold; cursor:pointer;

border-color:#FFD161 #FFD161 #FFEEC4 transparent; 
}
ul#menuutama li.topmenu>a,ul#menuutama li.topfirst>a, #menubg{
background-color:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc334+0,ffd77a+50,ffc334+51,ffd87f+100 */
background: #ffc334; /* Old browsers */
background: -moz-linear-gradient(top,  #ffc334 0%, #ffd77a 50%, #ffc334 51%, #ffd87f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc334), color-stop(50%,#ffd77a), color-stop(51%,#ffc334), color-stop(100%,#ffd87f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffc334 0%,#ffd77a 50%,#ffc334 51%,#ffd87f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffc334 0%,#ffd77a 50%,#ffc334 51%,#ffd87f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffc334 0%,#ffd77a 50%,#ffc334 51%,#ffd87f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffc334 0%,#ffd77a 50%,#ffc334 51%,#ffd87f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc334', endColorstr='#ffd87f',GradientType=0 ); /* IE6-9 */
;
}