/* 
Theme Name: SEO Maniac
Theme URI: http://belajarseo.com
Description: SEO Maniac is an seo friendly theme designed by <a href="http://belajarseo.com/">belajar seo</a>.
Author: Abiel Warszawa
Author URI: http://belajarseo.com
*/

body{margin: auto;padding: 0;text-align: center;color: #404040;background: #F7F7F7;}
h1{margin: 0;padding: 0;font-family: Verdana, Geneva, Arial, Sans-Serif;font-size: 22px;}
h2{margin: 0;padding: 0;font-family: Verdana, Geneva, Arial, Sans-Serif;font-size: 12px;}
blockquote{padding-left: 5px;padding-right: 5px;border-left: 5px solid #e3e3e3;}
hr{text-align: center;width: 600px;height: 1px;color: #999;margin: 5px 0 5px 10px;}
a:link{color: #234B7B;text-decoration: none;}
a:visited{color: #234B7B;text-decoration: none;}
a:hover{color: #122842;text-decoration: none;}
p{margin: 0 0 10px;}
p img {margin-right:3px;margin-bottom:0;margin-left:0;}
img.centered {display: block;padding: 3px;border: 1px solid #e2e2e2;margin-left: auto;margin-right: auto;}
img.alignright {float: right;padding: 3px;border: 1px solid #e2e2e2;margin: 0 0 0 8px;display: inline;}
img.alignleft {border: 1px solid #e2e2e2;float: left;margin: 0 8px 0 0;padding: 3px;display: inline;}
#wholepage{width: 900px;border-left: 1px solid #dddddd;border-right: 1px solid #dddddd;margin: 0 auto;padding: 0;text-align: left;background: #ffffff;}
#topall{width: 900px;height: 81px;margin: 0;padding: 0 0 25px 0;}
#header{width: 900px;height: 81px;background: #ffffff;}
#header h1{width: 388px;float: left;margin: 0;padding: 6px;}
#header h1 a{width: 310px;height: 49px;padding: 0;margin-top: 5px;background: url(images/logo.jpg) no-repeat;display: block; outline:0;}
#header h1 a span{display:none;}
#header p{width: 388px;float: left;margin: 0;padding: 6px;}
#header p a{width: 310px;height: 49px;padding: 0;margin-top: 5px;background: url(images/logo.jpg) no-repeat;display: block; outline:0;}
#header p a span{display:none;}
.belajar-seo{color: #234B7B;font-weight: bold;font-size: 12px;text-indent: -90000px;}

/* Style Navbar /*/
#navigation{float: left;width: 577px;height: 29px;background: #234B7B;font-family:arial,sans-serif;border: 1px solid #efefef;display:none;}
#navigator{float: left;width: 880px;height: 29px;background: #234B7B; font-family:arial,sans-serif;border: 1px solid #efefef; margin-top: -39px;margin-left: -576px;}
#navigator ul li a img  {border:none;}
#navigator ul li.feed a{float:right;background:none;color:#2D2D2D;border:none medium #2D2D2D;margin:-4px 0 0 0; outline:0;}
#navigator a.feed:hover{border:none medium #2D2D2D;color:#2D2D2D;}
#navigator ul {margin:0px;padding: 0px;float:left;width: 887px;}
#navigator li {display:inline;}
#navigator a{font-size: 12px;background:#234B7B; color:#fff;float:left;height:19px;margin:0px;padding:7px 10px 3px 10px;font-weight: bold;border-right: 1px solid #406F9D;}
#navigator a:hover{color:#ffffff;font-weight: bold;background: #122842;border-right: 1px solid #406F9D; font-size: 12px;}
#navigator ul li.search{height: 28px;float: right;margin: 4px 0 0 0;}

.archivetitle{font-family: verdana, arial, sans-serif;font-size: 12px;font-weight: bold;color: #191919;margin-left: 17px;margin-right: 21px;margin-bottom: 30px;margin-top: 15px;padding: 5px 0 5px 20px;background: #f8f8f8 url(images/icon-archive.gif) no-repeat left center;}
.pagetitle{font-family: verdana, arial, sans-serif;font-size: 20px;font-weight: bold;color: #191919;margin: 0px 10px 1px 10px;padding: 5px 0 1px 10px;background: #fff;}
.searchtitle{font-family: verdana, arial, sans-serif;font-size: 12px;font-weight: bold;color: #191919;margin-left: 17px;margin-right: 21px;margin-bottom: 30px;margin-top: 15px;padding: 5px 0 5px 20px;background: #f8f8f8 url(images/icon-search.gif) no-repeat left center;}

/* Style Post /*/
#container{float: left;width: 585px;min-height: 800px;padding-bottom: 20px;}
.post-title {float: left;width: 560px; margin-bottom: 10px; margin-top:-10px;} 
.post-title h1 a, .post h1 a:visited{font-family: Arial, Verdana, Sans-serif;font-size: 18px;font-weight: bold;color: #234B7B;line-height: 18px;padding-left: 1px;text-align: left;text-decoration: none;}
.post-title h1 a:hover{font-family: Arial, Verdana, Sans-serif;font-size: 18px;color: #122842;line-height: 18px;text-align: left;}
.post-title h2 a, .post h1 a:visited{font-family: Arial, Verdana, Sans-serif;font-size: 16px;font-weight: bold;color: #234B7B;line-height: 18px;padding-left: 1px;text-align: left;text-decoration: none;}
.post-title h2 a:hover{font-family: Arial, Verdana, Sans-serif;font-size: 16px;color: #122842;line-height: 18px;text-align: left;}
.post{margin-left: 0;margin-right: 10px;margin-top: 0;padding: 15px 10px 60px 10px;color: #404040;text-align: left;clear: both;}
.post em, u, b, strong{	font-style: normal; text-decoration: none; font-weight: normal;}
.post-archive, .post-search{margin: 15px 18px 30px 15px;color: #191919;text-align: justify;}
.post-archive h2 a, .post-archive h2 a:visited, .post-search h2 a, .post-search h2 a:visited{font-family: "Trebuchet MS", Verdana, Arial;font-size: 13px;font-weight: bold;color: #234B7B;line-height: 18px;text-align: left;}
.post-archive h2 a:hover, .post-search h2 a:hover{font-family: "Trebuchet MS", Verdana, Arial;font-size: 13px;color: #122842;line-height: 18px;text-align: left;}
.post-archive-date{font-family: "Trebuchet MS", Verdana, Arial;font-size: 11px;color: #d1d1d1;}
.post-notfound{width: 470px;background: #f8f8f8;text-align: center;margin-left: 10px;padding-top: 5px;color: #191919;}
.post-notfound h2{font-size: 18px;}
.post-date {width: 0px;height: 0px;float:left;}
.post-month {font-size: 11px;text-transform: uppercase;color: #F9F9F9;text-align: center;display:block;line-height: 11px;padding-top: 3px;margin-left: -4px;}
.post-day {font-size: 18px;text-transform: uppercase;color: #333;text-align: center;display:block;line-height: 18px;padding-top: 7px;margin-left: -3px;}
.fullstory{height: 20px;margin-top: 5px;padding-top: 10px;background: url(images/icon-fullstory.gif) no-repeat left center;padding-left: 22px;}
.fullstory a{font-family: "Trebuchet MS", Verdana, Arial;font-size: 12px;text-decoration: none;color: #234B7B;}
.fullstory a:visited{color:#234B7B;}
.fullstory a:hover{font-family: "Trebuchet MS", Verdana, Arial;font-size: 12px;text-decoration: none;color: #122842;}
.tags{font-family: "Trebuchet MS", Verdana, Arial;font-size: 10px;color: #9DA355;}
.entry{font-family: "Trebuchet MS", Verdana, Arial;font-size: 13px;color: #404040;line-height: 18px;clear: both;}
.entry a{color: #234B7B;line-height: 18px;text-decoration: none;}
.entry a:visited{color: #234B7B;line-height: 18px;text-decoration: none;}
.entry a:hover{color: #122842;line-height: 18px;text-decoration: none;}
p.postmetadata{font-family: Tahoma, Verdana, sans-serif;font-size: 11px;color: #191919;margin-top: 6px;padding-top: 3px;padding-bottom: 3px;padding-left: 4px;padding-right: 4px;border-bottom: 1px solid #999;text-align: left;}
p.postmetadata a, p.postmetadata a:visited{margin-top: 4px;padding-top: 5px;padding-bottom: 3px;color: #234B7B;text-decoration: none;}
p.postmetadata a:hover{margin-top: 4px;padding-top: 5px;padding-bottom: 3px;color: #122842;text-decoration: none;}
p.postmetadata2{float: right;color: #404040;}
.navigation{margin-left: 15px;margin-top: 15px;color: #234B7B;font-family: "Trebuchet MS", Verdana, Arial;font-size: 12px;line-height: 18px;}
.navigation a{color: #234B7B;text-decoration: none;}
.navigation a:visited {color: #234B7B;text-decoration: none;}
.navigation a:hover{color: #122842;text-decoration: none;}
.prevpost a{float: left;color: #234B7B;font-family: "Trebuchet MS", Verdana, Arial;font-weight: normal;font-size: 12px;margin-top: 15px;margin-left: 3px;padding-left: 18px;background: url(images/icon-nav-left.gif) no-repeat left center;}
.prevpost a:hover{float: left;color: #122842;font-family: "Trebuchet MS", Verdana, Arial;font-weight: normal;font-size: 12px;margin-top: 15px;margin-left: 3px;}
.nextpost a{float: right;color: #234B7B;font-family: "Trebuchet MS", Verdana, Arial;font-weight: normal;font-size: 12px;margin-top: 15px;margin-right: 15px;padding-right: 18px;background: url(images/icon-nav-right.gif) no-repeat right center;}
.nextpost a:hover{float: right;color: #122842;font-family: "Trebuchet MS", Verdana, Arial;font-weight: normal;font-size: 12px;margin-top: 15px;margin-right: 15px;}

#sponsorbox{float: left;width: 279px;border: 10px solid #efefef;background: #ffffff;margin-left: 5px; margin-top:7px;}
#sponsor_banner1{float: left;width: 125px;height: 125px;padding: 9.6px;}
#sponsor_banner2{float: left;width: 125px;height: 125px;padding: 9.6px 0 3.3px 0;}

.sidebar{float: left;width: 304px;margin: 2px 0 0 0;}
.sidebar ul{list-style-type: none;margin: 0;padding: 5px 0px 0 0px;}
.sidebar ul li{padding: 0px 0px 4px 0px;}
.sidebar ul li h2{font-family:arial,sans-serif;font-size: 12px;font-weight: bold; height: 15px;color: #404040;background: #e4e4e4;padding-top:2px;padding-bottom:2px;}
.sidebar ul ul li{padding: 0 0 0 18px;line-height: 18px;font-family:arial,sans-serif;font-size: 11px;font-weight: bold;background:url(images/bullet.png) no-repeat 0px 4px;}
.sidebar ul ul li a{padding: 0;color: #234B7B;text-decoration: none;}
.sidebar ul ul li a:visited{padding: 0;color: #234B7B;}
.sidebar ul ul li a:hover{padding: 0;color: #122842;}
.menu-box{margin: 0px 0px 5px 5px;color: #191919;}
.menu-box h2{ padding-left: 5px;}

table#wp-calendar{border: 1px solid #000;text-align: center;font-family: verdana, sans-serif;font-size: 13px;color: #000;width: 98%;margin-left:3px;}
table#wp-calendar caption{font-weight: bold;color: #000;}
table#wp-calendar a{color: #234B7B;font-weight: bold;padding: 2px;text-decoration: none;}

#footer {clear: both;width: 900px;height: 39px;}
#credit {margin-left:9px; margin-bottom: 10px; clear: both;width: 880px;height: 29px;border: 1px solid #e4e4e4;font-family: arial, sans-serif;font-size: 11px;line-height: 16px;background: #234B7B;color: #fff;}
#credit p{text-align: left;margin: 6px 0 0 5px;}
#credit a{color: #f8f8f8;text-decoration: none;}
#credit a:hover{color: #f8f8f8;text-decoration: underline;}
#credit span {float: right; margin-top:-16px; margin-right:5px;}


/** comments template **/
.comments-template{margin: 5px 0 0;padding: 5px 0 0;font-family: "Trebuchet MS", Verdana, Arial;font-size: 12px;color: #191919;}
.comments-template ol{margin: 0;padding: 0 0 15px;}
.comments-template ol li{margin: 20px 0 0 0;line-height: 18px;padding: 0px 5px 2px 5px;background: #fff;list-style-type: none;}
.comments-template ol li a{color: #234B7B;text-decoration: none; font-style:normal;}
.comments-template ol li a:hover{text-decoration: none;}
.comments-template h2, .comments-template h3{font-family: Tahoma, Arial, Verdana, Sans-serif;font-size: 12px;font-weight: bold;color: #404040;}
.commentmetadata{font-size: 12px;}
.comments-template p.nocomments{padding: 0;}
.comments-template textarea{font-family: "Trebuchet MS", Verdana, Arial;font-size: 12px;color: #191919;background: #fff;width: 470px;border: 1px solid #a9a9a9;}
.comments-template .alt {background: #fff;}
#submit{color: #191919;border-left: 1px solid #f5f5f5;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #4c4c4c;border-right: 1px solid #4c4c4c;background: #D4D0C8;padding-top: 1px;}
#author, #email, #url {margin-bottom:0px;padding: 4px 0;font-family:"Trebuchet MS", Verdana, Arial;border: 1px solid #a9a9a9;}
.pingback-template{list-style-type: square;margin: 0 0 0 15px;padding: 0;font-family: "Trebuchet MS", Verdana, Arial;font-size: 12px;color: #191919;}
.pingback-template h3{font-family: Tahoma, Arial, Verdana, Sans-serif;font-size: 12px;font-weight: bold;text-transform: uppercase;color: #234B7B;text-decoration: underline;}
.pingback-template li a{color: #234B7B;padding: 0;font-weight: normal;}
.pingback-template li a:hover{text-decoration: none;font-weight: normal;padding: 0;}
#menu-box-search{margin: 0px 0px 5px 5px;}
#searchform #s {color: #333;width: 188px;height: 15px;background: #f8f8f8;padding: 2px;font-weight: normal;border: 1px solid #e4e4e4;font: normal 12px Arial, Sans-serif;margin: 0px 0px 5px 5px;}
#searchform input {background: #e4e4e4; width:60px;height: 21px;font: 12px arial, sans-serif;color: #333;border: 1px solid #e4e4e4;vertical-align: middle; margin: 0px 0px 5px 5px;}
/* Style for metadata /*/
.tanggal{border-top: 1px dotted #a9a9a9;margin-top: 20px;float: right;padding: 0 0 0 16px;line-height: 18px;font-family: Arial, Verdana, Sans-serif;font-size: 12px;background: url(images/tanggal.gif) no-repeat 0px 3px;}
.kategori{padding: 0 0 0 16px;margin-left: 10px;margin-bottom: 2px;line-height: 18px;font-family: Arial, Verdana, Sans-serif;font-size: 12px;background: url(images/kategori.gif) no-repeat 0px 0px;}
.komen{padding: 0 0 0 17px;margin-left: 10px;line-height: 18px;font-family: Arial, Verdana, Sans-serif;font-size: 12px;background: url(images/comment.gif) no-repeat 0px 1px;}

#navmenu {float: left;width: 880px;height: 20px; font-family:arial,sans-serif; margin-top:-4px;margin-left: -576px; font-size: 11px; border-bottom:#efefef 1px solid;}
#navmenu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; width:887px;}
#navmenu ul li a {text-decoration:none;  margin: 0; padding: 0; font-color:#234B7B;border-right: 1px solid #efefef; padding:0px 5px 0px 3px; height:12px;}
#navmenu li {display: inline; }
#navmenu ul li a:hover {font-color:#122842;border-right: 1px solid #efefef;}

.spacerdot{width:560px; height:9px; background: url(images/spacerdot.gif) repeat-x; margin-left:10px; margin-top:24px;}