/*  
Theme Name: HCFR
Theme URI: http://www.activelab.net
Description: HCFR is a professionally designed theme base on Yamidoo
Author: ActiveLab 
Author URI: http://www.activelab.net 
Version: 1.0
*/

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

0.  CSS Reset  -------------------------  All Theme Files
1.  Toolbox CSS  -----------------------  All Theme Files
2.  Page Structure  --------------------  in other file
3.  Header  ----------------------------  in other file
4.  Main Navigation  -------------------  header.php
5.  Featured Slider  -------------------  featured.php
6.  Featured Categories  ---------------  blocks.php
7.  Homepage Articles ------------------  index.php
8.  Single Articles & Pages ------------  single.php, page.php
9.  Comments  --------------------------  comments.php
10. Forms  ----------------------------   searchform.php
11. Sidebar & Widgets ------------------  sidebar.php
12. Footer  ----------------------------  footer.php

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


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

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

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

.advertbar span.corners-top, .advertbar span.corners-bottom {
	margin: 0 -10px;
}

.advertbar {
   background-color: #ebebeb;
   background-image: url(images/icon_advert.gif);
   background-repeat: no-repeat;
   padding: 0 10px;
   margin-top: 5px
}

span.corners-top {
	background-image: url(images/corners_left.png);
}

span.corners-top span {
	background-image: url(images/corners_right.png);
}

span.corners-bottom {
	background-image: url(images/corners_left.png);
}

span.corners-bottom span {
	background-image: url(images/corners_right.png);
}

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top {
	background-position: 0 0;
	margin: 0 -5px;
}

span.corners-top span {
	background-position: 100% 0;
}

span.corners-bottom {
	background-position: 0 100%;
	margin: 0 -5px;
	clear: both;
}

span.corners-bottom span {
	background-position: 100% 100%;
}




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

fieldset, img {border: 0;}

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

.topleft a
{
	color:#fd5b00;
	font-size:12px;
	font-weight:700;
	padding: 0px 20px;
}

