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

Theme Name: Tribune Theme
Theme URI: http://www.wpzoom.com/themes/tribune/
Version: 1.1
Author: WPZOOM
Author URI: http://www.wpzoom.com

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

0.  CSS Reset  -------------------------  All Theme Files
1.  Toolbox CSS  -----------------------  All Theme Files
2.  Page Structure  --------------------  All Theme Files
3.  Header  ----------------------------  header.php
4.  Main Navigation  -------------------  header.php
5.  Featured Slider  -------------------  wpzoom_featured.php
6.  Posts Styling ----------------------  index.php, single.php
7.  Comments  --------------------------  comments.php
8.  Sidebar & Widgets ------------------  sidebar.php
9.  Footer  ----------------------------  footer.php

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


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

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

*********************************************************************************************/   
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; color:#004276 }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

a {
    color: #004276;
    text-decoration: none;
}

a:hover {
	color:#CA0002;
	}

h4.title, #topside h3, #bottomside h3 {
    font-weight: bold;
	text-transform: uppercase;
    font-size: 10px;
    margin: 0 0 5px;
    background:#CA0002;
    padding:2px 4px;
    color:#fff;
     clear:both;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
 	zoom: 1;
	*display: inline;
}

#topside h3 {
	position:absolute;
	top:0;
	left:0;
	margin: 0;
	font-size: 16px;
	color: #CA0002;
	background: none;
	text-align: left;
	width: 100%;
}

#topside .widget h4 {
	margin-left: 190px;
}

#topside .widget p {
	margin-left: 10px;
}

#topside .widget .textwidget {
	margin-top:3px;
}

.nextActions {
    display: block;
    text-decoration: none;
    clear:both;
    width:100%;
    float:left;
	margin: 6px 0;
    font-size: 11px;
    text-transform: uppercase;
 }

.homecat .nextActions {
	margin-left:10px;
	}
 

.colAds .item {
    background: #f5f5f5;
}
.colAds h5.title {
    color: #b4d5c5;
}

.aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 10px 15px 5px 0; }
.alignright { float: right; margin: 10px 0 8px 20px; }
.clear { clear: both; }
.floatleft,.more_left { float: left; }
.floatright { float: right; }
 	
.navigation { color: #fff; float: left; width: 98%; margin-left:10px; }
.navigation .alignleft  ,   .navigation .alignright   {margin:15px 15px 15px 0;}
.navigation .alignleft a,   .navigation .alignright a { width: 125px; text-align: center; height: 20px; }
.navigation a { color: #fff; background: #88939D; 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: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; }	
#comments .navigation a {color:#fff;}
.navigation .alignleft { float: left; }
.navigation a:hover { color: #fff; text-decoration: none; background: #3e6e8d; }
.navigation .alignright { float: right; }

 .wp-pagenavi a { color:#d61919; }
 
 .wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color:#D61919;
}
	
.pagenav .floatleft a, .pagenav .floatright a {
font-style:italic;
font-size:26px;
color:#d61919;
}

.pagenav .floatleft a:hover, .pagenav .floatright a:hover {
color:#004276;
}
	
 	.nextpage {
	font-weight:bold;
	text-align:center;
	margin:10px 0;
	}
	
	.nextpage a {
	border:1px solid #BFBFBF;
	margin:2px;
	padding:3px 5px;
	text-decoration:none;
	}
	 
html { overflow-y: scroll; }

p { margin-bottom:15px; line-height:1.6;}
 
input { padding:5px; }

#searchsubmit { padding:4px;}

#ad468 { text-align:center; margin: 0 0 20px 0;}

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

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

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

body {
    text-align: center;
	background: #F2F2F2;
    font-family:Arial,serif;
	font-size: 12px;
    color: #252324;
    line-height:1.5;
}
 

#wrapper {
    margin: 0 auto;
	text-align: left;
    width: 960px;
}
#inner-wrapper {
    float: left;
    width: 100%;
    background:#fff;
    padding:0 10px;
    border-left:1px solid #E8E6E6;
    border-right:1px solid #E8E6E6;
}


#content {
	position:relative;
	float: left;
	margin-bottom: 24px;
	width: 100%;
	 border-top: 1px solid #333;
}
	 
	#main.fullwidth { width:960px;} 
		
