/*
Theme Name: Hippie Camper Default
Version: 1
Author: Alan Attwater
Author URI: http://www.apollocamper.com/
Tags: custom header, fixed width, two columns, widgets

*/

@font-face
{
    font-family: SerifGothic;
    src: url('fonts/serifgothicstd-black-webfont.eot');
    src: url('fonts/serifgothicstd-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/serifgothicstd-black-webfont.woff') format('woff'),
         url('fonts/serifgothicstd-black-webfont.ttf') format('truetype'),
         url('fonts/serifgothicstd-black-webfont.svg#ITCSerifGothicStdBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-size: 11px;
    line-height: 1.4;
    font-family: Verdana, Geneva, sans-serif;
    color: #fff;
    background:url(images/bg.jpg) center top;
    text-align: center;
	margin:0; padding:0
}

.container{ width:990px; margin:0 auto; text-align:left; position:relative}

a img { border: 0; }
a { color: #fff; font-weight:bold; text-decoration: none; cursor: pointer; }
a:hover { color: #fff;text-decoration: underline; }

h2, h3, h4, h5, h6 { font-family: Verdana,Geneva,sans-serif; font-weight: bold; line-height: 1.2; margin:0 0 10px 0}

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

.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; }

#header{ height:210px; z-index:0}
#logo a{ float:left; display:block; width:320px; height:175px; margin-left:-45px; }

h1 { font-size:24px; margin-bottom:15px; line-height:1em; padding-left:8px; border-left:5px solid #EE8534}
h1 a { text-decoration: none; color: #fff; }
h1 a:hover { color: #fff;text-decoration: none; }

#logo { position:absolute; left:40px; top:5px }

#nav { float: right; display: inline; font-weight: bold; font-size: 12px; line-height: 30px; text-transform: uppercase; margin-top: 20px; }
#nav ul li { float: left; display: inline; list-style-type: none; position: relative; }
#nav ul li a { color: #fefefe; text-decoration: none; float: left; display: inline; padding-left: 18px; margin-right: 18px; margin-left: 5px; z-index: 10; position: relative; }
#nav ul li a span { float: left; display: inline; padding-right: 18px; margin-right: -18px; position: relative; background-position: right 0 !important; }
#nav ul li a span span { padding-right: 18px; margin-right: -10px; background: url(images/nav-dd-arr.gif) no-repeat right center !important; padding-bottom: 0; }
#nav ul li.hover a,
#nav ul li.hover a span { background-image: url(images/has_dropdown-hover.png) !important; color: #000; }
#nav ul li.hover a span span { background-image: url(images/nav-dd-arr.gif) !important; }
#nav ul li .dropdown { display: none; background: #fff; border: solid 1px #2d2d2d; position: absolute; top: 29px; left: 5px; z-index: 1; width: 176px; padding: 20px 3px 0; }
#nav ul li .dropdown { text-transform: none; font-weight: normal; line-height: 22px; }
#nav ul li .dropdown ul li { border-bottom: dashed 1px #d3d5d5; float: none; display: block; }
#nav ul li .dropdown ul li a { color: #9b9b9b; padding: 0; margin: 0; background: url(images/arr-2.gif) no-repeat 7px center !important; float: none; display: block; }
#nav ul li .dropdown ul li a:hover { color: #000; background: url(images/arr-2.gif) no-repeat 7px center !important; }
#nav ul li .dropdown ul li a { padding-left: 15px; }
#nav ul li .dropdown .dropdown { display: none; left: 176px; top: 0; padding-top: 0; }
#nav ul li.last { border-bottom: 0 !important; }

#footer { background:#45271E; padding: 65px 0 10px; text-align: center; font-size: 11px; color:#fff}
#footer a { text-decoration: none; color:#fff}
#footer a:hover { text-decoration: underline; }
#footer p.rss { display: inline; padding-left: 14px; background: url(images/ico-rss-2.png) no-repeat 0 center; }
#footer p.rss a { color: #7e6a4f; }

#content { float: left; display: inline; width: 700px; margin:0 10px}

.post { position: relative; height: 100%}
.post h2, .list-page .post h3 { font-size: 24px; margin-bottom: 5px; }
.post h2 a, .list-page .post h3 a { color: #fff; text-decoration: none; display:block}
.post h2 a:hover, .list-page .post h3 a:hover { text-decoration: none; color:#fff; background:#EE8534}
.post .entry img { background: #fff; padding: 2px; border: solid 10px #e2e2e2; }
.post .entry img.wp-smiley { background: #fff; padding: 0px; border: 0; }
.post .entry p { margin-bottom: 18px; }

.list-page #searchform { margin-top: 20px; }

#sidebar { float: right; display: inline; width: 260px}

.side-module{ margin:0 10px 10px; background:#3a211d; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; color:#fff;}
.side-module-inner{ padding:10px 20px 40px}

.widget{ background:url(images/widget-bg.png) no-repeat left bottom; margin-bottom:20px; padding-bottom:10px; border-bottom:1px dotted #fff}

#sidebar h2 { line-height: 1em; margin-bottom:10px; font-size: 18px}
#sidebar ul{ padding:0; margin:0}
#sidebar ul li { list-style-type: none; padding:3px 0}
#sidebar ul li select { margin: 10px 0 10px 10px; width: 183px; padding: 2px; }
#sidebar ul ul li { background:url(images/arrow.png) no-repeat left; margin: 5px 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 a{ padding:1px; color:#EE8534}
#sidebar a:hover{ background:#EE8534; color:#fff; text-decoration:none}

#calendar_wrap { font-size: 12px; text-align: center; padding: 0 0 10px !important; }
#calendar_wrap .nav { font-weight: bold; line-height: 24px; width: 130px; margin: 0 auto; position: relative; }

#wp-calendar { width: 100%; }
#wp-calendar tbody tr td a { border: dashed 1px #c4a158; text-decoration: none; width: 16px; line-height: 16px; text-align: center; margin: 0 auto; display: block; }
#wp-calendar tbody tr td { border-right: solid 1px #423028; padding: 2px 0; }
#wp-calendar tbody tr th { border: solid 1px #423028; border-left: 0; padding: 2px 0; font-weight: normal; }
#wp-calendar tbody tr .last { border-right: none !important; }
#wp-calendar tbody tr.last td { border-bottom: solid 1px #423028; }

#respond { padding-bottom: 30px; border-top:1px dotted #d7d2f8; margin: 10px 0; padding-top:10px }
#respond h3 { font-size: 19px; } 
#respond div.left { float: left; display: inline; width: 290px; }
#respond div.right { float: right; display: inline; width: 334px; }
#respond label { display: block; color: #ac2e13; font-size: 12px; margin: 5px 0 3px; }
#respond .button { float: right; display: inline; margin-top: 20px; width: 119px; height: 30px; background: no-repeat 0 0; }
#respond .button { border: 0; cursor: pointer; color: #fff; font-weight: bold; }

.comment { list-style-type: none; font-size: 12px;  }
.comment .comment-body { position: relative; height: 100%; position: relative; padding-left: 80px; padding-bottom: 25px; background: url(images/post-bg.gif) no-repeat 0 bottom; margin-bottom: 15px; min-height: 90px; }
.comment .avatar { position: absolute; top: 0; left: 0; }
.comment .author { font-weight: bold; line-height: 1; }
.comment .author a { color: #dd5324; }
.comment .comment-meta { font-size: 10px; color: #b49969; margin-bottom: 3px; }
.comment .comment-content p { margin-bottom: 15px; }
.trackback .comment-body, .pingback .comment-body { padding-left: 0; }
/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; }
/* Default size for headers */
.post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { font-size: 18px; line-height: 27px}
.post .entry h3 { font-size: 16px; line-height: 24px}
.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; }

.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; }
.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; }

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

/* ------------------------------------------------------------------------------------------------ */
.inner{ padding:10px}
.clear-right{ clear:right}

/*#wrapper{ background:url(images/top-rear-bg.jpg) no-repeat top}*/

/*#content-wrapper{ background:url(images/top-front-clouds.png) repeat-x top center; padding-top:65px}*/
#content-wrapper-inner{ padding-top:10px; margin-top:-25px; background:url(images/footer-wrapper-bg.png) repeat-x bottom}

#search{ float:right; margin:25px 10px 0 0; color:#fff; width:520px; text-align:right; line-height:22px}
#search a{ color:#fff}
#search div{ display:inline; float:right; margin-left:3px}
#search label{ color:#fff}

.post{ background:url(images/meta-bg.png) repeat-y left}
.odd-post .post{ border:1px dotted #d7d2f8; border-width:1px 0; background:none}

.post-meta{ line-height:35px; width:130px; float:left; text-align:right}
.odd-post .post-meta{ background:none}
.meta-date{ font-size:20px; line-height:1em}
.year{ font-size:11px}

.meta-category{ border:1px dotted #EE8534; border-width:1px 0; margin:10px 0; padding:10px 0; line-height:18px}

.comment-link{}

.post-content{ margin-left:130px}

.post-tags{ font-style:italic; padding:0 5px; line-height:20px; border:1px solid #EE8534; background:#CC6415}

.post-meta a, .post-tags a{ padding:2px}
.post-meta a:hover, .post-tags a:hover{ background:#EE8534; color:#fff; text-decoration:none}