/*
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/
Traduit et modifi� par Antoine.
*/
/*--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.png); height:377px; background-position:top; background-repeat:repeat-x; }
#top-container
{width:960px; background-image:url(images/top.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;}
.post .wp-smiley
{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:0;
background:white;
}
/*--------------Meta Icon---------*/
.meta-cal
{
background:url(images/tick.png) center left no-repeat;
padding-left:20px;
padding-bottom:5px;
padding-top:5px;
}
.meta-comm
{
background:url(images/ico-comment.gif) center left no-repeat;padding-left:20px;margin-left:15px;padding-bottom:5px;padding-top:5px;}
.meta-tag {
background:url(images/ico-tag.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;}
.comments img
{
border:0;
}
.hdr2
{
background-image: url(images/categories.png); width:175px; height:43px;
}
.hdr3
{
background-image: url(images/commentairesrecents.png); width:175px; height:43px;
}
.hdr4
{
background-image: url(images/pluscommentes.png); width:175px; height:43px;
}
.hdr5
{
background-image: url(images/blogroll.png); width:175px; height:43px;
}
.hdr6
{
background-image: url(images/topcommentateurs.png); width:175px; height:43px;
}
.hdr7
{
background-image: url(images/monsponsor.png); width:175px; height:43px;
}
.hdr8
{
background-image: url(images/shout.png); width:175px; height:43px;
}
.hdr9
{
background-image: url(images/archivesmensuelles.png); width:175px; height:43px;
}
.hdr10
{
background-image: url(images/visiteursrecents.png); width:175px; height:43px;
}
.hdr20
{
background-image: url(images/hithebdo.png); width:175px; height:43px;
}
/**** Mybloglog ****/
.mbl_fo_hidden,.mbl_h,#tr0 {
display:none;
}
/*--------------- 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; }