@charset "utf-8";
/*
Theme Name: Zonke
Theme URI: 
Description: Theme designed for Zonke by Mortimer Harvey
Version: 1.0
Author: Mortimer Harvey
Author URI: http://www.mortimer-harvey.co.za
*/

* {margin:0;padding:0;}
a img {border:0;}
.wrapper {width:100%;height:0;overflow:hidden;clear:both;}

*.toggle a {text-decoration:none;}
*.toggle a:hover {text-decoration:underline;}

.navigation {display: block;text-align: center;margin: 20px 0 0 0;}
.alignright {float: right;}
.alignleft {float: left}
img.alignleft {margin: 0 15px 15px 0;}
img.alignright {margin: 0 0 15px 15px;}

/***************************** body + fonts */

body {text-align:center;background: #e3e3e3 url(/wp-content/themes/zonke/images/body.png) 0 0 repeat-x;color:#8f8f8f;font: 11px Arial, Helvetica, sans-serif;}
p {line-height:150%;padding: 10px 0;}

a {outline:none;color:#e5b723;}
a:hover {text-decoration:none;}

ul, ol {padding: 10px 0 10px 15px;}
li {line-height:150%;}

#logo {width:254px;height:74px;display:block;text-indent:-9999px;overflow:hidden;background: url(/wp-content/themes/zonke/images/logo.png) 0 0 no-repeat;}
h1 {width:500px;font: 20px Arial;color:#293189;font-weight:normal;margin:10px 15px 0 0;text-align:right;}
h2 {border-bottom:1px dotted #878787;padding: 0 0 5px 0;}
h2, h3 {color:#878787;font: 18px Arial;font-weight:normal;}

.insidecontent h2 {color:#ddd;margin:0 0 10px 0;}
.insidecontent h3 {color:#ddd;font-size:16px;}
.insidecontent h4 {color:#ddd;font-size:14px;}
.insidecontent h5 {color:#ddd;font-size:13px;}
.insidecontent h6 {color:#ddd;font-size:12px;}
.insidecontent ul, .insidecontent ol {padding: 10px 0 10px 25px;}
.insidecontent blockquote {font-style:oblique;border-left: 5px solid #333;margin: 0 30px;padding: 0 0 0 10px;}
.insidecontent blockquote p {padding:0;}

/*table*/
table {width:100%;border-collapse:collapse;margin: 15px 0;clear:both;}
td {padding:5px;border:1px solid #444;}
table.table {width:auto;}
table.table td {border:0;}
thead td {background:#333;}

.gallery {margin: 15px 0;}
#content .gallery .attachment-thumbnail {width:100px;height:100px;border:0;}

.gform_wrapper {clear:both;}

/***************************** containers */

#wrap {width:960px;margin:auto;text-align:left;}
#top {height:35px;font-size:12px;overflow:hidden;}
#header {height:74px;padding:10px 0;overflow:hidden;}
#menubar {height:40px;background:#222;font-size:12px;z-index:9999;}
#page {border:2px solid #bababa;padding: 20px;background:#222;margin: 30px 0 20px 0;}
#content {width:650px;}
#sidebar {width:250px;}
#footer {width:100%;background:#fff;padding:10px 0;font-size:11px;color:#222;}

/***************************** top */

#sidebar .feedlinks {margin: 0 0 15px 0;}
#sidebar .feedlink {font-weight:bold;color:#dedede;text-transform:uppercase;background: url(/wp-content/themes/zonke/images/rss.png) 0 0 no-repeat;padding: 0 0 0 18px;margin: 0 10px 0 0;font-size:11px;}

/***************************** menubar */

/*nav*/
#menubar * {z-index:9999;}
#nav {padding:0;z-index:9999;}
#nav li {display:block;float:left;height:40px;border-right:1px solid #333;position:relative;}
#nav a {display:block;float:left;color:#c9cdcc;font-weight:bold;padding: 10px 12px 12px;text-decoration:none;background: url(/wp-content/themes/zonke/images/nava.png) 0 -40px repeat-x;}
#nav a:hover, #nav .current_page_item a {background-position: 0 0;color:#222;}

/*subnav*/
#nav ul a:hover {background: url(/wp-content/themes/zonke/images/nava.png) 0 0;}
#nav ul li {float:none;border:0;list-style:none;z-index:9999;}
#nav ul li a {background:#222;padding: 10px;width:120px;border:1px solid #333;margin:-1px 0 0 0;width:200px;z-index:9999;}
#nav ul {position:absolute; display:none; top:40px;left:-1px;z-index:9999;padding:0;} 
#nav ul ul {top:auto;z-index:9999;} 
#nav li ul ul {left:212px; margin:0px 0 0 10px;z-index:9999;} 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {display:none;z-index:9999;} 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {display:block;z-index:9999;}  
/*ie7*/*+html #nav ul li {margin-top:-3px;z-index:9999;height:auto;}
/*ie7*/*+html #nav ul li.page_item a, #+html #nav ul ul li a {height:auto;}
/*ie7*/*+html #nav ul ul {top:3px;z-index:9999;}

#nav li:hover>a, #nav li.current_page_ancestor>a, #nav li.current_page_item a {background: url(/wp-content/themes/zonke/images/nava.png) 0 0;color:#222;}

#flash {z-index:0;}

/*searchform*/
#searchform {margin:3px 0 0 0;}
#searchform .text {background:#5f5f5f;border:0;color:#c9cdcc;padding: 7px;}
#searchform .button {border:0;background:#5f5f5f;color:#c9cdcc;padding:6px;}

/*insidecontent searchform*/
.insidecontent #searchform {float:none;margin: 15px 0;}

/***************************** content */

/*featured blogs*/
.article {border-bottom:1px dotted #878787;padding: 10px 0;}
.article img, .insidecontent img {background: url(/wp-content/themes/zonke/images/imgback.png);padding:5px;}
.img {width:155px;}
.excerpt {width:470px;}
.article h3 {display:inline;margin: 0 5px 0 0;}
.meta {font-size:10px;color:#e5b723;}

/*links*/
#links ul {padding:0;}
#links ul li {list-style:none;}
#links ul ul {padding: 5px 0 10px 15px;}
#links ul ul li {list-style:disc;}

/*categorypage*/
.datesquare {float:left;color:#ddd;text-align:center;margin: 0 10px 0 0;}
.day {display:block;font-size:20px;}
.month {text-transform:uppercase;}
.categorypage h3 {margin: 3px 0 0 0;float:left;}
.categorypage h3 span {display:block;font-size:11px;color:#666;}

/*contact form*/
.forms {width:100%;clear:both;margin: 15px 0 0 0;}
#form p {padding: 5px 0;float:left;width:100%;}
#form label {display:block;float:left;width:100px;text-align:right;padding: 6px 10px 0 0;}
#form .textinput {float:left;width:200px;}
#form .textinput, #form textarea {background:#555;border:2px solid #888;padding:4px;font: 12px Arial;color:#ccc;}
#form textarea {width:300px;height:80px;}
#form .contactsubmit {margin: 15px 0 0 110px;}
#form label.error {float:left;margin: 0 0 0 10px;color:#f00;}
#form input.error {border-color:#f00;}
.formmsg {background:#333;padding:5px;margin: 5px 0;color:#ccc;}
.fail {color:#f00;}
.forms select {width:210px;padding:5px;}

/*comments*/
#commentsarea {border-top:1px dotted #555;padding: 20px 0 0 ;}
#commentform p {padding:5px 0;}
#author, #email, #url, #comment {border:3px solid #333;padding:2px;font: 11px Arial;color:#666;}
#author, #email, #url {width:200px;} 
#comment {width:400px;height:80px;}

ol.commentlist {padding:0;}
ol.commentlist li {list-style:none;}
#commentsarea .avatar {float:right;margin: 30px 0 10px 10px;}
.comment-body p {padding: 0 0 10px 0;}
.comment-meta {display:none;}
.comment-author {background: #333;display:block;padding:3px;font-size:12px;font-weight:bold;}

/***************************** sidebar */

.widget {margin: 0 0 25px 0;}
.widget h4 {font-size:10px;text-transform:uppercase;font-weight:normal;background:#5e5c5c;padding:10px;color:#ababab;}
.widget ul {padding:0;border:1px solid #5e5c5c;border-top:0;padding: 10px;}
.widget li {list-style:none;border-bottom:1px dotted #585a4c;text-transform:uppercase;padding: 5px;}

/***************************** footer */

#footer ul {padding:0;}
#footer a {color:#222;}
#footer li {display:inline;list-style:none;}


/***************************** recaptcha */

#wrap #recaptcha_widget_div img {padding:0;background:0;}