/********************************************************************************************* 

3. Header  -------------------------  header.php

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

#header {
    float: left;
    width: 100%;
	position:relative;
}
#head-bar {
     border-bottom: 1px solid #aaaaaa;
    float: left;
    font-size: 10px;
    text-transform: uppercase;
    width: 100%;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
    #head-bar #date {
        float: left;
        line-height: 26px;
        width: 308px;
        text-align:right;
    }
     
    #head-bar #navigation {
        float: right;
		text-align:right;
		z-index:201;
    }
        #head-bar #navigation li {
            display: block;
            float: left;
         }
        #head-bar #navigation a {
             display: block;
            height: 27px;
            font-weight: bold;
            line-height: 27px;
            padding: 0 10px;
            text-decoration: none;
         }
 
        
        
	#header #inner {
    float: left;
     width: 100%;
 }
    #header #inner #logo {
        float: left;
		height: 99px;
    }
    #header #inner #logo a {
        position: relative;
        top: -22px;
       }
    #header #inner #head_banner {
        float: left;
        position: relative;
        padding:9px 0;
		font-size: 18px;
        line-height:1.4;
        width:468px;
    }
    
    #header #inner #head_banner img {
    padding:10px 0 0 5px;
    }
    
    #header #inner #head_banner .text img {
        position: absolute;
        left: 20px;
        top: -18px;
        z-index:200;
        padding:0;
    }
	
		#header #inner #head_banner .text {
		padding-left:180px;
		}
	
    
    #header #inner #right {
        float: right;
    }
    #header #search {
		height: 23px;
         width: 169px;
        margin-top: 14px;
        border:1px solid #C4C4C4;
		font-size:12px;
		line-height:15px;
		float:right;
		clear:both;
    }
    #header #search #s  {
        width: 136px;
         border: none;
        padding:1px 6px;
 		color:#4F4747;
		display:inline;
		float:left;
		font-size:12px;
		height:19px;
    }
    
    #header #search:hover{
		border:1px solid #333;
 		}
    
     #header #search #searchsubmit  {
 	text-indent:-9999em;
	background:url("images/search.png") no-repeat;
 	cursor:pointer;
	border:0 none;
	width:17px;
	margin-top:4px;
      }
 
    
    #header #social {
        width: 171px;
		margin-top: 7px;
		text-align: left;
		float: right;
		clear: both;
    }
	
	#social ul li a img {
		height: 22px;
	}
 
    #header #social li {
        margin:0 10px;
        display:inline;
        float:left;
      }
 
 		#social ul:after {
            content: ".";
            visibility: hidden;
            height: 0;
            display: block;
            clear: both;
        }
    
        #social ul li.button {
             position: relative;
        }
        
        #social ul li.button div.tooltip {
            position: absolute;
            top: -40px;
            left: -51px;
            white-space: nowrap;
            display: none;
            z-index: 999;
        }
        
            #social ul li.button div.tooltip:hover {
                cursor: pointer !important;
            }
        
            #social ul li.button div.tooltip span.center {
                font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
                font-size: 1.2em;
                background: url(images/tooltipC.png) top center no-repeat;
                display: block;
                padding: 0 10px;
                line-height: 30px;
                color: #FFF;
                font-weight: bold;
                height: 35px;
                text-shadow: 0 1px 1px #000;
            }
            
            #social ul li.button div.tooltip span.left,
            #social ul li.button div.tooltip span.right {
                width: 6px;
                height: 33px;
                display: block;
                position: absolute;
                top: 0;
            }
            
            #social ul li.button div.tooltip span.left {
                background: url(images/tooltipL.png) top left no-repeat;
                left: -6px;
            }
            
            #social ul li.button div.tooltip span.right {
                background: url(images/tooltipR.png) top right no-repeat;
                right: -6px;
            }
            
        
        #social ul li.button a {
            text-indent: -9999em;
            padding: 0 !important;
            width:32px;
            height:32px;
            display:block;
        }
        
	#breakingNews {
 	line-height: 40px;
    height: 40px;
    float: left;
    width: 100%;
    color:#6C6767;
    border-top: 1px solid #333;
    border-bottom: 4px solid #333;
 }
 
	#breakingNews span {
    color: #E71E1E;
    font-weight:bold;
    margin-right:15px;
    text-transform:uppercase;
 }

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

4. Main Navigation  -------------------------  header.php
   
   Dropdown menu can be styled from /css/ folder -> dropdown.css file

*********************************************************************************************/   
#menu {
        float: left;
		width:100%;
		border-top: 3px solid #181B1C;
		border-bottom: 3px solid #181B1C;
 		background:#F7F5F5;
 		position:relative;
		z-index:99;
 		}
        #menu li {
            display: block;
            float: left;
        }
        #menu a {
			padding: 0 36px 0 37px;
			display: block;
             text-decoration: none;
             font-size:14px;
            text-transform:uppercase;
           }

  

	.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:17px;
	position:absolute;
	right:10px;
	}
	
	
 #menu2 {
			width: 340px;
			background: #F7F5F5;
			position: absolute;
			z-index: 101;
			top: 166px;
			left: 214px;
			visibility:hidden;
 		}
        #menu2 li {
            display: block;
            float: left;
			width:340px;
        }
        #menu2 a {
			padding: 0 9px;
			display: block;
             text-decoration: none;
             font-size:14px;
            text-transform:uppercase;
           }


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

5. Featured Article, Home page  -------------------------  index.php

*********************************************************************************************/   
		
