/* Navigation */

#topnavigation {
	background: #abd64f url('http://techflaps.com/wp-content/themes/natural-gloom/img/topmenu.gif');
	margin-bottom: 0px;
	padding-top: 0px;
	font-family: 'Lucida Grande',Tahoma,Verdana,Arial, Georgia, Tahoma, Verdana;
	height: 40px;
}
#topnavigation a {
	color: #000000;
	display: block;
	font-weight: bold;
	text-decoration: none;
}
#topnavigation a:hover {color: #eaeaea;}

/* Main navigation */
#topnav li {/*border-right: 1px solid #4F4F4F;border-left: 1px solid #0B0B0B;*/}
#topnav a {
	font-size: 1em;
	padding: 10px 20px 12px 20px;
}
#topnav a:hover {background: #000000 url('http://techflaps.com/wp-content/themes/natural-gloom/img/topmenu_hover.gif');}

/* Sub-navigation */
#topsubnav {
	border-top: 1px solid #555A5F;
	background: #60656A;
}
#topsubnav li {border-right: 1px solid #50555A;}
#topsubnav a {
	font-size: 1.1em;
	padding: 9px 12px;
}
#topsubnav a:hover {background: #555A5F;}

ul.toptabbed {
	display: inline;
	margin: 0;
}
ul.toptabbed li {
	float: left;
	list-style: none;
	margin: 0;
	line-height: 1.4em;
}

#top_featHead {background: #ffffff url(http://techflaps.com/wp-content/themes/natural-gloom/img/feat_bg.jpg) no-repeat 0 0; padding: 10px 20px 0 0;}

#feat_slider{width:600px; margin: 0px 30px; height:  220px; overflow: hidden; padding-top: 10px;}
#feat_slider ul, #slider li { margin:0px; padding:0; list-style:none; }
#feat_slider li {
    /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */
    width:520px;
    height:220px;
    overflow:hidden;
}
#feat_slider li h2{ margin:0px 20px 5px 40px; padding-top:10px; color: #fafafa; font-weight: bold; font-family: Arial, "Arial Black",'Lucida Grande',Tahoma,Verdana, Georgia, Arial,Consolas;}
#feat_slider li h2 a{ font-family: Arial, "Arial Black",'Lucida Grande',Tahoma,Verdana, Georgia, Arial,Consolas;}
#feat_slider li p{ margin: 5px 20px 5px 40px; color: #ffffff; line-height: 20px;}
#feat_slider li a {color: #49b9ee; font-style:bold; ;}
#feat_slider li a:hover {color: #8ac41d;}

p#controls { margin:0; position:relative; }
#prevBtn, #nextBtn { display:block; margin:0; overflow:hidden; text-indent:-8000px; width:23px; height:47px; position:absolute; left:30px; top:-140px; }
#nextBtn { left:564px; }
#prevBtn a, #nextBtn a { display:block; width:23px; height:47px; background:url(http://techflaps.com/wp-content/themes/natural-gloom/img/btn_prev.png) no-repeat 0 0; }
#nextBtn a { background:url(http://techflaps.com/wp-content/themes/natural-gloom/img/btn_next.png) no-repeat 0 0; }
#nextBtn a:hover {background:url(http://techflaps.com/wp-content/themes/natural-gloom/img/btn_next_hover.png) no-repeat 0 0;}
#prevBtn a:hover {background:url(http://techflaps.com/wp-content/themes/natural-gloom/img/btn_prev_hover.png) no-repeat 0 0;}

#pop-post { float: right; width: 350px; position: relative; overflow: hidden; }
#pop-post h2 { 	color: #d5e5e6!important; }
#pop-post li { margin:0 0 2px 0; padding: 0 0 2px 18px; list-style:none; background:url(img/bullet3.png) no-repeat left center; line-height: 20px;}
#pop-post ul{ margin:0; font:bold 11px Arial, Helvetica, sans-serif; color: #d5e5e6; padding:0; }
#pop-post li a { color: #ffffff; text-decoration: none; }
#pop-post li a:hover { color: #ffa43d; text-decoration: none; }
#pop-post .title {
	color: #D8D8D8;
	padding: 0px 5px 5px 0 ;
	font-size: 1.5em;
	font-weight: bold;
	border-bottom: 1px solid #7F7F7F;
	margin-bottom: 5px;
}

