/*  
Theme Name:Pralon
Theme URI: http://krismametalika.co.id
Description: Air adalah Air
Version: Beta nih ...
Author: WongSrg
Author URI: http://google.com
*/

/*body*/
* { margin: 0px; padding: 0px; list-style:none; text-decoration:none; }
body {background: #f9f2e8 url(images/laut.jpg) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin: 0px; color:#8d8d8d;}

/*HYPERLINKS ++++++++*/
h3 { padding:10px 0 10px 0; font-size:14px;}
a { color:#333;}
a:hover { text-decoration:underline;}

/*+MAIN */
#wrapper { width: 1001px; margin:auto;  }
#main {	width: 1001px; margin:0px auto; background:#fff;}
#left { float: left; width: 500px; margin-left:20px; text-align:justify; }
#right { float: right; width: 200px; margin-right:10px;}

/*HEADER */
#header { height: 217px; width: 1001px;  }
#logo { width: 1001px; height:51px; background: url(images/hdr1.jpg) no-repeat;}

#logo h1{ text-align:right; font-size: 11px; padding-top:20px; padding-right:10px; color:#fff;}
#logo h1 a{ display:block;  height:66px; outline:none; margin-top:10px;}
#nama { float:left; width:625px;}
#nama h1{ text-align:left; font-size: 18px; padding-top:14px; padding-left:15px;  color:#fff;}
#versi { float:right; width:120px;}
#versi p{ text-align:right; font-size: 11px;  padding-right:10px; color:#fff; padding-top:20px;}

#flash { width: 1001px; height:217px}
/*SEARCH */
#searchbox { float:right; width:150px; height: 24px; background: url(images/s.gif) no-repeat; margin:35px 20px 0 0; }
#searchbox #s { float: left; margin: 4px 0 0 6px; border: 0; width: 160px; background: none; color:#999999; }
#searchbox #go { float: right; margin: 6px 8px 0 0; width:12px; height:13px;  }


/* NAV */
#headerisi {
	height: 25px;
		/*background: #fff url(images/nav.jpg) no-repeat;*/
text-align: right;
}

/*#nav1 ul li.current_page_item { background: url(images/navright-a.gif) no-repeat right; }
#nav1 ul li.current_page_item a { background: url(images/navleft-a.gif) no-repeat left; color:#fff; }
*/
/* MISC */
.clear { clear:both; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; } 
.alignleft { float: left ;}
img { border:none;}

/* ENTRY*/
#content { width: 500px; float: left; padding: 15px 30px 15px 20px;  }
.entry { width: 480px; line-height:140%; margin-bottom:20px; }
.entry p { padding-bottom:10px;}
.entry h2.sectionhead { font: normal 10px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; background:url(images/dot-h.gif) repeat-x bottom; padding-bottom:10px;}
.entry h2 { font: bold 16px Georgia, "Times New Roman", Times, serif; color:#333; padding:5px 0 5px 0; text-transform: uppercase;}
.entry h2 a { color:#000; }
.entry img {margin:0 10px 10px 10px;}
html>body .entry ul { padding: 0 0 0 30px; padding-left: 10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before { content: "\00BB \0020"; }
.entry p.postinfo { background:url(images/doddot.gif) repeat-x bottom; font-size:10px; padding-bottom:10px; margin-bottom:5px;}
.entry p.postinfo span.upper { text-transform:uppercase;}
.entry p.postinfo span.category { background:url(images/category.gif) no-repeat; padding-left:20px;}
.entry p.postinfo span.comment { background:url(images/comment.gif) no-repeat; padding-left:20px;}
.allinfos { padding: 5px; margin-bottom: 10px; }
.post {margin-bottom:15px;}
.navigation { width: 450px; font-size:11px; text-transform:uppercase; margin-top:20px;}
.navigation span.older { background:url(images/older.gif) no-repeat right; padding-right:25px; }
.navigation span.newer { background:url(images/newer.gif) no-repeat left; padding-left:25px; }
.socials {font-size:10px; font-weight:bold; margin-bottom:10px; background-color:#FFFFFF; border:1px solid #BBB9B2; padding:5px 5px 5px 10px; width:540px;}
.socials1 {font-size:10px; font-weight:normal; margin-bottom:10px; background-color:#FFFFFF; border:1px solid #BBB9B2; padding:5px 5px 5px 10px; width:200px;}
.socials a {margin-right:10px; color:#BFBCB3;}
.btn_email {background:url(images/mail.gif) left no-repeat; padding-left:15px;}
.btn_comment {background:url(images/comments.gif) left no-repeat; padding-left:15px;}
.btn_delicious {background:url(images/delicious.gif) left no-repeat; padding-left:15px;}
.btn_digg {background:url(images/digg.gif) left no-repeat; padding-left:15px;}
.btn_reddit {background:url(images/reddit.gif) left no-repeat; padding-left:15px;}
.btn_technorati {background:url(images/technorati.gif) left no-repeat; padding-left:15px;}
.btn_furl {background:url(images/furl.gif) left no-repeat; padding-left:15px;}

/*bagian sidebar*/
#sads { width:388px; font-size:10px; text-transform:uppercase; text-align:right; background:#eeedea; border:1px solid #d6d4cd; padding:8px; margin-bottom:10px;}
#sads ul {}
#sads ul li { float:left; padding-right:6px;}
#sads ul li.last { float:right; padding:0px; }
#sads p { background:url(images/adsdotdot.gif) no-repeat center left; margin-top:5px;}
#sads a { color:#5e5d5a;}
#tab { width:200x; background:#eeedea; border:1px solid #d6d4cd; padding:8px; margin-bottom:10px; margin-right:10px;}
#sidebar { width:210px; float:right; }
#sidebar h2 { font-size:12px; margin-bottom:10px; color: #2e5199; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif;}
#sidebar ul{ margin:10px auto 20px; }
#sidebar ul li{}
#sidebar ul li ul{}
#sidebar ul li ul li{display:block; background:url(images/bullet.gif) no-repeat 0 2px; padding-left:18px; margin-bottom:6px; padding-bottom:5px;font-size:11px;}
.sleft { float:left; width:180px; background:url(images/dot-v.gif) repeat-y right; padding-right:10px; }
.sright { float:right; width:198px; padding-left:10px; }

/* CALENDAR */
#calendar #calendar_wrap #wp-calendar { width: 100%; }
#calendar #calendar_wrap #wp-calendar caption { text-align:left; border-bottom:1px solid #dadada; padding-bottom:5px; }
#calendar #calendar_wrap #wp-calendar th { text-align:left; font-weight:bold; padding-top:5px; }
#calendar #calendar_wrap #wp-calendar td{ text-align:left; }

/* COMMENTS */
#c { float:left; width:450px;}
#cc { float:right; width:304px;}
#commentform p { padding-bottom:10px;}
#commentform #author { border:1px solid #bbb9b2; height:20px; width:200px; background:#f5f5f3; padding-left:5px; }
#commentform #email { border:1px solid #bbb9b2; height:20px; width:200px; background:#f5f5f3; padding-left:5px; }
#commentform #url { border:1px solid #bbb9b2; height:20px; width:200px; background:#f5f5f3; padding-left:5px;}
#commentform #comment { border:1px solid #bbb9b2; height:100px; width:445px; background:#f5f5f3; padding-left:5px;}
.commentlist cite { background:#f5f5f3; padding:5px 5px 5px 10px; }
.commentlist cite a { color:#333;}
.commentlist .ctext { background:url(images/doth.gif) repeat-x bottom; font-size:11px;}
.postmetadata { background:#f9f9f9; padding:10px; border:1px solid #bbb9b2;}
.ccomment { width: 450px; line-height:80%; margin-bottom:20px; }
.ccomment ol {}
.ccomment ol li { background:#e7e5de; padding:5px;}
.ccomment ol li.alt { background:#efeee8; padding:5px;}

/* FOOTER */
#footer { width:1001px; margin:auto; background:#fff url(images/footer.gif); height:45px; line-height:35px;font-size:80%;}
.footer { width:1001px; margin:auto; color:#fff; font-size:60%;}
.footer a { color:#e7e5de;}
.footer a:hover { color:#99cc33;}

/**Misc ****/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
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;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

/**Gallery **/
.gallery {text-align:center;}
.gallery img {padding:2px; height:100px; width:100px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.top_thumb img {
	float: left;
	display: inline;
	width:110px;
	height: 95px;
	/*margin-right: 10px;*/
	border: 1px solid #000;
}
#nav {background: #8cb9dc; width: 1001px; position: relative; float: left; height: 25px;  }


#catnav {
  /*margin: 20px 0 0 0;*/
  padding: 0;
  clear: both;
  /*height: 44px;*/
  width: 1001px;
  }
  
 /* #nav {
  list-style: none;
  margin: 0;
  padding: 0;
  }
	*/
#nav ul {
  margin: 0;
   
  padding: 0;
  }

#nav li {
  float: left;
 border-right: 1px solid  #c0c0c0;
  margin: 0;
  padding: 0;
  }

#nav a {
  display: block;
  line-height: 24px;
  margin: 0;
  padding: 0px 20px 0 15px;
  font-size: 10pt;
  color: #fff;
  letter-spacing: 1px;
  font-size:90%;
  
  }

#nav li a:hover {
	 color: #ffff00;
  /*color: #69b865;*/
  text-decoration: none;
  display: block;
  }

#nav li ul {
  list-style: none;
  text-align:left;
  position: absolute;
  width: 120px;
 left: -999em;
  }

#nav li:hover ul, #nav li.sfhover ul {
  left: auto;
  }
	
#nav li li {
  float: left;
  margin: 0;
  padding: 0;
  width: 130px;
  }
	
#nav li li a {
  width: 120px;
  height: 24px;
  line-height: 20px;
  font-size:80%;
  color: #000;
  border: 1px solid #c0c0c0;
 
  background: #e0e0e0 url(images/tab_l.png);
  margin: 0;
  /*padding: 5px 20px 5px 15px;*/
  }
	
#nav li li a:hover {
  /*border-left: 4px solid #fff;*/
  background: #8cb9dc url(images/nav.png) top left repeat-x;
 /* padding: 5px 20px 5px 15px;*/
  color: #fff;
  }

#nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  position: static;
  }

#toprss {
  float: right;
 
  display: inline;
  width: 65px;
 /* line-height: 41px;*/
  }
#credits ul.nav {
	/*padding: 0 0 12px;*/
	text-align: left;
	margin-left:20px;
}

#credits ul.nav li {
	color: #666;
	margin: 0;
	display: inline;
	
}

#credits ul.nav li a {
	display: inline;
	margin: 0;
	
	padding: 0px 6px 0px 4px;
	border-right: 1px solid #666;
}
#credits ul.nav li a,
#credits ul.nav li a:visited {
	
}
#credits ul.nav li a:hover,
#credits ul.nav li a:active {
	
}
#credits ul.nav li a.top {
	border: 0;
	padding-right: 0;
}
.SCS { width: 500px; float: left; padding: 15px 30px 15px 20px; }
.SCS h1 { font-size: 20px; font-weight: normal; background: url(images/PostHead.gif) repeat-x bottom; padding-bottom: 10px; letter-spacing: -1px; }
.SCS h2 { font-size: 18px; font-weight: normal; }
.SCS h3 { font-size: 14px; font-weight: bold; }

