/*
Theme Name: Kakanoo-theme
Theme URI:
Description: Kakanoo Theme designed by ery and scripting by cecep
Version: 1.0
Author: PT. NET
Author URI: http://www.net.co.id/
Tags: blue marine, flash header, fixed width, two columns, valid XHTML, right sidebar


*/

@charset "utf-8";

* {margin: 0; padding: 0;}

html, body {height: 100%;}

/*
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;		
	}

*/

body {
	font-family:Arial,Helvetica,Sans-Serif;
	font-size:80%;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:180%;
	color: #FFF;
}
	
body.home {background: #999 url(images/bg_body-home.png) repeat-x;}
body.content {background: #999 url(images/bg_body-content.png) repeat-x;}

a {color: #99d7ff; text-decoration: none;}
a:hover { text-decoration: underline;}

#page {
	position: relative;
	min-height: 100%;
	}
* html #page {height: 100%;}

body.home #page {background: url(images/bg_page01.jpg)  right 118px no-repeat;}

#top {
	width: 877px;
	height: 118px;
	margin: 0 auto;
	background: url(images/logo.jpg) top center no-repeat;
	}
	
#top h1 {float: left;}

#top h1 strong {display: none;}

#lang {  /* NEW */
	float:right;
	width: 55px;
	height: 28px;
	margin: 2px 40px 0 0;
	padding: 10px 4px;
	background: url(../images/bg_lang.png) repeat-x;
	}	
* html #lang {margin: 2px 20px 0 0;}  /* NEW */
	
#lang img {  /* NEW */
	margin: 0 4px;
	}

#search {  /* EDITED */
	float: right;
	width: 168px;
	height: 28px;
	margin: 2px 0 0 0;
	padding: 4px 0 0 48px;
	background: url(../images/bg_search.jpg) no-repeat;
}

#searchform {
	float: right;
	width: 168px;
	height: 28px;
	margin: 2px 7px 0 0;
	padding: 4px 0 0 48px;
	background: url(images/bg_search.jpg) no-repeat;
	}
* html #searchform {margin: 2px 20px 0 0;}

#searchform input {
	float: left;
	width: 130px;
	height: 18px;
	padding: 4px 4px 0 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	background: #056899;
	border: none;
	}

#searchform button {
	float: left;
	width: 25px;
	height: 25px;
	text-indent: -5000px;
	background: url(images/b_search.png) no-repeat;
	border: none;
	cursor: pointer
	}
	
#mainFlash {
	clear: both;
	width: 789px;
	height: 222px;
	margin: 0 auto 5px auto;
	border: 6px solid #FFF;
	}

#pageTitle {
	clear: both;
	width: 789px;
	height: 64px;
	margin: 1px auto 4px auto;
	padding-top: 32px;
	}

#pageTitle h1 {height: 36px; margin-left: 16px; }
#pageTitle h1 strong { display: none;}
	
.ttl-about { background: url(images/bg_ttl-about.gif) top right no-repeat;}
.ttl-solutions { background: url(images/bg_ttl-solutions.gif) top right no-repeat;}
.ttl-results { background: url(images/bg_ttl-results.gif) top right no-repeat;}
.ttl-search { background: url(images/bg_ttl-results.gif) top right no-repeat;}
.ttl-blog { background: url(images/bg_ttl-blog.gif) top right no-repeat;}
.ttl-contact { background: url(images/bg_ttl-contact.gif) top right no-repeat;}
.ttl-gallery { background: url(images/bg_ttl-gallery.gif) top right no-repeat;}

.ttl-about h1 {width: 134px; background: url(images/h_about.gif) no-repeat;}
.ttl-solutions h1 {width: 303px; background: url(images/h_solutions.gif) no-repeat;}
.ttl-results h1 {width: 243px; background: url(images/h_results.gif) no-repeat;}
.ttl-search h1 {width: 116px; background: url(images/h_search.gif) no-repeat;}
.ttl-blog h1 {width: 77px; background: url(images/h_blog.gif) no-repeat;}
.ttl-contact h1 {width: 186px; background: url(images/h_contact.gif) no-repeat;}
.ttl-gallery h1 {width: 322px; background: url(images/h_gallery.gif) no-repeat;}
	
#wrap {
	background: url(images/bg_wrap.jpg) no-repeat;
	}
	
* html #wrap {}
	
#content {
	width: 797px;
	margin: 0 auto;
	}
	
#content h1 {
	margin-bottom: 28px;
	font-size: 30px;
	color: #FFF;
	font-weight: normal;
	line-height: .9em;
	}	
	
#content h1 span {
	font-size: 22px;
	color: #CCC;
	}
	
#content h2 {
	margin-bottom: 16px;
	padding: 12px 0 4px 0;
	font-size: 28px;
	color: #CCC;
	font-weight: normal;
	border-bottom: 1px solid #acacac;
	}
h2 #search  {
	margin-bottom: 16px;
	padding: 12px 0 4px 0;
	font-size: 28px;
	color: #CCC;
	font-weight: normal;
}	

