/*
Theme Name: CoffeeLate
Theme URI: http://www.chazzuka.com/
Description: Coffee Feels Theme made by <a href="http://www.chazzuka.com/">chazzuka</a>.
Version: 1.0
Author: Komang Chazzuka
Author URI: http://developer.web.id/
Tags: jQuery, Custom, Dark
*/

body { background:url(images/tile.jpg) repeat; font:normal 14px/normal Arial, Helvetica, sans-serif; color:#fff6bf; padding:10px 0px 0px 0px; }
a.logo { display:inline-block; background:url(images/kopiluwak.png) no-repeat; width:400px; height:135px; }
a { color:#b27235; text-decoration:none; }
a.current,a:hover { color:#fff; }
a.more,
a.more-link{ padding:5px; background:url(images/bg.png); font-size:11px; font-weight:bold; }
p { margin:10px 0px; }
h1 { font-size:36px; font-weight:normal; color:#b27235; margin-bottom:10px; background:#000; padding:10px; }
h2 { font-size:24px; font-weight:normal; margin:15px 0px; }

h3 { font-size:18px; font-weight:normal; margin:15px 0px; color:#b27235; }

#wraper { height:min-height:1000px; height:auto !important; height:1000px; }
#nav p { text-align:center}

h1 a { color:#b27235; text-decoration:none; }

#content,#highlight,#product,#nav,#searchbox { background:url(images/bg.png) repeat; }
#content,#highlight,#product{ padding:20px; margin-bottom:10px; }

#searchbox { padding:20px; margin-bottom:10px }

#content img.photo { float:left; margin:0px 20px 20px 0px; border:solid 10px #fdfac5; }
#content ul { margin-left:30px; }
#content ul li { list-style:circle; margin-bottom:5px; }
/**/
#panel-wraper { width: 740px; height:340px; overflow:hidden; }
#panel-container { width:10000px; } 
#panel-container .panel {float:left; width:740px; margin:0px; padding:0px; }
#panel-container .panel ul li { list-style:none; }

#highlight ul li { display:inline-block; width:48%; float:left; margin-right:10px; margin-bottom:10px; }
#highlight ul li img.photo { float:left; margin:0px 10px 10px 0px; border:solid 5px #fdfac5; }

#searchbox label { font-size:18px; color:#b27235; margin-right:10px; }
#searchbox #s { background:#3b0f02; padding:5px; color:#fff; width:450px; border:solid 1px #000; }
#searchbox #submit { background:#3b0f02; padding:5px 10px; border:solid 1px #000; color:#fff; margin-left:10px; }

#nav { position:relative; }
#nav ul { margin:10px 10px 0px 10px ; }
#nav ul li { margin:0px; border-bottom:dotted 1px #522a05; padding:5px;}
#nav ul a { display:block; font-weight:bold; padding-left:25px; }
#nav ul li a { background:url(images/icons.png) no-repeat; }

#nav ul li a#homie { background:url(images/home.png) left top no-repeat; }
#nav ul li a#home { background-position:0px -5px; }
#nav ul li a#urban { background-position:0px -28px; }
#nav ul li a#process { background-position:0px -53px; }
#nav ul li a#luwak { background-position:0px -74px; }
#nav ul li a#warning {  background-position:0px -98px; }
#nav ul li a#tuts {  background-position:0px -120px; }
#nav ul li a#prod {  background-position:0px -144px; }
#nav ul li a#faq {  background-position:0px -178px; }
#nav ul li a#contact { background-position:0px -202px; }
#nav ul li a#links { background-position:0px -226px; }

#nav ul li a#homie.current,
#nav ul li a#homie:hover { background-position:0px -20px; }

#nav ul li a#home.current,
#nav ul li a#home:hover { background-position:0px -256px; }

#nav ul li a#urban.current,
#nav ul li a#urban:hover { background-position:0px -279px; }

#nav ul li a#process.current,
#nav ul li a#process:hover { background-position:0px -303px; }

#nav ul li a#luwak.current,
#nav ul li a#luwak:hover { background-position:0px -325px; }

#nav ul li a#warning.current,
#nav ul li a#warning:hover {  background-position:0px -349px; }

#nav ul li a#tuts.current,
#nav ul li a#tuts:hover {  background-position:0px -371px; }

#nav ul li a#prod.current,
#nav ul li a#prod:hover {  background-position:0px -394px; }

#nav ul li a#faq.current,
#nav ul li a#faq:hover {  background-position:0px -428px; }

#nav ul li a#contact.current,
#nav ul li a#contact:hover { background-position:0px -453px; }

#nav ul li a#links.current,
#nav ul li a#links:hover { background-position:0px -477px; }


#footer { display:block; bottom:0px; left:0px; background:url(images/bg.png); text-align:center; font-size:18px; padding:10px; }

.post { margin-bottom:10px; border-bottom:dotted 1px #333; }
.highlight-search { background:#000; color:#F90 }

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

td { text-align:left; vertical-align:top; }

td td { padding:0px 10px 5px; }

td img { border:solid 5px #fff; }

ol li {list-style:decimal; margin-bottom:5px;}

ol { margin-bottom: 25px; margin-left:15px; }

.form { background:#3b0f02; color:#fff; padding:5px; margin:5px 0px; border:solid 1px #000; }
.btn { background:#3b0f02; color:#fff; font-weight:bold; padding:10px; border:solid 1px #000; text-transform:uppercase; }

form h2 { margin:10px 0px; }
p.success { padding:10px; border:solid 2px #48330B; color:#FC0; display:block; }
p.error { padding:10px; border:solid 2px red; color:red; display:block; }

#content p { margin-bottom:20px; }
#content table.borderize td { padding:5px; border:solid 1px #fff; }