/*
Theme Name: NabFive
Theme URI: http://demo.nabtron.com/nabfour/
Description: Very clean and simple theme by nabtron.com
Version: 1.0
Author: Nabtron
Author URI: http://nabtron.com/
Tags: white, light, two-columns, right-sidebar, theme-options, fixed-width, sticky-post, threaded-comments
License: GPL
License URI: http://www.gnu.org/licenses/gpl.html
*/

/* reset */

html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, p, blockquote, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0; max-width: 100%;}
address, caption, cite, code, dfn, th, var, h1, h2, h3 {font-style:normal;font-weight:normal;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
q:before, q:after {content:'';}
a img {border: none;}

/* basic elements */

body {
/* removed by nabeel

background: url('http://i0.wp.com/nabtron.com/wp-content/uploads/2011/10/bg-body.jpg') #f0f0f0 repeat-x fixed left top;
*/

color: #222;
font-family: calibri, lucida grande, verdana;
font-size: 1em;
/*
background: #e4e7ee or #fcfcfc;
font-size: 0.8em;
*/
line-height: 35px;
}

/*a:link, a:visited {color: #3366bb; text-decoration: none;}*/
a:link, a:visited {color: #004276; text-decoration: none;}
a:hover {text-decoration: underline;}

h1, h2, h3, h4 {font-family: Georgia;font-weight: normal;}
h1 {
/* changed 10 sep 2014 for h1 h2 shift
font-size: 3.0em; line-height: 50px;
*/
font-size: 1.6em;
letter-spacing: -1px;
line-height: 35px;
}
h1.headertagline,
h4.headertagline {
font-size:11px !important;
letter-spacing: normal;
line-height: normal;
font-family: lucida grande, verdana ;
}
h1 a:hover, h2 a:hover {color: #c00; text-decoration: none;}
h2 {
/*
font-size: 2em;
letter-spacing: -1px;
line-height: 50px;
*/
font-size: 1.6em;
letter-spacing: -1px;
line-height: 35px;
}
h3 {font-size: 1.3em; line-height: 40px;}
h4 {
font-size: 1.3em;
line-height: 40px;
}
h4.logo {
font-size:2.5em;
/*font-family:cursive,"Palatino Linotype","Book Antiqua",Palatino,Georgia;*/
font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia;
}
#main-content ul , #main-content ol {margin: 10px 0 10px 15px;}
#main-content ul li {list-style-type: square;}
#main-content ol li {list-style-type: decimal;}
#main-content li li {margin-left: 25px;}
#main-content p {margin: 10px 0;}

#sidebar ul, #footer ul {margin-left: 15px;}
#sidebar ul li, #footer ul li {
border-bottom: 1px dashed #ccc;
line-height: 27px;
list-style-type: none;
padding:5px;

/*list-style-type: circle;*/
}

#sidebar ul li a:link, #sidebar ul li a:visited,
#footer ul li a:link, #footer ul li a:visited {
/*color: #36b;
background-color:red;
*/
color:#18255C;
padding:7px;
margin: 5px 0px;
letter-spacing: 2px;
}
#sidebar ul li a:hover, #footer ul li a:hover {
color: red; text-decoration: none;

/*
background-color:darkblue;
color: #c00;
*/}

input, textarea {
	background: #f5f5f5; 
/*
	border: 1px solid #bbb; color: #999; 
*/
	border: 1px solid #18255C; color: #18255C; 
	font-size:0.9em;
	margin: 10px 0; padding: 7px 5px;
	}
input#searchsubmit, input#submit {
	background: #333;
border: 1px solid red;
color: #fff;
padding: 6px 10px;
/*	background: #ddd; border: 1px solid #999; color: #555; padding: 6px 10px;*/
}
textarea#comment {width: 95%;}

/* generic classes */

