/*  
Theme Name: VersterCohen
Version: 1.0
Author URI: http://www.verstercohen.com
*/
 
body {
            font: 80%/150% "Trebuchet MS", Tahoma, Arial;
            color: #CCCCCC;
            background: #000000;
            margin: 0px;
            padding: 0px;
}
img, a img {
            padding: 2px;
            border: 1px solid #CCCCCC;
            background: #000000;
}
a {
            color: #ADC6C6;
            text-decoration: none;
}
a:visited {
            color: #ADC6C6;
            text-decoration: none;
}
a:hover {
            color: #ADC6C6;
            text-decoration:underline;
}
img {
            border: none;
}
p {
            padding: 0px 0px 15px;
            margin: 0px;
}
h1 {
            margin: 5px 0;
            font: lighter 2em/1em "trebuchet MS", "Lucida Sans Unicode", Georgia;
            color: #FFFFFF;
}
h1 a, h1 a:visited{
            color: #FFFFFF;
            text-decoration: none;
}
h1 a:hover{
            color: #FFFFFF;
            text-decoration: none;
            border: none;
            background: none;
}
h2 {
            color: #97974C;
            margin: 0px 0px 2px;
            background-position:3px 0;
            padding:0 0 1px 0;
            width:100%;
            font: lighter 1.5em/1em "trebuchet MS", "Lucida Sans Unicode", Georgia;
}
h2 a, h2 a:visited {
            color: #FFFFFF;
            text-decoration: none;
}
h2 a:hover {
            color: #000000;
            text-decoration: none;
}
h3 {
            font: bold 125%/100% "Trebuchet MS", Tahoma, Arial;
            color: #97974C;
            margin: 10px 0px 5px;
}
h4 {
            font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;
            color: #97974C;
            margin: 10px 0px 5px;
}
form {
            margin:0px;
            padding:0px;
}
#wrapper {
            background: #000000;}
#page {
            margin: 0px auto;
            width: 1024px;
            border-top: none;
            background:#000000 url(images/pagebg.png) repeat-y right;
}
/* header area */
#header{
            position: relative;
            margin: 0px auto;
            width: 1024px;
}
 
#header h1 {
            float:left;
            width:159px;
            height:45px;
            background:url(images/logo.gif) no-repeat;
            text-indent:-9009px;
            overflow:hidden;
            clear:both;}
 
#header  h1 a, #headerimg h1 a:visited{
            display:block;
            width:227px;
            height:27px;
            }
#header h1 a:hover{
}
 
#navi{
            float: left;
            height: 45px;
            width: 100%;
            background: url(images/navbg.png) no-repeat;
            overflow: hidden;
}
#nav {
            list-style: none;
            margin: 0 0 0 0;
            padding-top: 0px;
}
#nav li {
            float: left;
            height: 31px;
            margin: 0 3px;
            white-space: nowrap;
}
#nav .page_item a{
            color: #ffffff;
            display: block;
            text-decoration: none;
            padding: 0px 0px 0px 10px;
            font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
#nav li:hover {
            color: #fff;
}
#nav .page_item a:hover {
            border: none;
            color: #fff;
}
 
#nav li.current_page_item {
            color: #fff;
            text-decoration: none;
}
 
#nav .current_page_item a, #nav .current_page_item a:visited{
            color: #ffffff;
            text-decoration: none;
}
 
#mainbanner{
            height:129px;
            width:768px;
            clear:both;
            margin:0 auto;
            background:url(images/bannerbg.png) no-repeat right;
            }
            
#slogan{
            height:45px;
            width:1024px;
            clear:both;
            margin:0 auto;
            background-color:#000000;
            text-align:center;
            font-weight:bold;
            background:url(images/logo.gif) no-repeat left;
            }           
 
.description{
            padding: 30px 0 0 20px;
            color: #fff;
            font: lighter 14px "Trebuchet MS", "Lucida Sans Unicode", Verdana;
}
 
 
/* content area */
#content {
            padding: 0px 0px 30px 0;
            float: left;
            width: 800px;
            overflow: hidden;
}
#content img {
            padding: 2px;
            border: 1px solid #CCCCCC;
            background: #000000;
}
 
#content img:hover {
            padding: 2px;
            border: 1px solid #4A6464;
            background: #000000;
}
 
.narrowcolumn {
            margin: 15px 0 10px 0;
}
 
.post {
            clear:both;
}
 
.entry {
            background: #4A6464;
            padding-bottom:7px;
            width:799px;
            display: table;
}
.entrytop{
            padding-top: 3px;
            background: #4A6464;
            width:799px;
            display:table;
            }
 
.entry h2 {
            width:790px;
            margin:0 auto!important;
}
 