#content #featured {
    float: left;
    width: 100%;
    margin:0;
    padding-bottom:15px;
}
#content #featured a img {
	max-height:300px;	
}
     #content #featured h2 {
        text-align: center;
		font-size: 20px;
		margin-bottom: 10px;
		font-weight: normal;
		line-height: 1.2;
      }
     
     #content #featured div.date {
		float:right;
		text-align:right;
		color: #E73838;
		font-style:italic;
 		font-size: 16px;
		padding-top:15px;
    }
    #content #featured .thumb  {
		position:relative;
    }
		#content #featured .thumb span {
		color:#666;
		font-size:10px;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
		
    #featured .content {
		margin: 0 5px;
        float: left;
         width: 200px;
		line-height:1.4;
		border-top: 1px dotted #ddd;
		padding-top:10px;
     }
	 
	 #content #featured {
    float: left;
    width: 100%;
    margin:0;
    padding-bottom:15px;
}
#content #featured2 a img {
	max-height:300px;	
}
     #content #featured2 h2 {
        font-size: 39px;
		float: left;
		width: 87%;
		letter-spacing: -2.1px;
		margin-bottom: 10px;
		font-weight: normal;
		line-height: 1.2;
      }
     
     #content #featured2 div.date {
		float:right;
		text-align:right;
		color: #E73838;
		font-style:italic;
 		font-size: 16px;
		padding-top:15px;
    }
    #content #featured2 .thumb  {
		float: left;
		clear: both;
		width: 215px;
		margin: 5px 15px 10px 0;
    }
		#content #featured2 .thumb span {
		color:#666;
		font-size:10px;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
		
    #featured2 .content {
		float: left;
		width: 100%;
		line-height: 1.4;
		border-top: 1px dotted #ddd;
		padding-top: 10px;
     }
 
      
	.content .entry span {
        line-height:1.4;
        margin-bottom:15px;
        font-size:26px;
      }
 
	#featured .entry {
		font-size: 12px;
		margin-bottom: 5px;
		padding-bottom: 15px;
 	}
	
	#featured .entry p {
	line-height:1.5;
	text-align:justify;
	}
	
	#featured .entry .column {
		padding-right:10px;
	}
	
	#featured2 .entry {
		font-size: 18px;
		margin-bottom: 5px;
		padding-bottom: 15px;
		width: 400px;
		float: left;
 	}
	
	#featured2 .entry p {
	line-height:1.5;
	text-align:justify;
	}
	
	#featured2 .entry .column {
		padding-right:10px;
	}
	
	#featured2 .meta {
		width: 309px;
		float: right;
		clear: both;
		border-top: 1px dotted #ddd;
		padding-top: 3px;
		background: none;
		position: relative;
		right: 0;
		top: 0;
	}
	
	/*#featured .meta {
	width:309px;
	float:right;
	clear:both;
	border-top: 1px dotted #ddd;
	padding-top:3px;
	}*/
	
	#featured .nextActions {
	width:50%;
	}
	
	#featured .comments {
	float:right;
 	background:url(images/comments.png) no-repeat left 4px;
	padding-left:16px;
	margin:6px 5px 0 0;
	font-size:12px;
	}
 
	#featured .hidden { display: none; }
	
	#featured2 .nextActions {
	width:50%;
	}
	
	#featured2 .comments {
	float:right;
 	background:url(images/comments.png) no-repeat left 4px;
	padding-left:16px;
	margin:6px 5px 0 0;
	font-size:12px;
	}
 
	#featured2 .hidden { display: none; }
	
	#home_ad {
	text-align:center;
	margin:5px 0 15px 0;
	}
 
#main {
    float: left;
    width: 630px;
}

