/*  
Theme Name: Tranquil Theme
Theme URI: http://customware.co.za
Description: A simple, two columns theme.
Version: 1.0
Author: Barend Burger
Author URI: http://customware.co.za
Tags: fixed-width, two-columns, left-sidebar

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* main styles */
body {background-color:#FFFFFF; font-family:"Trebuchet MS" ,"Lucida Grande", Arial, Helvetica, sans-serif;background:url(images/bg_tile.gif) repeat;}

a:link, a:visited {color:#663300; text-decoration:none;}

a:hover, a:active {color:#663300; text-decoration:underline;}

#page {width:780px; background:url(images/main_bg.png) 0 0  repeat-y; margin:auto;}

#header {height:394px;background:url(http://tranquilbodytreats.co.za/wp-content/uploads/2011/10/header_logo2.jpg) 0 0 no-repeat; position:relative;}

#content {width: 460px; float:right; padding:20px;}

#sidebar {width:240px; float:left; text-align:right;  padding:20px 0 0 20px;}

#footer {clear:both; text-align:center; padding:10px 0 40px 0; color:#000; font-family:Arial; font-size:11px; background:url(images/bottom_shadow.png) bottom no-repeat;}

#footer a:link, #footer a:visited {color:#663300; text-decoration:none;}

#footer a:hover, #footer a:active {color:#000; text-decoration:underline;}

/* header */
#header h1 {margin:0; color:#6aade4; padding: 199px 0 0 30px; font-size:36px; font-weight:normal; text-align:center;}
#header h2 {margin:0; color:#6aade4; font-size:16px; padding:0 0 0 30px; font-weight:normal; text-align:center;}
#header a:link, #header a:visited, #header a:hover, #header a:active {color:#6aade4; text-decoration:none;}

/* posts... */
.post {padding:0;}
.post h1 {font-size:24px;}
.post h2 {font-size:18px;}
.post h1, .post h2 {padding:0; margin-bottom:0;}
.post h1 a:link, .post h1 a:visited, .post h2 a:link, .post h2 a:visited {color:#6aade4;}
.post h1 a:hover, .post h1 a:active, .post h2 a:hover, .post h2 a:active {color:#663300;}
.post small {font-size:13px; padding:0; margin-top:0; color:#999;}
.post blockquote {border-left:10px dotted #EEE; padding-left:10px; margin:0;}
.entry {font-size:13px; color:#333; line-height:18px; padding:0;}
.entry img {border:1px solid #CCC; padding:3px; margin:0 5px;}
img.wp-smiley {border:none;}
.postmetadata {font-size:13px; text-align:right; margin-bottom:30px; color:#333; clear:both; padding-top:10px;}
.more-link {font-style:italic;}

.post .entry h1 {font-size:18px; text-align:left; line-height:24px;}
.post .entry h2 {font-size:16px; text-align:left;}
.entry legend {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px;}
th, td {padding:5px;}
cite {font-family:Georgia, "Times New Roman", Times, serif;}
pre {overflow:scroll; padding:5px 10px; background-color:#EEE;}
* html pre {padding:5px 10px; background-color:#EEE; width:500px;}
.no-result {text-align:center; border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:10px 20px;font-size:14px;}
.multipages {text-align:center; font-size:12px; color:#333;}

/* ...and comments */
#comments {text-align:center; font-size:16px; color:#333; padding-top:40px; }
#commentform {padding-left:20px; }
#commentform p {font-size:12px;}
.commentlist {font-size:11px; line-height:16px; padding:0 20px; }
.commentlist li {padding: 15px 5px; background:url(images/comm-box.png) 0 0 repeat-x; margin-top:10px;}
.commentlist cite {font-weight:bold;}
.commentlist li .avatar {float: right; border: 1px solid #eee; padding: 2px; background: #fff;}
#respond {font-size:14px; color:#333; text-align:center; padding-top:40px; }
.nocomments {text-align:center; padding:0 20px; font-size:11px; color:#999;}
.tags {border:1px solid #CCC; background-color:#EEE; padding:3px; margin-right:20px;}

/* sidebar */
#sidebar ul {margin:0; padding:0; list-style-type:none;color:#6aade4}
#sidebar ul li ul { font-size:16px; margin:0 0 0 10px; padding:0;}
#sidebar ul li ul li {margin:0 0 0 10px; padding:0; line-height:17px;}
#sidebar ul li h2 {font-size:20px; border-bottom:1px solid #CCC; color:#6aade4; padding-top:10px;}
#sidebar ul li h2 a:link, #sidebar ul li h2 a:visited {color:#663300; text-decoration:none;}
#sidebar ul li h2 a:active, #sidebar ul li h2 a:hover {color:#663300; text-decoration:none;}
#sidebar p, .textwidget {font-size:16px;}
#sidebar table {margin:0 auto; font-size:16px;}

/* other */
.navigation {text-align:center; font-size:12px; margin:0 20px; padding:10px;}
#searchform {text-align:right; font-size:11px; color:#666;}
.libera {clear:both;}

/* align */
.aligncenter, div.aligncenter {display: block; margin-left: auto !important; margin-right: auto !important;}
.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;}