/*-------------------------------
2.a Tags defaults
---------------------------------
[?] Tags only. No classes or ID's here.
*/
	
body {
	font-family: "Lucida sans", Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.5em;
	text-align: center;
	padding: 0 0 30px;
	color:#181818;
}

p, ul, ol, table { margin: 0 0 1.33em }

strong { color: #202325; font-weight: bold }
em { font-style: italic }


/* Headlines */
h1 {
	color: #f8941d;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 15px;
}

h2 {
	color: #181818;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 20px;
}
h3 {
	color: #181818;
	font-size: 1.35em;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 15px;
}
h4 {
	color: #181818;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 15px;
}
h5 {
	color: #181818;
	font-size: 1em;
	margin: 0 0 15px;
}
h6 {
	color: #181818;
	font-size: .90em;
	margin: 0 0 15px;
}

#footer h5 {
	margin-bottom:0 !important;
}


/* Anchors */
a, a:link, a:visited {
	text-decoration: none;
}
a:hover, a:active, a.active {
	text-decoration: underline;
}

/*-------------------------------
2.c Navigations
-------------------------------*/

/* Page Nav */

#nav_wrapper {
	height: 30px;
	width:960px;
	margin: 0 auto;
}

#nav {
	height: 30px;
	position: relative;
	top: 0px; left: auto;
	z-index: 9999;
	margin:0;
}

#nav a {
	display: block;
	line-height: 30px;
	padding: 0 10px;
	z-index: 100;
	font-size: 12px; 
	font-weight:bold; 
	text-transform:uppercase; 
	color: #f8941d;
}

#nav li {
	float: left;
}

/* Style drop down list */

#nav li ul { position: absolute; width: 172px; left: -999em;}
#nav li ul li {	background: url(images/bg-dropdown.png) !important;background: #000; }
#nav li ul li a { line-height: 30px; width: 150px; }
#nav li ul ul {	margin: -26px 0 0 170px; }
#nav li ul ul li a { line-height: 30px; text-transform:none; }
#nav li ul li ul li a { }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.hover { position: static; } /* IE7 Fix */

/* Pagination */

.more_entries {
	clear:both;
	margin-bottom:20px;
	text-align:center;
	padding: 0 20px 0 20px;
}

.more_entries .wp-pagenavi strong {
	padding:5px;
	border:1px solid #E4E4E4;
	margin-right:5px;
}

.wp-pagenavi span.pages {
	border:none !important;
}

.more_entries .wp-pagenavi a strong {
	padding:0;
	border:none;
	margin-right:0;
}

.more_entries .wp-pagenavi a, .more_entries .wp-pagenavi .on {
	padding:5px !important;
	border:1px solid #E4E4E4 !important;
	margin-right:5px !important;
}
.more_entries .wp-pagenavi .on { font-weight:bold; }

.more_entries .wp-pagenavi a:hover {
	background-color:#E4E4E4;
	color:#333333;
}

#prevPosts {
	background: #232528;
	width: 460px;
	height: 200px;
	position: relative;
}
	
	#prevPosts h3 {
		color: #fff;
		height: 32px;
		padding: 5px 0 0 0;
		position: absolute;
		top: 10px; left: 10px;
	}



/*-------------------------------
2.d Elements, ID's & Classes
-------------------------------*/

div#about {
	color: #f8941d;
	padding:10px;
	margin-bottom:20px;
}
	#about h2 {
		color: #f8941d;
		font-size: 1.35em;
		text-transform: uppercase;
		margin: 0 0 12px;
		color:#FFFFFF !important;
	}
	
	#about .about_button {
	padding:5px;
	text-decoration:none;
	text-transform: uppercase;
	}
	
	#about .about_image {
	float:right;
	margin:5px 0 10px 10px;
	border:1px solid #333333;
	background-color:#111111;
	width:75px;
	height:75px;
	}
	
#home #header p {
	font-size: 1.17em;
	line-height: 1.43em;
}

a.rss_subscribe {
	background-image: url(images/rss_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}


/*=== Category Dropdown navigation ===*/


#button {
	height: 30px;
	width: 184px;
	margin: auto;
	position:absolute;
	top:35px;
	right:30px;
	z-index:1;
	cursor:pointer;
}

.menu_class {
	margin-bottom: -5px;
}

.the_menu {
	display:none;
	width:184px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.the_menu ul.children {
	margin-bottom:0;
}


.the_menu ul.children li {
	padding-left:20px;
}

.the_menu ul.children li a {
	font-size:11px;
}

.the_menu li a {
	color:#f8941d; 
	text-decoration:none; 
	padding:10px; 
	display:block;
}

.the_menu li a:hover {
	padding:10px;
	font-weight:bold;
}
	

/*=== Slider ===*/

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 700px;
	height: 267px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 700px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#featured {
	float:left;
	width:700px;
	height:267px;
}

.featured_text {
	padding:20px 20px 0 0;
}

	.featured_text h2 {
		text-transform:uppercase;
	}

/*=== Slider Navigation ===*/

#slider_nav {
	color:#dddddd;
	padding:10px 20px 10px 20px;
	line-height:20px;
	height:20px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	margin-top:20px;
}