ol, ul {list-style: none;}
caption, th {text-align: left;}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

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; width: 100%; }
th {  background: #BBCCDD; color:#333; }
th, td { 
/* line-height: 20px; */ 
padding: 4px; }
 /* tr:nth-child(2n) {  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; } */
/* tr:nth-child(2n+1) {  } */


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

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

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

.aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 10px 10px 5px 0; }
.alignright { float: right; margin: 10px 0 8px 10px; }
.clear { clear: both; }
.floatleft,.more_left { float: left; }
.floatright { float: right; }
.hr { border-top: 3px solid #dedfe3; }
.transpBlack { background: url(transpBlack.png); }
.wp-caption { background-color: #FFFFFF;  font-size: 10px; margin-bottom: 5px; padding: 5px 0 5px 0; text-align: center; }
.wp-caption img { border: 1px solid #B6B6B6; }
.wp-caption-text { padding-top: 0px; padding-bottom: 0px; line-height:12px; font-size:9px; }

a { color: #000; outline: none; text-decoration: none; }
	a img { border: none; }
	a:hover { text-decoration: underline; }
h1 a { color: #000; font-size: 20px; font-weight: 400; }
h2 { font-size: 18px; }
h3 { font-size: 13px; }
h4 { font-size: 12px; }
h5 { font-size: 12px; }
h6 { font-size: 12px; }
html { overflow-y: scroll; }
p { font-size: 1.3em/1.3em; }

#wp-calendar caption { font-weight: bold; color: #333; text-transform: uppercase; }
#wp-calendar td { text-align: center; }
	#wp-calendar td a { color: #333; font-weight: bold; text-decoration: underline; }
		#wp-calendar td a:hover { text-decoration: none; }
#wp-calendar caption { background: #888888 none repeat scroll 0 0; color: #FFFFFF; font-size: 12px; font-weight: bold; padding: 8px 10px; text-shadow: 1px 1px 0 #656565; text-transform: uppercase; text-align: left; }
#wp-calendar #today { background: #2F91C4; color: #fff; font-weight: bold; }
 
.post-stats { display: block; font-size: 11px; }
#navigation {
	font-family: Verdana, Helvetica, Arial, sans-serif;;
	font-weight: bold;
	text-align: center;
	float: left;
	margin: 0 auto;
	width: 500px;
}
/* =WP-PageNavi
-------------------------------------------------------------- */
.wp-pagenavi {
	font-size: 12px;
	text-align: center;
	padding-top: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;;
	color: #333;
}
	.wp-pagenavi .pages { padding: 3px 6px; margin: 0 6px; color: #333; font-size: 12px; background: #FFFFFF; border: 1px solid #DDD; -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
	.wp-pagenavi a:link, .wp-pagenavi a:visited { padding: 3px 6px; color: #333; font-weight: normal; font-size: 11px; background: #ffffff; }
	.wp-pagenavi .current { padding: 3px 6px; color: #fff; margin: 0 5px; background: #333; border: 1px solid #DDD; -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
	.wp-pagenavi a:hover { color: #fff; background: #2f4b66; }
.navigation { color: #fff; float: left; width: 100%; }
	.navigation .alignleft a,   .navigation .alignright a { width: 125px; text-align: center; height: 20px; }
	.navigation a { color: #fff; background: #737070; font-weight: bold; margin: 7px 5px; padding: 5px 6px; cursor: pointer; font-size: 10px; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: none; }
	.navigation .alignleft { float: left; }
	.navigation a:hover { color: #fff; text-decoration: none; background: #6c6868; }
	.navigation .alignright { float: right; }
 
 	.downarrowclass {
	background:url(images/down.png) no-repeat center;
	padding:6px 11px;
	}
 	
	.dropdown li a:hover .downarrowclass, .dropdown li:hover .downarrowclass, .dropdown ul li.current_page_item a .downarrowclass, .dropdown ul li.current-cat a .downarrowclass{
	background:url(images/downh.png) no-repeat center;
	}
	
 	
	.rightarrowclass {
	background:url(images/right.png) no-repeat center right;
	padding:8px;
	position:absolute;
	right:10px;
	}
  
/********************************************************************************************* 

4. Main Navigation  -------------------------  header.php

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

#nav
{
	float:right;
	padding:5px 15px 5px 0;
	text-align:right;
 
}

#nav a
{
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
}

#nav img {
vertical-align:middle;
padding-left:5px;
}

 
 
#menu
{
/*	float:left;
	width:920px;
*/
	height: 28px;
	background-color:#e6e9eb;
	border-bottom:0px solid #ffffff;
	border-top:0px solid #ffffff;
	text-align:center;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 10px;
}
 
/********************************************************************************************* 

5. Featured Slider  -------------------------  featured.php

*********************************************************************************************/   
 
#feature
{
	position: relative;
	margin:0;
	width:694px;
	background:#1f1e1e;
}

#promo_hcfr
{
/*	border: thin solid #d9d9d9; */
/*	height: 319px; */
	margin: 0;
}
 
 
#navi {
  }

#navi ul {	
 	margin:0 auto;	
 	width:100px;
 	position:absolute;
 	top:18px;
 	left:587px;
 	
}

#navi li {	
 	float:left;
	padding-left:1px;
	list-style-type:none;
	text-align:center;
}

#navi a {
	color:#333333;
	display:block;
	position:relative;
	word-spacing:-2px;
	font-size:11px;		
	text-decoration:none;
	opacity:0.5;
}	

#navi a.current {
	 opacity:1;
 
 }
 
 #navi a:hover {
	opacity:1;

}

#navi img {
	border:2px solid #000;
	margin:0 0 9px 0;
	display:block;
	width:90px;
	height:60px;
	  
}

#navi strong {
	display:block;		
	font-size:13px;
}
/* panes */
#panes {
	height:300px;
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
	overflow:hidden;
}

/* crossfading effect needs absolute positioning from the elements */
#panes div {
	display:none;		
	position:absolute;
	top:18px;
	left:12px;
	font-size:13px;
	color:#ede9e9;	
	line-height:1.5;
	right:12px;
	text-shadow:1px -1px 0 #000;
 }
 
