/*
Theme Name: Poiesis
Theme URI: http://www.poiesis.co.za/
Description: A custom WP theme with 2 column layout with multiple widget-ready placement made soley for the Poiesis web site.
Author: Brent
Author URI: http://www.poiesis.co.za/
Version: 4.0.2
Tags: two-columns, fixed-width, light, yello, orange
.
Not for use other than on the Poiesis web site.
.
*/
* {margin: 0; padding: 0;}
html, body {height: 100%;}
body {margin: 0 auto; text-align: center; font: 13px Verdana, Helvetica, Arial, sans-serif; background: #e49007 url(Images/bg.gif) repeat-x left top;}
a {color: #ffdb79; text-decoration: none; outline: none;}
a:visited {color: #d48800;}
a:active {color: #000;}
a:hover {text-decoration: underline;}
.clear {clear: both;}
.clearer {height: 1px; margin-top: -1px; overflow: hidden; clear: both;}
.clearleft {clear: left;}
.clearright {clear: right;}
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {margin-left: auto; margin-right: auto; display: block;}
h1, h2, h3, h4, h5, h6 {text-decoration: none; padding: 0; margin: 0; color: #6d322e; font-weight: normal; font-family: Verdana, Arial, Sans-Serif; text-align: left;}
h4, h5 {font-weight: bold;}
h1 {font-size: 165%;}
h2 {font-size: 150%;}
h3 {font-size: 130%;}
h4 {font-size: 110%;}
h5, h6 {font-size: 105%;}
h6 {font-style: italic;}
h2.pagetitle {padding-left: 30px;}
code {font-weight: normal;}
/* --- | LAYOUT | --- */
/* added */ #container {padding-top: 213px;}
#container {margin: 0 auto; width: 1024px; min-height: 100%; background: url(Images/content.gif) repeat-y 192px top; margin-bottom: -25px;}
html>body #container{height: auto; min-height: 100%; margin-bottom: -25px;}
#wrapper{float: right; width: 100%; margin-left: -200px; text-align: left;}
html>body #minHeight {float: right; width: 0; height: 100%; overflow: hidden; margin-bottom: -25px;} /* Opera and old Safari min-height fix */
/* --- | HEADER | --- */
/* added */ #header {top: 0; position:absolute;}
#header {background: url(Images/bg.gif) repeat-x left top;}
#header #menu {font-family: Arial, Verdana, Helvetica, sans-serif; height: 48px;}
#header #menu a {float: right; color: #350000; text-decoration: none; font-weight: bold; width: 104px; line-height: 46px; font-size: 110%; text-align: center; display: block;}
#header #menu ul {margin: 0; padding: 0; padding-right: 10px; height: 48px; list-style: none;}
#header #menu li {display: inline;}
#header #menu li a:hover {color: #6d322e; text-decoration: none; background: url(Images/rollover.gif) no-repeat right top;}
#header #banner {height: 119px; vertical-align: middle;}
#header #banner img {margin-top: 10px; border: none;}
#header #spaceover {height: 63px; width: 1024px; background: url(Images/spaceover.gif) no-repeat;}
/* --- | SIDEBAR | --- */
#sidebar {float: left; width: 200px; min-height: 435px; text-align: left; background: url(Images/sidebar.gif) no-repeat right top;}
#sidebar a {font-weight: bold; text-decoration: none; color: #fffecd;}
#sidebar a:hover {color: #ffdb79; text-decoration: none;}
#sidebar h2 {font-size: 130%; font-variant: small-caps; font-weight: bold;}
#sidebar h2:first-letter {font-weight: normal;}
#sidebar ul {padding: 0; margin: 0; list-style: none;}
#sidebar ul li {padding: 0 20px 0 20px; list-style: none;}
#sidebar ul li ul li {display: block; margin-bottom: -1px; line-height: 150%; border-top: solid 1px #c67811; border-bottom: solid 1px #c67811;}
#sidebar ul li ul li:hover {background: #e4a531;}
#sidebar form {text-align: center;}
#sidebar table {width: 100%; text-align: center;}
#sidebar #searchform {padding: 5px 0 10px 0;}
#sidebar #searchsubmit {margin-top: 4px;}
/* --- | CONTENT | --- */
#content{margin-left: 206px; margin-right: 15px; padding: 10px;}
#content .entry {width: 100%; overflow: auto;}
#content .entry img {padding: 3px; background: #c2c2ba; border: solid 1px #ede7d9; margin-right: 15px;}
#content .post {padding: 10px 30px 10px 20px; color: #333;}
#content .post .head {text-align: left; padding-bottom: 10px;}
#content .post .head .date {float: left; width: 45px; height: 40px; font-weight: bold; text-align: center; background: url(images/date.gif) no-repeat center center;}
#content .post .head .date .month {font-size: 14px;}
#content .post .head .date .day {font-size: 18px;}
#content .post .head h2 {font-variant: small-caps; font-weight: bold;}
#content .post .head h2:first-letter {font-weight: normal;}
#content .post .head h2 a {padding-left: 10px; font-variant: small-caps; font-weight: bold;}
#content .post .head .metadata {padding-left: 10px; font-size: 10px; font-weight: bold;}
#content .post .head a {color: #6d322e;}
#content .post .head a:hover {color: #350000; text-decoration: none;}
#content .post ul, #content .post ol {text-align: left; font-weight: bold;}
#content .post ul li {margin-left: 25px; padding-left: 5px;}
#content .post ol li {margin-left: 30px;}
#content .entry p {padding: 5px 0 5px 0; font-weight: bold; text-align: justify;}
#content .entry a {font-weight: bold;}
#content .entry a:link {color: #2f559e;}
#content .entry a:visited {color: #7e4325;}
#content .entry a:active {color: #e49007;}
#content .entry a:hover {color: #2f559e;}
#content .entry h2, #content .entry h3, #content .entry h4 {padding-top: 5px; text-decoration:underline;}
#content .post .end {width: 100%; height: 13px; background: url(Images/bottom.gif) no-repeat bottom;}
.navigation {margin-right: 9px; padding: 10px 20px 0 20px;}
.navigation a {font-weight: bold; font-size: 14px; color: #6d322e;}
.narrowcolumn p.tags {text-align: left;}
/* --- | COMMENTS | --- */
.comments {margin: 10px -4px 10px -3px; padding: 10px; background: #eff0ea; border: solid 1px #c8c7c2;}
.comments h3 {padding-bottom: 10px;}
.comments a {color: #6d322e;}
.comments a:hover {text-decoration: none; color: #350000;}
.comments small a {color: #333;}
.comments ol {margin: 20px 0 20px 0; padding: 0 0 0 20px;}
.comments ol li {margin-top: 15px; padding: 5px;}
.comments ol li.alt {background: #ccc;}
.comments ol li.even {background: #eee;}
.comments #commentform {padding: 10px; padding-left: 20px; font-weight: bold;}
.comments #commentform #submit {padding: 0 5px 0 5px; margin-top: 4px; font-weight: bold;}
.comments .commentor {color: #6d322e;}
/* --- | FOOTER | --- */
#clearfooter {clear: both; height: 25px;}
#footer {width: 100%; clear: both; height: 25px; font: 11px Arial, Verdana, Helvetica, sans-serif; color: #fec423; text-align: center;
margin: auto; background: #7e4325 url(Images/_footerBg.gif) repeat-x;}
#footer span {padding: 15px; line-height: 25px;}
/* --- | THEME SWITCHER | --- */
#theme-switcher {margin-top: -44px;}