/*
------------------------------------------------------------------------
Theme Name:    Kongo
Theme URI:     http://www.nattywp.com/
Description:   Kongo theme by NattyWP. <a href="admin.php?page=nattywp_home">Configure</a> Kongo theme. Visit our <a href="http://www.nattywp.com/forum" title="NattyWP Forum">NattyWP Community Forum</a> and <a href="http://support.nattywp.com">Help Desk</a>!
Version:       2.1
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;}

code {margin: 0pt; padding: 1px 3px; background: rgb(255, 255, 225) none repeat scroll 0% 0%; font-family: Monaco,monospace; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;}
em { font-style: italic; }
hr { border: medium none ; margin: 0pt 0pt 1.4em; background: rgb(178, 204, 255) none repeat scroll 0% 0%; color: rgb(178, 204, 255); clear: both; float: none; width: 100%; height: 0.1em; }
pre { padding: 0pt 10px; background: rgb(249, 249, 212) none repeat scroll 0% 0%; overflow: auto; margin-bottom: 15px; }
acronym, abbr, span.caps {font-size: 0.9em;letter-spacing: .07em; cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote cite {margin: 5px 0 0; display: block;}
.center {text-align: center;}
.hidden { display: none;}

/* Begin Lists */
.page-white ol {padding: 0 0 0 35px; margin: 0;}
.page-white ol li {margin: 0; padding: 0; list-style: decimal outside;}
.page-white dl { margin: 1.5em 0pt; }
.page-white dd{margin:0; padding:0 15px 15px; }
.page-white table { margin: 0pt auto;}
.page-white th, .page-white td { height: 1em; line-height: 18px; padding:10px; }
/* End Entry Lists */



#header ul li.current_page_item { background:transparent url(images/li_current-cat-lt.png) no-repeat;}
#header ul li.current_page_item a {background: transparent url(images/li_current-cat-rt.png) no-repeat right;}
#header ul li.current_page_item a span{ background:transparent url(images/li_current-cat.png) repeat-x;}

#header ul li.current_page_item a span { padding:8px 12px 8px 12px; margin:0px; display:block;}
#header ul {list-style:none; margin:0px; padding:0px;}
#header ul li.current_page_item {height:34px; display: block; float: left; padding: 0 0 0 5px; margin-right:7px;}
#header ul li.current_page_item a {display: block; float: left; height: 34px; padding: 0px 5px 0 0;}

#header ul {width:940px; margin:0 auto;}
#header ul, #header ul ul {	padding: 0;	list-style: none; line-height: 1; z-index: 100;}
#header ul ul {margin:0px;}
#header ul a {display: block; padding: 0 7px; z-index: 100; text-decoration:none;}
#header ul li {float: left;}
#header ul li { padding: 8px 10px; float: left; }

/* Top Navigation */
#header ul li.current_page_parent ul li.current_page_item a, #header ul li.current-cat-parent ul li.current-cat a{ background-color:#fff; background-image:none!important; font-weight:bold; padding: 0px 23px 0px 0px; margin:0px;}
#header ul li.current_page_parent ul li, #header ul li.current-cat ul li {padding-left:0px;}
#header ul li.current_page_item ul li a, 
#header ul li.current_page_item ul li a span,
#header ul li.current_page_parent ul li.current_page_item ul li a, 
#header ul li.current_page_parent ul li.current_page_item ul li a span, 
#header ul li.current-cat ul li a, 
#header ul li.current-cat ul li a span, 
#menu ul li.current-cat-parent ul li.current-cat ul li a, 
#menu ul li.current-cat-parent ul li.current-cat ul li a span, 
#header ul li ul li a,
#header ul li ul li a span
{color: #555555; background-color:#fff; background-image:none !important;  margin:0px;}



#header ul li a:hover {text-shadow:0 2px 4px rgba(0, 0, 0, 0.23);}
#header ul li ul { position: absolute; width: 172px; left: -999em; z-index:1000;}
#header ul li ul li {	border: 1px solid #F7F6F6; border-width:0 1px 1px; padding:3px 9px 3px 9px; background: #FFF;  margin:0px; text-align:left; }
#header ul li ul li a { font-size:12px; line-height: 25px; width: 150px; display: block; }
#header ul li ul li a:hover {color:#8f927b;}
#header ul li ul ul {	margin: -26px 0 0 170px; }
#header ul li ul ul li a { line-height: 25px; }
#header ul li ul li ul li a {	border-width:0 1px 1px 0px; }
#header ul li:hover ul, #header ul li.sfhover ul { left: auto; }
#header ul li:hover ul ul, #header ul li.sfhover ul ul { left: -999em; }
#header ul li:hover ul, #header ul li li:hover ul, #header ul li.sfhover ul, #header ul li li.sfhover ul { left: auto; }
#header ul li:hover, #header ul li.hover { position: static; } 
/* End Navigation */


#logo{ clear:both; width:960px; height:150px;}
#logo-block{ float:left; padding:5px 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 */

.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: 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:  url(images/top_column.png) no-repeat;}
.main-column {background:  url(images/main-column.png) repeat-y;}
.bot-column{background: url(images/bot_column.png) no-repeat;}
.main-column-body-top {background: url(images/main-column-body-top.png);}
.main-column-body-bot {background: url(images/main-column-body-bot.png);}
.main-column-body {background:#FFF;}

.top-page-bg{ background: url(images/page-top-bg.png) no-repeat;}
.bot-page-bg {background: url(images/page-bot-bg.png) no-repeat;}
.main-page-bg {background:transparent url(images/page-bg.png) repeat;}

.column-des {background: 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:  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_left, #footer_left a {color:#fff;}
#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 {text-align:center;}
.ads-module ul.advert {list-style:none; margin:0px !important; padding:0px;}
.ads-module ul.advert li {list-style:none !important; float:left; margin-left:3px; padding-bottom:10px;}
.ads-module ul.advert li a {background:none; padding:0px; margin:0px; border:0px;}
.ads-module ul.advert li a:hover {background:none; border:0px;}
.widget_tag_cloud {padding-bottom:20px;}
.single-ads {padding-top:15px;}
.single-ads .ads-module {margin:0px; padding:0px; width:auto; text-align:center;}
.header-ads { float:right; padding-top:20px; padding-right:20px;}

/* 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;  margin: 5px 15px 10px 0px;
}
.alignright {
	float: right; margin: 5px 0px 10px 15px;
}
.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;}
cite .note, cite .note a { font-size:10px; font-weight:bold; color:#454547;}
/* 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;}

/* Begin Calendar */
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: bold 1.3em 'Trebuchet MS', Verdana, Arial, Sans-Serif;text-align: center;}
#wp-calendar th {font-style: normal;text-transform: capitalize;}
#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 155px;}
#wp-calendar #next a {padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption { text-align: center; width: 100%;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover {background-color: #fff;}
/* End Calendar */

/* Flickr */
.flickr-pic { padding-top:10px; padding-bottom:10px;}
.flickr-pic .flickr_badge_image { float:left; padding-right:15px; padding-bottom:10px;}
