/*
Theme Name: putueka
Theme URI: 
Author: aankun [Andi Darmika]
Author URI: http://www.aankun.com/
Description: putueka.com
Version: 1.0
Tags: light, color, gray
*/
/*-------------------------------------------------------------- */

@import url("reset.css");

body { background:#ededec url(img/huge-bg.png) no-repeat center top; font-family:"Century Gothic", Century, helvetica, Arial; font-size:13px; color:#4a5056; }

#header  { position:relative; z-index:2; width:100%; height:173px; background:url(img/head-curve-color.png) top center no-repeat; }
	#mainLogo { float:left; margin-top:30px; }
	#mainNav  { float: right; margin-top:20px; position:relative; right:-10px; }
		#mainNav ul { font-size:15px; }
		#mainNav ul li { text-align:right; list-style:none; margin:3px 0; }
		#mainNav ul li a { text-decoration:none; color:#4a5056; display: block; padding-right:10px; display:block; tex-align:right; border:none; }
		#mainNav ul li a:hover { border-right: solid 4px #4a5056; padding-right:6px; } 
		
		
		#mainNav ul li a.lnk1 { border-color:#1f5389; color:#1f5389; }
		#mainNav ul li a.lnk2 { border-color:#58108f; color:#58108f; }
		#mainNav ul li a.lnk3 { border-color:#c51e49; color:#c51e49; }
		#mainNav ul li a.lnk4 { border-color:#da972e; color:#da972e; }
		#mainNav ul li a.lnk5 { border-color:#5b9b0f; color:#5b9b0f; }
		

#content { position:relative; z-index:1; top:-40px; margin-bottom:-30px; }
#content.normal { top:-10px; margin-bottom:20px; }

#content.normal.page { padding-bottom:25px; }
	#theSlideshow { height:500px; position:relative; overflow:hidden; }
	#theSlideshow .ft-title { display:none; }
	
	.one_thumb_cont { width:230px; height:180px; display:block; margin:10px 5px; text-align:center; position:relative; float:left; }
		.one_thumb_cont .image { width:230px; height:180px; display:table-cell; text-align:center; vertical-align:middle; position:relative; }
		.one_thumb_cont img {  }
		
		.one_thumb_cont span { margin:0; padding:0; text-decoration:none; display:block; position:relative; }
		.one_thumb_cont span img { margin:0; padding:0; text-decoration:none; border:none; }
		.one_thumb_cont span a h2 { position:absolute; background:#4f4b44; color:#f1f1ee; padding:5px 7px 6px; font-size:12px; top:-4px; text-decoration:none; border:none; }
		.one_thumb_cont span a:hover h2 { background:#000;}
		
		/*
		.one_thumb_cont a { margin:0; padding:0; text-decoration:none; display:block; position:relative; }
		.one_thumb_cont a:hover { border:none; }
		.one_thumb_cont a img { margin:0; padding:0; text-decoration:none; border:none; }
		.one_thumb_cont a h2 { position:absolute; background:#4f4b44; color:#f1f1ee; padding:5px 7px 6px; font-size:12px; top:-4px; }
		*/		
		
	#content h1 { text-align:center; font-size:28px; padding-bottom:30px; text-transform:uppercase; position:relative; }
		#content h1 img.cat-drop { cursor:pointer; }
	#content.normal.page .p_thumb { float:left; margin-right:15px; }
	#content.normal.page .p_content { line-height:1.3em; }
	
	
	#dropCatListFade { position:fixed; top:0; left:0; width:100%; height:100%; background:#ededec; background:rgba(237,237,236,0.8); z-index:10; }
	#dropCatList { position:absolute; width:100%; height:100px; left:0; top:40px; z-index:11; }
		#dropCatList .content { width:300px; margin:0 auto; background:#fff; display:block; padding:15px 10px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
		#dropCatList ul { border-top:dashed 1px #ededec; }
		#dropCatList ul li {}
		#dropCatList ul li a { display:block; padding:5px; border-bottom:dashed 1px #ededec; text-decoration:none; font-size:15px; color:#5c5752; }
		#dropCatList ul li a:hover { color:#000; }
		
		
		#thePromoBadge { position:absolute; right:-11px; top:-100px; z-index:100; }
		
	
	.journals {}
		.journals .one { margin:15px 0; border-bottom:dashed 1px #ccc; padding-bottom:15px; }
		.journals .one h3 { font-size:22px; padding-bottom:5px; }
		.journals .one h3 a { text-decoration:none; color:#666; }
		.journals .one h3 a:hover { color:#333; }
		.journals .one span.meta { display:block; padding-bottom:10px; font-size:10px; font-style:italic; }
		.journals .one .p_thumb { float:left; margin-right:15px; }
		.journals .one .p_content { line-height:1.3em; }
		.p_content p { margin:10px 0; }
		.journals .one .p_content a { color:#000; font-weight:bold; text-decoration:none;; font-size:0.9em; }
		.journals .one .p_content a:hover { text-decoration:underline; }
 
 
#footer  { position:relative; font-size:10px; text-align:left; padding-bottom:40px; line-height:1.2em; }
	#footer .share_box { float:right; position:absolute; top:-2px; right:0; }
	#footer a { font-weight:bold; font-style:italic; color:#dc5f0b; text-decoration:none; }
	#footer a:hover { border-bottom:dotted 1px #dc5f0b; }
	#footer .share_box a:hover { border:none; }


.wrap960 { width:960px; margin:0 auto; position:relative; }
.shadowAja { height:19px; background:url(img/shadow-aja.gif) no-repeat top center; }
.clearfix { clear:both; }

#content #wp_page_numbers { clear:both; padding-top:20px; background:none; }
		#content #wp_page_numbers ul { float:left; background:none; }
		#content #wp_page_numbers ul li { float:left; margin:0 5px 0 0; }
		#content #wp_page_numbers ul li.page_info { display:block; float:left; padding:6px 8px; background:#f2f2ef; font-size:10px; font-weight:bold; color:#4f4b44; border:none; }
		#content #wp_page_numbers ul li a { display:block; float:left; padding:6px 8px; background:#f2f2ef; font-size:10px; text-decoration:none; border:none; }
		#content #wp_page_numbers ul li a:hover { background:#fff; border:none; border:none; color:#000; } 
		#content #wp_page_numbers ul li.active_page a { color:#f2f2ef; background:#4a5056; border:none; }
		#content #wp_page_numbers ul li.active_page a:hover { border:none; }

#content.normal.page .p_content table { margin-left:20px; }
#content.normal.page .p_content.contact { width:660px; margin:0 auto; background:#f2f2ef; padding: 5px 0 0; }
#content.normal.page .p_content.contact p { padding:0 20px; }
.cform_box { background:#f2f2ef; padding:10px 0; position:relative; width:660px; margin: 5px auto 0; border-top: dashed 1px #fff; }
.cform_box .left  { float:left; width 260px; margin:0 20px; }
.cform_box .right { float:left; width 360px; margin:0 20px; }

		#content.normal.page .p_content.contact .cform_box p { font-size:10px; font-weight:bold; padding:0; }
		.cform_box p img { vertical-align:middle; }
		.cform_box input[type=text],
		.cform_box textarea { font-family:inherit; width:230px; padding:3px 4px; border:solid 1px #d4d4d0; font-size:12px; }
		
		.cform_box input.capcha { width:80px; vertical-align:middle; }
		.cform_box textarea { height:165px; resize:vertical; width:330px; }

		.cform_box input.mday { width:25px; }
		.cform_box input.year { width:65px; }
	
	.p_content div.wpcf7-response-output { margin:10px auto 0; font-size:11px; line-height:1.3em; text-align:center; width: 650px; }
	.p_content span.wpcf7-not-valid-tip { font-size:10px; font-weight:bold; color:#fff; background:#4F4B44; width:160px; border:none; padding:3px 5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-align:center; }
	.p_content .wpcf7-submit { cursor:pointer; margin-left:20px; }