/*  
Theme Name: Meister
Theme URI: http://cipto.us/
Description: This theme was designed and built by CIPTO of <a href="http://cipto.us/">CIPTO Blog</a>.
Version: 1.0
Author: CIPTO
Author URI: http://cipto.us/

This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. 

*/

* {border:0;margin:0;padding:0;}
/* Body */
body {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:8pt;background:#400000;}
/* Header */
#page {width:960px;background-color:#FFFFFF;margin:15px auto;border: 1px solid #330000;}
#top {width:960px;height:80px;margin:0;padding:0;}
#header {float:left;height:80px;width:384px;margin:0px 0px 0px 15px;padding: 0px;}
/* Logo */
#header h1 {text-indent:-10000px;float:left;margin:0;padding:0;}
#header h1 a {display:block;background:url(i/logo.gif) no-repeat left;height:51px;width:384px;}
p.desc {float:left;margin:5px 0 0 6px;padding:0;color:#FF3333;} 
.ads {color:#fdfdb0;float:right;width:468px;text-align:right;font-size:11px;margin:9px 15px 9px 5px;padding:0;}
/* Navigasi Atas */
#nav {height:30px;padding:2px 0px !important;background-color:#FFFFFF;margin:15px 15px 0px !important;border-top:1px solid #ffc4c4;border-bottom:1px solid #ffc4c4;width:930px !important;}
#nav-left {float:left;display:inline;width:600px;}
#nav-right {float:right;display:inline;width:330px;margin:0px !important;padding:0px !important;}
#nav ul {position: relative;height:30px;overflow:hidden;}
#nav ul  li {float:left;list-style:none;font-weight:bold;font-size:14px;}
#nav .current_page_item {height:30px;background-color:#CC0000;color:#FFFFFF;}
#nav .current_page_item a {color:#ffffff;}
#nav ul  li.back {width:9px;height:30px;z-index:8;position:absolute;background-color: #CC0000;color: #FFFFFF;}
#nav ul  li a {text-decoration:none;outline:none;text-align:center;top:6px;letter-spacing:0;z-index:10;display:block;float:left;height:26px;position:relative;overflow: hidden;margin:auto 15px !important;margin:auto 7px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;font-size:11px;text-transform:uppercase;color: #CC0000;}
#nav ul  li a:hover, #nav ul  li a:active, #nav ul  li a:visited {border:none;}
/* Navigasi Kategori */
#nav2, #nav2 * {margin:0;padding:0;list-style:none;}
#nav2 {height:30px;font-weight:bold;font-size:14px;position:relative;line-height:30px;margin:0px 15px;border:1px solid #ffc4c4;z-index:10 !important;background-color: #ffffff;border-bottom:3px solid #CC0000;}
#nav2 li {line-height:30px;float:left;list-style:none;z-index:10 !important;}
#nav2 li a {color:#660033;display:block;padding:0 13px;font-size:11px;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;line-height:30px;border-right:1px solid #ffc4c4;z-index:10 !important;}
#nav2 li a:hover {text-decoration:none;background:#CC0000;color:#fff;}
#nav2 li ul {position:absolute;left:-999em;margin-top:3px;z-index:10 !important;}
#nav2 li:hover ul, #nav2 li.sfhover ul {left:auto;z-index:10 !important;}
#nav2 li ul li {display:block !important;float:none !important;border:1px dotted #ffc4c4 !important;border-top:none !important;background:#fff;z-index:10 !important;}
/* Search */
#search {float:right;height:27px;width:310px;margin:3px 0px 0px !important;padding:0px !important;}
* html #search {margin-right: 8px;}
#search input {background:#ffffff;border:1px solid #F4F4F4;color:#000000;float:left;font-size:11px;width:223px;margin:1px 0px 0px;padding:3px 4px 4px;}
#search .btn {padding:0;height:22px;width:auto;margin:1px 0px 0px 5px !important;border:none;width:69px;}
/* Top Banner */
#topbanner {float:right;width:468px;padding:20px 0px 0px;}
#topbanner img {float: right;}
/* Main Entry */
p {padding: 0px 0px 7px 0px;margin: 0px;}
#bgbox {width:960px;background:url(i/cbck.gif) repeat-y;margin:0; padding:0px 15px 0px 15px;}
.line {width:500px;float:left;margin:0 0 10px;padding:0 0 5px 2px; border-bottom:#FF6A6A 1px dotted;}
.entry {width:500px;float:left;color:#666;background:url(i/dot.gif) repeat-x bottom;margin:0 0 30px;padding:0 0 20px 2px;}
.entry p {text-align:justify;}
.entry img {border:1px #eee solid; max-width:98%;}
.entry2 {width:500px;float:left;color:#666;text-align:justify;margin:0 0 30px;padding:0 0 20px 2px;}
.pastentry {width:200px;float:left;color:#666;margin:0;padding:0;}
#content {width:525px;float:left;line-height:140%;margin:0 auto;padding:0;}
.left {float:left; width:240px; padding-right:10px; border-right:1px dotted #ff6a6a; color:#666;}
.right {float:right;padding-right:20px;width:240px; color:#666;}
.clear {clear:both}
.post-tag {background: url(i/tag.gif) no-repeat;padding-left: 20px;float:left;color: #999999;margin-right:10px;}
.post-category {background: url(i/category.gif) no-repeat;padding-left: 20px;float:left;color: #999999;margin-right:10px;}
.post-comment {background: url(i/comment.gif) no-repeat;padding-left: 20px;float:left;color: #999999;margin-right:10px;}
.post-calendar {background: url(i/calendar.gif) no-repeat;padding-left: 20px;float: left;color: #999999;margin-right:10px;}
.post-author {background: url(i/author.gif) no-repeat;padding-left: 20px;float: left;color: #999999;margin-right:10px;}
.post-edit {background: url(i/edit.gif) no-repeat;padding-left: 20px;float: left;color: #999999;margin-right:10px;}
/* Sidebar */
#sidebar {width:400px;float:right;font-size:11px;margin:0px 35px 5px 0px; padding:0; display: inline; background:#fff url(i/sidebar.gif) repeat-y right;}
.rsidebar {width:210px;float:right;color:#666;margin:0 auto;padding:0 0 0 10px; overflow:hidden;}
.lsidebar {width:165px;float:left;color:#666;max-width:100%;margin:0 auto;padding:0 10px 0 0;overflow:hidden;}
.rsidebar ul li ul {list-style-type:none;margin:0;padding:0 0 0 5px;}
.rsidebar ul li ul li {display:block;background:transparent url(i/b2.gif) no-repeat 0 2px;border:0;margin:0 0 5px;padding:0 0 5px 13px; border-bottom:1px solid #ddd;}
.lsidebar ul li ul {list-style-type:square;margin:0;padding:0 0 0 5px;}
.lsidebar ul li ul li {list-style-type:none;background:transparent url(i/b.gif) no-repeat 0 2px;border:0;margin:0 0 1px;padding:0 0 0 15px;}
#sidebar img,.lsidebar img {border:0;}
.rsidebar ul,.lsidebar ul {list-style-type:none;margin:0;padding:0;}
.rsidebar ul li,.lsidebar ul li {list-style-type:none;margin:0 0 15px;padding:0;}
.rsidebar p,.lsidebar p {padding:0 5px;}
.rsstext { border-top:1px dotted #ff0000; padding-top:10px;}
.rsstext a { background:url(i/rss.gif) left no-repeat; padding-left:20px;}
/* Footer */
#footer {width:930px;background:url(i/footer.gif) repeat-x;height:32px;clear:both;color:#666666;font-size:11px;border-top:10px solid #fff;margin:0;padding:10px 0px 10px 0px;}
.footer {float:left;display:inline;width:525px;}
.footer a:hover {text-decoration:none;color:#fff;border:none;}
.footer a:link,.footer a:active,.footer a:visited {text-decoration:none;color:#CC0000;border:none;}
.footer2 {float:right;display:inline;width:405px;text-align:right;}
/* Comments */
.boxcomments {border-top:5px solid #ddd;border-bottom:5px solid #ddd;margin:0px 2px 30px 0px;padding:0 0 20px 2px;width:500px;}
#commentform {border-top:1px solid #eee;margin:0;padding:15px 15px 1px;}
#commentform label {display:block;margin:0;}
#commentform input {width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea {width:400px;margin:0 0 10px;padding:0;}
#commentform #submit {margin:0 0 20px;}
#commentform p {margin:5px 0;}
ol.commentlist {margin:0 0 1px;padding:0;}
ol.commentlist :hover {background:url(i/latestbck.gif) repeat-x;}
ol.commentlist li {border-top:1px solid #eee;display:block;list-style:none;margin:0;padding:15px 15px 1px;}
ol.commentlist li :hover {background:none;}
ol.commentlist li.commenthead {display:block;list-style:none;margin:0;padding:5px 15px;}
ol.commentlist li.commenthead h2 {margin:0;}
ol.tblist {list-style:none;margin:0 0 1px;padding:0;}
ol.tblist li {display:block;list-style:none;padding:10px 5px 10px 5px;margin:0 0 5px; border:1px dashed #ccc;}
input#url,input#author,input#email,textarea {color:#666;width:40%;border:1px solid #cbcbcb;margin-bottom:0.6em;background:#fcfcfc;margin-top:2px;padding:3px;}
/* wp-pagenavi */
.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:active {text-decoration:none;border:1px dashed #000;color:#7c940c;background-color:#FFF;margin:5px;padding:5px 10px;}
.wp-pagenavi a:hover {border:1px dashed #000;color:#147;background-color:#FFF;}
.wp-pagenavi span.pages {color:#000;border:1px dashed #000;background-color:#FFF;margin:2px;padding:5px 10px;}
.wp-pagenavi span.current {font-weight:700;border:1px dashed #000;color:#000;background-color:#FFF;margin:5px;padding:5px 10px;}
.wp-pagenavi span.extend {border:1px dashed #000;color:#000;background-color:#FFF;margin:5px;padding:5px 10px;}
/* Links */
#info h2 { margin:0 0 10px 0; padding:0; font-size:15px; font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif; color:#666633; }
.rsidebar h2 { margin:0 0 10px 0; padding:0; font-size:15px; font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif; color:#666666; }
.lsidebar h2 { margin:0 0 10px 0; padding:0; font-size:15px; font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif; color:#669900; border-bottom:#ff6a6a dotted 1px; }
#content h2 { margin:0 0 10px 0; padding:0; font-size:15px; font-family:"Lucida Grande",tahoma,arial,helvetica,sans-serif; color:#666633; }
#content .entry h2 { margin:10px 0 10px 0; padding:0; font-size:18px; font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif; color:#666600; }
#content h2,.postinfo a:link, #content h2,.postinfo a:visited { font-weight:normal; text-decoration:none;}
#content h2,.postinfo a:visited {color:#666633}
#content h2,.postinfo a:hover,
#content h2,.postinfo a:focus,
#content h2,.postinfo a:active {color:#666600}
.entry a:link { color:#666; font-weight:normal; text-decoration:none; border-bottom:dotted 1px #666; }
a:link, a:visited { color:#666; font-weight:normal; text-decoration:none; }
a:visited {color:#666600; text-decoration:none;}
a:hover,a:active { text-decoration:none; }
a:active {background:#ffc; text-decoration:none;}
/* lain-lain */
.navigation {width:500px;float:left;color:#666;border-bottom:#fff 2px solid;border-top:#fff 2px solid;padding:0 0 10px;}
.alignright {float:right;margin-top:10px;}
.alignleft {float:left;margin-top:10px;}
.similiar {width:500px;float:left;color:#666;text-align:justify;border:#e5e5bd 1px solid;margin:0 0 30px;padding:0 0 20px 2px;}
#misc {width:410px;margin:0px 0px 5px 0px;padding:0; background:#fff; float:left;}
#info {width:383px;font-size:11px;margin:5px 0 5px 0;padding:10px; background:#fff url(i/rssbck.gif) repeat-x; border:#ddd 1px solid; float:left;}
.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.postmeta {color:#666;border-bottom:#699 1px solid;}
.postinfo img {border:none;}
img.wp-smiley {border:0;padding:0;}
.twitter {width:395px;background:url(i/latestbck.gif) repeat-x;float:right;color:#333;text-align:justify;border:#e5e5bd 1px solid;margin:0 0 10px;padding:5px 6px;}
.center {text-align:center;}
acronym,abbr,span.caps {cursor:help;}
acronym,abbr {border-bottom:1px dashed #999;}
img.centered {display:block;margin-left:auto;margin-right:auto;}
img.alignright {display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px;}
blockquote {padding-left:20px;border-left:5px solid #e5e5bd;margin:15px 30px 0 10px;}
blockquote cite {display:block;margin:5px 0 0;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:block;}
* html .clearfix {height:1%;}
#past { padding:0; margin:0;}
.googleads1 {width:500px;float:left;color:#666;background:url(i/dot.gif) repeat-x bottom;margin:0 0 30px;padding:0 0 20px 2px;}
.fix {clear: both;height: 1px;margin: 0 0 -1px;overflow: hidden;}
.entry ul {margin:0 0 0 15px;}
.entry ol {margin:0 0 0 20px;}
.similiar  ul {margin:0 0 0 15px;}