/* 
Theme Name: jawjaw
Theme URL: http://penalette.com
Description:  Designed by :  <a href="http://cizkah.wordpress.com">cizkah</a> and brought to Donat Bakar by  <a href="http://penalette.com">Penalette</a>
Author:  cizkah
Author URI: http://cizkah.wordpress.com
Version: 1.0
Tags:  green area, two colum

/* The following theme based on whiteboard theme  written by Brian Purkiss with his url  http://brianpurkiss.net
- here you are Brian ^^*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */


/* Main  */
body { background: #C62C2C; margin: 0; padding: 0; font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #444;}

html { margin: 0; padding: 0;}

a:link { color: #4B4D4C;}
a:hover { color: #000; text-decoration: none;}
a:visited {color: #4B4D4C;}

img { border:0;}
img a:link { border: 0; margin:0; padding:0;}

/**/ *html  .Con { height:600px;}
.ConCenter { width: 900px; margin:auto; padding:0;}
.Con { width: 900px; background: #AAD107 url(images/bgmain.jpg) no-repeat; margin: auto; padding: 0; min-height: 600px; float:left;}

.Menu { height: 30px;  list-style-type: none; font-family: Arial, Verdana, sans-serif; font-size: 16px; font-weight: bold; float: right; margin: 10px 0 0 0; padding: 0 10px; text-align: right;}
.Menu ul { margin: 0; padding:0; list-style-type: none;}
.Menu ul li { display: inline; margin: 5px; list-style-type:none;}
.Menu a:link { color: #fff; text-decoration: none;}
.Menu  a:hover { color: #000; text-decoration: underline;}
.Menu a:visited { color: #fff; text-decoration: none;}

/* Content donat bakar */

.Content { width: 868px; margin: 153px 0px 10px 0px; padding:0 16px 0 15px; float: left;}

.CLeft { float: left; width: 395px; margin: 0; padding: 0;}
.CRight { float: right; width: 450px; margin:233px 0 0 0px; padding: 0;}

/* Konten kiri */

/**/ *html .Video {height: 271px;}

.Video { width:342px; min-height: 271px; background: url(images/video.jpg) no-repeat top left; padding: 38px 0 0 53px;}

.Product { background: #C41414; width: 395px; color: #fff; }
.Product img { border: 0; text-align: center;}
.Product h1 { height: 81px; background: #C41414 url(images/produk.jpg) no-repeat top left; margin: 0px 0 0 0;}
.Product .Testimonial {margin: 0px; padding: 10px;}
.Product .Testimonial a:link,.Product .Testimonial a:visited  { color: #fff;}
.Product p { margin: 10px 0px; padding:0px;}
.Product h2 { font-size: 13px; color: #FFEA5F; margin: 20px 0 0 0;}

.DynLeft { background: #D5E803; margin:10px 0; padding: 10px 10px 20px 10px;}
.DynLeft ul { margin: 0; padding: 0 0px 10px 0;}
.DynLeft ul li { margin: 5px 0 5px 0px; padding: 0; list-style-type: none; }
.DynLeft h2 { font-size: 13px; font-weight: bold; margin: 15px 0 10px 0; border-bottom: 1px solid #9CA854; padding: 0 0 5px 0;}



/* Konten Kanan */
/* search */
/**/  * html .Search { height: 112px; } /**/
.Search { background: url(images/pencarian.jpg) no-repeat top right; min-height:112px; margin:0; width: 410px; padding: 50px 20px 10px 20px;}
.Search form { width: 350px; background: none; padding:0; margin:0;}
.Search input { color: green; margin:0; padding:0; }
.Search input .katakunci { background: none; width: 250px; padding: 5px;}
.Search input .button { width: 20px; height: 18px; }

.Blog { background: url(images/bgblog.jpg) repeat-y top left; color: #444; width: 450px;  margin:0; padding: 30px 0 30px 0; float: right; }

/* Entri Area */
.Blog .Areablog { float: left; margin: 0; padding:0 10px; width: 430px; }
.Blog .Head { position: relative; float: left; margin: 0 0px 10px 0px; padding:0; border-bottom: 1px dotted #4B4D4C; }
.Blog .Date { position: absolute; font-family: verdana, sans-serif; line-height: 14px; text-align: center; float: right; font-size: 16px; font-weight: bold; bottom: -10px; left: 370px; right: 20px; margin:0; padding:5px; color: #4B4D4C; background: #ABD108; width: 60px;}
.Blog .Post { margin: 0 0 20px 0; padding: 0px; float: left; width: 430px;}
.Blog  h2 { font-size: 20px; color: #000; font-weight: bold; float: left; margin: 0px; padding:0px; width: 345px;}
.Blog  a:link,.Blog a:visited { color: #362E2C; font-weight: bold; text-decoration:none;}
.Blog  a:hover { color: red; font-weight: bold; text-decoration:none;}
.Blog .Post p { margin: 20px 0 0 0; padding:0;}
.Blog .Post ul, .Blog .Post ol { margin:0; padding:0;}
.Blog .Post ul li, .Blog .Post ol li { margin: 10px 0 10px 40px;}



.wp-caption { color: #444; text-align: center; padding: 10px; background: #AAD107; margin: 5px; text-align: center;}
.wp-caption img { margin:0; padding:0;}
.wp-caption p { line-height: 17px; padding: 5px; margin:0; }

/*Comment*/
.ComAr {background: #ABD108; float: left; color: #444; padding: 10px; margin: 0 0 0 10px; width: 380px; }
.ComAr textarea { margin-top: 20px; width: 300px;} 
.ComAr ol { padding:0; margin: 0;}
.ComAr ol li { margin: 10px 30px; padding: 0;}
.ComAr .nama { color: #C41414;}
.ComAr .nama a:link { color:#C41414;}
.ComAr small { font-size: 9px;}


p img {padding: 0px;  max-width: 100%;}
img .aligncenter, div .aligncenter { 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; }



/* Footer */
.Footer { height: 170px; background: #651715; margin: auto; padding:0; width: 100%; clear:both;}
.Footer a:hover { color: #444;}
.up { height: 50px; background:#AAD107; width:900px; margin: 0 auto; padding:0;}
.down { height: 70px; width: 870px; margin: 20px auto 0 auto; background:#FDFC02; padding:15px; text-align: center; font-size: 11px;}