/*
------------------------------------------------------------------------
Theme Name:    Mayones Theme
Theme URI:     http://www.nattywp.com/
Description:   Kongo theme by NattyWP. <a href="admin.php?page=functions.php">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:       1.4
Author:        NattyWP
Author URI:    http://www.nattywp.com/
------------------------------------------------------------------------

Support:       NattyWP, contactus@nattywp.com
Updated:       April 02 2009
Copyright:     (c) 2009 NattyWP

All rights reserved.
*/f

/* TEMPLATE */
body, #background { 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:980px;}
#header{ height:88px;}
#logo {float:left; padding-top:13px; margin-left:20px;}
#main-page {width:980px; padding-bottom:15px;}
#main-column { margin-left:15px; float:left;}
#sidebar { float:left; width:303px; padding-left:15px; padding-right:15px;}

#sidebar ul { margin:0px; padding:0px; list-style:none;}
#sidebar ul li { padding-top:7px; padding-bottom:7px; border-bottom:1px solid #DBDDDF;}

#colored-bg{ width:632px;}

#colored-bg #reflex .fl { background:url(images/fl.gif) no-repeat top left;}
#colored-bg #reflex .fr { background:url(images/fr.gif) no-repeat top right;}
#colored-bg #reflex .fll { background:url(images/fll.gif) no-repeat bottom left;}
#colored-bg #reflex .frr { background:url(images/frr.gif) no-repeat bottom right; padding-bottom:3px; margin-left:2px;}


.rounded-image {position:absolute;}
.small-image {width:72px; height:72px;}
.middle-image { width:106px; height:106px;}
.top-image { width:301px; height:152px;}
.big-image { width:301px; height:115px;}

.hot-image {background:url(images/top-article.gif) no-repeat right top;}
.fil, .fir, .fill, .firr {width:5px; height:5px; position:absolute;}
.fil { background:url(images/fl.gif) no-repeat;}
.fir { background:url(images/fr.gif) no-repeat; right:0;}
.fill { background:url(images/fll.gif) no-repeat; bottom:0;}
.firr { background:url(images/frr.gif) no-repeat; bottom:0; right:0;}


.side-content, .side-content2 {padding-left:3px; padding-right:3px;}
.mainpost {padding-left:0px !important;}

.single-cont .post { border:none !important;}
.single-cont .post {padding-left:22px; padding-top:17px; padding-bottom:17px; padding-right:22px;}
.single-cont .post:hover { background:none !important;}