#slider_nav img {
	vertical-align:middle;
}

#slider_nav p {
	line-height:20px;
	margin:0 !important;
	color:#dddddd;
	text-align:right;
}

#slider_nav a {
	color:#f8941d;
	text-decoration:none;
}

#slider_nav a img {
	margin: 0 5px;
}

/*=== footer.php ===*/

#main .thumbnail { margin-bottom:20px;}
h2.single { font-size: 1.5em #f8941d; border-bottom: 1px solid #E4E4E4; padding-bottom:20px; }
h2.arh { border-bottom: 1px solid #e4e4e4; padding-bottom:20px;}
h2.archive { border-bottom: 1px solid #E4E4E4; padding-bottom:20px;}

#sidebar h4, #sidebar2 h4 { margin: 0 0 3px }

#home #sidebar h4, #home #sidebar2 h4 { margin: 0 0 18px }

                <div id="footer">
				
                <?php 
				if ( $GLOBALS['homepage'] ) 
                	include( TEMPLATEPATH . '/footer-home.php');
                else
                	include( TEMPLATEPATH . '/footer-normal.php');
                ?>

                </div><!-- / #footer -->
            </div><!-- / #contentWrap -->
        </div><!-- / #content -->
    </div><!-- / #wrap -->
        
    <div class="container_16 clearfix">
        <div class="grid_16 credits">
            <p><?php _e('Copyright',woothemes); ?> &copy; <?php echo date('Y'); ?> <?php bloginfo('name'); ?>. <?php _e('Icons by ',woothemes); ?> <a href="http://wefunction.com/2008/07/function-free-icon-set/">Wefunction</a></strong>. <?php _e('Designed by ',woothemes); ?> <a href="http://www.woothemes.com"><img src="<?php bloginfo('template_url'); ?>/images/woo-themes.png" alt="Woo Themes" title="" /></a></p>
        </div><!-- / #credits -->
    </div><!-- / #container_16 -->
    
<?php wp_footer(); ?>


<!-- Category dropdown --> 
<script type="text/javascript">
<!--
function showlayer(layer){
var myLayer = document.getElementById(layer);
if(myLayer.style.display=="none" || myLayer.style.display==""){
    myLayer.style.display="block";
} else {
    myLayer.style.display="none";
}
}            
-->
</script>
    
</body>
</html>



/*=== Widgets ===*/

.widget {
	margin-bottom:20px;
color:#f8941d;
}

.widget a {
		text-decoration: none;
color:#f8941d;
	}
	
	.widget a:hover {
		text-decoration:underline
;
	}

	.widget ul li {
		margin: 0;
		padding:10px;
		border-width: 1px;
		border-style: dotted;
		border-bottom-style: none !important;
	}
	
	.widget h3 {
		padding: 5px 0;
		margin-bottom:20px;
	}
	
	.widget h4 img {
	float:left;
	margin-right:10px;
	}

h3#news {
	padding-left: 35px;
	background-image: url(images/ico-news.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

h3#flickr {
	padding-left: 35px;
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

h3#photos {
	padding-left: 35px;
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

h4#twitter {
	padding-left: 35px;
	background-image: url(images/ico-twitter.gif);
	background-repeat: no-repeat;
}


h3#subscribe { 
	padding-left: 35px;
	background-image: url(images/ico-subscribe.gif);
	background-repeat: no-repeat;
}

h3#popular {
	padding-left: 35px;
	background-image: url(images/ico-press.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

#recent-comments h3 {
	padding-left: 35px;
	background-image: url(images/ico-comment.gif);
	background-repeat: no-repeat;
}

#archives h3 {
	padding-left: 35px;
	background-image: url(images/ico-archives.gif);
	background-repeat: no-repeat;
}

.widget_links h3 {
	padding-left: 35px;
	background-image: url(images/ico-blogroll.gif);
	background-repeat: no-repeat;
}
	
ul.news li h4 {	margin-bottom: 5px !important }
	
ul.news li img { float:left; padding:5px; border:1px solid #cccccc; background-color:#FFFFFF; }

ul.news li .content { float:left; padding:0 0 0 10px; width:126px; }
	
#sidebar2 ul.photos {
	width: 240px;
	margin: 0 0 1.5em -20px;
}

.flickr .flickr_badge_image {
	float: left;
	display: inline;
	margin: 0 10px 10px 0;
}
	
	.flickr_badge_image a {padding:0 !important;} 
		
	.flickr .flickr_badge_image a img { display: block; background-color:#FFFFFF; padding:5px; border:1px solid #cccccc; }
		
	.flickr .flickr_photos { padding:15px 0 10px 16px; float:left; }

 #twitter_update_list {
	background: #e5edf0;
	border: 1px dotted #b6ccd4;
	color: #434343;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.17em;
	font-style: italic;
	line-height: 1.43em;
	text-align: center;
	padding: 10px;
	overflow:hidden;
	margin-bottom:0;
}

	 #twitter_update_list li {
		margin-bottom:15px;
		padding:0 !important;
		border:none !important;
		background-color:transparent !important;
	}