.postmeta {
            margin: 0;
            padding: 5px 5px 5px 5px;
            font-size: 0.9em;
            color: #666;
            border-bottom: 1px solid #e4f1fa;
            }
.post-content {
            clear: both;
            padding: 5px;
}
.post-content a {
            color: #97974C;
            text-decoration: none;
            font-weight: bold;
            border-bottom: 1px dotted #e4f1fa;
}
.post-content a:hover {
            color: #24A6D9;
            text-decoration: none;
            font-weight: bold;
            border-bottom: none;
}
 
.post-info {
            padding: 5px 5px 15px 5px;
            height: 15px;
            color: #97974C;
            font: 12px "Trebuchet MS", "Tahoma", sans-serif;
}
.post-info a {
            color: #97974C;
            text-decoration: none;
}
.post-info a:hover {
            color: #24A6D9;
            text-decoration: underline;
            border: none;
            background: none;
}
.post-content blockquote {
            background: url(images/quote.gif) no-repeat left top ;
            font-style:italic;
            padding: 0 0 0 20px;
            margin:0 0 0 10px;
            width: 415px;
}
.navigation {
            clear: both;
            padding: 10px 0px;
}
.navigation a, .navigation a:visited {
            color: #97974C;
}
.previous-entries a {
            float: left;
            padding-left: 18px;
            background: url(images/mini-nav-left.gif) no-repeat left center;
}
.next-entries a {
            float: right;
            padding-right: 18px;
            background: url(images/mini-nav-right.gif) no-repeat right center;
}
 
 
/*Sidebar starts*/
 
#sidebar {
            float: right;
            background: url(images/sidebarbg.png) no-repeat top;
            font-size:100%;
            width: 159px;
            margin: 0px;
            color:#333;
            }
#sidebar a{
            color:#333;
            text-decoration:none;
            }
#sidebar a:hover{
            color: #99999B   ;
            }
#sidebar h2 {
            color: #99999B;
            margin: 15px 0px  10px 0px;
            width:100%;
            background:none;
            padding:0;
            font: lighter 1.0em/0em "trebuchet MS", "Lucida Sans Unicode", Georgia;
            padding-bottom: 3px;
}
#sidebar p{
            padding: 2px 0px 16px 0px;
            margin: 0px;
            line-height: 20px;
            }
 
/*sidebar list level1 */
#mainul{
            margin:0 15px!important;
}
 
#sidebar ul {
            margin: 0;
            padding: 0;
}
#sidebar ul li {
            list-style: none;
            margin: 0;
            padding: 0;
            border: none;
}
/*sidebar list level2 */
#sidebar ul li ul {
            padding: 0;
            margin: 0;
}
#sidebar ul li ul li{
            padding: 2px 0;
            margin:2px 0;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
            padding: 1px 0;
            border: none;
}
/*blogroll */
ul.list-blogroll li, li.list-blogroll ul li, li.linkcat ul li{
            background-position:0 3px!important;
            padding-left: 20px !important;
}
 
/*Meta*/
li.list-meta ul li, .widget_meta ul li{
 
            padding-left: 10px !important;
}
 
/*category widget */
li.list-cat ul li, ul.list-cat li, .widget_categories ul li{
 
            background-position:0 3px!important;
            padding-left: 20px !important;
}
/*archives widget */
li.list-archives ul li, .widget_archives ul li{
 
            background-position:0 3px!important;
            padding-left: 20px !important;
}
/*pages widget */
li.list-page ul li, ul.list-page li, .widget_pages ul li, .widget_recent_entries ul li{
 
            background-position:0 3px!important;
            padding-left: 20px !important;
}
/*sub-pages */
ul li.list-page ul li ul li, ul.list-page li ul li, .widget_pages ul li ul li{
 
            padding-left: 10px !important;
}
/*recent comments widget */
li.list-recent ul li, .widget_recent_comments ul li{
 
            background-position:0 3px!important;
            padding-left: 20px !important;
}
/* Admin block sidebar */
li.admin-sidebar ul li, .widget_recent_comments ul li{
 
            background-position:0 3px!important;
            padding-left: 15px !important;
}
/*calendar widget */
li.widget_calendar td {
            padding: 1px 6px;
}
div.widget_calendar h2 {
            display:none;
}
 
 
/* Form Elements */
#search{
            display: none;
}
 
#sidebar form {
            margin:0; 
            padding:5px 0;
            clear:both;
}
.searchtitle {
            font:bold 15px "Trebuchet MS", sans-serif, "Lucida Sans", Tahoma!important;
            color:#2c65a8;
}
#searchform {
            margin: 10px auto ;
            padding: 0; 
            }
 
