/*
Theme Name: Simply Smart
Theme URI: http://www.poiesis.co.za/wp-themes/index.php?wp-theme=smart theme
Description: A simple dark WordPress theme with red overtones, a 2 column layout with a right sidebar and multiple widget-ready placement, an automotive themed header and icons, and a solid background.
Version: 1.0.3
Author: Brent Harris 
Author URI: http://www.poiesis.co.za/index.php/author/brent/
Tags: two-columns, fixed-width, dark, red
.
CSS, XHTML and design released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/

html {margin:0; padding:0;}
body {margin:0 auto; padding:0; background:#9c9c9c url(images/body.png) repeat-x; color:#ccc; 
    font: normal 13px Verdana, Century Gothic, Tahoma, sans-serif;}
img {border:none;}
a {color:#92021f; text-decoration:none; outline:none;}
a:active, a:hover, a:visited {color:#b01d16;}
blockquote {padding-left:10px; color:#b01d16;}
h1, h2, h3, h4, h5, h6 {padding:0; margin:0;}
h2.pagetitle {padding:0; margin:0 0 20px 0; font-size:25px; font-weight:normal; text-align:center;}
.clear {clear:both;}
.clearleft {clear:left;}
.alignleft {float:left; padding:3px 0 0 5px;}
.alignright {float:right; padding:3px 0 0 5px;}


/* --- | LAYOUT | --- */
.wrapper {width:1024px; margin:0 auto; border-left:solid 1px #333; border-right:solid 1px #333;}
.content {padding:15px 10px 25px 15px; background:#040000; border-top:1px solid #92021f;}
.rightcolumn {float:right; position: relative; width:200px;}


/* --- | HEADER | --- */
.header {height:199px; margin-top:0; background:url(images/banner.jpg) no-repeat left top; border-bottom:solid 1px #92021f;}
.header .box {position:absolute; top:0; bottom:0; left:0; margin-top:170px; width:100%; height:30px; 
    border-top:solid 1px #333; border-bottom:solid 1px #aaa; filter:alpha(opacity=45); -khtml-opacity:0.45; -moz-opacity:0.45; 
    opacity:0.45;}
.header .name {width:100%; padding:0;}
.header .name h1 {padding:20px 30px 5px 0; font-size:300%; font-weight:normal; text-align:right;}
.header .name h1 a:link, .header .name h1 a:visited {color:#92021f; text-decoration:none;}
.header .name h1 a:hover {color:#b01d16; text-decoration:none;}
.header .name h2 {padding-right:30px; font-size:125%; font-weight:normal; font-style:italic; color:#b01d16; text-align:right;}
* html .header .box {border-bottom:none;}


/* --- | MENU | --- */
.menucontainer {margin-top:-34px; height:34px; display:block; padding:0 0 0 14px;}
.menu {position:relative; display:block; height:24px; font-size:85%; font-weight:bold; letter-spacing:1px;}
.menu ul {margin:0; padding:10px 20px 0 0; list-style-type:none; width:auto;}
.menu ul li {display:block; float:left; margin:0 1px 0 0;}
.menu ul li a {display:block; float:left; color:#fff; text-decoration:none; padding:5px 20px 0 20px; height:19px; 
 background:url(images/menuOver.gif) repeat-x top left;}
.menu ul li a:hover {color:#fff; background:url(images/menuOff.gif) repeat-x top right;}
.menu ul li .current, .menu ul li .current:hover {color:#fff; background:url(images/menuOff.gif) repeat-x top left;}	
.menu ul li a.current, .menu ul li a.current:hover {color:#fff; background:url(images/menuOff.gif) repeat-x top right;}


/* --- | POSTS | --- */
.post {margin-right:225px; text-align:left; padding:15px 0 10px 5px;}
.post .head {float:left; width: 100%; background: url(images/date.gif) no-repeat left top; border-bottom:dotted 1px #300;}
.post .head .date {float:left; text-align: center; width:165px; margin-left: 9px; height:59px; font-weight:bold;
	padding-top:4px; text-transform:uppercase; color:#0e0706;}
.post .head .date .month {padding-left:4px;}
.post .head .date .day {font-size:20px;}	
.post .head h1.title {font-size:24px; margin:0; padding:0 3px 2px 0; line-height:26px; font-weight:normal;
	font-family:Century Gothic, Arial, Helvetica, sans-serif;}
.post .head .meta {padding:2px 3px 2px 5px; color:#e1d5c8;}
.post .head .meta a {font-weight:bold; color:#ccc;}
.post .head .meta a:visited {font-weight:normal;}
.post .entry {display:block; margin:0; padding:0 5px;}
.post .entry h1, .post .entry h2 {font-weight:normal;}
.post .entry h1 {font-size:22px;}
.post .entry h2 {font-size:18px;}
.post .entry h3 {font-size:16px;}
.post .entry h4 {font-size:14px;}
.post .entry h5, .post .entry h6 {font-size:13px;}
.post .entry .meta {height:20px; padding:0 5px 2px 5px; background:#300; border:dotted 1px #600;}
.post .entry .meta a {font-size:10px; color:#ccc;}
.post .entry .meta a:active, .post .entry .meta a:hover, .post .entry .meta a:visited {color:#92021f;}
.post .entry .meta .edit {height:20px; width:100px; line-height:18px; padding:0 0 0 6px;}
.post .entry img {border:solid 1px #888;}
.post .entry img.alignleft {margin:0 10px 0 0;}
.post .entry img.alignright {margin:0 0 0 10px;}

/* --- | POST / COMMENTS | --- */
.comments {margin:0 230px 0 10px; padding:10px 0 0 20px; text-align:left; line-height:16px;}
.comments .message {padding:5px 10px 5px 10px; margin:0 0 0 -20px; border:dotted 1px #200;}
.comments .commentor {font-weight:bold; color:#92021f;}
.comments h2 {margin:15px 0 0 0; padding:0; font-size:19px; font-weight:normal;}
.comments ol {margin:20px 0 20px 0; padding:0 0 0 10px; color:#ccc;}
.comments ol li {margin-top:15px; padding:5px;}
.comments ol li.alt {background:#100;}

.comments textarea {width:96%; height:156px; background:#fff; border:1px solid #666; color:#000; padding:6px;
	overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
#commentform {padding-left:20px;}
#commentform input {background:#fff; border:1px solid #666; color:#000; padding-left:10px;}
.comments input#submit {padding:0 5px 0 5px;}
.comments ol li p {padding:0; margin:5px 0; color:#ccc; font-weight:normal;}

/* --- | PAGE / NAVIGATION | --- */
.navigation {margin:0 230px 0 10px; height:25px; padding:0 20px 0 20px; border:dotted 1px #200;}
.navigation a {font-weight:bold; font-size:14px;}


/* --- | SIDEBAR | --- */
.sidebar {width:195px; padding:4px 0 0 0; font-family:Century Gothic, Arial, sans-serif;}
.sidebar a {color:#ccc;}
.sidebar a:hover {color:#92021f;}
.sidebar h2 {height:25px; line-height:25px; font-size:16px; color:#92021f; margin:0; padding:0 0 0 10px;
	background:#100; border-bottom:dotted 1px #600}
.sidebar ul {list-style-type:none; margin:0 ; padding:0;}
.sidebar ul li {border:dotted 1px #600; border-bottom:none; list-style-type:none;}
.sidebar ul li ul li{border:none; border-bottom:dotted 1px #600;}
.sidebar ul li ul li:hover {background:#200;}
.sidebar li {margin:0 0 15px 0; padding:0;}
.sidebar li li {margin:0; background:#300; padding:3px 10px 3px 15px;}
.sidebar li li li {list-style-type:none; border:0; margin:0; background:#300; padding:3px 10px 3px 2px;}
.sidebar li li li li {list-style-type:none; border:0; margin:0; background:#300; padding:3px 10px 3px 10px;}
* html .sidebar ul li {border-left:none; border-right:none;}
* html .sidebar h2, * html .sidebar ul li ul li {border-left:dotted 1px #600; border-right:dotted 1px #600;}


/* --- | SIDEBAR / ABOUT ARCHIVES | --- */
.sidebar li.about_archive {padding:0 5px 0 5px; font-size: 11px; border-bottom:dotted 1px #600;}

/* --- | SIDEBAR / CALENDAR | --- */
.sidebar table {width:100%; text-align:center; background-color:#3F2723;}
.sidebar li.widget_calendar {border-bottom:dotted 1px #600;}
.sidebar li.widget_calendar h2 {height:0; color:#100;}
.sidebar li.widget_calendar caption {height:25px; line-height:25px; font-size:16px; color:#92021f; margin:-1px 0 0 0; padding:0 0 0 10px;
    font-weight:bold; text-align:left; background:#100; border-bottom:dotted 1px #600}
.sidebar li.widget_calendar tbody tr a {padding:0 3px 0 3px; font-weight: bold; background:#300;}
.sidebar li.widget_calendar tbody tr a:hover {color:#300; Background:#fff;}
.sidebar li.widget_calendar tfoot tr a:hover {color:#100;}
* html .sidebar li.widget_calendar {border-left:dotted 1px #600; border-right:dotted 1px #600;}
* html .sidebar li.widget_calendar h2 {border-left:none; border-right:none;}

/* --- | SIDEBAR / SEARCH | --- */
.sidebar li.widget_search {border-bottom:dotted 1px #600;}
.sidebar li.widget_search #searchform {padding:5px 10px 5px 12px;}
.sidebar li.widget_search #searchform div {text-align:right;}
.sidebar li.widget_search #searchsubmit {margin-top:3px;}
* html .sidebar li.widget_search {border:dotted 1px #600;}
* html .sidebar li.widget_search #searchform {padding:5px 6px 0 6px;}

/* --- | SIDEBAR / TEXT | --- */
.sidebar li.widget_text {border-bottom:dotted 1px #600;}
.sidebar li.widget_text .textwidget {padding:5px 10px 5px 10px;}
* html .sidebar li.widget_text {border:dotted 1px #600;}
* html .sidebar li.widget_text h2 {border-left:none; border-right:none;}

/* --- | SIDEBAR / TAG CLOUD | --- */
.sidebar li.widget_tag_cloud {border-bottom:dotted 1px #600; padding:5px 10px 5px 10px;}
.sidebar li.widget_tag_cloud h2 {margin:-5px -10px 0 -10px;}
* html .sidebar li.widget_tag_cloud {padding-top:30px; border:dotted 1px #600;}
* html .sidebar li.widget_tag_cloud h2 {position:absolute; margin:-30px 0 0 -5px; width:183px; border-left:none; border-right:none;}


/* --- | FOOTER | --- */
.footer {height:32px; display:block; padding:0; font-size:85%; letter-spacing:1px;
	background:url(images/footBG.gif) repeat-x center top;}
.footer .wrapper { padding:0; height:32px; background:url(images/foot.gif) repeat-x center top;}
.footer .wrapper .alignleft {float:left; padding:0 0 0 5px;}
.footer .wrapper .alignright {float:right; padding:0 5px 0 0;}
* html .footer .wrapper {padding-top:10px; margin-bottom: -10px;}


/* The Attachment */
.contentCenter {text-align:center;}