.post { padding-left:22px; padding-top:17px; padding-bottom:17px;}
.post:hover {background: #f4f4f4 url(images/module-hover.gif) bottom repeat-x;}
.post { border-bottom:1px solid #dbdddf; clear:both;}
.post .thumb { float:left; margin-right:20px;}
.post .content { float:left; width:430px; padding-top:5px;} 
.post .content.thumb-off { float:left; width:521px !important; padding-top:5px;} 
.post .content.single {width:auto !important; float:none;}
.post .content.smaller { width:395px;}
.post .comment-num { float:left; width:45px; height:52px; margin-top:20px; margin-left:12px; padding-top:10px; text-align:center;}
.post .comment-num {background:url(images/comment-num.png) no-repeat;}
.post .comment-num a {color:#a5a9b0; font-size:18px; font-weight:normal; text-decoration:none;}

.post .content .meta { height:16px; padding-left:20px; float:left; margin-right:10px;}
.post .content.single .meta {float:none !important; }
.post .content .meta { background:url(images/meta-clock.gif) no-repeat;}
.post .content .meta { font-size:14px; font-weight:bold;}

.comment-pad{padding-top:17px; padding-right:20px;}
.post-list { padding-left:22px; padding-bottom:20px; margin:0px; clear:both;}
.post-list .comment-num {float:left; width:25px; height:22px; padding-right:10px; padding-top:2px;}
.post-list .comment-num {background:url(images/style-grey/comment-small.gif) no-repeat; text-align:center;}
.post-list .comment-num, .post-list .comment-num a {color:#FFF; text-decoration:none; font-size:11px;}
.post-list .content h3 a { text-decoration:underline;}

.post-list .comment-num-author{float:left; height:17px; padding-left:20px; padding-right:5px;}
.post-list .comment-num-author {background:url(images/autor-ico.png) no-repeat;}
.post-list .comment-num-author, .comment-num-author {color:#000; text-decoration:none; font-size:11px;}

.widget { border-bottom:2px solid #babcbd; margin-bottom:15px;}
.widget .post {padding-top:10px; padding-bottom:10px;}
.widget .post {border-bottom:1px solid #dbdddf; clear:both;}
.widget .video-hr .thumb { float:left; padding-right:10px;}
.widget .tit, .feature-news-menu .tit { float:left;}
.feature-news-menu .tit h3 {padding-top:15px;}

.feature-news-menu .category-link {padding-left:15px !important;}
.category-link,  .feature-news-menu .category-link {float:left;}
.category-link {background: transparent url(images/category-ico.png) no-repeat 0px 17px; padding-left:28px; margin-left:7px;}

.tags {background:url(images/meta-tags.gif) no-repeat;}
.tags {height:13px;  padding-left:20px; clear:both;}

.allnews { background: transparent url(images/allnews.png) no-repeat 0px 8px; height:17px; padding-left:22px; margin-left:26px; padding-top:10px;}
.allnews a { font-weight:bold;}

.more-news { float:right; margin-top:10px; padding-bottom:5px;}

.module-bg {width:628px; }
.module-top, .module-bottom {height:8px; }
.module-bluebot {height:42px;}

.module-bg { background: transparent url(images/module-main.png) repeat-y; }
.module-top {background:transparent url(images/module-top.png) no-repeat;}
.module-bottom {background:transparent url(images/module-bot.png) no-repeat;}
.module-bluebot {background:transparent url(images/module-bot-advanced.png) no-repeat;}


/* Body style */ 
#main-page { background:#FFF;}

#footer a, .copyright {color:#757a81; font-size:11px; }

.twitter a, .e-mail a, .feed a {font-weight:bold;}
.twitter, .e-mail, .feed {height:29px; padding-left:45px; padding-bottom:5px; padding-top:5px;}
.twitter { background:url(images/ico-twitter.png) no-repeat;}
.e-mail { background:url(images/ico-mail.png) no-repeat;}
.feed { background:url(images/ico-feed.png) no-repeat;}

#footer {padding-bottom:20px; position:relative;}
#footer{ background: #fcfcfc url(images/footer-bg.gif) top repeat-x; }
#footer-bot { background: transparent url(images/footer-bot.png) no-repeat; width:980px; height:10px; margin-bottom:5px; }

.footer_left { margin: 0px; width: 200px; float: left; padding-top:20px; padding-left:40px; padding-right:10px;}

.footer_left ul {margin:5px 0px 0px 0px; padding:0px;}
.footer_left ul li {list-style:none; padding-top:5px;}

.copyright { float: right; display:block; position:absolute; bottom:20px; right:15px;}
#footer-right{ width:171px; float:right; padding-right:20px; margin-bottom:10px;}
#footer_left, #footer_left a, #footer-left-bot, #footer-left-bot a { font-size:11px; color:#545454;}

#footer-right-bot { float:right; margin-bottom:15px; padding-right:10px;}
#footer-left-bot { float:left; padding-top:15px; padding-left:10px;}

.hid {display:none; position:absolute;}
.lin {background:url(images/natty-logo.png) no-repeat 0pt 0pt; width:171px; height:56px;}
.linka{padding-top:31px; padding-left:53px; padding-bottom:5px;}
.linka a, .linka a:hover { color:#d1d3d6 !important; text-decoration:none; font-size:9px !important; font-family:'Tahoma', Arial, Helvetica, sans-serif;}

/* FONTS */

h1,h2,h3,h4{font-family:Arial, Helvetica, sans-serif;}
h1 {font-size:18px; font-weight:normal;}
h1 a {text-decoration:none;}
.widget h1{padding-top:12px; padding-bottom:16px;}

h2 {font-size:18px; font-weight:normal;}
h2 a {text-decoration:none;}
h2 a:hover {text-decoration:none;}

h3 {font-size:14px; font-weight:bold;}
h3 a{text-decoration:none;}
h3 a:hover{text-decoration:none;}

#sidebar ul li a, #widget_tag_cloud a {text-decoration:none;}
#sidebar ul li a:hover, #widget_tag_cloud a:hover {text-decoration:none;}

.small-cap, .small-capm a {font-size:11px;}
.date {color:#919295; padding-bottom:3px; padding-top:5px;}

a img { border: medium none; }
a {text-decoration:underline;}
a:hover {text-decoration:none; }


/* TOP search bar*/
#search-block{
float:right;
width:242px;
padding-top:30px;
margin-right:17px;
}
.c_simg {
position:relative;
}
.s_input {
background:transparent url(images/s_input.png) no-repeat scroll 0 0;
float:left;
height:26px;
width:195px;
}
.s_input input {
border:0 none;
color:#9499a1;
font-weight:normal;
height:17px;
margin-left:15px;
margin-top:5px;
width:180px;
}

.s_submit {
float:left;
padding:0px;
}

/*- TOP page-navi -*/
#navigation {height:57px;}
#current-time { float:left; height:20px; margin-left:30px; margin-top:15px; padding-top:2px;}
#current-time {color:#FFF;}
#current-time { background:url(images/clock.png) no-repeat; padding-left:30px;}

#top-page-navi{	font-size:18px;	font-weight:normal;	float:right; margin-right:20px;}
#top-page-navi ul { list-style:none; margin:0px; padding:0px;}
#top-page-navi li { float: left; line-height: 30px; margin: 0 6px 0 0;}
/*#top-page-navi li a{ display: block; float: left; text-decoration:none;}
#top-page-navi li a span{ display: block; float: left; height: 37px; padding: 7px 15px 7px 15px;}
*/

#top-page-navi li a:hover { 
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	cursor:pointer;
}
#top-page-navi li.active a, #top-page-navi li.current_page_item a, #top-page-navi li.current_page_item a:hover{	
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;	
	cursor: pointer;
	text-decoration: none;
	height:46px;	
}

#top-page-navi li.current_page_item ul li a {-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	height:auto;
	}
#top-page-navi li.current_page_item ul li a:hover {text-decoration:underline; color:#000000; -moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	height:auto;} 

#top-page-navi li a{ padding: 10px 8px 12px; position: relative; text-decoration: none; z-index: 100; }
#top-page-navi li { padding: 5px 9px 0px 5px;}
#top-page-navi, #top-page-navi ul { z-index: 100; }
#top-page-navi li ul { position: absolute; width: 200px; left: -999em; margin-top:6px; }
#top-page-navi li ul li { padding: 0pt; float: none; }
#top-page-navi li:hover ul { left: auto; }
#top-page-navi li ul ul { margin: -26px 0pt 0pt 200px; }
#top-page-navi li ul ul li a { line-height: 25px; }
#top-page-navi li:hover ul ul { left: -999em; }
#top-page-navi li:hover ul, #top-page-navi li li:hover ul { left: auto; }
#top-page-navi li ul li a:link, #top-page-navi li ul li a:visited { padding: 0px 0pt 0px 10px ! important; display: block; width: 190px; }
#top-page-navi li ul li ul li a:link, #top-page-navi li ul li ul li a:visited { padding: 5px 0pt 5px 10px ! important; }
#top-page-navi li ul li a:hover { text-decoration: underline; }

#top-page-navi li ul li a { font-size:13px;}
#top-page-navi li ul { background: rgb(216, 216, 216) none repeat scroll 0% 0%; }
#top-page-navi li ul li { border-bottom: 1px solid rgb(170, 170, 170); background: transparent none repeat scroll 0% 0%; }
#top-page-navi li ul li a:link, #top-page-navi li ul li a:visited { background: transparent none repeat scroll 0% 0% ! important; color: rgb(0, 0, 0); }
#top-page-navi li ul li a:hover { background: rgb(226, 226, 226) none repeat scroll 0% 0% ! important; }


/* Module slider */
#moduleslider-size {
	height: 370px;
	overflow: hidden;
	margin: 0px;
	padding-top:20px;	
}

#moduleslider2-size{
	height: 280px;
	width:268px;
	overflow: hidden;
	padding:0px;	
	text-align:left;
}
#frameslider2.frameslider {width:268px !important;}
#moduleslider2-size .scrollerslider { width:268px !important; padding:0px; margin:0px; float:left;}
#moduleslider2-size ul#slide-toolbar {display:none;}
#moduleslide2 .tab-pane { background: url(images/moduleslide2_bg.gif) repeat-y 0 0 ; }
/*-----------------------------------*/

#moduleslider-size .feature-img { width:72px; height:72px; display:block;}
#moduleslider-size .feature-img img {}

#moduleslider2-size .feature-post p, #moduleslider2-size .feature-post .date, #moduleslider2-size .feature-post h2{padding-left:10px; padding-right:30px;}
#moduleslider2-size .feature-post p{ font-size:12px; color:#513c53; padding-top:10px;}
#moduleslider2-size .feature-post .date { color:#9b8e9c; font-size:14px; font-weight:bold; font-family:"Times New Roman", Times, serif;}
#moduleslider2-size .feature-post h2{ font-size:16px; color:#513c53; font-weight:bold;}


ul#slide-toolbar {
	padding: 0px;
	margin: 0px 0px 0px 25px;
	list-style: none;
	white-space: nowrap;
	font-size:14px;
	font-weight:bold;
	display:block;
	height:32px;
	width:auto !important;
}

ul#slide-toolbar li {
	float:left;
	text-align: center;
	color:#ffffff;
	text-align:left;
	padding-left:14px;
	font-family:"Times New Roman", Times, serif;
}

ul#slide-toolbar li span {
	cursor: pointer;
	display: block;
	width: auto;
	text-decoration: none;
	margin-left:10px;
	padding:0px 25px 0px 0px;
	height: 22px;
	padding-top:10px;	
}