#content h3 {
	margin-bottom: 10px;
	padding-top: 12px;
	font-size: 18px;
	}

	
#content p {
	line-height: 1.5em;
	margin-bottom: 10px;
	}
	
#content img {border: 4px solid #c8c8c8;}
	
#content ul, #content ol {margin: 0 0 10px 16px;}

#content li {line-height: 1.5em;}
	
#bodycopy {
	float: left;
	width: 488px;
	padding-top: 32px;
	padding-right: 16px;
	padding-bottom:20px;
	}

.center {
	text-align: center;
	}
	
#sidebar {
	float: left;
	width: 240px;
	padding: 48px 16px;
	}

#wrapFooter	{
	clear:both;
	padding: 62px 0 24px 0;
	margin: -8em auto 0 auto;
	background: #f0f0f0 url(images/bg_footer.png) repeat-x;
	color: #999;
	}
* html #wrapFooter {margin: -1em auto 0 auto;}
*+html #wrapFooter {margin: -1em auto 0 auto;}
	
#footer {
	width: 797px;
	margin: 0 auto;
	text-align: right;
	}


/* nav style */
#nav {
	width: 805px;
	height: 44px;
	margin: 0 auto;
	line-height:normal;
	font-family:Arial,Helvetica,Sans-Serif;
	font-size:11px;
}
	
#nav ul {
	list-style-type: none;
	}
	
#nav ul li {
	float: left;
	position: relative;
	line-height:normal;	
	}
	
#nav ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-family:Arial,Helvetica,Sans-Serif;
	font-size:11px;
	}
	
#nav ul li a em {display: none;}

#nav ul li a.m01 {width: 83px; height: 44px; background: url(images/m01.gif) no-repeat;}
#nav ul li a.m02 {width: 108px; height: 44px; background: url(images/m02.gif) no-repeat;}
#nav ul li a.m03 {width: 186px; height: 44px; background: url(images/m03.gif) no-repeat;}
#nav ul li a.m04 {width: 137px; height: 44px; background: url(images/m04.gif) no-repeat;}
#nav ul li a.m05 {width: 81px; height: 44px; background: url(images/m05.gif) no-repeat;}
#nav ul li a.m06 {width: 118px; height: 44px; background: url(images/m06.gif) no-repeat;}
#nav ul li a.m07 {width: 90px; height: 44px; background: url(images/m07.gif) no-repeat;}

#nav ul li a:hover { background-position:bottom }

#nav ul li ul {
	position: absolute;
	top: 44px;
	z-index: 10;
	background: #333;
	width: 149px;
	border: 1px solid #fff;
	border-top: none;
	padding: 0;
	}
	
ul.think li {
	position: absolute;
	top: 0;
	z-index: 10;
	background: #333;
	width: 250px;
	border-top: none;
	padding: 0;
	}
	
#nav ul ul li {
	float: none;
	display: inline;
	}
	
#nav ul ul li a {padding: 8px;}
	
#nav ul ul li a:hover { background: #47c6ee}
	
* html #nav ul ul li  {height: 1%;}
*+html #nav ul ul li  {height: 1%;}

#nav ul ul ,
#nav ul li:hover ul ul
{display: none;}

#nav ul li:hover ul,
#nav ul ul li:hover ul
{display: block;} 


/* wp style */
.post {
	padding-bottom: 10px;
	margin:0;
}

#wpcfx, fieldset {
	border: 0;
}

/* side bar and blog */

#bodycopy h2 {  /* CHANGE #content h2 to #bodycopy h2*/	
	margin-bottom: 16px;
	padding: 12px 0 4px 0;
	font-size: 28px;
	color: #CCC;
	font-weight: normal;
	border-bottom: 1px solid #acacac;
	}
	
#bodycopy h3 {  /* CHANGE #content h3 to #bodycopy h3*/	
	margin-bottom: 10px;
	padding-top: 12px;
	font-size: 18px;
	}
	
#bodycopy small {/* NEW */
	color: #666666;
	font-size:1em;
	}
	
div.entry {padding-top: 4px;}   /* NEW */
	

#sidebar h2 {/* NEW */
	margin-bottom: 8px;
	padding: 16px 0 4px 0;
	font-size: 14px;
	color: #CCC;
	border-bottom: 1px solid #909090;
	}
	
#sidebar ul { /* NEW */
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
.blog-sidebar {/* NEW */
	padding: 8px 20px;
	background: #878787;
	}
	
.blog-sidebar div {padding: 2px 0;}  /* NEW */
	
	
#wrapFooter	{/*EDITED*/
	padding: 62px 0 24px 0;
	position: relative;
	margin: -1em auto 0 auto;
	background: #f0f0f0 url(../images/bg_footer.png) repeat-x;
	color: #999;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/** html #wrapFooter {margin: -1em auto 0 auto;}
*+html #wrapFooter {margin: -1em auto 0 auto;}*/