/*********************************************************************************************
Powered by Baxonet.net
**********************************************************************************************


WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file.

**********************************************************************************************


0.  CSS Reset  -------------------------  All Theme Files
1.  Toolbox CSS  -----------------------  All Theme Files
2.  Page Structure  --------------------  All Theme Files
3.  Header  ----------------------------  header.php
4.  Featured Slider  -------------------  wpzoom_featured_posts.php
5.  Carousel Widget --------------------  
6.  Homepage Widgets--------------------  index.php
7.  Featured Category Widget ----------- 
8.  Archives/Blog Posts ----------------  index.php, archive.php, search.php
9.  Single Posts -----------------------  single.php, page.php
10. Sidebar & Widgets ------------------  sidebar.php
11. Comments ---------------------------  comments.php
12. Footer  ----------------------------  footer.php

**********************************************************************************************/

@import "css/fancybox.css";

@import url(http://fonts.googleapis.com/css?family=Oswald);

font-family: 'Oswald', sans-serif;

@import url(http://fonts.googleapis.com/css?family=Lato);

font-family: 'Lato', sans-serif;

@import url(http://fonts.googleapis.com/css?family=Open+Sans);

font-family: 'Open Sans', sans-serif;

/********************************************************************************************* 

0. CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/   
* { margin: 0; padding: 0; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear: both; height: 1px; margin: 0 0 -1px; overflow: hidden; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style-type: none; list-style-position: inside; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border: none }
/* Gets rid of IE's blue borders */
table { -x-system-font: none; font-family: inherit; font-size: inherit; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit;  }
th { background:#000000; color: #000000; }
th, td { line-height: 20px; padding: 4px; }
input { padding: 5px; }
.floatleft, .more_left { float: left; }
.floatright { float: right; }

.clear, .cleaner {
	clear: both;
	height: 0;
	overflow: hidden; }

/********************************************************************************************* 

1. Toolbox CSS  -------------------------  All Theme Files

*********************************************************************************************/   
a {
	text-decoration: none;
	color: #7a7a7a;
	outline: none; 
	}
 
	a:hover { color: #3399fe; }
	
	a:visited { color: #7a7a7a; }
 	
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: 'Oswald', sans-serif;
	}

h3 a:hover { text-decoration: none; }
 
p { margin: 0 0 16px; }
		
input[type="text"],
input[type="password"], textarea {
	border:1px solid #c7c7c7;
	background:#999;
	color:#ffffff;
	font-size:12px;
  	font-family:Arial;
}

/* Search Form from Header */
#search_form { float: right; margin: 60px 0 0 0; width:253px; clear: right; border: 1px solid #333333; color: #919191; }
#search_form input { border: none; height: 23px; padding: 0 6px; font-style: italic; }
#search_form #s { border-right: 1px solid #333333; -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); width: 180px; float:left; }
#search_form #searchsubmit { background: url(images/search_bg.jpg) repeat-x; border: none; cursor: pointer; color: #5b5b5b; text-shadow: 0 1px 0 rgba(255,255,255,0.8); text-transform: uppercase; font-size: 10px; font-weight: bold; font-family: Arial, sans-serif; float: right; display: block; font-style: normal; width:60px;}
#search_form #searchsubmit:hover { background: #000000; }


/* Navigation & WP PageNavi Plugin */
div.navigation { float: left; width: 100%; }
div.navigation p,  div.wp-pagenavi { margin: 0; font-size: 11px; font-weight: bold; text-align: center; }
div.navigation a.current { background-color: #000000; color: #fff; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; border: none; }
div.navigation a:hover { background-color: #000000; color: #fff; text-decoration: none; }
div.navigation a { font-size: 11px; font-weight: bold; color: #333333; padding: 6px 10px; line-height: 50px; margin-right: 10px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; border: none; }
div.navigation span.current { padding: 6px 10px; background-color: #000000; color: #fff; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; border: none; margin-right: 10px; }
div.navigation a:hover { background-color: #000000; color: #fff; text-decoration: none; }
div.navigation span.pages { margin-right: 10px; display: none; }
div.navigation .nextpostslink:hover { background: #5f6770; }
div.navigation .previouspostslink:hover { background: #5f6770; }
div.navigation .extend { border: none; }
div.navigation .alignleft, div.navigation .alignright { margin: 0; }

/* shortcodes */
.checklist li {padding-left: 20px; background: transparent url(images/icon_tick.png) no-repeat top left; list-style-type: none !important; }
.arrowlist li {padding-left: 20px; background: transparent url(images/icon_arrow.png) no-repeat top left; list-style-type: none !important; }
.deletelist li {padding-left: 20px; background: transparent url(images/icon_delete.png) no-repeat top left; list-style-type: none !important; }
.scBox {padding: 10px; text-shadow: none !important; color: #000000; margin: 10px 0; }
.notice {background-color: #000000; }
.warning {background-color: #ffffff; }
.update {background-color: #ffffff; }
.lines {color: #aaa; margin: 0; }
.highlight {padding: 3px 5px; text-shadow: none; }
.half {float:left;width:47%;margin:10px 0;margin-right:6%;}
.third {float:left;width:30%;margin:10px 0;margin-right:5%; overflow: hidden;}
.last {margin-right:0}
 
/********************************************************************************************* 

2. Page Structure  -------------------------  All Theme Files

*********************************************************************************************/   
 
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height:1.5;
	text-align: center;
	color: #333333;
	background-color:#FFF;
	background:left top repeat-x fixed url(http://radiococoa.com/wp-content/uploads/fondo-nuevo-radio-cocoa-con-gradient-23.jpg);
	}
 
#container {
	width: 100%;
	text-align: center;
	margin-bottom: 20px; }
 
	#container div.wrapper {
		margin: 0 auto;
		text-align: left;
		width: 980px; }

 
#content {
	background: transparent url(images/content-bg.png) repeat-y top center;
	border-top:solid 3px #1e100d; }
 


#main {
	border-right: 1px solid #666666;
	float: left;
	display: inline;
	/*margin-right: 20px;*/
	width: 719px;
	font-size: 12px;
 	position:relative; }
 
	h2.title {
		/*font-family: Georgia,serif;*/
		font-family: 'Oswald', sans-serif;
		font-size: 14px;
		text-transform:uppercase;
		font-weight: normal;
		color: #5d5d5d;
		margin:0 0 10px 20px; }
		
#main .archive {
    margin: 15px;
}
		
/********************************************************************************************* 

3. Header & Main Menu -------------------------  header.php

*********************************************************************************************/  

#header {
	padding: 0px 0 0px;
	border-bottom: solid 1px #fff; }
 
#logo {
	background:url(images/player2013-bg.jpg) top left no-repeat;
	/*float: left;*/
	display:block;
	height:117px;
	overflow:hidden;
	width:982px;
}

#logo #flashContent {float:right; }
 
#bannerHead {
	float: right;
	display: inline; }
	
	.banner {
		text-align:center;
		margin:0 0 10px;
		}
 
#navigation {
	/*width:980px;*/
	line-height: 39px;
	font-size: 14px;
	font-family: 'Oswald', sans-serif;
	background: #33ffcc repeat top left; }
 
#nav {
	display: block;
	margin: 0; }
 
	#nav li {
		float: left;
		display: inline; }
 
 		#nav li:hover { background: #3399fe repeat top left; }
 
	#nav a {
		color: #333;
		text-decoration: none;
		/*text-shadow: #333 1px 1px 0;*/
		padding: 10px 25px; }
 
		#nav a:hover { color: #5c5d5c; }
 
	#nav li li {
		padding: 1px 0;
		line-height: 16px;
		font-size: 11px; }
	
	#nav li ul li a {
		color:#FFF; }
 
	#nav ul li:hover, #nav ul li.current-menu-item, #nav ul li.current-menu-ancestor, #nav ul li.current-menu-parrent {
		background: none;
		background-color: #3399fe; }
 
 
 
/********************************************************************************************* 

4. Featured Slider	  -------------------------  wpzoom_featured_posts.php

*********************************************************************************************/   
 	
#featPosts {
	margin: 0 0 25px;
	position: relative;
	clear: both;
	}
 
#postsBig {
	background-color: #666666;
    display: block;
    /*overflow: hidden;*/
    width: 478px; }
 
	#postsBig div.shadow {
		position: absolute;
		z-index: 10;
		width: 478px;
		height: 114px;
		left: 0;
		top: 107px;
		background: transparent url(images/back_featimage_shadow.png) repeat-x bottom left; }
 
.featContent {
	/*background: none repeat scroll 0 0 #666666;*/
	padding: 0 15px 15px;
	color: #FFFFFF; }
 
	.featContent p {
		margin: 0;
		font-size: 12px;
		color: #FFFFFF;}
 
	.featContent h2 {
		display:none;
		font-size: 18px;
		line-height: 22px;
		/*font-family: Georgia, serif;*/
		color: #FFFFFF;}
 
	.featContent a { color: #FFFFFF; }
 
		.featContent a:hover {
			color: #333333;
			text-decoration: none; }
 
#postsSmall {
	float: right;
	display: inline;
	width: 240px;
	background: #fff; }
	
 
	#postsSmall p {
		margin: 1px 0 0;
		font-size: 11px;
		color: #777; }
 
	#postsSmall h3.title {
		-moz-border-radius-topleft: 0;
		border-top-left-radius: 0; }
 
	#postsSmall ul.pagination li a {
		font-weight: bold;
		display: block;
		margin: 0;
		position: relative;
		padding: 5px 0 5px 15px;
		overflow: hidden;
		color: #333333;
		min-height: 39px; }
 
	#postsSmall ul.pagination li { border-bottom: solid 1px #eee; display:block; }
 
		#postsSmall ul.pagination li:last-child { border-bottom: none; }
 
		#postsSmall ul.pagination li a:hover, #postsSmall ul.pagination li a.current {
			color: #3399fe;
			z-index: 11;
			margin-left: -11px;
			padding-left: 26px;
			background: transparent url(images/back_featimage_arrow.png) no-repeat left center; }
			

#featPosts p.postmetadata {
	display:none;
	font-size: 1px;
	text-transform: uppercase;
	font-weight:normal;
	color: #FFFFFF; }
 
#featPosts #postsBig p.postmetadata { margin: 5px 0; }
 
#featPosts p.postmetadata a { color: #000000; }
 
#postsSmall li.active span.arrow, #postsSmall li:hover span.arrow { display: block; }
 

/********************************************************************************************* 

5. Carousel Widget      

*********************************************************************************************/   
 
.container { overflow: hidden; position: relative; }
.slides { overflow: hidden; width: 478px; }
.slides li { position: relative; width: 478px; overflow: hidden; background: #000; float: left; }
.jcarousel { padding: 20px 0 15px 17px; margin: 10px 0 20px; background: transparent url(images/back_highlights.png) repeat-x bottom left; border: solid 1px #d2d2d2; -moz-border-radius: 7px; border-radius: 7px; }
.widgets_col  .jcarousel { padding: 20px 35px 15px 50px; }
#sidebar .jcarousel { padding: 15px 0 15px 11px; margin: 10px 0 20px 5px; background: transparent url(images/back_highlights.png) repeat-x bottom left; border: solid 1px #d2d2d2; -moz-border-radius: 7px; border-radius: 7px; }
.jcarousel img { float: left; border: solid 1px #333; }
.jcarousel li a { color: #ffffff; font-size: 14px; font-weight: bold; }
.jcarousel a:hover { text-decoration: underline; }
.jcarousel-clip { width: 100%; }
#main .home_widgets .jcarousel-item, #main .home_widgets_full .jcarousel-item { width: 107px; padding-right:22px; overflow: hidden;   position: relative; }
#sidebar .jcarousel-item { width: 107px; overflow: hidden; padding-right: 14px; position: relative; }
.jcarousel-list { height:92px; }
.jcarousel-prev { float: left; }
.jcarousel-next { float: right; padding-right: 25px; }
.jcarousel-prev, .jcarousel-next { font-weight: bold; color: #3F484D; margin-top: 8px; }
.jcarousel-prev:hover, .jcarousel-next:hover { text-decoration: underline; cursor: pointer; }
.video_if { display: none; }
.jcarousel li a span.video, .jcarousel li a span.zoom { position: absolute; top: 1px; left: 1px; display: block; width: 105px; height: 90px; }
.jcarousel li a span.video { background: url(images/play.png) no-repeat; }
.jcarousel li a span.zoom { background: url(images/zoom.png) no-repeat; }


/********************************************************************************************* 

6. Homepage Widgets 

*********************************************************************************************/   

#main .home_widgets, #main .home_widgets_full {
	position:relative;
	}
	
#main .home_widgets .widget {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin: 0 3px 20px 4px;
 	*display: inline;
 	width:210px;
 	line-height:1.5;
 	position:relative;
 	}
 	
 	#main .home_widgets_full .widget {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin: 0 3px 20px 4px;
 	*display: inline;
 	width:710px;
 	line-height:1.5;
 	position:relative;
 	}
 	
  	#main .home_widgets .widgets_col {
	float:left;
   	width:210px;
	margin: 0 10px 0 0;
  	line-height:1.5;
 	}
		
	#main .home_widgets .widgets_col .widget {
 		margin: 0 0 20px 0;
  		}
 

/********************************************************************************************* 

7. Featured Categories Widget     

*********************************************************************************************/   

.featCategories { 
	background:#fcfcf6;
	margin: 10px 5px 8px 5px;
	border: 1px solid #999;
	border-radius: 8px 8px 8px 8px;
 }

.category {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
  	*display: inline;
 	width:230px;
	margin: 0 -1px 20px 4px; }
	
	#sidebar .category {
		width:260px;
		}
 
.categoryContent {
	padding: 10px;
	/*background: transparent url(images/back_widget.png) repeat-x top left;*/ }
 
	.categoryContent img, .archive img {
		padding: 4px;
		border: solid 1px #ccc;
		background-color: #000000; }
 
	.categoryContent div.cover { margin-bottom: 10px; }
 
	.categoryContent h2 {
		font-size: 12px;
		/*font-weight: bold;*/
		margin: 7px 0; }
 
	.categoryContent ul.postsMore {
		padding: 10px 0 0 5px;
		border-top: dotted 1px #ccc; }
 
		.categoryContent ul.postsMore li {
			font-size: 11px;
			list-style-type: square; 
			/*color:#84001F;*/ }
 
	.categoryContent p { margin: 0 0 10px; }
 
 
/********************************************************************************************* 

8. Archives/Blog posts  -------------------------  index.php, archive.php, search.php

*********************************************************************************************/   
 
.posts li {
	border-bottom:1px dotted #DADADA;
	padding:0 0 15px;
	margin:0 0 20px;
	}

	.posts li .meta {
		margin-bottom:7px;
		}
	

	.archive h3 {
		font-size: 20px;
		/*font-weight: bold;*/
		border-bottom:1px dotted #DADADA;
		padding:0 0 10px;
		margin:0 0 20px;
		color:#333;
		 }
	 
	.archive h3 img {
		float:right;
		margin:0 0 0 10px;
		}
		
	.archive h3 small {
		font-size:12px;
		font-weight:normal;
		color:#333333;
		margin:5px 0 0;
		display:block;
 		}
	
	.archive .cover {
		float: left;
		display: inline;
		margin: 0 15px 5px 0; }
	 
	.archive .postcontent { overflow: hidden; }
	 
	.archive .postmetadata { margin: 0 0 10px; }
	 
	#main .archive h2.title {
		line-height: 1.5;
		margin: 0 0 2px; }
 
/********************************************************************************************* 

9. Single Posts Styling  ---------------------------------	 single.php, page.php

*********************************************************************************************/   
	
div.metadata {
	background: none repeat scroll 0 0 #F5F5F5;
    margin: 25px 0 20px 15px;
    padding: 0 20px;
    width: 90%;
	border-top: 1px solid #999;
	/*background: transparent url(images/back_postmeta.png) repeat-x top left;
	-moz-border-radius: 7px;
	border-radius: 7px;*/
}
 
	div.metadata div.datetime {
		font-family: 'Lato', sans-serif;
		border-top:1px solid #676767;
		float: left;
		display: inline;
		text-align: center;
		color: #fff;
		padding: 5px 0 0;
		width: 55px;
		height: 52px;
		margin: 0 30px 20px 0;
		line-height:1.2;
		background: #656565; }
 
div.datetime span {
	display: block;
	text-transform: uppercase;
	font-size: 11px; }
 
	div.datetime span.date {
		/*font-weight: bold;*/
		font-size: 24px;
		margin-top: 4px; }
 
.metainfo {
	padding: 15px 0 0 0;
	overflow: hidden; }
 
 .metainfo h1 a {
	color: #010101;
    font-family: 'Lato', sans-serif;
    font-style: italic;
}
	
	.metainfo h1 a:hover {
		color:#333333; 
		}
		
	.meta span, .meta span a { 
		text-transform:uppercase;
		font-size:10px;
		color: #43ae5c;
		font-family: 'Lato', sans-serif;
 		}
 		
	.meta span {
		margin:0 10px 0 0;
		}
		
		.meta span a:hover { 
			color:#333;
 			}
		
	.meta span.cat_icon {
		padding:0 0 0 15px;
		background:url(images/category.png) no-repeat 0 1px;
		}
		
	.meta span.date_icon {
		padding:0 0 0 16px;
		background:url(images/date.png) no-repeat 0 -3px;
		}
		
	.meta span.comm_icon {
		padding:0 0 0 15px;
		display:none;
		background:url(images/comments.png) no-repeat 0 1px;
		}
  
	.metainfo h1 {
		font-size: 24px;
		font-weight: normal;
		line-height: 28px;
		margin-bottom: 6px;
		font-family: 'Lato', sans-serif; }
	 
	p.postmetadata {
		font-size: 11px;
		margin: 0;
		color: #999; }
	 
.entry {
	clear: left;
	font-size: 13px;
	line-height: 1.5;
	overflow: hidden;
	margin: 0 20px 0 20px; }
 
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
	/*font-weight: bold;*/
	margin-bottom: 12px; 
	line-height:1.3;
	color:#43ae5c;
	font-family: 'Lato', sans-serif;
	}

.entry h1 { font-size: 28px; }
.entry h2 { font-size: 24px; }
.entry h3 { font-size: 20px; }
.entry h4 { font-size: 16px; }
.entry h5 { font-size: 14px; }
.entry h6 { font-size: 12px; }
 
.entry p { margin-bottom: 14px; }

.entry a { 
	color: #3399FE;
    text-decoration: none;
}

.entry a:visited { 
	color: #3399FE;
    text-decoration: none;
}

.entry a:hover { text-decoration:underline; }

.entry img {
	margin-bottom: 10px;
	max-width: 590px;
	height: auto;
	padding: 4px;
	border: solid 1px #ddd;
	background-color: #fff; }
 
.entry ul, .entry ol { margin: 0 0 14px 14px; }
.entry li ul, .entry li ol { margin-bottom: 0; }
.entry li { list-style-position: inside; }
.entry ul li { list-style-type: square; }
.entry ol li { list-style-type: decimal; }
 
.entry blockquote {
	font-style: italic;
	font-family:Georgia, serif;
	font-size: 16px;
  	border: solid 1px #ddd;
	border-left: solid 5px #ddd;
  	padding: 15px;
	margin: 10px; }
 
.side-left #main {
	float: right;
	display: inline;
	margin-right: 0;
	margin-left: 10px; }
 
.full-width #main {
	margin-right: 0;
	width: 100%; }
 
.full-width .entry, .page .entry {
	float: none;
	display: block;
	width: auto;
	padding-right: 0; }

/* [gallery] shortcode */
.entry .gallery .gallery-item { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; }
.entry .gallery { margin: auto; text-align: center; clear: both; }
.entry .gallery img, .widget ul.gallery img { border: solid 2px #eee; }
.entry div.gallery img:hover, .widget ul.gallery li img:hover { border: solid 2px #9acdea; }

/* Images align */
.aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 5px 15px 5px 0; }
.alignright { float: right; margin: 5px 0 5px 15px; }

/* Caption for Images */
.entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8; background:rgba(255,255,255,0.7); border: solid 1px #e6e6e6; }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text { margin:0; padding:0; font:11px/22px Arial, Helvetica, sans-serif; text-align:center; }
.entry .wp-caption.aligncenter { margin:0 auto 15px; }
 
img.wp-smiley {
	padding: 0;
	border: none; }
	
 	.entry .tags {
		/*font-weight:bold;*/
		/*text-transform:uppercase;*/
		font-size:12px;
		margin-top:20px;
		display:block;
		line-height:1.5;
		}
	
	.tags a {
		color:#fff;
		background:#868d96;
		text-transform:uppercase;
		padding:3px 7px;
		margin: 0 0 7px 5px;
 		/*font-size:10px;
 		font-weight:bold;*/
		}
		
		.tags a:hover {
			background:#3399fe;
			text-decoration:none;
			}

 
/********************************************************************************************* 

10. Sidebar & Widgets -------------------------  sidebar.php

*********************************************************************************************/   
	
#sidebar {
	float: left;
	display: inline;
	width: 260px; 
	position:relative; 
	}
 
	#sidebar .widget {
		margin-bottom: 10px;
		font-size: 12px;
 		position:relative; }
		
		.widget .padder {
		/*background: transparent url(images/back_widget.png) repeat-x top left;*/
		background:#333;
		color:#FFF;
		padding: 10px; }
		
		.widget .padder a{
			color:#FFF;
		}
	    
		.widget .padder .comm_bubble{
			color:#43AE5C;
			display:none;
		}
		
		.widget a {
			/*font-weight:bold;*/
			}
			
			#sidebar .widget a:hover { text-decoration: none; color:#3399FE; }

 		.widget ul { clear: both;  line-height: 1.7; }
		.widget ul li { list-style-type: none; }
		.widget ul ul { margin: 0; padding: 0; border-top: none; }
		.widget ul ul li { border: none; }

		.widget #cat, .widget select { width: 100%;   border: 1px solid #cdcfd4; color: #333333; display: inline; padding: 5px; line-height: 1.5; clear: both; float: left;  }
	
	.ads {text-align:center;}	
  
	#widget_tag_cloud a {
		font-family:Georgia, serif;
		line-height:1.3em;
		font-weight:normal;
		}
	 
	#wpzoom-popular-posts li {
		display:block;
		width:100%;
		}
 
h3.title {
	font-size: 13px;
	text-transform: uppercase;
	padding-left: 10px;
	color: #fff;
	line-height: 30px;
	border:1px solid #FFF;
	/*border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	border-right:5px solid #FFF;
	border-left:5px solid #FFF;*/
	background:#666;
	/*background: #5ac3d1 url(images/back_title_blue.png) repeat-x top left;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom: solid 1px #fff; */}
 
h3.teal { background-image: url(images/back_title_teal.png); }
h3.blue { /*background-image: url(images/back_title_blue.png);*/ font-size: 13px; }
h3.brown { background-image: url(images/back_title_brown.png); }
h3.darkblue { /*background-image: url(images/back_title_darkblue.png);*/ font-size: 13px; }
h3.dark { /*background-image: url(images/back_title_dark.png);*/ font-size: 13px; }
h3.lightblue { background-image: url(images/back_title_lightblue.png); font-size: 13px; }
h3.orange { background-image: url(images/back_title_orange.png); font-size: 13px; }
h3.paleblue { background-image: url(images/back_title_paleblue.png); font-size: 13px; }
 
h3.title a { color: #fff; }
h3.lightblue a { color: #333; }
 
h3.title a:hover { text-decoration: underline; }
 

/* Tabbed Widget */
.tabberlive .tabbertabhide { display: none; }
.tabberlive h3 { display: none; }
ul.tabbernav li { float: left; margin: 0; padding: 0; height: 25px; line-height: 28px; margin-bottom: -1px; overflow: hidden; position: relative; background: url(images/bg_sidetab.png) repeat-x; list-style-type: none; }
ul.tabbernav li:first-child { -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; }
ul.tabbernav { margin: 0; padding: 1px 0; font: /*bold*/ 13px; }
ul.tabbernav li { list-style: none; display: inline; }
ul.tabbernav li a { text-decoration: none; color: #fff; /* inactive tabs */ display: block; font-size: 13px; /*font-weight: bold;*/ padding: 0 10px; outline: none; text-transform: uppercase; line-height: 30px; font-family: 'Oswald', sans-serif; }
ul.tabbernav li.tabberactive, ul.tabbernav a:hover { background: /*url("images/back_title_blue.png") repeat-x;*/ /* active tab */ }
ul.tabbernav li:first-child a:hover {-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;border-top-left-radius:5px;}
ul.tabbernav li.tabberactive a { color: #fff; }
.tabbertabs .recent_comments li img, .tabbertabs .recent_news li img { float: left; margin: 0 7px 5px 0; }
.tabbertab li { float: left; clear: both; display: block; border-bottom: 1px dotted #DADADA; padding: 5px 0; }
.tabbertab .comm_bubble { font-style: italic; font-size: 10px; color: #A9A9A9; }
.tabbertab li .meta { font-size: 9px; color: #A9A9A9; margin: 3px 0 0; display: block; }
.tabbertab li .meta a { font-weight: normal; font-size: 9px; }
.tabbertab li a { /*font-weight: bold;*/ font-size: 12px; color:#FFF; }
ul.tabbernav a:hover { text-decoration: underline; }

.tabberlive ul.tabbernav { 
	margin: 0; 
	padding: 0; 
	float: left; 
	list-style: none; 
	height: 30px; 
	width: 97%;
	border:1px solid #FFF;
	/*border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	border-right:5px solid #FFF;
	border-left:5px solid #FFF;*/
	background:#666; 
	/*-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px; 
	background: url("images/back_title_darkblue.png") repeat-x;*/ }

html .tabbertab ul { margin: 0; }
.tabberlive .tabbertab { float: left; /*width: 240px; background: transparent url(images/back_widget.png) repeat-x top left;*/ background:#333; padding: 10px; }
#main .tabberlive .tabbertab { width: 190px; }
.tabbertab h2.widgettitle { display: none; }
 
 
/* Flickr Widget */
.widget ul.gallery { padding: 0; margin: 0; }
.widget ul.gallery li { list-style-type: none; float: left; display: inline; padding: 0; margin: 0 7px 11px; clear: none; border-bottom: none; }
.widget ul.gallery li.last { margin-right: 0; }
.widget ul.gallery li img { width: 61px; }


/* Social Widget */
#sidebar .social li { display: inline; width: 47%; float: left; padding: 0; margin:0 6px 14px 0; line-height: 16px; clear: none; border-bottom: none; }
#sidebar .social a { font-size: 12px; /*font-weight: bold;*/ }
#sidebar .social a span { font-size: 11px; display: block; font-weight: normal; }
#sidebar .social img { float: left; margin-right: 7px; }
  
  
/* Author Bio */
#sidebar .author img { margin: 0 7px 5px 0; float: left; }
#sidebar .author a { font-size: 13px; color:#FFF; }
#sidebar .author p { font-size: 11px; line-height: 1.4; }


/* Recent Comments */
.recent_comments img, .recent_news img { float: left; margin: 0 7px 0 0; }
.recent_comments a, .recent_news a { /*font-weight: bold;*/ }
.recent_comments li, .recent_news li { float: left; width: 100%; clear: both; padding: 6px 0; line-height: 18px; border-bottom: 1px solid #eee; }
#footer .recent_comments li, #footer .recent_news li { border-bottom: 1px dotted #2e2e2e; }
.recent_news span { font-size: 9px; color: #333333; margin: 3px 0 0; display: block; }
.recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px !important; }

 
/********************************************************************************************* 

11. Comments  -------------------------  comments.php

*********************************************************************************************/   

#comments { margin: 5px 5px 0; padding-top: 10px; border-top: 1px solid #dfdfdf; }
#comments .title { font-size: 22px; padding-top: 10px; margin: 0 0 10px; font-family: 'Lato', sans-serif;}
#main ol.normalComments { clear: left; padding: 10px 0 0; margin: 0; }
#main ol.normalComments div.comment-body { position: relative; background-color:#000}
#main ol.normalComments div.reply { position: absolute; top: 0; right: 0; }
#main ol.normalComments li { clear: left; list-style-type: none; margin: 0 0 18px; padding: 15px; font-size: 11px; line-height: 1.7; background: #fafafa; border: solid 1px #dfdfdf }
#main .normalComments li.comment li.comment { background: #000; border: solid 1px #dfdfdf; margin: 0 10px 10px 10px; clear: left; }
#main .normalComments li.comment li.comment li.comment { background: #fafafa; border: solid 1px #dfdfdf }
#main ol.normalComments li ul.children { padding: 15px 0 0; }
#main ol.normalComments li p { margin-bottom: 5px; }
#main ol.normalComments img.avatar { float: left; display: inline; margin: 0 10px 10px 0; border: solid 1px #ddd; }
#main ol.normalComments cite { font-size: 12px; line-height: 18px; font-weight: bold; font-style: normal; text-transform: uppercase; float: left; display: inline; margin-right: 10px; }
#main ol.normalComments .commentmetadata { line-height: 18px; background-color:#000 font-size: 11px; margin-bottom: 5px; }
#main ol.normalComments blockquote { font-size: 12px; line-height: 18px; }
#main ol.normalComments span.says { display: none; }

.reply a, .cancel-comment-reply a { padding: 2px 5px; margin-bottom: 5px; font-weight: bold; text-transform: uppercase; font-size: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; }
.reply a:hover, .cancel-comment-reply a:hover { text-decoration: none; }

#commentform { margin-top: 10px; clear: left; }
#commentspost p { font-size: 12px; overflow: hidden; }
#commentform p { margin: 0 0 5px; font-size: 12px; }
#commentform #formLabels { width: 50%; }
#commentform #formContent { width: 90%; }

#commentform input { width: 98%; font-size: 16px; border-width: 1px; border-style: solid; color: #8C8888; border-color: #a8a8a8 #c6c6c6 #dbdbdb #c6c6c6; padding: 5px; margin: 6px 3px 16px 0; height: 30px; -moz-border-radius: 3px; border-radius: 2px; -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1); }
#commentform textarea { overflow:auto; width: 100%; height: 180px; border-width: 1px; border-style: solid; /*color: #8C8888;*/ border-color: #a8a8a8 #c6c6c6 #dbdbdb #c6c6c6; padding: 5px; margin: 6px 3px 13px 0; -moz-border-radius: 3px; border-radius: 2px; -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1); font-family: Arial, sans-serif; font-size: 16px; }
#commentform label { display: block; font-size: 16px; font-family: 'Lato', sans-serif; color:#333; }
#commentform label span { font-size: 12px; float: right; color: #A0A0A0; }
#comments #submit { background: url(images/bg_submit.jpg) repeat-x; color: #fff; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 3px 10px 4px; font-family: Arial, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 11px; height: 24px; text-shadow: 0 1px 0 rgba(0,0,0,0.4); cursor: pointer; width: auto; }
#comments #submit:hover { background-position: 0 -24px; }
 
 

/********************************************************************************************* 

12. Footer  -------------------------  footer.php

*********************************************************************************************/    
  
#footer {
	margin: 0;
	padding: 15px 20px;
	text-align: left;
	color: #fff;
	background: #848c96 url(images/back_footer_one.png) repeat-x bottom left;
	text-shadow: #3a3e43 1px 1px 1px; }
 
	#footer p {
		margin: 0;
		line-height: 18px;
		font-size: 12px; }
 
		#footer p.copy { font-size: 12px; }
 
		#footer p.wpzoom {
			float: right;
			display: inline;
			line-height: 16px; 
			text-align:right;
			width:317px;}
 
			#footer p.wpzoom img {
				float: right;
				display: inline;
				padding:2px 0 0 2px; }
 
	#footer a { color: #fff; }
 
		#footer a:hover { text-decoration: underline; }
 
#secondFooter {
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	padding: 10px 20px;
	text-align: left;
	color: #acb0b5;
	background: #58616b url(images/back_footer_two.png) repeat-x bottom left;
	text-shadow: #3a3e43 1px 1px 1px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px; }
 
	#secondFooter p { margin: 0; }
 
#nav2 li {
	float: left;
	display: inline;
	margin-right: 20px; }
 
#nav2 a { color: #acb0b5; }
 
	#nav2 a:hover {
		color: #fff;
		text-decoration: none; }