ul#slide-toolbar li{background:url('images/slide-bg.jpg') no-repeat top left; _width:20px;}
ul#slide-toolbar li span{background:url('images/slide-bg.jpg') no-repeat top right;}

ul#slide-toolbar li.current{ color:#543b58; background: url('images/slide-active.gif') no-repeat top left;}
ul#slide-toolbar li.current span{ background: url('images/slide-active.gif') no-repeat top right;}

#slide-toolbar span:hover{
color:#edbef6;
}
hr{
	padding:0px;
	margin:0px 0px 0px 0px;
	border:1px solid #4c2734;
}
div.frameslider {
	clear: both;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
div.frameslider div.button {
	position: absolute;
	width: 22px;
	height: 19px;
	cursor: pointer;
	top: 90%;
}

div.frameslider div.button#left {}
div.frameslider div.button#right {}
div.frameslider div.button#left:hover,div.frameslider div.button#left.hover {}
div.frameslider div.button#right:hover,div.frameslider div.button#right.hover {}

.scrollerslider {
	margin: 0px;
	padding:0px;
	overflow: hidden;
}

#moduleslide .tab-pane, #moduleslide2 .tab-pane {
	overflow: hidden;
	float: left;
}


/* Slider */
.side-content{
	display:none;
}
.feature-news-menu{
height:48px;
margin:0;
padding:0;
font-size:14px;
font-weight:bold;
padding-left:16px;
}
.feature-news-menu ul{
margin:0px;
padding:0px;
}
.feature-news-menu ul li{
float:left;
list-style:none;
min-width: 30px;
_width:60px;
height:48px;
display:block;
}
.feature-news-menu ul#side li{
float:left;
list-style:none;
display:block;
}
.feature-news-menu ul li .current{
text-decoration:none;
height:36px;
background:url(images/menu-arrow-cat.gif) no-repeat bottom;
}
.feature-news-menu ul li a{
font-size:14px;
padding-top:15px;
padding-left:10px;
padding-right:10px;
display:block;
height:20px;
cursor:pointer;
}
.feature-news-menu ul li a:hover{
display:block;
text-decoration:none;
}

