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

Theme Name: SportPress
Theme URI: http://www.wpzoom.com/themes/sportpress/
Version: 1.1.7
Author: WPZOOM
Author URI: http://www.wpzoom.com

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


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";

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

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: #BBCCDD; color: #333; }
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: #2f4c6c;
	outline: none; 
	}
 
	a:hover { color: #cb0e3d; }
 	
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #222; 
	}

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

/* Search Form from Header */
#search_form { float: right; margin: 22px 0 0 0; width:253px; clear: right; border: 1px solid #c7c7c7; color: #919191; }
#search_form input { border: none; height: 23px; padding: 0 6px; font-style: italic; }
#search_form #s { border-right: 1px solid #c7c7c7; -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: #DCDCDC; }


/* 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: #315896; color: #fff; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; border: none; }
div.navigation a:hover { background-color: #315896; color: #fff; text-decoration: none; }
div.navigation a { font-size: 11px; font-weight: bold; color: #315896; 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: #315896; color: #fff; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; border: none; margin-right: 10px; }
div.navigation a:hover { background-color: #315896; color: #fff; text-decoration: none; }
div.navigation span.pages { margin-right: 10px; display: none; }
div.navigation .nextpostslink:hover { background: #315896; }
div.navigation .previouspostslink:hover { background: #315896; }
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: #555; margin: 10px 0; }
.notice {background-color: #f8f0af; }
.warning {background-color: #f8c0c0; }
.update {background-color: #c0e5f8; }
.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: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 12px;
	line-height:1.5;
	text-align: center;
	background: #f3f3f3;
	color: #666; }
 
#container {
	width: 100%;
	text-align: center;
	margin-bottom: 20px; }
 
	#container div.wrapper {
		margin: 0 auto;
		text-align: left;
		width: 980px; }

#frame { background: transparent url(images/back_frame.png) repeat-x top center; }
 
#layout {
	background: transparent url(images/back_frame_top.png) no-repeat top center;
	padding-top: 30px; }
 
#container #wrapperMain {
	background: #fff url(images/back_frame_all.png) repeat-x top left;
	width: 940px;
	padding: 20px;
	min-height: 500px; }

#main {
	float: left;
	display: inline;
	margin-right: 20px;
	width: 660px;
	font-size: 12px;
 	position:relative; }
 
	h2.title {
		font-family: Georgia,serif;
		font-size: 18px;
		font-weight: normal;
		color: #003f62;
		margin:0 0 10px 4px; }
		
/********************************************************************************************* 

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

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

#header {
	padding: 40px 0 20px;
	border-bottom: solid 1px #fff; }
 
#logo {
	float: left;
	display: inline; }
 
#bannerHead {
	float: right;
	display: inline; }
	
	.banner {
		text-align:center;
		margin:0 0 10px;
		}
 
#navigation {
	line-height: 39px;
	font-size: 12px;
	background: #09355b url(images/back_menu.png) repeat-x top left; }
 
#nav {
	display: block;
	margin: 0;
	position:relative;
	z-index:90; }
 
	#nav li {
		float: left;
		display: inline; }
 
 		#nav li:hover { background: #133a5d url(images/back_menu_hover.png) repeat-x top left; }
 
	#nav a {
		color: #fff;
		text-decoration: none;
		text-shadow: #333 1px 1px 0;
		padding: 10px 15px; }
 
		#nav a:hover { color: #75c9fd; }
 
	#nav li li {
		padding: 1px 0;
		line-height: 16px;
		font-size: 11px; }
 
	#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: #09355b; }
 
 
 
/********************************************************************************************* 

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

*********************************************************************************************/   
 	
#featPosts {
	margin: 0 0 25px;
	position: relative;
	clear: both;
	}
 
#postsBig {
	width: 420px;
	display: block;
	background-color: #000;
	overflow: hidden; }
 
	#postsBig div.shadow {
		position: absolute;
		z-index: 10;
		width: 420px;
		height: 114px;
		left: 0;
		top: 107px;
		background: transparent url(images/back_featimage_shadow.png) repeat-x bottom left; }
 
