/*
------------------------------------------------------------------------
Theme Name: Kongo Theme
Theme URI: http://www.nattywp.com/
Description: Kongo theme by NattyWP. Configure Kongo theme. Visit our NattyWP Community Forum and Help Desk!
Version: 1.2
Author: NattyWP
Author URI: http://www.nattywp.com/
------------------------------------------------------------------------
Support: NattyWP, contactus@nattywp.com
Updated: March 21 2009
Copyright: (c) 2009 NattyWP
All rights reserved.
*/
/* TEMPLATE */
body { margin: 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#162f42;}
h1,h2,h3,h4 {margin:0px; padding:0px;}
.main-body{ margin:0px auto; width:960px;}
#header{ padding-top:30px; margin-left:8px;}
.top-pages-nav {list-style:none; margin:0px; padding:0px;}
.top-pages-nav li {height:32px; display: block; float: left; padding: 0 0 0 5px; margin-right:7px;}
.top-pages-nav li a {display: block; float: left; height: 32px; padding: 0px 5px 0 0;}
.top-pages-nav li a span{ padding:5px 12px 5px 12px; margin:0px; display:block;}
#logo{ clear:both; width:960px; height:77px;}
#logo-block{ float:left; padding:15px 0px 0px 17px;}
#search-block{ float:right;}
#news-rotator {height:283px; overflow:hidden; position:relative; z-index:1; margin-top:10px;}
#news-rotator .post-date { color:#eff0f0; font-size:11px; padding-left:20px; padding-top:6px;}
#news-rotator .story-block { height:248px; width:946px; overflow:hidden; margin:6px 0px 0px 6px;}
#news-rotator .story-block .image {padding-top:25px; padding-right:20px; right:30px;}
#news-rotator .story-block .story-noimage { padding-left:30px; padding-top:35px; padding-right:30px;}
#news-rotator .story-block .story-noimage {float:none !important; width:880px !important;}
#news-rotator .story-block .story { float:left; width:550px; padding-left:30px; padding-top:35px; }
#news-rotator .story-block .story .padnews {padding-top:30px;}
#news-rotator .controls {bottom:7px; position:absolute; right:30px; z-index:5;}
#news-rotator .controls img {cursor:pointer; height:15px; margin-right:3px; width:15px;}
#news-rotator .control-prev {background-position:0 0;}
#news-rotator .control-next {background-position:0 -17px;}
#news-rotator .control-stop {background-position:0 -34px;}
.top-page-bg, .bot-page-bg { width:960px; height:6px;}
.main-page-bg {width:960px;}
.top-page-bg.top-pad {margin-top:10px;}
.page { float:left;}
.page-white-top, .page-white-bot {width:639px; height:4px;}
.page-white { width:589px; background:#FFF; padding:20px 25px 20px 25px;}
.page-white .content-image { padding-left:130px; padding-right:15px;}
.page-white .content {clear:both; padding-left:0px; padding-right:15px;}
.column-block {float:left; width:314px; padding-right:9px; margin-top:10px;}
.column-block.no-rightpad {padding-right:0px !important;}
.column-block.last {padding-right:0px !important;}
.column-title { float:left; padding-left:15px; padding-top:3px;}
.column-des { float:right; height:40px; width:40px; padding-right:20px;}
.top-column{width:314px; height:10px;}
.bot-column{width:314px; height:18px;}
.main-column {width:314px; padding-top:6px;}
.main-column-body-top, .main-column-body-bot {width:301px; height:4px;}
.main-column-body {width:271px; padding:20px 15px 20px 15px;}
.main-column-body-top, .main-column-body-bot, .main-column-body {margin-left:7px;}
.main-column-body ul { padding-left:25px; margin:15px 5px 10px 0px;}
.main-column-body ul.contact-details li {list-style-image: none !important;}
.contact-details {margin-bottom:15px !important; margin-top:0px !important; padding:0px !important; }
.contact-details li {height:22px; list-style:none !important; padding-bottom:5px;}
.sidebar {padding:10px 20px 20px 20px;}
.sidebar h3 {color: #EDF3B7;}
.sidebar a {color: #FFFFFF; text-decoration:none;}
.sidebar ul {margin:15px 0px 0px 0px; padding:0px 0px 0px 0px;}
.sidebar ul li { list-style:none; padding-top:5px; padding-bottom:5px;}
.recent-news { padding-top:15px;}
.read-more {float:right; margin-top:20px; padding-left:15px;}
#single-ads { background:none; margin:0px; padding:0px; width:auto;}
#navigation { padding:5px 15px 40px 15px;}
#navigation a { color:#000000; font-size:12px;}
/* Body style */
.top-pages-nav li.current_page_item { background:transparent url(images/li_current-cat-lt.png) no-repeat;}
.top-pages-nav li.current_page_item a {background: transparent url(images/li_current-cat-rt.png) no-repeat right;}
.top-pages-nav li.current_page_item a span{ background:transparent url(images/li_current-cat.png) repeat-x;}
.page-white-top { background:url(images/page-white-top.png) no-repeat;}
.page-white-bot { background:url(images/page-white-bot.png) no-repeat;}
#news-rotator {background: transparent url('images/featured-bg.png') no-repeat scroll 0pt 0pt;}
#news-rotator .controls img {background-image:url('images/news-scroller-controls.png');}
.top-column{background: transparent url(images/top_column.png) no-repeat;}
.main-column {background: transparent url(images/main-column.png) repeat-y;}
.bot-column{background:transparent url(images/bot_column.png) no-repeat;}
.main-column-body-top {background:transparent url(images/main-column-body-top.png);}
.main-column-body-bot {background:transparent url(images/main-column-body-bot.png);}
.main-column-body {background:#FFF;}
.top-page-bg{ background:transparent url(images/page-top-bg.png) no-repeat;}
.bot-page-bg {background:transparent url(images/page-bot-bg.png) no-repeat;}
.main-page-bg {background:transparent url(images/page-bg.png) repeat;}
.column-des {background:transparent url(images/column-des.png) no-repeat; }
.contact-details li.phone { background:url(images/ico-phone.gif) no-repeat; padding-left:30px;}
.contact-details li.fax { background:url(images/ico-fax.gif) no-repeat; padding-left:30px;}
.contact-details li.email { background:url(images/ico-mail.gif) no-repeat; padding-left:30px;}
.contact-details li.address { background:url(images/ico-address.gif) no-repeat; padding-left:30px;}
#logo{ background: transparent url(images/header-dark.png) no-repeat; }
#footer{height:58px; margin-top:10px; margin-bottom:20px;}
#footer{ background:transparent url(images/footer-bg.png) no-repeat; }
#footer_left { margin: 0px; width: 188px; float: left; padding-top:20px; padding-left:20px;}
#footer-right{ width:171px; float:right; padding-right:20px;}
#footer_left, #footer_left a{ font-size:11px;}
.lin {background:url(images/natty-logo.png) no-repeat 0pt 0pt; width:171px; height:56;}
.linka{padding-top:31px; padding-left:56px; padding-bottom:5px;}
.linka a, .linka a:hover { color:#6E6F61; text-decoration:none; font-size:9px; font-family:'Tahoma', Arial, Helvetica, sans-serif;}
/* FONTS */
h1,h2,h3,h4{font-family:Arial, Helvetica, sans-serif;}
h1 {font-size:24px;}
h1 a { text-decoration:none; color:#FFF; font-weight:normal;}
h1 a:hover { color:#FFF;}
h2 {font-size:21px; color:#FFFFFF; font-weight:normal;}
h2 a{text-decoration:none;}
h3 {font-size:18px; font-weight:bold; font-weight:normal;}
h3 a{text-decoration:underline;}
h3 a:hover{text-decoration:none;}
h4 { font-size:12px; font-weight:normal; padding-left:15px;}
span.sm{ font-size:11px;}
a img { border: medium none; }
a {color:#1080d9; text-decoration:underline; }
a:hover {color:#1080d9; text-decoration:none; }
.top-pages-nav li.current_page_item a { font-size:18px; color:#edf3b7; text-decoration:none;}
.top-pages-nav li a {font-size:18px; color:#ffffff; text-decoration:none;}
.top-pages-nav li a:hover {color:#edf3b7;}
h2#services{padding-left:40px; padding-top:3px; background:transparent url(images/icon-services.png) no-repeat;}
h2#recent{padding-left:40px; padding-top:3px; background:transparent url(images/icon-posts.png) no-repeat;}
h2#about{padding-left:40px; padding-top:3px; background:transparent url(images/icon-about.png) no-repeat;}
.recent-news{font-size:11px;}
/* TOP search bar*/
#search-block{
float:right;
width:280px;
padding-top:15px;
}
.c_simg {
padding:2px 0 0 18px;
position:relative;
}
.s_input {
background:transparent url(images/s_input.png) no-repeat scroll 0 0;
float:left;
height:37px;
width:204px;
}
.s_input input {
border:0 none;
color:#999999;
font-weight:normal;
height:20px;
margin-left:15px;
margin-top:7px;
width:180px;
font-size:18px;
color:#272725;
}
.s_submit {
float:left;
padding:0px;
}
/* Framed section */
.small-image {padding-top:10px;}
.framed, .framed .f_r, .framed .f_b, .framed .f_l, .framed .f_c { margin: 0pt; padding: 0pt; float: left; position: relative; z-index: 1; width: auto; height: auto; }
.framed .f_tt, .framed .f_rr, .framed .f_bb, .framed .f_ll { display: none; }
.small-image .framed{ background: transparent url(images/hint-t-small.png) no-repeat scroll left top;}
.small-image .framed .f_r{background: transparent url(images/hint-r-small.png) no-repeat scroll right top; left: 5px;}
.small-image .framed .f_b{background: transparent url(images/hint-b-small.png) no-repeat scroll right bottom; top: 6px;}
.small-image .framed .f_c{margin: 0pt 6px 0pt 0pt; background: #fff none repeat scroll 0% 0%; float: none; position: relative; left: 6px; top: -3px;}
.small-image .framed .f_l{padding: 3px 0pt; background: url(images/hint-l-small.png) no-repeat scroll left bottom; left: -6px;}
* html .small-image .framed .f_tt, * html .framed .f_bb { height: 6px; }
* html .small-image .framed .f_rr, * html .framed .f_ll { width: 6px; }
* html .small-image .framed .f_bb * { width: 3000px; height: 6px; }
* html .small-image .framed .f_ll * { width: 6px; height: 3000px; }
.framed { background: transparent url(images/hint-t.png) no-repeat scroll left top; }
.framed .f_r { background: transparent url(images/hint-r.png) no-repeat scroll right top; left: 12px; }
.framed .f_b { background: transparent url(images/hint-b.png) no-repeat scroll right bottom; top: 11px; }
.framed .f_c { margin: 0pt 12px 0pt 0pt; padding: 1px 0pt; background: #fff none repeat scroll 0% 0%; float: none; position: relative; left: 12px; top: -5px; }
.framed .f_l { padding: 5px 0pt; background: url(images/hint-l.png) no-repeat scroll left bottom; left: -12px; }
* html .framed .f_r, * html .framed .f_b, * html .framed .f_l { height: 0pt; }
* html .framed .f_tt, * html .framed .f_rr, * html .framed .f_bb, * html .framed .f_bb *, * html .framed .f_ll, * html .framed .f_ll * { display: block; position: absolute; left: 0pt; top: 0pt; }
* html .framed .f_tt { }
* html .framed .f_rr { }
* html .framed .f_tt, * html .framed .f_bb { height: 11px; }
* html .framed .f_rr, * html .framed .f_ll { width: 12px; }
* html .framed .f_bb, * html .framed .f_ll { overflow: hidden; }
* html .framed .f_bb * { width: 3000px; height: 11px; }
* html .framed .f_ll * { width: 12px; height: 3000px; }
* html .framed .f_rr, * html .framed .f_bb * { left: auto; }
* html .framed .f_ll, * html .framed .f_ll *, * html .framed .f_bb, * html .framed .f_bb * { top: auto; }
/* Combo module */
.ads-module {padding:7px 4px 7px 5px; text-align:center;}
.ads-module ul.advert {list-style:none; margin:0px 0px 0px 0px !important; padding:0px;}
.ads-module ul.advert li {list-style:none !important; float:left; margin-left:3px; margin-right:3px; border:none;}
/* WP extention */
blockquote {
background:#F0EEE1;
border-bottom:1px solid #E5E3D1;
border-top:1px solid #E5E3D1;
color:#777777;
font-family:Georgia,"Times New Roman",Times,serif;
height:auto;
margin:0 0 15px 40px;
padding:5px 25px 0 25px;
width:80%;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
max-width:510px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0 !important;
border: 0 none;
}
.wp-caption-dd {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* Comment Form */
#comment-form {padding-top:20px;}
#commentform {margin-left:20px; padding-top:10px;}
#comment-form label {
float: left;
width: 200px;
padding-top: 5px;
font-size: .85em;
font-weight: bold;
}
#comment-form label .required {
font-size: .85em;
font-weight: normal;
}
#comment-form label .required {
color: #fff;
}
#comment-form input, #comment-form textarea {
width: 265px;
padding: 5px 5px;
}
#searchforma .field {float:left;}
#searchforma input#submit { width: auto;
margin-left: 10px;
border: none;
padding: 4px 10px;
text-transform: uppercase;
cursor: pointer;}
#searchforma .field input {width:160px; padding:5px 5px;}
#comment-form input, #comment-form textarea, #searchforma .field input {
font: 12px Arial, Helvetica, Geneva, sans-serif;
color: #8e8e83;
background: #fff;
border-top: 1px solid #c1c1b7;
border-right: 1px solid #DFDFDF;
border-bottom: 1px solid #DFDFDF;
border-left: 1px solid #c1c1b7;
}
#comment-form input:focus, #comment-form textarea:focus {
color: #53534c;
border: 1px solid #9F9F9F;
}
#comment-form #submit {
width: auto;
margin-left: 200px;
border: none;
padding: 4px 10px;
text-transform: uppercase;
cursor: pointer;
}
#comment-form #submit, #searchforma input#submit {
font: bold .95em Arial, Helvetica, Geneva, sans-serif;
color: #fbf7e4;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
/* Image in post */
.page-white img {padding:10px; max-width:500px; max-height:auto; height:auto;}
.framed img {padding:0px !important;}
/* Begin Comments*/
.alt { margin: 0; padding: 10px;}
.commentlist { margin:0px; padding: 0px; text-align: justify;}
.commentlist li {margin: 15px 0px 20px 0px; padding: 5px 5px 10px 10px; list-style: none;}
.commentlist li ul li { margin-right: -5px; margin-left: 10px;}
.commentlist p {margin: 10px 5px 10px 0;}
.children { padding: 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 15px 0px 15px 5px; display: block;}
.thread-alt {}
.thread-even {-moz-border-radius:10px; -webkit-border-radius: 10px;}
.depth-1 {border: 1px solid #DFDCC3;}
.children .depth-1 { border-left:1px solid #DFDCC3; border-right:0px; border-top:0px; border-bottom:0px;}
.even, .alt {border-left: 1px solid #DFDCC3;}
.navigation {display: block; text-align: center; margin-top: 10px;}
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
#respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#respond {color:#162F42;}
.comment-meta a { color:#162F42; font-size:11px;}
.comment-author cite, .comment-author cite a {font-size:18px; font-weight:normal;}
.reply { padding-left:20px; height:15px;}
.reply { background:url(images/reply.png) no-repeat left center;}
.reply a {font-size:10px; color:#1E5880;}
.reply a:hover {color:#1E5880;}
/* End Comments */
/* Page Navigation */
.more_entries {
width: 100%;
font-family: georgia;
font-size: 12px;
font-weight: bold;
border-top: #EBEBEB 1px solid;
padding: 26px 0;
}
.nav {
float: right;
}
.nav a {
text-decoration: none !important;
}
.nav .on, .nav a:hover {
background: #4296D3 !important;
}
.nav a, .nav .on {
background: #D1E2EF;
color: #fff;
display: block;
float: left;
padding: 3px 7px;
margin-left: 4px;
}
.fullwidth { width:909px;}
.fullwidth .page-white {width:909px;}
.fullwidth .page-white-top, .fullwidth .page-white-bot {background:none; height:0px;}
/* Flickr */
.flickr-pic { padding-top:10px; padding-bottom:10px;}
.flickr-pic .flickr_badge_image { float:left; padding-right:15px; padding-bottom:10px;}