/* Video Control */
.video-list{padding-top:10px;}
.clearall{clear:both;}
.video-hr{ overflow:hidden; position:relative;}
.video { overflow: hidden; clear: both; height: 72px; padding-top:10px; padding-bottom:10px; }
.video p { margin: 10px 0pt; padding: 0pt; }
#video-mod{float:left; border:none;}
.video-controls {float:right; padding-top:5px; text-align: right;}
.video-controls .control-prev, .video-controls .control-next { margin: 0pt 3px; background-repeat: no-repeat; cursor: pointer; height: 15px; width: 15px; }
.video-controls .control-page { margin: 0pt 3px 5px; background-repeat: no-repeat; cursor: pointer; height: 8px; width: 8px; }
.video-controls .control-page.active { background-position: right top; }
.video-controls .control-prev { background-position: left top; }
.video-controls .control-prev.disabled { background-position: right bottom; cursor: auto; }
.video-controls .control-next { background-position: right top; }
.video-controls .control-next.disabled { background-position: left bottom; cursor: auto; }

.video-list { margin: 0px; overflow: hidden; height: 301px; }
.video-controls .control-prev, .video-controls .control-next { background-image: url(images/video-scroller-controls.gif); }
.video-controls .control-page{ background-image: url(images/video-scroller-status.png) }
.video, td.sidecol .video{ border-bottom: 1px solid #dbdddf; height: 72px;}
.contentpane .pollstableborder { border: 0px none ; }
.back_button { margin-top: 30px; }

.video .thumb img{ float: left; width: auto; height:auto; max-height: 72px;}
.video .thumb img{_height:72px;}
/* END Video Control */

/* ADS 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:15px;}
#widget_tag_cloud {padding-bottom:10px;}
#single-ads {padding-top:15px;}
#single-ads .ads-module {margin:0px; padding:0px; width:auto; text-align:center;}

/* 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 .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 #fafaf6;
	border-bottom: 1px solid #fafaf6;
	border-left: 1px solid #c1c1b7;
}
#comment-form input:focus, #comment-form textarea:focus {
	color: #53534c;
	border: 1px solid #C3D3DF;
}
#comment-form #submit {
	width: auto;
	margin-left: 200px;
	border: none;
	padding: 4px 10px;
	text-transform: uppercase;
	cursor: pointer;
}
#searchforma input#submit {width: auto; margin-left: 10px;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;
	background: #00A2F6;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

/* WP extention */
.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:560px;
	-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;
}