.featContent {
	padding: 0 15px 15px;
	color: #bbb; }
 
	.featContent p {
		margin: 0;
		font-size: 12px; }
 
	.featContent h2 {
		font-size: 18px;
		line-height: 22px;
		font-family: Georgia, serif; }
 
	.featContent a { color: #fff; }
 
		.featContent a:hover {
			color: #ed9740;
			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: #2f4c6c;
		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: #ff3000;
			z-index: 11;
			margin-left: -11px;
			padding-left: 26px;
			background: transparent url(images/back_featimage_arrow.png) no-repeat left center; }
			

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

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

5. Carousel Widget      

*********************************************************************************************/   
 
.container { overflow: hidden; position: relative; }
.slides { overflow: hidden; width: 420px; }
.slides li { position: relative; width: 420px; 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: #0060B6; 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: #003f62; 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:650px;
 	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 { margin: 10px 0 0; }

.category {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
  	*display: inline;
 	width:210px;
	margin: 0 3px 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: #fff; }
 
	.categoryContent div.cover { margin-bottom: 10px; }
 
	.categoryContent h2 {
		font-size: 14px;
		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:#598BC1; }
 
	.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:#315896;
		 }
	 
	.archive h3 img {
		float:right;
		margin:0 0 0 10px;
		}
		
	.archive h3 small {
		font-size:12px;
		font-weight:normal;
		color:#666;
		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 {
	padding: 0 20px;
	background: transparent url(images/back_postmeta.png) repeat-x top left;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin: 0 0 20px; }
 
	div.metadata div.datetime {
		float: left;
		display: inline;
		text-align: center;
		color: #fff;
		padding: 5px 0 0;
		width: 55px;
		height: 50px;
		margin: 0 30px 20px 0;
		line-height:1.2;
		background: #ff3203 url(images/back_datetime.png) repeat-x top left; }
 
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:#003f62;
	}
	
	.metainfo h1 a:hover {
		color:#CB0E3D; 
		}
		
	.meta span, .meta span a { 
		text-transform:uppercase;
		font-size:10px;
		color: #505050;
 		}
 		
	.meta span {
		margin:0 10px 0 0;
		}
		
		.meta span a:hover { 
			color:#CB0E3D;
 			}
		
	.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;
		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: Georgia,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:#3397cd;
	}

.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:#3397CD; }
.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;
		float:left;
		line-height:2.3;
		}
	
	.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:#ff3300;
			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;
		padding: 10px; }
	
		.widget a {
			font-weight:bold;
			}
			
			#sidebar .widget a:hover { text-decoration: none; }

 		.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: 10px;
	text-transform: uppercase;
	padding-left: 10px;
	color: #fff;
	line-height: 25px;
	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); }
h3.brown { background-image: url(images/back_title_brown.png); }
h3.darkblue { background-image: url(images/back_title_darkblue.png); }
h3.dark { background-image: url(images/back_title_dark.png); }
h3.lightblue { background-image: url(images/back_title_lightblue.png);  }
h3.orange { background-image: url(images/back_title_orange.png); }
h3.paleblue { background-image: url(images/back_title_paleblue.png); }
 
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; 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 12px; }
ul.tabbernav li { list-style: none; display: inline; }
ul.tabbernav li a { text-decoration: none; color: #fff; /* inactive tabs */ display: block; font-size: 10px; font-weight: bold; padding: 0 10px; outline: none; text-transform: uppercase; line-height: 25px; }
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; }
ul.tabbernav a:hover { text-decoration: underline; }
.tabberlive ul.tabbernav { margin: 0; padding: 0; float: left; list-style: none; height: 26px; width: 100%; -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; 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; }
#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: #A9A9A9; 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: 20px 20px 0; padding-top: 10px; border-top: 1px solid #dfdfdf; }
#comments .title { font-size: 22px; padding-top: 10px; margin: 0 0 10px; }
#main ol.normalComments { clear: left; padding: 10px 0 0; margin: 0; }
#main ol.normalComments div.comment-body { position: relative; }
#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: #fff; 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; 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; }
#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; 
			width:228px;}
 
			#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; }