#bottomside {
    float: left;
    width: 100%;
    padding:15px 0 0 0;
    border-top:5px solid #333;
    margin-top:10px;
}
	
	#bottomside .widget {
	width:23%;
 	float:none;
	margin-right:18px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
 	zoom: 1;
	*display: inline;
	}
	
	#topside .widget {
	width:32%;
 	float:none;
	margin-right:10px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
 	zoom: 1;
	*display: inline;
	}

    #main .homecat {
        width: 100%;
        float: left;
        margin-bottom:25px;
		 
    }
    
    #main .red h4 { border-top:3px solid #CA0002; }
    #main .red h4 a {  background:#CA0002;}
    #main .red h4 a:hover { color:#fff; background:#D73333;}
    
   
    #main .grey h4 { border-top:3px solid #333; }
    #main .grey h4 a { background:#333;}
    #main .grey h4 a:hover { color:#fff; background:#4B4B4B; }
 
	.homecat h4 {
    border-top:3px solid #336699;
	margin-bottom:15px;
    text-transform:uppercase;
    font-weight:normal;
     font-size:18px;
    background:#F5F5F5;
    float:left;
    width:100%;
    }
    
    .homecat h4 a {
    background:#336699;
    color:#fff;
    float:left;
    padding:3px 10px;
    }
	
	.homecat h4 span {
	background: #336699;
	color: #fff;
	float: left;
	padding: 3px 10px;
	}
    
    .homecat h4 a:hover { background:#2F6998;}
    
    .homecat ul {
    display:inline;
    float:left;
    }
    
    .homecat ul li {
    width:185px;
    margin-right:25px;
	display:inline;
	float:left;
	line-height:1.5;
	}
	
	.homecat ul li p {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	
	.homecat ul li h3 {
	font-size:13px;
 	font-weight:bold;
	line-height:1.4;
	margin-bottom:8px;
	}
    
    .homecat ul.stories {
    float:left;
    clear:both;
    width:100%;
    display:block;
    margin:5px 0;
    border-top:1px dotted #ddd;
    padding:10px 0 7px;
    border-bottom:1px dotted #ddd;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     }
    
     .homecat ul.stories li {
     width:100%;
     list-style-type:square;
     display:list-item;
     list-style-position:inside;
	 margin:2px 0;
     }
     
    .homecat ul.stories li a {
		 font-size:12px;
		width:100%;
		clear:both;
     }
	 
	 .homecat ul.listArticles {
    float: left;
	clear: both;
	width: 100%;
	display: block;
	margin: 5px 0;
	border-top: 1px dotted #ddd;
	border: none;
	padding: 0px 0 7px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     }
    
     .homecat ul.listArticles li {
		 position:relative;
		margin: 2px 0 10px 0;
		width:100%;
		border-bottom: 1px dotted #ddd;
		list-style-type:none;
		display:list-item;
     }
     .homecat ul.listArticles li a {
		 padding-top: 17px;
		display: block;
		font-size: 12px;
		float:left;
     }
    .homecat ul.listArticles li span {
		height: 35px;
		display: block;
		font-size: 12px;
		float:right;
		width: 170px;
     }
    .homecat ul.listArticles li span#date{
		position: absolute;
		top: 0;
		left: 0;
		height: auto;
		display: block;
		font-size: 10px;
     }
	 .homecat ul.listArticles li span a {
		 text-align:center;
		background:url(images/boutton-art.gif) no-repeat right;
	 	height:17px;
		padding:9px 0;
		display: block;
		width: 170px;
	 }
     
	 .homecat ul.listArticles li span a:hover {
	 	background:url(images/boutton-art2.gif) no-repeat right;
	 }
	 
	.homecat .thumb  { 
     position:relative;
	 min-height: 120px;
     }
 
	.homecat .thumb  a img{ 
      z-index:100;
     }
     
    .meta {
		background:#000000;
		color:#fff;
		display:block;
		float:left;
		font-weight:700;
		top:95px;
		z-index:101;
 		padding:2px 0 4px 5px;
		opacity:0.8;
		text-transform:uppercase;
		font-size:10px;
		position:absolute;
		height:14px;
		width:180px;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
		
		.meta strong {
		float:right;
		margin-right:10px;
		background:url(images/comments.png) no-repeat left 3px;
		padding-left:15px;
		}
		
		a:hover .meta {
		opacity:0.4;
		}
		
 
    #main .widget {
		position:relative;
		float: left;
		width: 100%;
		margin: 0;    
	}
 

.rightCol {
    float: right;
    width: 310px;
}
.rightCol .section {
    float: left;
    width: 100%;
}
 
/********************************************************************************************* 

6. Top Side Block  -------------------------  index.php, archive.php, single.php, page.php

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

#topside  {
     float: left;
     width: 100%;
}

	 .widget .recent_news ul li {
		float: left;
		width: 100%;
		margin: 5px 0;
		padding:0 0 7px 0;
		border-bottom: 1px dotted #ddd;
		list-style-type:none;
	}
	 .widget .recent_news li img {
		float: left;
		margin:0 10px 0 0;
 	}
 
	 .widget .recent_news li a {
		font-size: 16px;
		font-weight: normal;
		line-height: 20px;
 	}
		
		.widget .recent_news li span {
		font-size:10px;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  		color:#BBB4B4;
   		}
		
	.widget .recent_news li p {
		margin-top: 4px;
		margin-bottom: 10px;
		line-height: 18px;
	}
	
	.widget .recent_comments li img {
	float:left;
	margin:0 10px 0 0;
	}
	
		.widget .recent_comments li {
		list-style-type:none;
		float:left;
		clear:both;
		display:block;
		width: 100%;
		margin: 5px 0;
		padding:0 0 7px 0;
		border-bottom: 1px dotted #ddd;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
		
		.widget .recent_comments li a {
		font-weight:bold;
		}
 
 	 .wpzoom_media .open .description {
		margin: 10px 0 5px;
		font-size: 12px;
		line-height: 16px;
	}
     .wpzoom_media .hidden {
        display: none;
    }
	 .wpzoom_media li {
		background: url("images/video.gif") no-repeat 0 50%;
		border-bottom: 1px dotted #ddd;
        list-style-type: none;
		font-size: 14px;
		padding: 8px 0;
		line-height: 20px;
		padding-left: 20px;
 	}
	
		 .wpzoom_media li a.active {
		font-weight:bold;
		}
 	
	 .tabs-out {
	float:left;
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	width:300px;
	}
	
	 .tabs-out .tabs {
		height: 25px;
		border-bottom: 1px solid #e4e4e4;
	}
	 .tabs-out .tabs li {
		float: left;
		text-indent: 0;
		list-style-type:none;
	 }
	 .tabs-out .tabs li a {
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
		padding: 5px 6px;
		float:left;
		line-height:1.5;
	}
	 .tabs-out .tabs .current, 
	 .tabs-out .tabs .current, 
	 .tabs-out .tabs li.current a {
		border: 1px solid #e4e4e4;
		border-bottom: 0;
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		color:#CA0002;
		background:#fff;
	}
	 .tabs-out .panes {
		margin-bottom: 10px;
		background:#fff;
		clear:both;
		border-right:1px solid #e8e8e8;
		border-bottom:1px solid #e8e8e8;
		border-left:1px solid #e8e8e8;
 	}
 	
 	#bottomside .tabs-out {
 	width:222px;
 	display:inline-block;
 	float:none;
 	margin-right:18px;
 	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
 	zoom: 1;
	*display: inline;
 	}
	
    .tabs-out .panes ol li {
   list-style-type:decimal;
   list-style-position:inside;
   font-size:18px;
	border-bottom: 1px dotted #ddd;
 	padding: 5px 8px;
	color:#C4C4C4;
	font-weight:bold;
	}
	
	.tabs-out .panes ol li:last-child {
	border-bottom:none;
	}
	
	 .tabs-out .panes ol li span {
	font-size:10px;
	text-transform:uppercase;
	}
	
	 .tabs-out .panes ol li a {
	 font-size:12px;
	 vertical-align:middle;
	 }
/********************************************************************************************* 

6. Posts Styling  -------------------------  index.php, archive.php, single.php, page.php

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

.breadcrumbs {
float:left;
width:96%;
background:#F5F5F5;
margin:0 0 5px;
padding:5px 10px;
font-weight:bold;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:12px;
border:1px solid #C1C1C1;
}

.post { 
float:left;
width:100%;
margin:10px 0;
overflow:hidden;
}

.post h1 a {
 	font-weight:normal;
	font-size:33px;
	line-height:1.2;
	margin-bottom:7px;
	}
	
	.post h2 a {
	font-weight:normal;
	font-size:33px;
	line-height:1.2;
	margin-bottom:7px;
	}
	
	.post .meta {
	border-bottom:1px dotted #ddd;
	padding:0 0 7px 0;
	margin:4px 0 10px 0;
	font-size:10px;
  	color:#A2A2A2;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	float:left;
	width:100%;
	background: none;
	position: relative;
	top: 0;
	left: 0;
	}
 
 	.post .meta .date {
	background:url(images/date.png) no-repeat 0 -3px;
	padding-left:16px;
	margin-right:20px;
 	}
 	
 	.post .meta .comments a {
  	background:url(images/comments.png) no-repeat 0 2px;
	padding-left:16px;
	color:#A2A2A2;
  	}
  	
  	.post .meta .comments a:hover {
  	color:#333;
  	}
  	
  	.post .meta .views {
  	float:right;
  	width:70px;
   	}
	
	.post .entry {
	line-height:1.7;
	font-size:13px;
	clear:left;
  	}
  	
  	.post .entry a {
  	border-bottom:1px solid #ccc;
  	}
  	
  	.post .entry a img {
  	text-decoration: none;
	border: 0 none;

  	}
	
   	
  	.sticky h2 a {
 	background:url(images/sticky.png) no-repeat 0 5px;
 	padding-left:20px;
  	}
 
 
 	.post .entry .thumb img {
 	float:left;
 	margin:3px 10px 5px 0;
 	font-size:0;
 	}
 	
 	.post .entry ul {
	margin:0 0 20px;
	padding:0 0 0 30px;
	}

	.post .entry ul li {
	list-style-type:square;
	}

	.post .entry ol {
	margin:0 0 20px;
	padding:0 0 0 30px;
	}

	.post .entry ol li {
	list-style-type:decimal;
	}
  
 	.post blockquote {
 	border-left:3px solid #CCCCCC;
	color:#777777;
 	font-size:14px;
	font-style:italic;
	line-height:1.8em;
	margin:10px 20px 10px 30px;
	padding-left:10px;
	}

	blockquote, q {
	quotes:none;
	}

	.post .alignleft {
	float:left;
	margin:10px 15px 10px 0;
	}
	 
	.post .alignright {
	float:right;
	margin:10px 0px 10px 15px;
	}
	
	.post .entry h2 {
 	float:none;
 	width:auto;
 	}
 	
 	.post .entry img {
 	max-width:960px;
 	} 
  	
 	.post span.tag-links {
 	float:left;
  	margin:0 5px 5px 5px;
  	}
 	
 	.post .tag-links a {
 	background:#285C9A;
 	color:#fff;
 	font-size:10px;
 	padding:1px 6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	border:none;
	float:left;
	margin:3px 3px 3px 0;
	font-style:normal;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  	}
 	
 	.post .tag-links a:hover {
 	text-decoration:none;
  	background:#d61919;
  	}
 	
	.post a.post-edit-link {
  	font-weight:bold;
  	margin-left:20px;
 	}
 	

	.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; }
	 
	.attachment { margin: 1em 0 }

 	.wp-caption-text, .gallery-caption {
  	color:#999;
 	text-align:center;
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size:11px;
 	}
 	
 	
 	.post .col_arch {
 	float:left;
 	width:100%;
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	margin:10px 0;
	border-top:1px solid #ccc;
	padding-top:15px;
 	}
 	
		.post .col_arch .left {
		float:left;
		text-transform:uppercase;
		width:200px;
		 	font-weight:bold;
		}
		
		.post .col_arch .right {
		float:left;
		width:420px;
		margin-left:10px;
		}
		
			.post .col_arch .right ul li {
			width:30%;
			float:left;
			margin:0 10px 5px 0;
			}
			
	.archive {
	float:left;
	width:100%;
	margin:5px 0 10px 0;
	border-bottom:1px dotted #ddd;
	padding:5px 0 8px 0;
	}
	
	.archive .date {
	color:#ADADAD;
	text-transform:uppercase;
  	margin:9px 0 5px 0;
  	display:block;
	}
	
	.archive h2 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:18px;
	}
	
			
 	.archive img {
 	float:left;
 	padding:3px;
 	border:1px dotted #ddd;
 	margin:0 10px 10px 0;
 	width:70px;
 	}
 	
 	h3.catname {
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	margin:8px 0;
 	text-transform:uppercase;
 	padding-bottom:7px;
 	border-bottom:1px dotted #ddd;
 	}
 	
 	h3.catname img {
 	float:right;
 	display:block;
 	}
 	
 	
.meta_box {
float:right;
background:#F5F5F5;
border:1px solid #E7E3E3;
width:118px;
margin:4px 0 10px 10px;
}


.meta_box h4 {
font-size:14px;
 font-style:italic;
color:#595d67;
font-weight:normal;
padding:5px;
}

.meta_box ul {
margin:5px 0 0 0;
padding:0 8px 0 0;
float:left;
}

.meta_box .hr {
float:left;
height:1px;
background:#fff;
border-top:1px solid #ccc;
clear:both;
width:100%;
margin:10px 0;
}

.meta_box li {
float:left;
width:100%;
font-size:10px;
text-transform:uppercase;
font-weight:bold;
padding:5px 0 5px 8px;
color:#595d67;
}

.meta_box li img {
padding:0 5px 0 0;
vertical-align:middle;
float:none;
}


.meta_box ul li a {
color:#595d67;
text-decoration:none;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:bold;
font-size:10px;
font-style:normal;

}

.meta_box ul li a:hover {
color:#333;
}

.meta_box span {
font-size:12px;
margin:5px 5px 5px 5px;
color:#595d67;
clear:both;
}

.meta_box img {
 padding:0 7px;
 }

.meta_box .avatar {
margin-bottom:5px;
}

.meta_box strong a {
font-size:16px;
 color:#595d67;
display:block;
font-weight:normal;
padding:0 0 4px 7px;
}

.meta_box  a {
 color:#595d67;
font-weight:normal;
font-size:12px;
font-style:italic;
}

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

6. Other News Slider  -------------------------  index.php, archive.php, single.php, page.php

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

 #departments {
    float: left;
    width: 960px;
    border-top: 5px solid #333;
    margin: 10px 0;
}
    #departments .items-out {
        width: 960px;
        position: relative;
        overflow: hidden;
         border-top: 1px dotted #ddd;
        
    }
    #departments .items {
        position: absolute;
        width:20000em;
        clear:both;
    }
 
    #departments h4 {
        float: left;
        font-size: 22px;
         font-weight:normal;
        padding: 6px 0 6px 0;
         
         }
    #departments .more {
         text-transform: uppercase;
        font-size: 10px;
        margin:13px 10px 0 0;
        float: right;
        
    }
 
    #departments ul li {
         padding: 0 10px 0 3px;
        float: left;
        width: 180px;
        display: block;
     }
 
    #departments .item .category {
        text-transform: uppercase;
        margin: 16px 0 8px 0;
        font-weight:bold;
        float:left;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    
    #departments .item .category a {
    background:#336699;
    color:#fff;
    padding:3px 5px;
    font-size:10px;
    line-height:2.2
    }
    
	#departments .item .category a:hover {
	background:#CA0002;
	}
	
	#departments .item:hover .category a {
	background:#CA0002;
	}
     
    #departments .item h3 {
        font-size: 14px;
        font-weight: bold;
        margin: 5px 0;
     }
    #departments .item p {
        line-height: 1.6;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    #departments .item a.more {
        margin: 0 0 4px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight:bold;
        float:left;
     }
    #departments .nav {
        width: 100%;
        float: left;
        border-top: 1px dotted #ddd;
    }
    #departments .nav a {
        background: #eeeeee;
        display: block;
        text-transform: uppercase;
        padding: 4px 10px;
    }
    #departments .nav a.prev {
        float: left;
    }
    #departments .nav a.next {
        float: right;
    }

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

7. Comments  -------------------------  comments.php

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

#comments { float: left; width: 100%; background: #F8F8F8; margin-top:10px; }
	#comments h3 { color: #262525; font-weight: normal; background: #E3E3E3; border-top: 4px solid #354554; border-bottom:1px dotted #354554; padding: 8px 10px; font-size:16px; text-transform:uppercase; }
.comment-input-text textarea { width: 80%; }
.comment-list { margin: 0; padding: 15px 0 0; }
	.comment-list li { list-style: none; }
		.comment-list li .commbody { border-bottom: 1px dotted #BBBABA; padding: 16px 0; }
	.comment-list ul { margin-bottom: 0; }
		.comment-list ul.children .commbody { padding: 15px 0 10px 15px; }
.comment-author img { float: left; margin: 0 12px 12px 0; }
.comment-author cite.fn a { font-size: 17px; color: #484040; }
.comment-author cite.fn a:hover { color: #000; }
.comment-profile-wrapper { text-align: center; width: 105px; }
span.says { display: none; }
.comment-meta { float: left; margin-top: 4px; }
.commleft { float: left; width: 215px; padding-left: 15px; }
.commentmetadata a { color: #8b8b8b; font-style:italic; font-size: 11px; }
	.commentmetadata a:hover { color: #484040; text-decoration: none; }
.comment-gravatar { margin-bottom: 3px; }
.comment-content-wrapper { float: right; width: 538px; }
.comment-parent, .comment-single { margin-top: 15px; }
.comment-list ul.children, #comments #respond ul { border-left: 1px dotted #BBBABA; margin: 0 0 10px 47px; }
.comment-list ul.children ul.children { margin-left: 40px; }
.comment-list ul.children li { background: url('images/dot.png') no-repeat left 20px; margin: 0; }
.comment-body { padding: 8px 12px 0; margin: 0; position: relative; }
.comment-list li div p { margin-bottom: 0.8em; padding-right: 15px; color: #4F5051; font-size: 12px; margin-left: 229px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.comment .post-date { margin-top: 0; }
	.comment .post-date .right a { color: #BBB; }
		.comment .post-date .right a:hover { color: #234; }
.reply { float: right; clear: both; margin-right: 15px; }
.cancel-comment-reply { margin: 15px 0 0 40px; }
.reply a, .cancel-comment-reply a { text-transform:uppercase; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background: #285C9A; color: #fff; font-size: 10px; padding: 2px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none; margin-right: 3px; }
.reply a:hover, .cancel-comment-reply a:hover { text-decoration: none; color: #fff; background: #d61919;}
#respond li { list-style: none; }
#respond ul { margin: 0; }
#respond .legend { margin-bottom: 10px; }
#respond #commentform { padding: 15px; }
#comments #respond { padding: 0; float: left; width: 100%; }
	#comments #respond .legend { margin-bottom: 0; border-bottom: 0; }
	#comments #respond ul { padding: 10px 0 0 15px; background: url('images/dot.png') no-repeat left top; }
#comments ul.children #respond ul { margin-left: 30px; padding: 0; }
#comments #respond .comment-profile-wrapper, #comments #respond .comment-arrow { display: none; }
#comments #respond .comment-body { background: #FFF; }
#comments #respond .comment-content-wrapper { width: 100%; float: none; }
#respond input { margin-right: 10px; }
#respond #formContent input { margin: 7px 0; }
#respond #formContent textarea { width: 80%; }
.comment-list li #respond p { margin-left: 0; }
.comment-list li #respond h3 { padding: 8px 0; }
.comment-list li #commentform { margin-left: 25px }
#trackbacks { float: left; width: 100%; }
	#trackbacks ol { padding: 10px 0; }
	#trackbacks li { list-style-type: decimal; padding: 5px 0 5px 15px; }


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

8. Sidebar & Widgets -------------------------  sidebar.php

*********************************************************************************************/   
  	
#sidebar {
width:300px;
float:right;
background:#f2f2f2;
padding:10px 10px 0;
}		

.widget { float: left; line-height: 1.7; margin-bottom: 10px; width: 100%; }

#sidebar .widget { width:278px; }
#sidebar .widget { clear:both; background:#fff;  border-width:1px; border-style: solid; border-color:#f2f2f2 #e8e8e8 #e8e8e8 #e8e8e8; padding:10px;}

#sidebar #ads { margin-bottom:10px; float:left; clear:both; }
#sidebar .widget h3 { border-bottom:2px solid #f2f2f2; color:#BB0101; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom:7px; font-size:14px; font-weight:bold; text-transform:uppercase; }
 .widget ul { clear: both; margin: 5px 0; line-height: 1.7; }
.widget ul li { list-style-type: square; padding-left: 5px; }
.widget ul ul { margin: 0; padding: 0; border-top: none; }
.widget ul ul li { border: none; }

.widget #cat, .widget select { width: 100%; background: #F7F7F7; border: 1px solid #cdcfd4; color: #333333; display: inline; padding: 5px; line-height: 1.5; clear: both; float: left; font-family: Georgia, serif; }

ul.gallery img { border: 2px solid #D3DDE5; width: 57px; height: 57px; float: left; }
ul.gallery img:hover { border: 2px solid #0C2B41; }
ul.gallery a { border: none; }
ul.gallery a:hover, ul.gallery li:hover, ul.gallery li a:hover, #ads li:hover { border: none; }
ul.gallery { float:left; display: block; list-style-type: none; margin: 5px 0 5px; }
.widget ul.gallery li { border: none; padding: 0 8px 11px 0; float: left; list-style-type: none; list-style-position: outside; }

.widget_recent_comments li, #twitter li { padding: 6px 0; line-height: 18px; border-bottom: 1px solid #eee; }
/* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
.widget_recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px !important; }
/* RESET <A> STYLING FOR RECENT COMMENT & TWITTER */
.widget_tag_cloud div a {  font-weight: normal; font-style:italic;}

 
.widget .social li { display: inline; width: 47%; float: left; background: url(images/dot.png) repeat-x bottom; padding: 10px 0; margin-right: 7px; line-height: 1.2; }
.widget .social li a { font-size: 16px; }
.widget .social li a span { color: #242323; font-size: 12px; display: block; font-style: italic; }
.widget .social img { float: left; margin-right: 7px; }

	#bottomside .widget .social li, #topside .widget .social li {width:100%; }
 

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

9. Footer  -------------------------  footer.php

*********************************************************************************************/   
  
  #footer-wrap {
width:98%;
float:left;
clear:both;
background: #f2f2f2;
color: black;
padding:10px;
}
#footer {
	padding: 15px 0;
	font-size: 16px;
	border-width: 1px;
	border-style: solid;
	border-color: #f2f2f2 #e8e8e8 #e8e8e8 #e8e8e8;
	background: #b5b5b5;
	margin: 0 auto;
	width: 938px;
	height:170px;
	text-align: left;
}
#footer .logo {
    float: left;
}
 
input { padding:5px; }

#searchsubmit { padding:4px;}


 		#footer #left {
		float:left;
		width:170px;
		font-size:12px;
		padding:10px 20px 50px 10px;
 		}
		
		#footer #left ul {
		float:left;
		clear:both;
		margin:10px 0 0 10px;
		text-align:left;
		width:100%;
		}
		
		#footer a {
		color:black;
		}
		
		#footer a:hover {
		color:#222222;
		}
		
		
		#footer_search {
 		margin:10px 0 0 0;
		height:73px;
		float:left;
 		color:#fff;
 		clear:both;
 		width:100%;
 		border-bottom:1px solid #000;
		}
		
		#footer #searchform {
		margin-top:5px;
		}
		
		#footer_search #s {
		border:1px solid #000;
		background:url(images/s.jpg) repeat-x;
		height:22px;
		float:left;
		width:366px;
		}
		
		#footer_search input#s:focus{
		border:1px solid #D61919;
		background:#fff;
		}
		
		
		#footer_search #searchsubmit {
		border:1px solid #000;
		background:url(images/sb.jpg) repeat-x;
		height:34px;
		color:#fff;
 		float:left;
		padding:0 10px;
		text-transform:uppercase;
		}
		
		
		#footer #footer_right {
		float:left;
		width:760px;
 		padding:15px 0 0 0;
		}
		
		#footer #footer_right strong {
		font-weight:normal;
 		text-transform:uppercase;
		font-size:13px;
		width:100%;
		clear:both;
		}
		
		#footer #footer_right ul {
		margin:5px 0 10px 0;
		float:left;
		clear:both;
		width:100%;
		}
		
		#footer #footer_right ul li { 
		display:inline;
		padding-right:15px;
		text-transform:uppercase;
		}
		
		
 
		
		#footer .copyright { float:left; width:75%; border-top:1px solid #333; padding-top:10px; color:#818181; font-size:11px; font-family:Arial; font-weight:bold;}
		
		#footer .copyright a { color:#D22C2C; }
		
		#footer .copyright a:hover { color:#fff;  text-decoration:none; }
		
		#footer .designed {float:right; text-align:right; width:25%; font-style:italic; border-top:1px solid #333; padding-top:10px;}
		
		#footer .designed img {
		vertical-align:middle;
		padding:5px 0 5px 2px;
		}