.clear {clear: both;}
.center {text-align: center;}
.hidden {display: none;}
.justify {text-align: justify;}
.post-spt {border-top: 1px dashed #ccc; margin-bottom: 15px;}
.post-meta {background: #eee; margin: 10px 0; padding: 2px 10px;}
.post-tag {margin: 10px 0;}
.sticky {background: #f6f6f6; border: 1px solid #ccc; margin: -10px -10px 10px -10px; padding: 0 10px;}
.sticky .post-meta {border: 1px solid #bbb;}
p.page-link span {border: 1px solid #ccc; padding: 3px 8px;}
p.page-link a:hover {text-decoration: none;}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.page .nocomments {display: none;}
.bypostauthor .fn {
font-weight: bold;
}

/* basic layout */

#wrapper {text-align: center;}
#container {
background: #ffffff;
/* changing back coz removed glow? maybe?
margin: 1px auto;
*/
margin: 0px auto;
text-align: left;
width: 95%;
/*padding:15px 0px;*/
padding:15px 10px;
}

#header {
padding: 20px 20px 0px 20px;

/*
padding: 20px;
width:150px;display:inline-block;text-align:center;font-size: 11px; */
width:150px;float:left;text-align:center;font-size: 11px;

}

.headerad{width: 730px;margin:0px auto;}
/*
.headerad{width: 730px; float:left;padding-top:20px;}
.head-nav {margin: 0 10px; border-bottom: 1px dashed #bbb; border-left: 1px solid #bbb;}
.head-nav {margin: 0 10px; border-bottom: 1px solid #DDAD3E; border-left: 1px solid #DDAD3E;}
*/

#headertop {font-size: 0.8em; float:left;width:auto;padding:0px 10px;}
.head-nav {margin: 0 0px !important;}
#main-content {
border: 1px solid #ccc;
border-width: 1px 1px 0px 0px;
margin: 10px;
padding: 20px;
/*width: 550px;*/
display:block;
}
#sidebar {
border: 0px solid #aaa;
float: right;
margin: 10px 0;
/* changed by nabeel for responsive
padding: 0px 20px 20px 0;
width: 270px;
*/
padding: 0px;
width: 250px;
}
#footer {padding: 10px 20px;}
/*
#foot-1, #foot-2, #foot-3 {width: 290px; border: 0px solid #bbb;}
#foot-1, #foot-2 {float: left;}
#foot-right, #foot-3 {float: right;}
#foot-2 {margin: 0 15px;}
*/
#footer-credit {line-height: 28px; margin: 10px 20px;color: #333;}
#footer-credit a {color: #004276;font-weight:normal;}
#footer-desc {border-top: 1px dashed #ccc; font-style: italic; text-align: right;}

/* head nav */

.head-nav ul li {
float: left;
background-color: #403F3F;
border: 1px solid red;
border-width: 1px 0px;
padding: 1px 3px;
font-size: 0.82em;
/*
padding: 2px;
border-right: 1px solid #DDAD3E;
border-top: 1px solid #DDAD3E;

background-color: #eeefff;
border-right: 1px solid #bbb;
border-top: 1px solid #bbb;
border-bottom: 1px solid #bbb;
margin-bottom: 10px;
*/
}
.head-nav li a, .head-nav li a:visited {
color: #eee;
display: block;
/*
color: #444;
font-size: 1.0em;
*/
font-size: 1.05em;
font-weight: bold;
line-height: 30px;
padding: 0 10px;
}
.head-nav li a:hover {background: red; text-decoration: none;color:#eee;}
.head-nav li ul {display: none;}
.head-nav li:hover ul {
background: #f8f8f8;
border: 1px solid #aaa;
display: block;
position: absolute;
}
.head-nav li ul li {
border-bottom: 1px solid #ccc;
border-right: 0;
border-top: 0;
float: none;
margin-bottom: 0;
}
.head-nav li ul li a:link, .head-nav li ul li a:visited {
font-family: verdana;
font-size: 0.9em;
font-weight: normal;
line-height: 25px;
margin: 4px;
min-width: 122px;
}
.head-nav li ul li a:hover {background: #eee;}
.head-nav ul li ul li ul {display: none;}
.head-nav ul li ul li:hover ul {
display: block;
margin: -34px 0 0 160px;
}

/* page nav and more link */

.older a:link, .older a:visited {float: left;}
.newer a:link, .newer a:visited {float: right;}
.page-nav {margin-top: 10px;}

a.more-link:link, a.more-link:visited {
float: right;
margin-bottom: 10px;
}

/* miscelaneous */

blockquote {
border-left: 2px solid #ccc;
color: #444;
margin: 15px 0 15px 60px;
padding-left: 10px;
}
dl dt {font-weight: bold; border-bottom: 1px dashed #aaa;}
dl dd {margin-left: 60px;}
code {color: #B03535;}
pre, code {background-color: #18255C; color: #ffffff; font-size: 1em;padding: 10px;overflow:auto; margin: 15px 0;font-family: Consolas, Monaco, monospace}
.kunci {color: #aaa;}

/* widget */

.widget {margin-bottom: 15px;}
.widget_author img {border: 1px solid #ccc; float: left; margin-right: 10px; padding: 5px;}
/* removed by nabeel 
.search-box {border: 1px solid #ccc; padding: 0 10px; text-align: center;}
*/
.search-box {text-align: center;}

table#wp-calendar {text-align: center;}
table#wp-calendar caption {font-size: 1.5em; margin-bottom: 10px; text-align: center;}
table#wp-calendar thead tr th {background: #eee; border: 1px solid #ccc; font-weight: bold; padding: 4px 13px;}
table#wp-calendar td {border: 1px solid #ccc; padding: 4px 13px;}
#today {background: #eee;}

/* images and captions */

#main-content img {
height: auto;
/*max-width: 488px;*/
max-width: 100%;
}
img.centered {display: block; margin: 10px auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}

.wp-caption {border: 1px solid #ccc; padding-top: 4px; text-align: center; margin: 10px;}
.wp-caption img {margin: 0; padding: 0;}
.wp-caption p.wp-caption-text {margin: 0; line-height: 17px;}

/* comment list */

#main-content ol.commentlist {margin-left: 0px;}
#main-content ol.commentlist li {
border: 1px solid #bbb;
border-width: 1px 0px 0px 1px;
list-style: none;
margin: 15px 0;
}
#main-content ol.commentlist li div {
padding: 5px 10px;
}

#main-content ol.commentlist li div li {
border-right:0px;
}
li.odd {background: #f8f8f8;}
.commentlist li img.avatar {
	margin-bottom: -10px;
	margin-right: 10px;
	padding: 0px;
	border: 1px solid #aaa; width: 32px; height: 32px;
	}
#main-content ul.children li {margin-left: 0px;}
.comment-author {background: #eee;}
.comment-meta {border-bottom: 1px solid #ddd; text-align: right;}
.comment-reply-link, #cancel-comment-reply-link {border: 1px solid #aaa; padding: 3px 10px;}

/* comment form */

.required {color: red;}
#respond input {display: block;}

/*
.addrss{background: url('http://i0.wp.com/nabtron.com/wp-content/uploads/2014/09/connect.png' ) no-repeat;height:30px;}
.addrss span{width:40px;height:32px;display:block;float: left;}
*/

.push{clear:both;}

.headersocial{
width:280px;
float:right;
}

.topmostsearch{
width:280px;
float:right;
margin-top:-10px;
}

.topmostsearch input[type=text]{
	width: 180px;
}

/*
.topmostsearch .search-box{
padding:0;
border:0;
}


.topmostsearch input{
margin:0;
}

.topmostsearchinput{
width:120px;
}

*/

.bsap a {
margin:0px !important;
}

/* making fluid */
#wrapper-dad {
	padding-right: 15.5em;
}

#main-content-dad {
	width: 100%;
	float:left;
}

#sidebar-dad {
/*	background-color:brown;*/
	float:right;
	width: 15.5em;
	margin-right: -15.5em;
}

/* header css here now */

body{font-family:"Palatino Linotype", "Book Antiqua", Palatino, Georgia;font-size:18px;line-height:30px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAAAAADhOQgPAAAABGdBTUEAAK/INwWK6QAAABNJREFUCNdjeAoBDFjovTjEQQAAx2ArrgV+h1EAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC);background-color:#e5e5e5;color:#444;}
#container{
width:85%;
/*
-webkit-box-shadow: 0 0 15px 2px #3475b7;
-moz-box-shadow: 0 0 15px 2px #3475b7;
box-shadow: 0 0 15px 2px #3475b7;
border-radius: 10px;*/
-webkit-box-shadow: 0 0 15px 2px #666;
-moz-box-shadow: 0 0 15px 2px #666;
box-shadow: 0 0 15px 2px #666;
}
pre,code{font-family:'courier new',monospace,font-size:0.9em;}
#sidebar{width:270px;}
#main-content h1{border-bottom: 1px solid #3475b7;}
h1,h2,h3,h4,h5,h6 {padding: 10px 0px;color:#000e30;}
h4.logo {padding:0px;}
a:link, a:visited{color:#3475b7;}
/* top bar style */
#headerouter{
background-color: #3475b7;
width: 100%;
/*
position: fixed;
top: 0px;
z-index: 99;
*/
border-bottom: 3px solid #004276;
}
#wrapper{margin-top:0px;}
#headertopline{
padding-top:10px;
width: 85%;
margin: 0px auto;
}
.logo a{
margin-right:30px;
color:#000e30;
}
.head-nav{padding-top:5px;padding-left:30px;}
.head-nav ul li{
background-color:#3475b7;
border:none;
}
.head-nav{margin-top:-15px;}

/* media for smaller devices */

/* nabtron theme version 6 in making */

#headerouter, .head-nav ul li {background-color: #0772A1; border: 0;}

/* nabtron theme version 6 ends */


@media screen and (max-width : 760px){
	#wrapper-dad{padding-right:0px;}
	#main-content{border:none;padding:0px;}
	#container{width:96%;margin:0px;padding:0px 2%;}
	#sidebar-dad{float:none;margin: 0px auto;}
	.headersocial{display:none;}
	h4.logo{font-size:2em;}
}

@media screen and (max-width : 420px){
	#mainarticlediv{clear:both;}
}