/* 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 {background-color: #EFEFEF;}
.thread-even {background-color: #EFEFEF; -moz-border-radius:10px; -webkit-border-radius: 10px;}
.depth-1 {border: 1px solid #D1E2EF;}
.children .depth-1 { border-left:1px solid #CFCFCF; border-right:0px; border-top:0px; border-bottom:0px;}
.even, .alt {border-left: 1px solid #D1E2EF;}
.navigation {display: block; text-align: center; margin-top: 10px;}
.commentlist li .avatar { float: right;	border: 1px solid #eee;	padding: 2px !important; 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 {background:url(images/autor-ico.png) no-repeat left center; padding-left:20px;}
.comment-author cite, .comment-author cite a{ font-size:18px; font-weight:normal;}

.reply { padding-left:24px; height:17px;}
.reply { background: url(images/reply-ico.png) no-repeat left center;}
.reply a {font-size:11px;}
/* End Comments */

/* Page Navigation */
#page-navi {margin-right:20px; padding-top:10px;}
.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, .nav {
	text-decoration: none !important; font-size:14px; font-weight:bold;
}

.nav a, .nav .on {		
	display: block;
	float: left;
	padding: 3px 5px;
	margin-left: 4px;
}

/* Image in post */
.content.single img {padding:10px; max-width:550px; max-height:auto; height:auto;}

/* Flickr */
.flickr-pic {}
.flickr-pic .flickr_badge_image { float:left; padding-right:20px; padding-bottom:10px;}