.wpcolumn-clearfix {
    clear: both;
}
.wpcolumn-wrapper-3 .wpcolumn {
    float: left;
    margin: 10px 4% 15px 0;
    width: 46%;
}
.wpcolumn-wrapper-3 .wpcolumn-last {
    margin-right: 0;
}
.wpcolumn-wrapper-3 .wpcolumn-1 {
    color:#888888;
    font-family:'Lucida Grande',Verdana,Arial,sans-serif;
    font-size:16px;
    float: none;
    width: auto;
}

.titleHeader {
	border-bottom: 2px solid #f2f2f2;
	color: #BB0101;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom: 4px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.footerColumns{
	position:relative;
	float:left;
	margin:0 8px;
	width:170px;
	height:120px;
}

#socialNet {
	left: 0;
	bottom: 0;
	position: absolute;
}

#socialNet li {
	margin: 0 5px;
	display: inline;
	float: left;
}

#wpstats {
	position: absolute;
	bottom: 109px;
	left: 55px;
	visibility:hidden;
}

#bouton_abo {
	font-size: 15px;
	text-align: center;
	position: absolute;
	top: 8px;
	left: 400px;
}

#bouton_abo a {
	display: block;
	height: 70px;
	width: 150px;
	padding: 5px;
	background: url("images/abonnement.png") no-repeat;
}

#bouton_abo a:hover {
	background: url("images/abonnement2.png") no-repeat;
}

#datepicker {
	position:relative;
	z-index:100;
	font-weight: bold;
	font-size: 18px;
	width: 130px;
	color: #004276;
	background: url("images/calendar.png") no-repeat 106px 50%;
}