#tabbed_box_1 {clear:both; margin: 20px 0; font-family:Arial,'Lucida Grande',Tahoma,Verdana,Verdana, Helvetica, sans-serif;}

#tabbed_box {
	margin: 20px auto 0px auto;
	width:280px;
}

.tabbed_box h4 {
	font-family:Arial,'Lucida Grande',Tahoma,Verdana, Helvetica, sans-serif;
	font-size:23px;
	color:#ffffff;
	letter-spacing:-1px;
	margin-bottom:10px;
}
.tabbed_box h4 small {
	color:#e3e9ec;
	font-weight:normal;
	font-size:9px;
	font-family: Arial,'Lucida Grande',Tahoma,Verdana,Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	position:relative;
	top:-4px;
	left:6px;
	letter-spacing:0px;
}

.tabbed_area {
	padding:8px;	
}

ul.tabs {
	margin:0px; padding:0px;

}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a {
	background-color:#0982c0;
	background-image:url(http://techflaps.com/wp-content/themes/natural-gloom/img/tab_off.jpg);
	background-repeat:repeat-x;	 
	background-position:bottom;
	color:#ffffff;
	padding:8px 10px 8px 10px;
	text-decoration:none;
	font-size:9px;
	font-family:Arial,'Lucida Grande',Tahoma,Verdana,Verdana, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #cccccc; 
	border-bottom: none;
}
ul.tabs li:hover {
	background-color:#0982c0;
	border-color:#cccccc;
}
ul.tabs li a:hover {
	color:#a9bd00;
	background-color:#0c94d6;
	border-color:#2f343a;
}
ul.tabs li a.active {
	background-color:#ffffff;
	background-image:url(http://techflaps.com/wp-content/themes/natural-gloom/img/tab_on.jpg);
	background-repeat:repeat-x;
	background-position:top; 
	color:#282e32;
	border:1px solid #8c8c8c; 
	border-bottom: 1px solid #ffffff;
}
.content {  
	background-image:url(http://techflaps.com/wp-content/themes/natural-gloom/img/content_bottom.jpg);  
	background-repeat:repeat-x;    
	background-position:bottom;   
	background-color:#ffffff;
	padding:10px;
	border:1px solid #8c8c8c; 
	min-height: 300px;	
}
#content_2, #content_3 { display:none; }
ul.tabs {
	margin:0px; padding:0px;
	margin-top:5px;
	margin-bottom:3px;
}
.content ul {
	margin:0px;
	padding:0px 10px 20px 10px;

}
.content ul li {
	font-family: Arial,'Lucida Grande',Tahoma,Verdana,Verdana, Helvetica, sans-serif;
	list-style:none;
	border-bottom:1px solid #d6dde0;
	padding-top:5px;
	padding-bottom:5px;
	font-size:13px;
}

.content ul li.cat-item{
	list-style: none;
	border-bottom:1px solid #d6dde0;
	padding-top:5px;
	padding-bottom:5px;
	font-size:12px;
	width:110px;
	float:left;
	}

.content ul li a {
	font-family: Arial,'Lucida Grande',Tahoma,Verdana,Verdana, Helvetica, sans-serif;
	text-decoration:none;
	color:#0982c0;
	font-weight: bold;
}

.content ul li a:hover {
	color:#000000;
}

.tabcat ul li{
	width:110px;
	float:left;
	margin-right:10px;
	display:inline;
}

.content ul li a small {
	color:#8b959c;
	font-size:9px;
	text-transform:uppercase;
	font-family:Arial,'Lucida Grande',Tahoma,Verdana,Verdana, Helvetica, sans-serif;
	position:relative;
	left:4px;
	top:0px;
}

.content ul li:last-child {  
	border-bottom:none;  
}