#panes a {
	color:#fff;
	font-weight:bold;
}

#panes img {
	float:left;
	margin-right:120px;		
	width:560px;
	height:290px;
	border:2px solid #000000;
}

#panes p.more {
	color:#000;
	font-weight:bold;
}

#panes h3 {
	font-size:24px;
	font-family:Georgia;
	padding:0;
	margin:0 0 12px 0;
}

#panes h3 a {
	color:#d3d3d3;
	line-height:1.2;
	font-weight:normal;
}

.overlay2 h6
{
	font-weight:700;
	color: #FFFFFF;
	text-transform:uppercase;
	background-color: #CC0000;
	height: 10px;
	width: 45px;
	
	font-size: 8px;
	text-align: center;
	
}

#panes .more {
	background:url(images/more.png) no-repeat right 2px;
	float:right;
	font-weight:bold;
	font-size:14px;
	padding-right:24px;
	margin-top:20px;
}

#panes .more a {
	color:#797575;
	text-shadow:1px 1px 0 #000;
}

.meta-feature {
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	padding:1px 0 5px 0;
 }
 
 .meta-feature  li {
 display:inline;
 }
 
.meta-feature  a
{
	color:#d3d3d3;
	font-weight:700;
}

.meta-feature a:hover
{
	text-decoration:none;
	border-bottom:1px solid #fff;
}
#panes p {
	padding:5px 0 0 0;
}
 
  .overlay {
	background:#000000;
	left:2px;
	opacity:0.7;
	position:absolute;
	height:21px;
	top:190px;
	width:530px;
	font-size:16px;
	font-weight:bold;
	overflow:hidden;
	font-family:Verdana, Helvetica, Arial, sans-serif;;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}

  .overlay2 {
	background:#000000;
	left:2px;
	opacity:0.7;
	position:absolute;
	height:70px;
	top:216px;
	width:530px;
	font-size:11px;
	font-weight:lighter;
	padding:0px 15px 0 15px;
	overflow:hidden;
	font-family: Verdana, Helvetica, Arial, sans-serif;;
	text-align: justify;
	color: #FFFFFF;
	line-height: 12px;
}

