/*  
Theme Name: Confidence Coffee
Theme URI: http://www.TemplatePanic.com
Description: Confidence Coffee, a theme for WordPress.
Author: Effi
Author URI: http://www.EffiHaryanti.com

Terms of Use:
- DO NOT REMOVE any of the links in the footer!
- You are free to share, to copy, distribute and transmit this theme.
- This theme is distributed for free. You are not allowed to sell this theme.
Thanks for using this theme.

*/


/* ---------------- General ------------------*/

body { background: #745627; margin: 0; font-family: Verdana, 'Trebuchet MS', Times, serif; font-size: 13px; color: #39444d; }

a { text-decoration: none; color: #745627; }
a:hover { text-decoration: underline; color: #745627; }

.metadata { border-top: 1px solid #ccc; padding: 5px; }

.clear { clear: both; font-size: 0px; line-height: 0px; visibility: hidden; margin: 0; }

blockquote { margin: 10px; padding: 0px 0px 0px 50px; color:#666; background: url(images/blockquote.gif) no-repeat left top; }
code{ display:block; overflow:auto; text-align:left; margin: 5px 0 10px 0; padding: 5px 10px 5px 10px; background-color: #f4f4f4; }

.navigation { display: block; padding-bottom: 20px; margin: 0 auto; }

.alignright { float: right; }
.alignleft { float: left; }


/* ---------------- Layout ------------------*/

#header { display: block; background: url(images/header.jpg) no-repeat top left; width: 979px;
margin: 0 auto; height: 239px; }
#header img, #header img:hover { border: none; text-decoration: none; }

#content { background: transparent url(images/bg.gif) repeat-y top left; position: relative; width: 979px;
margin: 0 auto; clear: both; }

#footer { background: transparent url(images/footer.jpg) no-repeat top left; position: relative; margin: 0 auto; width: 979px; height: 99px; }


/* ---------------- Header ------------------*/


h1 { font-family: Georgia, Times, serif; font-size: 26px; font-weight: normal; color: #f2f2f2; font-size: 200%; margin: 0; padding: 70px 0 0 50px; }
h1 a, h1 a:link, h1 a:hover { color: #f2f2f2; }
.description { color: #f2f2f2; padding-left: 50px; font-size: 100%; font-weight: normal; }


/* ---------------- Main Post ------------------*/


#bodycontent { width: 511px; float: left; margin: 0 0 0 20px; }
#bodycontent h1 { margin: 0; padding: 0; font-family: Georgia, Times, serif; font-size: 26px; font-weight: normal; color: #666; }
#bodycontent h2 { margin: 0; padding: 0; font-family: Georgia, Times, serif; font-size: 18px; font-weight: normal; color: #666; }

.post { padding: 10px 10px; background: transparent; }

.posttitle, .posttitle a, .posttitle a:link { color: #745627; margin-bottom: 10px; font-size: 32px; }
.posttitle a:hover { text-decoration:none; color: #745627; }

.info { border-top: 1px solid #666; margin-top: 10px; font-size: 9px; }

p { padding-top: 10px; font-size: 13px; }
p a { color: #745627; text-decoration: none; }
p a:hover { color: #745627; text-decoration: underline; }
p img { padding: 5px; border:0; }
p a img { padding: 5px; border:0; }


/* ---------------- Comments ------------------*/

#comments { margin-bottom: 20px; border-top: 1px solid #654b23; }
#comments h2 { margin: 8px 0 20px 0; }

.commenttext { background-color: #fcfeee; margin: 0; padding: 0px 10px; display: block; }
.commenttext p { margin: 0; padding: 5px 0; }

.data { color: #666; font-size: 10px; margin: 5px 0 30px 0; }
.data a { color: #654b23; text-decoration: underline; }
.data .poster strong { font-weight: bold; color: #654b23; }


/* ---------------- Comment Form ------------------*/

#commentform { margin-bottom: 25px; border-top: 1px solid #654b23; }
#commentform strong { color: #654b23; }
#commentform h2 { margin: 8px 0 20px 0; }
#commentform .guidelines strong { font-weight: bold; color: #654b23; }

#commentform .name { float: left; margin-right: 21px; }
#commentform .email { float: left; }
#commentform .url { margin: 10px 0; float: left; }

#commentform .name input { border: 1px solid #ccc; width: 298px; }
#commentform .email input { border: 1px solid #ccc; width: 298px; }
#commentform .url input { border: 1px solid #ccc; width: 509px; }

#commentform textarea { border: 1px solid #ccc; width: 509px; height: 209px; margin-bottom: 10px; }
#commentform .remember input { border: 0; margin-bottom: 1px; }
#commentform .submit { margin-left: 117px; }

.star { font-weight: bold; color: #654b23; }


/* ---------------- Sidebar Left ------------------*/

#sidebarleft { width: 185px; margin-left: 24px; float: left; font-size: 11px; }
#sidebarleft h2 { margin: 0 0 15px 0; padding: 0 0 5px 0; border-bottom: 1px solid #745627; font-size: 15px; color: #745627; line-height: 25px; }

#sidebarleft ul { margin: 0; padding: 0 0 30px 0; list-style: none; }
#sidebarleft ul li { margin: 0; background: url('images/border-bottom.jpg') bottom left no-repeat; padding: 5px 0 5px 0; }
#sidebarleft ul li a { text-decoration: none; padding: 5px 0 5px 0; }
#sidebarleft ul li a:hover { background: #fff; }
#sidebarleft ul li a p { margin: 0; padding: 0; }

#search { margin-bottom: 20px; text-align: right; }
#searchform { margin-bottom: 20px; }
#searchform input { width: 150px; background: #fff; }
#searchform .searchbtn { width: 22px; }


/* ---------------- Sidebar Right ------------------*/

#sidebarright { width: 185px; float: right; margin-right: 25px; font-size: 11px; }
#sidebarright h2 { margin: 0 0 15px 0; padding: 0 0 5px 0; border-bottom: 1px solid #745627; font-size: 15px; color: #745627; line-height: 25px; }

#sidebarright ul { margin: 0; padding: 0 0 30px 0; list-style: none; }
#sidebarright ul li { margin: 0; background: url('images/border-bottom-right.jpg') bottom left no-repeat; padding: 5px 0 5px 0; }
#sidebarright ul li a { text-decoration: none; padding: 5px 0 5px 0; }
#sidebarright ul li a:hover { background: #e3d6c2; }
#sidebarright ul li a p { margin: 0; padding: 0; }



/* ---------------- Footer ------------------*/

#footer { text-align: right; }
#footer p { font-size: 9px; margin: 0; padding: 50px 50px 0 0; list-style: none; }