/*
Theme Name: Biru 2.0
Theme URI: http://neutronics.syokz.org/
Description: Designed by neutronics supported by Blogger Malaysia and Plan Hoster
This work is licensed Creative Commons Attribution-Share Alike 3.0 License. This means you may use it, and make any changes you like. Just leave the credits link under your footer :)
Author: nEUtrONiCs
Author URI: http://neutronics.syokz.org/
*/
/*--Latest Update on 9th January 2008--*/
/*-------------General-----------*/
html, body { border:0; margin:0; padding:0;}
body,td,th {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; color:#656565;}
a{color: #0083d5;text-decoration: none;}
a:hover{text-decoration: underline;}
blockquote {display:block;width:370px; max-width:370px;background:url(images/coma.gif) 0 0 no-repeat #ffffff;padding:0 0 0 109px;margin:15px 0 15px 0;font:italic 15px Georgia, "Times New Roman", Times, serif;color:#626262;float:left; min-height:99px; clear:both;}
.clear { clear: both; }
h2 {color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-align:center;}
/* ----------header---------*/
#top-bg { background-image:url(images/bg-top_ie2.png); height:377px; background-position:top; background-repeat:repeat-x; }
#top-container {width:960px; background-image:url(images/top_ie2.png);background-repeat:no-repeat; height:377px; margin:0 auto; padding:0; }
/*--------top layout--------*/
#top {width:960px; height:120px; padding:0; margin:0;}
#topbar {width:960px; height:200px; padding:0; margin:0;}
.left-1 {float:left; width:580px;}
.left-2 {float:left; width:190px;}
.right-1 {float:right; width:380px;}
.right-2 {float:right; width:190px;}
/*-----------top------------*/
#logo {height:120px; width:571; display:block; float:left;}
#logo img {border:none;}
#pages {height:120px; width:180px; display:block; margin:0; padding:0; margin-top:10px;}
#pages li {background: url(images/bullet.gif) 0 3px no-repeat; list-style:none; padding: 1px 3px 1px 15px;margin:0; color:#FFFFFF; font-weight:bold; line-height:130%;}
#pages li a {color:#FFFFFF;}
/*----------search form-----*/
/**/ *html .Search { height: 74px;} /**/
.Search { right: 0px; margin: 35px 0px 0px 20px; min-height: 74px; padding:0; width:150px;}
.Search form { background: url(images/searchform.png) no-repeat right; padding:0px; margin:0px; width:150px;}
.Search input { color: #330033; font-size: 13px; padding:0; width: 113px;}
.Search input.keyword { background: none; border: none; padding: 5px 0px 5px 5px; }
.Search input.search { width: 27px; height: 24px; background: url(./images/SearchButton.gif) no-repeat; padding:0; margin:0; border: none; cursor: pointer;}
.left-3 {float:left; width:113px; margin:0; padding:0;}
/*-----------recent post----*/
#recent-posts { max-height:200px; min-height: 175px; margin-top:30px; margin-left:50px; padding:0;}
#recent_post{ max-height: 200px; margin:0; padding:0;}
#recent_post ul{margin: 0; padding:0; list-style:none;}
#recent_post li{background: url(images/event_icon.gif) no-repeat; float:left;margin:0; margin-top:5px; padding:0px 15px 5px 15px; width: 215px; font-size:10px;}
#recent_post a:link, #recent_post a:visited {color: #656565;text-decoration: none; padding:0;}
#recent_post a:hover{color: #000;text-decoration: underline; padding:0;}
/*---------about me----------*/
#about {margin:0 auto;margin-top:0px; margin-top:20px; }
.text { width:85%; margin:0 auto; color: #fff; text-align:justify; line-height:14px; font-size:10px; margin-top: 0px;}
.text strong {color:#0198ff;}
.text a { color:#0198ff; font-weight:bold;}
/*-----------flickr----------*/
#flickr { height:50px; margin-top:45px; margin-left:15px; color:fff;}
#flickr img {border:#fff 2px solid; margin: 2px;}
/*-----------main layout------*/
#main-bg {width:960px; padding:0; margin:0 auto; background-image:url(images/bg-main.png); background-position:right; height:100%}
#wide {width:960px; padding:0; margin:0 auto; background-image:url(images/bg-main.png); height:100%; }
#left {width:550px; float:left; margin-top:0px; }
#right { width:380px; float:right; margin-top:0px;}
/*-------------Post------------*/
.isi {padding:0; margin:0;}
.cont-atas {background-image:url(images/top1.png); background-position:top; background-repeat:no-repeat; padding:0; margin:0; padding-top:30px;}
.cont-bawah {background-image:url(images/bot.png); background-position:bottom; background-repeat:no-repeat; padding:0; padding-bottom:30px; margin-bottom:20px;}
.post {padding-left:25px; width:500px; text-align:justify;}
.post-title {width: 490px; margin:0 auto; padding:0; }
.post-title h2 {font:Georgia, "Times New Roman", Times, serif; text-align:left; font-size:20px; padding:0; border-bottom:dashed 1px #CCCCCC; padding-bottom:5px;}
.post-title h2 a {color:#000; font-family: Georgia, "Times New Roman", Times, serif; text-decoration:none; line-height:20px; padding:0;}
.post-title h2 a:hover {color:#159ff6; text-decoration:none;}
.postmetadata { border-top:dashed 1px #CCCCCC; padding-top:5px; padding-bottom:5px; margin-bottom:15px; width: 480px; margin-left:10px; margin-top:10px;}
.article {width: 490px; line-height:170%; text-align:justify; margin-left:7px; padding:0;}
.post-end {margin-bottom:20px;}
.post img { padding: 3px 3px 3px 3px;background:#f0f0f0;border: solid 1px #DEDEDE; margin: 0px 15px 15px 0px !important;}
.navigation { margin:10px 0 10px 125px; clear:both;}
/*--------------Meta Icon---------*/
.meta-cal {background:url(images/add-page-blue.gif) center left no-repeat;padding-left:20px;padding-bottom:5px;padding-top:5px;}
.meta-comm {background:url(images/user-comment-blue.gif) center left no-repeat;padding-left:20px;margin-left:15px;padding-bottom:5px;padding-top:5px;}
.meta-tag {background:url(images/folder-blue.gif) center left no-repeat;padding-left:20px;padding-bottom:5px;padding-top:5px; margin-top:8px;}
/*-------------sidebar------------*/
#kanan-1 {float:right; width:175px; padding:0; margin:0;}
#kiri-1 {float:left; width:175px; padding:0; margin:0;}
.hidden {visibility:hidden;}
.comments {width:175px; margin-top:-5px;}
.hdr2 { background-image: url(images/categories.png); width:175px; height:43px;}
.hdr3 { background-image: url(images/rec-com.png); width:175px; height:43px;}
.hdr4 { background-image: url(images/top-com.png); width:175px; height:43px;}
.hdr5 { background-image: url(images/link.png); width:175px; height:43px;}
.hdr6 { background-image: url(images/top-come.png); width:175px; height:43px;}
.hdr7 { background-image: url(images/sponsor.png); width:175px; height:43px;}
.hdr8 { background-image: url(images/shout.png); width:175px; height:43px;}
.hdr9 { background-image: url(images/archives.png); width:175px; height:43px;}
.hdr10 { background-image: url(images/visitors.png); width:175px; height:43px;}
/*--------------- Comments ----------------*/
#comments {color:#000; font-family: Georgia, "Times New Roman", Times, serif; text-decoration:none; font-size: 18px; clear:both; list-style-type: none;}
ul.comments{border:0; margin:0; padding:0; list-style-type:none;}
.comments li{border-bottom:1px dotted #656565;font-size: 10px;padding: 4px 0 5px 5px;overflow:hidden;color: #0083d5;}
.comments li em, .comments li a em{color: #656565;font-style: normal;}
.comments li a{color: #656565;text-decoration:none;}
.comments li a:hover{text-decoration:none;color: #0083d5;}
.comments img { vertical-align:text-bottom;padding-left:5px;padding-right:3px;}
ul.commentlist li{ margin:0; padding:0; list-style-type:none; }
ul.commentlist {margin:0 auto; padding:0; list-style-type:none;}
.com-cont {width:532px; }
.clear-com {height:5px; width:500px;}
.com-bg { height:31px; width:500px; background-image:url(images/comment.png);}
.com-bg2 { height:19px; width:500px; background-image:url(images/comment2.png);}
.bloglog {height:50px; width:50px; float:left; margin-right: 15px; margin-bottom:10px;}
.bloglog img { border:2px solid #656565;}
.com-title {margin:0 auto; margin-bottom:-10px; text-align:center; color:#000; font-family: Georgia, "Times New Roman", Times, serif; text-decoration:none; font-size: 14px;}
.com-2 { width:480px; margin:0 20px; min-height:80px; margin-top:0px;}
/*----------------- Comments Form -------------------------------- */
.Form {margin-right:-40px;}
.Form .Email { background: url(images/FooterEmail.png) no-repeat left top;}
.Form { padding: 0px 0px 10px 0px; position: relative; margin: 0px; font-family: 'Verdana';}
.Form form { margin: 0px; padding: 0px;}
.Form a { text-decoration: underline;}
.Form p { padding: 0px 0px 2px 0px; margin: 0px; color:#666; }
.Form p small strong { font-weight: bold; color:#FF3300;}
.Form p small { font-size: 11px; display: block; padding: 6px 0px; color:#000;}
.Form .TextField { color:#003366; background: #e9f8ff; border: solid 1px #d5e7f0; padding: 6px 6px 6px 30px; font-size: 12px; display: block;}
.Form .TextArea { color:#003366; background: #e9f8ff; border: solid 1px #d5e7f0; padding: 6px; font-size: 12px;}
.Form input.SubmitComment { width: 57px; height: 29px; background: url(images/SubmitComment.png) no-repeat; margin-top: 4px;}
.Form input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -29px; margin-top: 4px;}
.Form input.SubmitCommentIE { width: 57px; height: 29px; background: url(images/SubmitComment.png) no-repeat 0 -29px; margin-top: 4px;}
/*-----------------Footer---------------------*/
#foot-wrap {width:100%; float:right; height:144px; background-image:url(images/bg-foot.png); background-position:bottom center; background-repeat:repeat-x; bottom:0;}
#foot-bg {width:960px; margin:0 auto; padding:0; background-image:url(images/footer.png); background-position:center; height:144px; bottom:0;}
#credits {color:#fff; width:530px; float:left; color:#FFFFFF; text-align:right; font-weight:bold; padding:0; margin:0; margin-top:60px;}
#credits a {color:#0083d5;}
#credits a:hover {color:#0083d5; text-decoration: underline;}
.clear { clear: both; }