.overlay a { color:#ffffff; }
.overlay2 a { color:#ffffff; }

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

6. Featured Categories  -------------------------  blocks.php

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


#columns
{
	line-height:19px;
	padding:5px 0 10px 0;
	overflow: hidden;
}
 
 
  
.column
{
	border-right:1px solid #dedfe3;
	padding:0 15px;
	vertical-align: text-top;
	width: 25%;
}
 
.column p, .column_last p  {
/* padding:0 0 10px 0; */
}

.column h3 a,.column_last h3 a
{
	color:#fd5b00;
	font-size:14px;
	font-weight:700;
	
}

.column h3,.column_last h3
{
	padding:5px 0;
}

.column h4 a ,.column_last h4 a
{
	font-size:10px;
	font-weight:700;
	text-transform:uppercase;
	color:#ffffff;
	background-color: #135d9c;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}

.column img,.column_last img
{
	margin: 0 auto;
	display: block;
}

.column a,.column_last  a
{
	color:#fd5b00;
	font-weight:700;
 }

.column_count a
{
	background:url(images/comment.png) no-repeat left;
	float:left;
	padding:0 0 0 20px;
	font-size:9px;
 }

.column_date
{
	float:right;
	text-align:right;
	font-size:9px;
	text-transform:uppercase;
	color:#fd5b00;
	font-weight:bold;
}

.column_last
{
	padding:0 15px;
	vertical-align: text-top;
}

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

7. Homepage Articles -------------------------  index.php

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

.artpost
{
/*	float:left;
	width:610px; */
	line-height:20px;
/*	border-right: 1px solid #DEDFE3; */
	overflow:hidden;
	padding: 0 5px 0 5px;
}

.artpost small {
  text-transform:uppercase;
  font-size:10px;
  font-weight:bold;
  padding:0px 0 0px 0;
	margin: 5px; 
  }
  
.artpost a, .article p a 
{
	border-bottom:1px solid #ccc;
	color:#fd5b00;
	font-weight:700;
}

.artpost a:hover, .article p a:hover
{
	border:none;
	text-decoration:none;
}

.artpost blockquote
{
	border-left:3px solid #ccc;
	color:#777;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background: #e6e6e6;
	font-size:11px;
	font-style:italic;
	border: 1px solid #dcdcdc;
/*	line-height:1.8em; */
	margin:10px 20px 10px 30px;
	padding-left:10px;
}

.artpost h1
{
	color:#fd5b00;
	font-size:22px;
	font-weight:700;
	padding-bottom:10px;
 	line-height:30px;
	margin: 5px;
}

 .artpost h1 a
{
 	font-size:22px;
	font-weight:700;
	padding-bottom:10px;
 	line-height:30px;
	color:#fd5b00;
 	border:none;
}

.artpost h1 a:hover {
	color:#333;
	}

.artpost h2
{
	color:#fd5b00;
	font-weight:700;
	padding-bottom:5px;
	padding-top:10px;
}

.artpost h3,h4,h5,h6
{
	color:#000;
	font-weight:700;
	padding-bottom:5px;
	padding-top:10px;
}

.artpost li ol
{
	border-bottom:1px dotted #ccc;
	line-height:25px;
	padding-left:15px;
}
.artpost   ol li  {
	list-style:decimal;
}

.artpost p
{
	padding:5px 0;
	margin: 5px;
}

.artpost ul li
{
 	list-style: initial;
	margin: 0 0 0 2em;
}

.artpost ul ul li
{
 	list-style: initial;
	margin: 0 0 0 4em;
}

.artpost ul,.post ul,ol
{
 	list-style: initial;
	margin: 0 0 0 2em;
}

.artpost img {
max-width:610px;
}



 .post-meta {
float:left;
margin:10px 0 0 0;
color:#fd5b00;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
}

.post-meta a {
color:#fd5b00;
border-bottom:none;
}

.post-meta a:hover {
 text-decoration:underline;
}

span.date, span.category, span.author, span.comments {
 text-transform:uppercase;
 font-size:10px;
 margin:0 8px 10px 0;
 font-weight:bold;
 color:#fd5b00;
 }
 
 span.date {
 background:url(images/clock.png) no-repeat 0 2px;
 padding-left:12px;
 }
 
 span.category {
 background:url(images/category.png) no-repeat 0 2px;
 padding-left:12px;
 }
 
 span.author {
 background:url(images/user.png) no-repeat 0 2px;
 padding-left:12px;
 }
 
 span.comments {
 background:url(images/comments.png) no-repeat 0 2px;
 padding-left:14px;
 }
 
 
 
	
/********************************************************************************************* 

8. Single Articles & Pages -------------------------  single.php, page.php

*********************************************************************************************/   
 	
   .article
{
	background-color:#edeef2;
	border-bottom:2px solid #dedfe3;
	border-right:2px solid #dedfe3;
	line-height:19px;
	margin:15px 0 18px 0;
	padding:10px 5px 15px 10px;
	overflow: hidden;
}

.article h2
{
	padding-bottom:10px;
}

.article h2 a
{
	color:#fd5b00;
	font-size:16px;
	font-weight:700;
}

.article img
{
 
	float:right;
	margin:3px 10px 10px 10px;
	
}

.article small,.article small a
{
	color:#fd5b00;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:5px;
}

#articles h3,.widget h3
{
	background-color:#edeef2;
	border-top:3px solid #dedfe3;
	font-family: Verdana, Helvetica, Arial, sans-serif;;
	font-size:12px;
	font-weight:700;
	padding:8px 0 8px 10px;
	text-transform:uppercase;
}

#articles 
{
/*	float:left;
	width:610px; */
	margin-right: 320px;
	border-right: 1px solid #DEDFE3;
	padding: 0 10px 0 0;
}

.author
{
	float:left;
	width:110px;
}

.author img
{
	border:1px solid #ccc;
	display:block;
}

.tag-links {
background:url(images/tag.png) no-repeat left 2px;
margin: 0px 0px 5px 20px;
padding-left: 22px;
float:left;
clear:both;

}

.nextpage {
background:url(images/page.png) no-repeat;
clear:both;
float: right;
margin: 10px 10px 5px 0px;
padding-left: 22px;
}


 #socialicons
{
	border-bottom:1px dotted #A0BDD4;
	border-top:1px dotted #A0BDD4;
	color:#4c4d50;
	float:left;
	margin:15px 0 0;
	padding:1px 0 10px 0;
	width:100%;
}

#socialicons img
{
	margin-right:5px;
	padding-bottom:3px;
	height:16px;
}

#socialicons li
{
	border:none;
	display:inline;
	float:left;
	padding-right:15px;
	margin: 10px 10px 10px 10px;
}

 ul,#socialicons ul
{
	list-style:none;
}

#socialicons ul
{
	float:left;
	padding:10px 0 0 10px;
	color:#4c4d50;
	font-family:arial, "lucida console", sans-serif;
	font-size:10px;
	font-weight:700;
	text-transform:uppercase;
}

#socialicons ul li a
{
	border-bottom:none;
	color:#4c4d50;
	text-decoration:none;
}

#socialicons ul li a:hover
{
	border-bottom:none;
	color:#030a1f;
}

#socialicons ul li img
{
	border:none;
	vertical-align:middle;
}



.gallery .gallery-item { 
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline; 
margin:10px; }
 
.gallery { margin: auto; text-align:center; clear:both; }
 
 
.gallery img { border: 2px solid #cfcfcf; }
 
.gallery-caption { margin-left: 0; }
 
/********************************************************************************************* 

9. Comments  -------------------------  comments.php

*********************************************************************************************/   
 
#comments { margin: 15px 0; float: left; width: 600px; }
	#comments h3 { color: #222; margin: 10px 0 0 0; clear: left; }
	#comments div.comments { margin: 0 0 10px 0; }
	#comments div.comments h2 { font-size: 18px; font-weight: normal; }
	#comments div.comments li, #main #respond { padding: 10px 0 5px; margin-top: 10px; }
	#comments ol.commentlist div.comment-content { margin-left: 95px; }
	#comments cite { font-style: normal; font-weight: normal; }
	#comments p.trackbackurl { font-size: 11px; }
	#comments p.trackbackurl span.url { font-weight: bold; padding: 1px; }
	#comments a.more-link { display: block; margin: 10px 0 0; }
	#comments div#comments-comments ul, #comments div#comments-comments ol { margin-left: 0; }
	#comments .normalComments { padding: 0px 0; clear: left; font-family: Tahoma, Sans-Serif; }
	#comments .normalComments li { margin: 0px 0 0em 0; padding: 20px 0; list-style-type: none; border-bottom: 1px dotted #A5ACB9; }
	#comments .normalComments li ul li { padding: 10px 0 5px 0; }
	#comments ul.children { background: url(images/replybg.png) no-repeat 0 25px; margin: 0; padding: 0 0 0 25px; }
	#comments .normalComments li ul.children { border-top: 1px dotted #CCCCCC; margin-top: 10px; padding: 0; }
	#comments .normalComments li ul.children li { clear: left; margin: 0 10px 0px 30px; }
	#comments .normalComments li ul li { border: none; }
	#comments .normalComments cite.fn { font-size: 12px; font-weight: bold; font-family: Arial; float: left; clear: both; }
	#comments .normalComments div.gravatar { float: left; display: inline; width: 75px; margin: 0 10px 5px 0; }
	#comments .normalComments div.gravatar img { margin: 0; }
	#comments .normalComments div.comment-author { border-right: 1px solid #CCCCCC; line-height: 18px; margin: 0 10px 3px 0; width: 90px; }	#comments .comment-author { float: left; }
	#comments .comment-author img.avatar { float: left; width: 45px; clear: both; }
	#comments .comment-meta { clear: right; }
	#comments .normalComments div.comment-content {  }
.normalComments p,   .normalComments li.author p { border-left: 1px solid #CCCCCC; font-size: 12px; line-height: 20px; margin-left: 90px; padding: 0 0 0 10px; }
#comments .normalComments .avatar { float: left; margin: 0 15px 0 0; }
#comments .normalComments span.says { display: none; }
#comments .normalComments .children { margin: 0 0 0 0; }
#comments .normalComments .commentmetadata a.comment-edit-link { background: none; }
#comments .normalComments .commentmetadata a { display: inline; font-size: 10px; color: #222; padding: 0; line-height: 17px; margin: 0; border-bottom: none; font-weight: bold; text-transform: uppercase; font-family: Arial,Helvetica,sans-serif; }
#comments .normalComments .commentmetadata a:hover { color: #4f535b; text-decoration: none; border: none; padding: 0; }
#comments .normalComments .reply { border-left: 1px solid #CCCCCC; margin: 0 0 0 90px; padding: 0 0 0 10px; }
#comments .normalComments .cancel-comment-reply p { margin: 0 0 0 0; border: none; }
#comments .afterpost .navigation .alignleft a, #comments .reply a, .afterpost .navigation .alignright a, #comments .cancel-comment-reply a { padding: 2px 5px; margin-bottom: 5px; font-weight: 700; text-transform: uppercase; background: #737070; font-size: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); color: #fff; }
#comments .afterpost .navigation .alignleft a:hover, #comments .afterpost .navigation .alignright a:hover, #comments .reply a:hover, #comments .cancel-comment-reply a:hover { text-decoration: underline; }
#commentform { color: #6F6F6F; }
	#commentform code { font-size: 11px; }
	#commentform p { margin: 0 10px 5px 0; font-size: 12px; border: none; padding: 0; }
#commentslabel, #commentform label { line-height: 2.0em; font-size: 10px; text-transform:uppercase; }
#comments textarea, #commentform textarea { width: 450px; height: 130px;  }
#comments #submit, #commentform #submit { background: #737070; color: #F1ECEC; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); border: none; text-transform: uppercase; cursor: pointer; cursor: hand; margin:8px 0;}
#comments #submit:hover, #commentform #submit:hover { background: #333; }
#commentform #subscribe { float: left; margin: 5px 5px 0 0; text-transform:none; }

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

10. Forms  -------------------------   searchform.php

*********************************************************************************************/   
 
 
input {
	background: #f6f6f6;
	border-radius: 5px 5px 5px 5px;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #ccc;
	border-right: 1px solid #eee;
	border-top: 1px solid #bbb;
	color: #666;
	padding: 2px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0;
}
textarea { background: #f6f6f6; border-bottom: 1px solid #eee; border-left: 1px solid #ccc; border-right: 1px solid #eee; border-top: 1px solid #bbb; color: #666; font-size: 13px; padding: 5px; }
#search { float: right; padding: 5px 15px 0px 20px; text-align: right; }
#submit { background: #2f4b66; border: 1px solid #504F4F; color: #F1ECEC;  font-size: 10px; font-weight:bold; padding: 2px; height: 22px; text-transform: uppercase; }
#searchsubmit { background-color: #2f4b66; border: 1px solid #737070; color: #F1ECEC;   font-size: 10px; padding: 2px; text-transform: uppercase; }
 
 
/********************************************************************************************* 

11. Sidebar & Widgets -------------------------  sidebar.php

*********************************************************************************************/   
 
 
#sidebar
{
float:right;
text-align:left;
width:310px;
}

#sidebar_left {
float:left;
width:150px;
}

#sidebar_right {
float:left;
margin-left:10px;
width:150px;
}

#sidebar_left .widget, #sidebar_right .widget
{
float:left;
margin:0 0 15px;
width:150px;
}
   #ads li
{
	border:none;
	display:block;
	float:left;
	margin:0;
	padding:0 5px 5px 0;
	text-align:left;
	width:125px;
}
   
   
ul.gallery img { border: 2px solid #D3DDE5; width: 60px; height: 60px; }
ul.gallery img:hover { border: 2px solid #0C2B41; background: #fff; }
ul.gallery a { border: none; display: block; float: left; padding: 0 7px 5px 7px; text-align: left; width: 63px; }
ul.gallery a:hover, ul.gallery li:hover, ul.gallery li a:hover, #ads li:hover { background-color: #fff; border:none;}
ul.gallery { display: block; list-style-type: none; margin: 5px 0 0; padding: 5px 0; }
ul.gallery li { border: none; padding: 0; float:left; }

.widget_tag_cloud div {
padding:0 7px;
}

.widget_tag_cloud div a, .tab_container_in #tab_sidebar_tags a {
	font-weight:normal;
	font-family:Verdana, Helvetica, Arial, sans-serif;;
	font-style:italic;
}
 
.widget
{
	float:left;
	margin:0px 0 15px 0;
	width:310px;
 
}

.widget a
{
	color:#145484;
	font-size:12px;
	font-weight:700;
}

.widget  img
{
	border:0;
	background:#fff;
}

.widget h3 {
margin-bottom:5px;
}

.widget li
{
  line-height:20px;
	border-bottom:1px dotted #ccc;
	padding:4px 0 4px 10px;
}

.widget li:hover
{
	background:#edeef2;
	border-bottom:1px dotted #ccc;
 }
 
.widget ul ul
{
	padding-left:20px;
}



.tab_container { margin: 0px; padding: 0px; float: left; border: 5px solid #edeef2; }
.tab_container_in { margin: 0px; padding: 10px; border-left: 1px solid #dddddd; border-top: 1px solid #dddddd; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
	.tab_container_in  img { margin: 0 7px 3px 0; float: left; }
	.tab_container_in li { display: block; float: left; width: 100%; padding: 5px 0 5px 0; border-bottom: 1px dotted #ccc; }
	.tab_container_in a {
	color:#094c90;
	font-size: 13px;
	font-weight: 700;
	padding-bottom: 3px;
}
	.tab_container_in small { text-transform: uppercase; }
.tab_menu_container { padding: 0 0 0 5px; height: 33px; border-top: 3px solid #dedfe3; background-color: #edeef2; }
#tab_menu li { margin: 0px; padding: 7px 5px 2px 0px; width: 23%; background-color: #edeef2; text-transform: uppercase; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 8px; line-height: normal; font-weight: bold; float: left; list-style: none; cursor: pointer; text-align: center; border-bottom: none; }
#tab_menu .first { padding: 7px 5px 2px 6px; }
#tab_menu li a, #tab_menu li a:visited { margin: 0px; padding: 4px 6px 4px 6px; background-color: #FFFFFF; color: #333; text-decoration: none; display: block; }
#tab_menu li a:hover, #tab_menu li a.current { background-color: #333; color: #ffffff; text-decoration: none; }
.tab_sidebar_list { display: none; }
.column_right { width: 310px; float: left; }
#tab_sidebar_comments img { margin: 0 5px 3px 0; padding: 0; }
#tab_sidebar_comments { font-size: 11px; }


#sidebar .tabberlive { background: #edeef2; padding: 0; float: left; clear: both;  width: 310px; }
#sidebar .tab_container { padding: 7px; font-size: 12px; background: #f7f7f7; border: 1px solid #d2d4d4; float: left; width: 269px; }
#sidebar .tab_container ul { color: #a3a0a0; font-size: 11px; margin: 0; padding: 0; line-height: 1.5; }
#sidebar .tab_container a { font-weight: bold; color: #3b3232; font-size: 12px; }
#sidebar .tabberlive ul.gallery img {  margin:0 5px 5px 0;}

#sidebar .recent_comments ul img, .recent_news ul img { float: left; margin: 0 8px 0 0; }
#sidebar .recent_comments  ul li, .recent_news ul li, #wpzoom-popular-posts ul li { border-bottom: 1px dotted #d2d4d4;  padding: 8px 0; clear: both; list-style-type: none; width: 100%; float: left; font-size:11px; line-height:1.3;}
.recent_news ul li, #wpzoom-popular-posts ul li { text-transform:uppercase;}
.recent_news ul li a, #wpzoom-popular-posts ul li a { text-transform:none;}
#sidebar .recent_comments  ul li a, .recent_news ul li a, #wpzoom-popular-posts ul li a { display: block; font-size:13px;}
.tabberlive small { text-transform: uppercase; }

#sidebar .tabberlive .widget_tag_cloud { font-family: Georgia; line-height: 1.7; }
#sidebar .tabberlive .widget_tag_cloud  a { font-weight: normal; }
.tabberlive .tabbertabhide { display: none; }
.tabberlive h3 { display: none;  }
ul.tabbernav li { list-style-type: none; float: left; margin: 0; padding: 0; height: 22px; line-height: 22px; border-left: none; margin-bottom: -1px; overflow: hidden; position: relative; }
ul.tabbernav { margin: 0; padding: 1px 0; font: bold 12px; }
*html  ul.tabbernav { padding: 2px 0; /* ie6 only */ }
*+html  ul.tabbernav { padding: 2px 0; /* ie7 only */ }
ul.tabbernav li { list-style: none; margin: 0 5px 0 0; display: inline; border:none; }
ul.tabbernav li:hover {border:none;}

ul.tabbernav li a { text-decoration: none; background:#FFFFFF; color: #333; display: block; font-size: 10px; text-transform: uppercase; font-weight: bold; padding: 0 10px; outline: none; cursor: pointer; }
ul.tabbernav li.tabberactive { background: #333; color: #fff; }
ul.tabbernav li.tabberactive a { background:#333; color: #fff; }
.tabbertabs .recent_comments li img, .tabbertabs .recent_news li img { float: left; }
.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; line-height: 14px; }
ul.tabbernav a:hover { text-decoration: underline; }
ul.tabbernav { margin: 0; padding: 7px 0 0 6px; float: left; list-style: none; height: 31px; width: 297px; }
html .tabbertab ul { margin: 0; }
.tabberlive .tabbertab { overflow: hidden; clear: both; float: left; border:1px solid #ddd; background: #fff; padding: 3px 8px 8px 8px; margin: 0 0 6px 6px; width: 278px; color: #222; }
.tabbertab h2.widgettitle { display: none; }



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

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

*********************************************************************************************/   
 
#footer
{
	padding-bottom: 15px;
	background-image: url(images/bg_footer.jpg);
	height: 180px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	min-width: 920px;
	overflow: hidden;
	position: relative;
	z-index: 2;
 }
 
 #footer_bas
{
	height:30px;
	margin: 0px auto;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #d4d8e1;
	text-align: center;
	min-width: 920px;
	overflow: hidden;
	z-index: 2;
 }

 #footer a
{
	color:#dfe4e8;
	font-weight:700;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
}

 #footer a:hover
{
	border:none;
	text-decoration:none;
}

#footer h4
{
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
}

#subscribe
{
	padding:20px;
}

.footer-widgets {
	color: #ccc;
	padding: 0 0 0 65px;
	vertical-align: text-top;
	line-height: 20px;
}

.footer-widgets li {
	
	list-style-image: url(images/fl_footer.gif);
}

.footer-widgets a {
	color: #f5f5f5;
	line-height: 18px;
}

.footer-widgets a:hover {
	text-decoration: underline;   
}

.footer-widget-title{
   color: #888;
   font-size: 0px;
   font-weight: bold;
border-bottom: 0px solid #CCC;
margin-top: 0px;
}


 #subscribe p {
 padding:5px 0 8px 0;
 } 

#mags table {
border-collapse: separate;
border-spacing: 1;
}

/* Login form */

.std_button
{
    font-family: 'Lucida Grande';
    background-color: #2F4B66;
    cursor: pointer;
    height: 20px;
    border: 1px solid #737070;
    color: #F1ECEC;
}

.std_button:hover
{
  color: #2F4B66;
  background-color: #F1ECEC;
}

.std_input_text
{
    font-family: 'Lucida Grande';
    font-size: 11px;
    padding: 3px;
    width: 90px;
}


div.programme li { clear:both; padding:5px; list-style: none; }
div.programme li div { float:left }
div.chaine{ width:50px; text-align:center; padding-left: 5px; }
div.heure{ width:40px; }
div.desc{ padding-left: 5px; }