/*  
Theme Name: August De Mist
Theme URI: http://www.augustademist.com
Description: Swellendam Accommodation
Author: Mammoth Solutions
Original Author URI: http://www.behindtherabbit.com/
*/

/* main styles */
body {margin:0; padding:0; font-family:Arial, Helvetica, Verdana, Tahoma, sans-serif; font-size: 12px; background:#f4ecd8 url('images/bg.jpg') repeat-x;}
a:link, a:visited {color:#563250; text-decoration:none;}
a:hover, a:active {text-decoration:underline;}

.entry a {letter-spacing:0.1em;border-left:8px solid #EEE;}
#page {width:960px; margin:0 auto; padding:0;}
#header {width: 960px; float: left; height:260px; background: url('images/header-bg.jpg') no-repeat;}
#content { width: 670px; float: left; padding:20px 0px; font-family: Arial, Helvetica, Verdana, sans-serif; }
.post h1, .post h2 {color:#3D787A;}
h1.intro { line-height: 34px; padding: 0px; background: 0; font-family: Georgia, Times New Roman, serif; font-size: 22px; font-weight: normal; color: #492543; margin: 0; }
.wide {}
.narrow {}

/* header */
#header h1 { width: 960px; float: left; font-size: 10px; font-weight: normal; color: #563250; text-transform: uppercase; text-align: center; padding: 10px 0px 0px 0px; margin: 0px; }
#header p.official { width: 300px; float: left; margin: 70px 0px 0px 0px; font-size: 14px; font-family: Georgia, Times New Roman, serif; }
#header p.logo { width: 359px; height: 135px; float: left; padding: 0px; margin: 0px; }
#header p.logo a { width: 359px; height: 135px; display: block; background: url('images/logo.jpg') no-repeat; }
#header p.logo a img { display: block; }
#header p.rss { width: 160px; float: right; margin: 19px 0px 0px 0px; }
#header p.rss a { width: 160px; padding: 51px 0px 0px 0px; display: block; background: url('images/rss.jpg') no-repeat; font-size: 14px; font-family: Georgia, Times New Roman, serif; }

/* footer */
#footer { height: 145px; clear:both; margin: 0; padding:27px 0px; background:url('images/footer-bg.jpg') 0 0 repeat-x;}
.infopage { font-size: 12px; color: #000; }
.footer_content { width: 960px; margin: 0px auto; }
	.footer_content h6 { padding: 0px 0px 4px 0px; margin: 0px; font-family: Georgia, Times New Roman, serif; font-size: 20px; font-weight: normal; color: #d7b882; }
	.foot_contact { width: 406px; float: left; margin: 0px 30px 0px 0px; border-right: 1px dotted #ead6b1; }
	.foot_contact p { width: 185px; float: left; color: #ead6b1; line-height: 17px; }
	.foot_contact p.mail { width: 220px; float: left; }
	.foot_contact p.mail a { color: #d7b882!important; text-decoration: underline; }
	.foot_contact p.mail a:hover { text-decoration: none; }
	.foot_links { width: 185px; float: left; }
	.foot_links ul { list-style-type: none; float: left; margin: 0px; padding: 8px 0px 0px 0px; }
	.foot_links ul li { margin: 0px; padding: 0px; }
	.foot_links ul a { color: #ead6b1!important; text-decoration: none; line-height: 17px; }
	.foot_links ul a:hover { color: #ead6b1!important; text-decoration: underline; line-height: 17px; }
	.foot_availability { float: left; padding: 0px 0px 0px 30px; border-left: 1px dotted #ead6b1; }
	.foot_availability p { color: #ead6b1; line-height: 17px; }
	.foot_availability p a { width: 278px; height: 34px; float: left; display: block; background: url('images/btn-avail.jpg') no-repeat; }

/* posts... */
.post {padding:0;}
.post h1, .post h2 {font-family: Georgia, Times New Roman, serif; font-weight:normal; font-size: 18px; color: #563250;}
p.meta {font-family: Georgia, Times New Roman, serif; font-weight:normal; font-style:italic; font-size: 11px; color: #040404;}
.entry {font-size:12px; line-height:20px; color:#333; padding-bottom:3px;}
.entry-page {border-left:10px solid #EEE; border-right:10px solid #EEE; font-size:12px; padding:0 10px; color:#333; line-height:22px;}
.entrytext {font-size:12px; border-left:10px solid #EEE; border-right:10px solid #EEE; padding:0 10px; color:#333; line-height:22px;}
.entry img, .entry-page img, .entrytext img {padding:5px; margin: 0px;}
img.wp-smiley {padding:0;}
.entry blockquote {font-size:11px;}
.postmetadata {font-size:10px; text-align:right; margin-bottom:30px; color:#333; clear:both; }
.more-link {border-bottom: 1px dotted #999; font-size:10px;}
a.more-link:hover, a.more-link:active {color:#563250;}
a.more-link:link, a.more-link:visited {color:#563250; text-decoration:none;}
a.more-link:hover, a.more-link:active {text-decoration:none; border-bottom:1px solid #563250;}

.post .entry h1 {font-size:22px; text-align:left;}
.post .entry h2 {font-size:18px; text-align:left;}
.entry legend {font-family:Arial, Helvetica, Verdana, Tahoma, sans-serif; font-size:18px;}
th, td {padding:5px;}
cite {font-family:Georgia, "Times New Roman", Times, serif;}
* html pre {padding:5px 10px; background-color:#EEE; width:500px;}
pre {overflow:scroll; padding:5px 10px; background-color:#EEE;}
.no-result {font-family: Georgia, Times New Roman, serif; font-weight:normal; font-size: 18px; color: #563250; padding:10px; background:#ead6b1; }

.multipages {text-align:center; font-size:12px; color:#333;}
.attachment {text-align:center;}
.attachment img {border:5px solid #EEE; padding:5px;}
.caption {text-align:center; font-size:12px; color:#333}

/* ...and comments */
#comments {font-family:Arial, Helvetica, Verdana, Tahoma, sans-serif;text-align:center; font-size:16px; padding-top:20px; color:#333; }
#commentform {padding-left:160px;}
#commentform p {font-size:11px;}
.commentlist {font-size:11px; line-height:16px; padding:0 50px;}
.commentlist li {padding: 15px 5px; margin-top:10px; border-top:1px solid #CCC;}
.commentlist cite {font-weight:bold; }
#respond {font-family:Arial, Helvetica, Verdana, Tahoma, sans-serif; font-size:14px; color:#333; font-weight:bold; margin-top:30px; text-align:center;}
.nocomments {text-align:center; padding:0 20px; font-size:11px; color:#999;}
.commenti-info {text-align:right; font-size:10px; clear:both;}
.commentlist li .avatar {float: right; border: 1px solid #eee; padding: 2px; background: #fff;}

/* sidebar */
#sidebar {width:250px; float:right; padding: 20px 0 20px 20px;}
#sidebar h2 { width: 250px; height: 40px; float: left; line-height: 34px; padding: 0px 15px; background: url('images/h2.gif') no-repeat; font-family: Georgia, Times New Roman, serif; font-size: 20px; font-weight: normal; color: #492543; margin: 0; }
#sidebar h2.search_title { width: 250px; height: 40px; float: left; line-height: 34px; padding: 0px; background: 0; font-family: Georgia, Times New Roman, serif; font-size: 22px; font-weight: normal; color: #492543; margin: 0; }
#sidebar ul { width: 250px; margin:0; padding:0px 0px 20px 0px; float: left; list-style-type:none!important;}
#sidebar ul li ul {width: 250px; font-size:12px; list-style-type:none; margin:0; padding:0px 0px 20px 0px;}
#sidebar ul li ul li {width: 240px; background: url('images/li.gif') 0px 14px no-repeat; padding: 0px 0px 0px 10px; line-height: 30px; border-bottom: 1px solid #d6ceba;}
#searchform { width: 250px; float: left; padding: 0px 0px 20px 0px; }
#searchform input { float: left; margin: 0px; padding: 0px; border: 0px; font-size: 11px; color: #492543; }
#searchform p.search_field { width: 185px; height: 34px; float: left; background: url('images/bg-search.jpg') no-repeat; margin: 0px; padding: 0px; }
#searchform p.search_field input { width: 140px; float: left; margin: 10px 0px 0px 27px; font-family:Arial, Helvetica, Verdana, Tahoma, sans-serif; font-size: 11px; color: #492543; background: transparent!important; }
#searchform .search_btn { width: 65px; height: 34px; }
#sidebar table {margin:0 auto; font-size:12px;}

/* other */
.navigation {text-align:center; font-size:11px; margin:0; padding:5px;}
.clear {clear: both;}

/* CSS STANDARD */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignleft { float: left;}
.alignright { float: right;}
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;}
.wp-caption img { margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}