.SCS p { font-size: 12px; line-height: 17px;}
.SCS p strong {}
.SCS img {}
.SCS ul { padding: 10px 0px; margin: 0px; }
.SCS li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#4c4c4c; }
.SCS blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#8ec200; }
.SCS blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.SCS blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#8ec200; }
.SCS blockquote a { color:#0080ca; }
.SCS blockquote a:visited { color:#0080ca; }
.SCS blockquote a:hover { color:#003399; }
.SCS a { text-decoration: underline;}

/* Side Right  */

.SR { width: 450px; float: right; position: relative; }
.SR h2 { font-size: 14px; letter-spacing: normal; font-weight: bold;}
.SR h3 { font-size: 16px; letter-spacing: normal; font-weight: bold;}

/* Side Right Left  */

.SRL { width: 230px; float: left; padding: 15px 20px 15px 20px;background: url(images/menu.png) repeat-y right bottom;}
.SRL h3 { background: url(images/SRLH3.gif) repeat-x left bottom; color:#4c4534; padding: 0px 0px 5px 0px; margin: 0px}
.SRL li a { color:#624d1b; font-size: 12px; }
.SRL li a:visited { color:#624d1b; }
.SRL li a:hover { color:#927120;}

/* Side Right Right  */

.SRR { width: 160px; float: right; padding: 10px;}
.SRR h3 { background: url(images/SRRH3.gif) repeat-x left bottom; color:#4c4534; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px }
.SRR h2 { background: url(images/SRRH3.gif) repeat-x left bottom; color:#4c4534; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px }
.SRR ul { padding: 0px; margin: 0px;}
.SRR li { padding: 0px 0px 0px 10px; margin: 0px; list-style-type: none; background: url(images/SRRIco.png) no-repeat left top;}
.SRR li a { color:#624d1b; font-size: 11px; }
.SRR li a:visited { color:#624d1b; }
.SRR li a:hover { color:#927120;}

/* Search */

.Search { color: #FFFFFF; background: url(images/cari.gif) no-repeat left top; position: absolute; top: -65px; width: 280px; left: -9px;}
.Search  form { color: #FFFFFF; padding: 26px 10px 6px 20px; margin: 0;}
.Search  input { border: none; color: #000000; font-size: 11px;}
.Search  input.search { color: #FFFFFF; margin-left: 8px; width: 66px; height: 33px; background: url(images/cari_produk.gif) no-repeat;}
.Search  input.keyword { color: #000000; background: none; border: none; padding: 5px 10px 5px 8px; width: 155px; border: none; }

/**/ * html #buttonsearch { margin: -27px 0px 0px 163px; } /* */
#buttonsearch { color: #FFFFFF; padding: 0px; margin: -23px 0px 0px 170px; top: 0px; background: none; }


.CON { background: #fff url(images/back.png) repeat-y center; width: 1001px; float: left;  padding: 0px}