/*
Theme Name: MakanByte (beta 1) WP Theme 
Theme URI: http://webkoda.com/
Description: Theme specially design for makanbyte.com.
Version: 0.3
Author: J Shamsul Bahri
Author URI: http://jiboneus.com/
*/

/*
   main.css
   MakanByte
   
   Created by J Shamsul Bahri on 2007-12-23.
   Copyright 2007 __webkoda.com__. All rights reserved.
*/

/* ========================= */
/* = Basic style structure = */
/* ========================= */
html, body { text-align: center; font-family: Geneva, Arial, Tahoma, sans-serif; font-size: small; color #222222; background-color: #26200e; }
.spacer { clear: both; line-height: 0px; }
a { color: #b48500; text-decoration: none; }
a:hover { color: #006e33; text-decoration: none; }
/*a:hover { color: #f3b70d; text-decoration: none; }*/

/* ==================== */
/* = layout structure = */
/* ==================== */
div#page-container { width: 900px; margin: auto; margin-top: 10px; position: relative; background-image: url('images/page-bg.jpg'); }
div#center-column { width: 500px; margin-left: 250px; }
/*
div#left-column { width: 250px; position: absolute; top: 0; left: 0; }
div#right-column { width: 150px; position: absolute; top: 0; right: 0; background: url('images/menu-text.jpg') no-repeat scroll top center; }
*/
div#left-column { width: 250px; float: left; }
div#right-column { width: 150px; float: right; background: url('images/menu-text.jpg') no-repeat scroll top center; }


div#left-column div.top-panel { height: 260px; background-color: #4f4625;}
div#left-column div.top-panel div.top-title { height: 50px; position: relative; background: url('images/left-top.jpg') no-repeat scroll top center; }
div#left-column div.top-panel div.top-title p { position: absolute; left: 0px; bottom: 15px; font-size: 100%; text-shadow: #000000 0 1px 1px; }
div#left-column div.top-panel div { text-align: left; color: #fffffa; }
div#left-column div.top-panel div ul { margin-left: 20px; }
div#left-column div.top-panel div ul li { padding: 8px; }
div#left-column div.top-panel div ul li a { color: #fffffa; text-decoration: none; text-shadow: #000000 0 1px 1px; }
div#left-column div.top-panel div ul li a:hover { color: #f3b70d; text-decoration: none; }
div#left-column div.top-panel div p { padding-right: 10px; padding-left: 25px; line-height: 24px; text-shadow: #000000 0 1px 1px; }
div#left-column div.side-panel { margin-top: 18px; margin-bottom: 18px; }
div#left-column div.side-panel div.title { background-image: url('images/left-panel.jpg'); position: relative; height: 40px; text-align: left; }
div#left-column div.side-panel div.title p { position: absolute; bottom: 10px; left: 35px; color: #fffffa; text-shadow: #000000 0 1px 1px; }
div#left-column div.side-panel ul.list { text-align: left; font-size: 90%; }
div#left-column div.side-panel ul.list li { padding: 5px 10px 5px 30px; border-top: 1px solid #fffffa; border-bottom: 1px solid #cccccc; }
div#left-column div.side-panel p.feed-link { font-size: 90%; padding: 5px 10px 5px 30px; }
div#left-column div.side-panel p.text { font-size: 85%; padding: 5px 10px 5px 30px; }

div#right-column div.rightbar-panel { padding: 18px; padding-right: 0px; margin-top: 28px; text-align: left; }
div#right-column div.rightbar-panel p.title { text-transform: uppercase; color: #4f4625; font-size: 120%; }
div#right-column div.rightbar-panel ul { margin-top: 8px; }
div#right-column div.rightbar-panel ul li {  }
div#right-column div.rightbar-panel ul li a { color: #7d7c77; text-decoration: none; display: block; padding: 3px 0px 3px 0px; }
div#right-column div.rightbar-panel ul li a:hover { color: #4f4625; text-decoration: none; display: block; }

div.page-navi { font-size: 85%; margin-top: 10px; height: 10px; }
div.page-navi div.previous { float: left; text-align: left; padding-left: 5px; }
div.page-navi div.next { float: right; text-align: right; padding-right: 5px; }



/* =============== */
/* = post layout = */
/* =============== */
div.post-container { margin-top: 20px; text-align: left; }
div.post-container div.post-title-container { padding-left: 5px; padding-right: 5px; }
div.post-title-container div.post-date { text-align: left; color: #006e33; font-size: 95%; }
div.post-title-container div.post-title { font-size: 170%; }
div.post-title-container div.post-title a { color: #7d7c77; text-decoration: none; }
div.post-title-container div.post-title a:hover { color: #4f4625; }
div.post-title-container div.post-meta {  font-size: 86%; }
div.post-title-container div.post-coments { float: right; }

div.post-content { padding: 5px; text-align: left; }
div.post-content p { margin-bottom: 18px; line-height: 22px; }
div.post-content div.main-img img { border: 1px solid #ddd; background-color: #fff; padding: 2px; margin-bottom: 8px; }
div.post-content div.contactform { margin-top: 18px; }
div.post-content div.contactform form div.contactleft { margin-top: 24px; }
div.post-content div.contactform form div.contactright textarea,
div.post-content div.contactform form div.contactright input { font-size: 130%; padding: 5px; border: 1px solid #666; }

div.post-content h3 { font-size: 140%; color: #666; font-weight: 100; }

div.page-title-container { padding-left: 5px; }
div.page-title-container p.page-title { color: #7d7c77; font-size: 170%; }

div.related-post { text-align: left; padding: 5px; }
div.related-post h3 { display: none; }
div.related-post p.title { font-size: 170%; color: #7d7c77; text-decoration: none; margin-bottom: 12px; }
div.related-post ul.related_post li { margin-bottom: 18px; }

div.navigation { padding: 8px; }
div.navigation div.next-posts { float: left; }
div.navigation div.previous-posts { float: right; }


/* ============================ */
/* = comment container layout = */
/* ============================ */
div.comment-container { text-align: left; width: 750px; }
div.comment-container p.title { margin-left: 250px; padding-left: 5px; font-size: 170%; color: #7d7c77; text-decoration: none; margin-bottom: 12px; }

div.comment-post { padding-bottom: 18px; padding-top: 8px; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; }
div.comment-post div.comment-author img { background-color: #fff; border: 1px solid #666; padding: 3px; float: right; margin-left: 8px; margin-right: 30px;}
div.comment-post div.comment-author { width: 250px; float: left; text-align: right; background: #ebe9dc url('images/comment-arrow.jpg') no-repeat scroll top right; }
div.comment-post div.comment-author div.date { font-size: 80%; }

div.comment-post div.comment-body { width: 500px; margin-left: 250px; padding-left: 8px; }

div.comment-post div.comment-body div.comment-text p { margin-bottom: 10px; }

div.trackback div.comment-author img,
div.pingback div.comment-author img { display: none;  }
div.trackback div.comment-author div.name,
div.pingback div.comment-author div.name { display: none;  }
div.trackback div.comment-body div.comment-text,
div.pingback div.comment-body div.comment-text { display: none;  }

div.trackback div.comment-author div.type,
div.pingback div.comment-author div.type { margin-left: 8px; margin-right: 30px;  }
div.trackback div.comment-author div.date,
div.pingback div.comment-author div.date { margin-left: 8px; margin-right: 30px;  }

div.comment div.type { display: none; }
div.comment div.comment-type { display: none; }

div.comment-input-form { width: 750; border: 1px solid #fff; }
div.comment-input-form form p.logged { margin-left: 250px; padding: 5px; }
div.comment-input-form form p.submit-button input { margin-left: 255px; margin-bottom: 30px; font-size: 110%; }
div.comment-input-form form p textarea { margin-left: 255px; margin-bottom: 14px; border: 1px solid #333; padding: 3px; width: 480px; font-size: 110%; }
div.comment-input-form form div.input-container { clear: both; margin-bottom: 18px; }
div.comment-input-form form div div.label { width: 250px; text-align: right; float: left; }
div.comment-input-form form div div.label p { padding-right: 5px; }
div.comment-input-form form div.input-container div.extra,
div.comment-input-form form div div.input { width: 493px; float: right; }
div.comment-input-form form div div.input input { font-size: 140%; width: 400px; border: 1px solid #333; padding: 3px; }
div.comment-input-form p.title { margin-top: 18px; }


/* ================= */
/* = Footer layout = */
/* ================= */
div#footer-container { background-color: #4f4625; text-align: left; padding: 8px; }
div#footer-container p { color: #fffffa; text-shadow: #000000 0 1px 1px; }

div.bookmarkThis { font-size: 85%; margin-top: 10px; margin-bottom: 10px; height: 10px; text-align: left; }
div.bookmarkThis h2 { display: none; }

/*
 | -------------------------------------------------------------------
 |  Facebook connect stuff container
 | -------------------------------------------------------------------
 | Defines the Facebook connect styles
 | 																	*/
div.fbc_profile_header { display: none; }
div.fbContainer span.fbProfilePic { float: left; margin-right: 10px; }