/*
Theme name: ChocoTheme
Theme URI: http://cssmayo.com/freebies/free-wordpress-themes/chocotheme/
Description: Stylish WordPress theme with two columns, right-sidebar. Tested in all major browsers. If you need support with this theme head over to the author's website. 
Author: CSSMayo
Author URI: http://cssmayo.com/
Version: 0.03
Tags: theme-options, custom-colors, two-columns, dark, brown
*/

* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 13px;
    line-height: 1.4;
    font-family: Arial, "Trebuchet MS", Sans-Serif;
    color: #444;
    background: #3a2820;
    text-align: left;
}

a img { border: 0; }
a { color: #cd4517; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }

h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", "Myriad Pro", Tahoma, Sans-Serif; font-weight: normal; line-height: 1.2; }

input, textarea, select, button, label { font-family: Arial, "Trebuchet MS", Sans-Serif; font-size: 12px; color: #444;border: none; background: none; }
#contact-form input { width: 280px; height: 15px; background: url(images/field.gif) no-repeat 0 0; padding: 8px 5px 7px; overflow: hidden; }
#contact-form textarea { width: 324px; height: 125px; padding: 8px 5px 7px; background: url(images/textarea.gif) no-repeat 0 0; }
#contact-form { border: none; background: none; width: 400px; }

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

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

p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 0 0 5px 15px; display: inline; }
img.alignleft { margin: 0 15px 5px 0; display: inline; }

#page { width: 980px; margin: 0 auto; }

#header { padding-top: 30px; height: 85px; text-align:center;margin:auto;}
#header .description { font-size: 10px; line-height: 1; text-transform: uppercase; color: #c1ab7d; }
#header .description a { color: #9d6510; text-decoration: none; }

h1 { font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 36px; font-weight: bold; color: #d69959; }
h1 a { text-decoration: none; color: #d69959; }
h1 a span { color: #ffd7a5; }
h1 a:hover { text-decoration: none; }




#footer { padding: 15px 0 30px; text-align: center; font-size: 11px; color: #7e6a4f; }
#footer a { color: #9d6510; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer p.rss { display: inline; padding-left: 14px; background: url(images/ico-rss-2.gif) no-repeat 0 center; }
#footer p.rss a { color: #7e6a4f; }

#main { background: url(images/main-bg.jpg) repeat-y 0 0; width: 100%; position: relative; }
#main-top { background: url(images/main-top.jpg) no-repeat 0 0; }
#main-bot { background: url(images/main-bot.jpg) no-repeat 0 bottom; height: 100%; padding: 50px 20px 70px 60px; min-height: 150px; }

#rss-link { display: block; width: 50px; height: 55px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/ico-rss.png); }
#rss-link { position: absolute; top: -12px; right: -12px; }

#content { float: left; display: inline; width: 645px; }

.post { padding-bottom: 30px; background: url(images/post-bg.gif) no-repeat 0 bottom; margin-bottom: 10px; position: relative; height: 100%; }
.post h1, .list-page .post h3 { font-size: 27px; margin-bottom: 22px; }
.post h1 a, .list-page .post h3 a { color: #000; text-decoration: none; }
.post h1 a:hover, .list-page .post h3 a:hover { text-decoration: none; }
.post .date { position: absolute; top: -7px; left: -123px; width: 75px; height: 80px; text-align: center; }
.post .date .bg { background: url(images/date.png) no-repeat 0 0; width: 70px; height: 62px; padding: 18px 0 0 5px; }
.post .date span { display: block; font-size: 16px; font-weight: bold; color: #f4b995; line-height: 1; text-transform: uppercase; }
.post .date span.day { font-size: 26px; }
.post .entry img { background: #fff; padding: 2px; border: solid 10px #e2e2e2; }
.post .entry p { margin-bottom: 18px; }
.post .meta { padding-top: 13px; background: url(images/meta-top.gif) no-repeat 0 0; }
.post .meta { font-size: 10px; font-family: Verdana, Tahoma, Arial, Sans-Serif; color: #444; }
.post .meta p { padding: 5px 0; line-height: 15px; }
.post .meta .bg { background: #fafafa url(images/meta-bg.gif) repeat-x 0 bottom; border-left: solid 1px #dedede; border-right: solid 1px #dedede; padding: 0 10px; height: 100%}
.post .meta .bot { height: 4px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/meta-bot.gif) no-repeat 0 0; }
.post .meta .comments-num { float: right; display: inline; font-size: 11px; color: #682815; font-weight: bold; }
.post .meta .comments-num { padding: 5px 0 5px 30px; margin-left: 10px; background: url(images/meta-comments-num.gif) no-repeat 0 3px; }

#sidebar { float: right; display: inline; width: 204px; margin-top: 40px; }
.widget_calendar { width: 204px }
#sidebar a { color: #FFE6A8; }

#sidebar h4 { line-height: 52px; width: 185px; background: url(images/widgettitle.jpg) no-repeat 0 0; color: #2e2019; font-size: 20px; padding-left: 15px; }
#sidebar ul li { list-style-type: none; }
#sidebar ul ul { padding: 0 10px 10px 3px; }
#sidebar ul ul li { background: url(images/sidebar-list-arr.gif) no-repeat 0 4px; border-bottom: solid 1px #423028; margin: 4px 6px; padding-left: 15px}
#sidebar ul ul li ul { border: 0; padding-bottom: 0; }
#sidebar ul ul li li { border: 0; padding-bottom: 5px; margin-bottom: 0; }

#sidebar ul div { padding: 0 10px 10px 9px }


#contact-form label { display:block;color: #ac2e13; font-size: 12px; margin: 15px 0 -15px 0; }
#contact-form #contact-button { margin-top: 10px; width: 119px; height: 31px; background: url(images/button.gif) no-repeat; }
#contact-form #contact-button { border: 0; cursor: pointer; color: #fff; font-weight: bold; }

/* Default size for headers */
.post .entry h1 { font-size: 30px; line-height: 30px}
.post .entry h2 { font-size: 25px; line-height: 27px;margin-top:15px;margin-bottom:5px;}
.post .entry h3 { font-size: 20px; line-height: 24px;margin-top:10px;margin-bottom:5px;}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}

/* Reasanble margins for lists */
.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }

.widget { color: #fff }
.userloggedbtn {float: left !important; margin-left: 218px}
.commentsnavigation { margin: 6px auto; }
.reply {
	float: right;
}
.archives hr { margin: 6px 0; }
.wp-caption { border: solid 1px #eee; text-align: center; margin: 6px}
.wp-caption p { margin-bottom: 0 !important; padding: 0 5px;}
.post .entry .wp-caption a img { border: 0 }
.metaplace { padding: 9px; }
.metaplace p {color: #fff }
.commentlist li.last .comment-body { background-image: none; }
.commentlist ul.children { margin-left: 25px; }

p.tags { padding: 10px; font-size: 10px}
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }

h1.pagetitle { font-size: 20px; }

#sidebar p {margin:10px;color:#999;}