#searchform #s {
            height:17px;
            width:180px;
            margin-left:10px;
            font:10px Verdana, Arial, Helvetica, sans-serif;
            border:1px solid #fff;
            }
 
#searchsubmit {
            padding:0;
            background: #4A6464;
            border:none;
            width:50px;
            height:21px;
            font:11px "Trebuchet MS", "Lucida Sans Unicode", Verdana;
            }
#searchsubmit:hover {
            background:#ffffff;
            }
 
 
/* Sidebar RSS Link*/
 
.rsslinks{
            padding:10px;
            margin-bottom:15px;}
.rsslinks ul{
            list-style:none;}
.rsslinks li{
            display:inline;}
.rsslinks li a{
            background:url(images/rss.gif) no-repeat left;
            padding:3px 3px 3px 20px;
            margin-right:10px;}
 
 
 
 
 
 
/*text widget */
.textwidget {
            padding-top: 5px;
}
 
 
 
/* comments area */
#comments, #respond {
            border-bottom: 1px solid #e4f1fa;
            margin: 0 10px 0 0px;
            padding-bottom: 4px;
            clear: both;
}
 
.commentlist {
            margin:0; padding:0;
            line-height: 130%;
            width:485px;
}
.commentlist li{
            margin:10px 0; padding:0;
            list-style:none;
            width:485px;
            background-color: #FBF0D0;
            border:1px solid #CCCCCC;
}
 
.commenttext{
            border-bottom:1px solid #e4f1fa;
            margin-bottom:5px;}
 
.comment-btm{
            padding:10px 20px 40px 20px;
            text-align:justify;}
 
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
            font-style: normal;
            font-size: 100%;
}
.commentlist small {
            margin-bottom: 5px;
            font-size: 87%;
}
#commentform {
            margin-top: 10px;
            font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
            padding: 6px 0px;
            margin: 0px;
}
#commentform label{
            color: #787878;
            font-size: 87%;
}
#commentform input{
            width: 200px;
            background:#f2f8fb;
            border: 1px solid #dbeff6;
            padding: 3px;
            margin-top: 3px;
}
#commentform textarea{
            width: 475px;
            height: 115px;
            background:#FBF0D0;
            border: 1px solid #cccccc;
            padding: 2px;
            margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
            background: #ffffff;
}
#commentform #submit{
            border: 1px solid #cccccc;
            background-color:#DEDEBD;
            font: bold 12px Arial, Helvetica, sans-serif;
            color: #97974C;
            float: right;
            width: 144px;
            height: 28px;
            margin-right:10px;
            cursor: pointer;
}
 
 
 
/* footer area */
#footerbg {
            clear: both;
}
#footer {
            width: 1024px;
            color: #e4f1fa;
            margin: 0px auto 0px;
            padding: 5px 0px 30px 0px;
            line-height: 18px;
            font-size: 0.9em;
}
#footer a {
            color: #e4f1fa;
            font-weight: bold;
}
 
#footer a:hover {
            color:#FFF;
}
 
.xhtml_valid {
            background:url(images/xhtml_valid.gif) no-repeat left ;
            padding-left:20px;
            margin:0 5px;
}
.css_valid {
            background:url(images/css_valid.gif) no-repeat left;
            padding-left:20px;
            margin:0 5px;
}
.rss {
            background:url(images/rss_valid.gif) no-repeat left;
            padding-left:20px;
            margin:0 5px;
}
 
/* credits */
#credits {
            margin: 0px auto;
            width: 760px;
            color: #39a1ce;
            font-size: 110%;
            line-height: 50px;
}
#credits a, #credit a:visited {
            color: #39a1ce;
}
 
.footer-meta ul li.rss {
            background: url(images/mini-rss.gif) no-repeat left 2px;
            padding: 0px 0px 10px 20px;
}
.loginout {
            background:#132f3c url(images/mini-loginout.gif) no-repeat left center;
            padding-left: 18px;
            padding-bottom: 2px;
            margin-left: 8px;
}
 
 
.valid{
            background:url(images/valid.gif) no-repeat left;
            padding-left:20px;
            margin:0 5px;}
 
/* alignments */
.center {
            text-align: center;
}
img.center, img[align="center"] {
            display: block;
            margin-left: auto;
            margin-right: auto;
}
.alignleft {
            float: left;
}
img.alignleft, img[align="left"] {
            float:left;
            margin: 2px 10px 5px 0px;
}
.alignright {
            float: right;
}
img.alignright, img[align="right"] {
            float:right;
            margin: 2px 0px 5px 10px;
}
.clear {
            clear:both;
}
hr.clear {
            clear:both;
            visibility: hidden;
            margin: 0px;
            padding: 0px;
}