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

body {
    font-size: 16px;
    line-height: 1.5em;
    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; color: #444;height:25px;}
#contact-form input { width: 60%; height: 15px; background: url(images/field.gif) no-repeat 0 0; padding: 8px 5px 7px; overflow: hidden;border:none;background-size: 100% 100%;}
#contact-form textarea { width: 85%; height: 125px; padding: 8px 5px 7px; background: url(images/textarea.gif) no-repeat 0 0;border:none;background-size: 100% 100%;}
#contact-form { border: none; background: none; width: 65%;}

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


img{max-width: 100%; height:auto;}
p img { padding: 0; max-width: 100%;}

#page { max-width: 92%; margin: 0 auto; width:1200px;}

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

h3 { font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 40px; font-weight: bold; color: #d69959; }
h3 a { text-decoration: none; color: #d69959; }
h3 a span { color: #ffd7a5; }
h3 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; }

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

#content { float: left; display: inline; width: /*645px*/68%; }

.post { padding-bottom: 30px; background: url(images/post-bg.gif) no-repeat 0 bottom; margin-bottom: 10px; position: relative; height: 100%;background-size: 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 .entry img { background: #fff; padding: 2px; border: solid 10px #e2e2e2; }
.post .entry p { margin-bottom: 18px; }

#sidebar { float: right; display: inline; width:22%; margin-top: 40px;font-size:15px;line-height:20px; }
#sidebar a { color: #FFE6A8; }

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

#active a {font-weight:bold;}
li {margin-bottom:10px;}

#contact-form label { display:block;color: #ac2e13; 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; }

p.tags { padding: 10px; font-size: 10px}

h1.pagetitle { font-size: 20px; }
hr {margin: 30px 10px;border:1px solid #895f30;}
blockquote{border-left:5px solid #895f30; font-style:italic;margin:25px;padding-left:15px;}
#sidebar p {margin:10px;color:#999;}

@media(max-width:1080px){#sidebar h4{font-size:17px;}}
@media(max-width:992px){#page {max-width: 100%;overflow: hidden;}}
@media(max-width:950px) {#sidebar h4{font-size:15px;} #sidebar p{margin-bottom:20px;}}
@media(max-width:830px) {#sidebar h4{font-size:13px;}}
@media(max-width:767px) {#sidebar h4{font-size:12px;font-weight:bold;width: 100%;}}
@media(max-width:700px) {#page{max-width:92%}#content{width:99%;}#sidebar{width:99%;background-color:black;}#logo h3 {font-size: 36px;line-height: 30px;}.post h1, .list-page .post h3 {font-size: 24px;line-height: 21px;margin-bottom: 22px;}#header .description {margin-top: 8px;text-transform: uppercase;}#sidebar h4{width:150px;line-height:40px; background-size:90%;}#main, #main-top, #main-bot {background-image:none;background-color: white;}#main-bot{padding-left:35px;}img{max-width:90%;}#sidebar h4{margin-left:10px;margin-top:10px;}#logo h1 a{font-size:28px !important;}}
@media(max-width:480px) {body {font-size:100%;}#main {margin-left: 0;width: 100%;}h1{font-size:32px;}#contact-form {width: 100%;}#contact-form input {width: 85%;}.post .entry img {border: medium none;}#sidebar {width: 106.5%;}#content{margin-left:-10px;}.post .entry img{float:none !important;clear:both;}#main-bot{padding-left: 27px;padding-right: 2px;}}
@media(max-width:375px) {.post .entryh1{font-size:26px;line-height:22px;}.post .entry h2 {font-size: 22px;line-height: 20px;}}
@media(max-width:320px) {#logo h3 {font-size: 26px;line-height: 20px;}.post h1 {font-size: 18px;line-height: 15px;}.blog-post h2.blog-title {font-size: 18px;line-height: 18px;}}