/*=====
Theme Name: Navare
Theme URI: http://www.nurwanto.com/themes/navare
Description: Navare Theme (by <a href="http://www.nurwanto.net">HeriNXI</a>) is just a basic wordpress theme. Visit this theme's page on <a href="http://www.nurwanto.com/themes/navare">Nurwanto.COM</a> for more details and updates (if any).
Version: 2.0
Author: HeriNXI
Author URI: http://www.nurwanto.net

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
=====*/


/*===== BASIC =====*/
*{margin:0; padding:0;}

body {
	z-index:0;
	margin:20px;
	background:#000 url(images/bg.gif) repeat;
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 9pt;
	}
	
h1 {font-size: 18pt;}
h2 {font-size: 12pt;}
h3 {font-size: 10pt;}
h4 {font-size: 9pt;}

img{border:none; padding:0;}
img a{border:none;}

img.alignleft{float:left; border:none; padding:4px 5px 0 0;}
img.alignright{float:right; border:none; padding:4px 0 0 6px;}

blockquote{border-left:1px solid #A5ABAB;	margin:15px; padding:0 12px 0 12px;}
code{font-family:"Courier New", Courier, monospace;}

a:link, a:visited{ color: #006AAA; text-decoration:none; }
a:hover{color:#FF3300; text-decoration:none;}

/*===== PAGE =====*/
#page { width: 860px; margin: 0 auto; margin-top:-10px; margin-bottom:-20px; padding:0; background:#EEE; color:#333; overflow: hidden; }
	
/*===== HEADER =====*/
#header {width:860px; height:80px; background:#A61F1F; color:#EAEAEA;}
.header-title {display:block; width:320px; float:left; overflow:hidden;}
#header h1{
	margin:0; padding:5px 0 0 5px;
	color:#FFF; font-size:36px; font-family: Helvetica, Verdana, Arial, Sans-Serif, Times New Roman;
	text-shadow:2px 2px 4px #232323;
	}
#header h1 a{color:#FFF; text-decoration:none;}
#header h1 a:hover{color:#C1C1C1; text-decoration:none;}
#header h2{padding:0 0 0 5px; color:#FFF; font:normal 16px Helvetica, Verdana, times; text-shadow:2px 2px 4px #232323;}

.description {margin-top:-4px; font-size:1.3em; font-weight:bold; color:#FFF; padding-left:10px;}
.header-ads {display:block; width:468px; float:right; overflow:hidden; margin:10px;}

/*===== MAIN MENU =====*/
#main-navx {width:860px; height:25px; float:left; padding-top:9px; background:#232323;}
#menu {margin-left:5px;}
#menu li {
	margin-right:0px; padding:5px 0; background-color:#232323; display:inline; list-style:none;
	text-align:left; font:bold 14px Arial, Helvetica, sans-serif; text-transform:uppercase;}

#menu li ul {z-index:10000; position:absolute; left:-999em; height:auto; width:165px; border-bottom:1px solid #a9a9a9;}
#menu li li {width:172px; background:#777; border-top: 1px solid #a9a9a9; border-right: 1px solid #a9a9a9; border-left: 1px solid #a9a9a9;}
#menu li li a, #menu li li a:visited {display:block; font-weight:normal; font-size:0.9em; color:#FFF;}
#menu li li a:hover, #menu li li a:active {background:#000;}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {position:relative; left:245px;}
a.main:hover {background:none;}

#nav-social {float:right; margin:7px 5px 0 0;}
.social {margin-left:0px;}
.social:hover {position:relative; top:-1px;}

#nav-search {float:right; margin:5px 5px 0 0;}
#srch-box {background:transparent url(images/search.png) no-repeat scroll left 2px;}
#nav-search #s {background:transparent none no-repeat 0 0; border:none; margin:5px 12px 4px 28px; color:#AAA; width:112px;}

/* Dropdown Navigation */
#menu-nav {width:860px; height:36px; background:#232323; color:#000; font:bold 14px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#nav {padding:5px;}
#nav, #nav ul {list-style:none; line-height:1;}
#nav a, #nav a:hover {display:block; text-decoration:none; border:none;}
#nav li {float:left; list-style:none; border-right:4px solid #232323;}
#nav a, #nav a:visited {display:block; font-weight:bold; color:#000; padding:6px 12px;}
#nav a:hover, #nav a:active, #home .on {background:#EEE; text-decoration:none}
#nav .cat-item {background:#8E8E8E;}
.page_item a:link, .page_item a:visited {background:#8E8E8E; color:#000; padding:5px 10px;}
.page_item a:hover {background:#EEE; text-decoration:none;}
.current_page_item a:link, .current_page_item a:visited{background:#EEE; color:#A61F1F; text-decoration:none; padding:5px 10px;}
.current_page_item a:hover {background:#8E8E8E; text-decoration:none;}
#nav li.current_page_item {background:#EEE; color:#A61F1F; text-decoration:none;}
#nav li ul {z-index:1000000; position:absolute; left:-999em; height:auto; width:160px; border:1px solid #555; border-top:0px solid #555; border-bottom:1px solid #555;}
#nav li ul ul {border:1px solid #555; border-top:0px solid #555;}
#nav li li, #nav li li li{width:160px; border-top:1px solid #555; border-right:0px solid #555;}
#nav li li a, #nav li li a:visited {font-weight:normal; font-size:0.9em; color:#FFF;}
#nav li li a:hover, #nav li li a:active {background:#555;}
/* #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left:auto;} */
#nav li:hover ul, #nav li.sfhover ul{left:auto;}
#nav li li:hover ul ul ul, #nav li li.sfhover ul ul ul, 
#nav li li:hover ul, #nav li li li:hover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {display:block; margin-left:2160px; margin-top:-26px;}

#nav li:hover ul ul, #nav li.sfhover ul ul,
#nav li:hover ul ul ul, #nav li.sfhover ul ul ul,
#nav li:hover ul ul ul ul, #nav li.sfhover ul ul ul ul {left:-2000px;}

a.main:hover {background:none;}

/*===== CONTENT =====*/
#content { 
	float:left; 
	width:500px; 
	overflow: hidden; 
	background:#FFF; 
	margin:5px 0px 10px 5px; 
	padding:10px;
	border: 1px solid #DCDCDC;
	}

#content-top {float:left; width:490px; padding-bottom:20px;}
#content-top h2 {font-size:18pt; padding-bottom:10px; color:#515151;}
#topleft{width:300px; height:200px; margin:0px; float:left;}
#topleft .mainphoto img{padding:0px; border:0px solid #000000; width:300px; height:200px;}
#topleft .mainphoto a:hover{padding:0px; border:0px solid #000000; width:300px; height:200px; opacity:0.6; filter:alpha(opacity=60);}
#topright{padding:0px 5px 0 10px; width:175px; float:right; font-size:10pt;}

#content-middle { float:left; width:490px; overflow: hidden; margin:0px; padding-bottom:20px; }
#content-middle h2 { font:normal 15pt; padding-bottom:10px; color:#515151; }
#content-middle h3 { font:normal 15pt georgia, times; }
.midleft { float:left; width:240px; overflow: hidden; margin:0px;}
.midleft img {border: 10px solid #DAE3EB;}
.midright { float:left; width:240px; overflow: hidden; margin-left:10px; }
.midright img {border: 10px solid #DAE3EB;}

#content-bottom { float:left; width:490px; overflow: hidden; margin:0px; }
#content-bottom h2 { font:normal 15pt; padding:0 0 2px 0; margin-bottom:5px; color:#515151; border-bottom: 5px ridge #EEE;}
#content-bottom h3 { font:bold 9pt Verdana; padding-bottom:2px; color:#515151; }
.bottomleft { float:left; width:240px; overflow: hidden; margin:0px;}
.bottomright { background:#EEE; float:left; width:220px; overflow: hidden; margin-left:10px; padding:10px; font-style:italic;}
.client {float:left; margin:0 10px 0 0; border: 1px solid #C0C0C0; height:140px; width: 100px;}

.post {	margin:0; padding:0; line-height: 14pt;	}
.post h2 {font:normal 15pt georgia, times;}
.post h2 a{color:#CC0000; text-decoration:none;}
.post h2 a:hover{color: #FF3300; text-decoration:none;}

.entry p {margin:12px 0;}
.entry a:hover {text-shadow:2px 2px 4px #AAA;}
.postmetadata {clear:both; background:#F7F7F7; padding:6px; margin:20px 0;}

.readmore {  width:80px; height:20px; display: block; }
.readmore a, .readmore a:visited {font: 1.2em Arial, Helvetica, sans-serif; padding:0px; font-weight:bold; color:#FFF;	}
	
.navigation { font-size:8pt; width:100%; float:left; margin:0; padding:0; overflow:hidden; }
.navleft { width:50%; float:left; text-align:left; margin:10px 0;}
.navright { width:50%; float:right; text-align:right; margin:10px 0px;}
	
.alignleft a{float:left; margin:25px 0;}
.alignright a{float:right; margin:25px 0;}

#postpage h2 {background:#DCDCDC; color:#000; margin:0 0 10px 0;	padding:5px 10px;}
#postpage ul { border-top:1px solid #e6e6e6; margin-bottom: 10px;}
#postpage ul li { padding: 2px 0px 2px 10px; border-bottom: 1px solid #e6e6e6; list-style:none;}

/*===== LISTS =====*/
.post ul, .post ol { margin-left: 25px; padding: 0; }
.post ul { list-style-type: disc; }
.post ul ul, .post  ol ol { margin-top: 0; margin-bottom: 0; }
.post li {color:#333;}
.post ul li {color:#333; list-style-type:square;}

/*===== SIDEBAR =====*/
#sidebar {
	width:300px;
	float:right;
	margin:5px 5px 10px 0;
	padding:5px 10px;
	border:1px solid #DCDCDC;
	background:#FFF;
	font:normal 8pt Verdana, arial, tahoma;
	}

#sidebar a:link, #sidebar a:visited {color:#006AAA; font-weight:normal; text-decoration:none;}
#sidebar a:hover {color:#FF3300; text-decoration: none;}

#sidebar h2{clear:left; height:18px; margin-bottom:5px; padding:3px 0 3px 5px; background:#CC0000; color:#FFF; font:bold 15px Arial, Helvetica, sans-serif;}

#sidebar label{font:normal 11pt arial, georgia, times; color:#000; margin:0; padding:0;}
#sidebar p {margin:0; padding: 0 5px 0 5px;}
#sidebar img {padding: 0 0 10px 0; margin: 0;}

#sidebar ul, #sidebar ol {margin:5px 0px; padding: 0; }
#sidebar ul {list-style-type: none;}
#sidebar ul li, #sidebar ol li {margin-left:0px; line-height:14pt; list-style-type: none; border-top:1px solid #DCDCDC; }
#sidebar ul .children {list-style-type:none; padding-left:10px;}

#sidebar-top {width:300px; padding:5px 0;}
#sidebar-left {width:130px; float:left; margin-top:5px; padding-right:10px; }
#sidebar-right {width:160px; float:right; margin-top:5px; padding-right:0px; }
#sidebar-bottom {width:300px; float:left; padding:5px 0;}

/*===== COMMENTS =====*/
#comments {margin:0; padding:0}
#comments h3 {margin:0; background:#E7E7E7; padding:5px; color:#333; font-size:15px; font-weight:bold;}
	
ol.commentlist {list-style-type: none; margin:0; padding-left:0 !important;}
ol.commentlist li {min-height:63px; background: #FFF; margin:5px 0; padding:0 5px; list-style-type:none;}
ol.commentlist li.alt {background:#EEE; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;}
ol.commentlist li p {margin:0px 0; padding:-5px 10px 0 0;}
.avatar {float:left; margin:0; padding-top:5px;}
.count {display:block; float:right; padding:5px 0; font-size:24px; color:#348CC1;}
cite {font:normal bold 12px/20px Arial, Helvetica, sans-serif}
cite a, cite a:visited {color:#348CC1; text-decoration:none;}
cite a:hover {color:#000; text-decoration:underline;}
.comment-page-numbers {}

#commentform {}
#commentform ul li {padding:0; list-style-type:none; background:#FFF;}
#author, #email, #url, #comment {background:#EEE; font-size:14px; margin:5px 0; padding:3px; border:2px solid #D7D7D7; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#submit {display:block; padding:5px; cursor:pointer; background:#EEE; font-weight:bold; color:#333; border:2px solid #D7D7D7; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#submit:hover {background:#FFF;}

/*===== TABBED SIDEBAR=====*/
ul.tabs {z-index:10; width:300px; margin:0; padding:0; float:left; list-style:none; border-left:1px solid #DCDCDC;}
ul.tabs li {float:left; margin:0; padding:0; background:#CC0000; overflow:hidden; position:relative; border-top:1px solid #DCDCDC !important;	border-right:1px solid #DCDCDC !important;}
ul.tabs li a:link, ul.tabs li a:visited {display:block; text-decoration:none; color:#FFF !important; font-size:14px; font-weight:bold !important; padding:3px 10px; border-bottom:1px solid #DCDCDC; }
ul.tabs li a:hover {background:#EEE; color:#333 !important;}
ul.tabs li.active, ul.tabs li.active a {margin-bottom:-1px; background:#fff; border-bottom:1px solid #fff; color:#333 !important;}

.tab-container {width:298px; z-index:9; margin-top:-6px; margin-bottom:10px; border:1px solid #DCDCDC; border-top:1px solid #DCDCDC; clear:both; float:left; background:#fff;}
.tab-content {padding:5px; font-size:12px;}
.tab-content li {margin-left:0px; line-height:14pt; list-style-type:none; border-top:1px solid #DCDCDC;}
.tab-content h2 {font-weight: normal; padding-bottom: 10px; border-bottom: 1px dashed #ddd; font-size: 1.8em;}
.tab-content h3 a{color: #254588;}
#tab2 li {min-height:40px;}
.tab-content img.avatar-30 {float:left; margin:4px 5px 0 0 !important; padding:0 !important; border:1px solid #ddd; height:30px; width:30px;}

/*===== SEARCH =====*/
#searchform{
	width: 240px;
	height: 30px;
	background: transparent url(images/searchbox.jpg) no-repeat;
	padding: 0;
	margin: 10px 0 5px 40px;
	}

#searchform input#s{
	margin:0;
	padding:6px 5px 5px 15px;
	border:0px solid #000;
	color: #CCC;
	background: transparent;
	}

#searchform input#searchsubmit{
	border:none;
	background:#333;
	color:#fff;
	text-transform:lowercase;
	}
	
/*===== MISC =====*/
img.centered {display: block; margin-left: auto;	margin-right: auto;}
img.alignright {padding:4px;	margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}

.alignright {float:right;}
.alignleft {float:left}
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /*===== optional rounded corners for browsers that support it =====*/
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

blue { color: #5A8AE2; }
red { color: #FF0F00; }

.related-post { width: 90%px; background:#FFF; padding: 0px; margin: 0px; border:0px solid #AACCEE;}
.related-post h3 { font-size: 12pt; padding-bottom: 5px; }
.related-post ul { border-top:1px solid #e6e6e6; margin-bottom: 10px;}
.related-post ul li { padding: 5px 0px 5px 10px; border-bottom: 1px solid #e6e6e6; list-style:none;}

.bloglist {float: left; text-align: center; width: 118px; height: 140px; margin: 2px; border: 1px solid #AAAAAA;}
.blogthumbnail {width: 114px; height: 110px; padding-top:0px; margin: 1px; border: 1px solid #AAAAAA;}
.blogname {text-align: center;}
.sikat {clear:both; padding-top:5px;}

/*===== FOOTER =====*/
#footer { clear:both; width:100%; height:63px; background:url(images/footer-bg.png) repeat-x #000;}
#footer p {padding:14px 0;margin: 0; color: #eee; text-align:center;}
#footer a {color:#AAAAAA; text-decoration:none;}
#footer a:hover {color: #FFF; text-decoration: one;}

/*===== ADVERTISEMENTS =====*/
.sidebar-ads-top { padding: 0px; }
.sidebar-ads-top img{ width:300px; }
.ads125 { padding: 0px 13px; }
.ads125 img{ width:125px; }
.ads125 a{ padding: 5px; }

.addtoany_share_save_container {}

/*===== DISQUS =====*/
#disqus_thread {clear:both}
.dsq-brlink {display:none}