/*  
Theme Name: Nerdstar
Theme URI: http://www.nerdstar.fr
Description: Sono Mag Djs and Beatmakers
Version: 1.0
Author: Clˇment Garcia
Author URI: http://www.nerdstar.fr

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/


/* HTML Elements */
* {
	margin:0;
	padding:0;
	}

body {
	
	font: 100% Arial, Helvetica;
	background: #FFF ;
	background-position: top; 
	color: #555555;
	}

p {	
	margin: 15px 0;
	}

a:link, a:visited {
	color: #000000;
	text-decoration:none
	}



a img {
	border:0;
	}

code {
	font: 1.0em 'Courier New', Courier, Fixed;
	background:#ececec;
	}	

acronym, abbr, span.caps {	
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
	}			

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	padding: 10px 10px 0 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #eee;
	font:1.0em Arial;
	line-height:1.5em;
	margin:10px 0px;
	}

select {
	width: 130px;
	}	
/*========= Home page - Ajax newsletter =========*/

#subscribe-options {
	float: left;
	width:170px;
	border-top: 5px solid #cccccc;
	padding:0px 0px 10px 0px;
	font-family: Verdana, sans-serif;
	color:#fff;
	background-color: #fff;
	}


#subscribe-options a {
	color:#000;
}

#tittle-subscribe-options {
	float: left;
	font-family:arial, sans-serif;
	text-transform: uppercase;
	font-size: 14px; 
	font-style: none; 
	font-weight: bold; 
	color:#fff;
	letter-spacing: -1px; 
	margin-bottom:3px;
	margin-left:10px;
}

#ajaxNewsletter, .newsletterContainer {
	
	/* newsletter container */
}

#newsletterFormDiv {
}

/* newsletter form elements*/


.newsletterTextInput{ 
	width:112px; 
	height:15px;
	padding: 2px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:0;
	font-size: 10px; 
	border: 1px solid #e7e7e7;
	
	color: #505050;
	}

.newsletterContainer{ 
	width:300px; 
	font-size: 10px; 	color: #000; 
	}

.success {
	background: transparent;
	width: 170px;
	color: #8e8e8e;
	border: 0px ;
}

.error {
	background: transparent;
	width: 170px;
	color: #8e8e8e;
	border: 0px ;
}

.error, .success {
	margin: 1px 0px;
	width: 170px;
	color: #8e8e8e;
	padding: 2px;
}

#bouton-newsletter {
	 display: inline;
	width:70px; 
	
}


/* Structure */


#head {
	width:990px;
	height: 135px;
	margin:0px auto;
	margin-top:0px;
	padding:0;
	font-size:0.7em;
	}


#page {
	width:990px;
	margin:0px auto;
	padding:0px;
	background:#cccccc;
	font-size:0.7em;
	}

.left, .alignleft {
	float:left;
	}

.right, .alignright {
	float:right;
	padding-top: 0px;
	
	}



/* Navigation Bar*/

#navigation-bar{
	border: 1px solid #000;
	width: 990px;
	height: 27px;
	margin: 0 auto;
	}

#navi{
	position: absolute;
	margin-top: 0px;
	padding-left: 0px;
	width: 990px;
	height: 27px;
	background:#464646;
    font-size:12px;
    text-transform: uppercase;
}

#navi, #navi ul {
	list-style: none;
	line-height: 1;
}

#navi a, #navi a:hover {
	display: block;
	margin-top:1px;
	height: 14px;
	text-decoration: none;
	border:none;
	
}

#navi a:hover {
	
}

#navi li {
	float: left;
	padding-top: 0px;
	list-style:none;
	border-right:1px solid #555555;
}

#navi a, #navi a:visited {
	display:block; 
	font-weight:bold;
	color: #f5f5f4;
	padding:6px 12px;
}

#navi a:hover, #navi a:active, .current_page_item	a, #home .on {
	background:#000;
	text-decoration:none
}	

#navi li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 174px;
	margin-left: -40px;}

#navi li li {
	width: 172px;
	background: #000;
}

#navi li li a, #navi li li a:visited {
	font-weight:normal;
	font-size:0.9em;
	color:#FFF;
}

#navi li li a:hover, #navi li li a:active {
	background:#464646;
}	

#navi li:hover ul, #navi li li:hover ul, #navi li li li:hover ul, #navi li.sfhover ul, #navi li li.sfhover ul, #navi li li li.sfhover ul {
	left: auto;
}

a.main:hover
{
    background:none;
}


#navbar {
	margin:0 auto;
	margin-top:5px;
	padding: 0px 10px; max-height: 34px;
	text-transform:uppercase;
	background:transparent url(images/navbar.pn);
	}

	#navbar-index {
	margin:0 auto; position: left;
	margin-top:5px;
	padding: 0px 10px; max-height: 24px; width: 900px;
	text-transform:uppercase;
	background:transparent url(images/navbar.png);
	}


	
#page-bar {
	width:990px;
	height:23px;
	}

#page-bar ul {
	list-style: none;
	}

#page-bar li {
	float:left;
	list-style:none;
	cursor: pointer;
	display:block;
	height:23px;
	border-right:1px solid #3b3b3b;
	}

#page-bar li:hover {
	background: #333333 url(images/bouton_appui.png) repeat;
	height:23px;
	}


#page-bar a, #page-bar a:visited {
	margin: -4px;
	padding:10px 16px;
	font-weight:normal;
	color:#FFF ;
	display:block;
	}

#page-bar a:hover {
	text-decoration:none;
	display:block;
	}

#searchform {
	width:194px;
	float:right;
	text-align:right;
	padding-top:2px;
	margin-right:10px;
	}

/* Dropdown Menus */		
#page-bar li { 
	float: left; 
	margin: 0px;
	padding: 0px;
	}
	
#page-bar li li { 
	float: left; 
	margin-top: 0px;
	padding-top: 0px;
	width: 100%;
	text-transform:none;
	}
	
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
	background: #2B2B2B; 
	width: 122px;
	float: none;
	margin-top: 23px;
	padding: 5px 10px 5px 18px;
	border-top: 1px solid #C0C0C0;
	}
	
#page-bar li li a:hover, #page-bar li li a:active {
	background: #666666; 
	padding: 5px 10px 5px 18px;
	}

#page-bar li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#page-bar li:hover ul {
	left: auto;
	display: block;
	}
	
#page-bar li:hover ul, #page-bar li.sfhover ul {
	left: auto;
	}


/* Text*/

h1 {
	font:3.5em Arial;
	font-weight:bold;
	text-transform: uppercase;
	letter-spacing:-0.08em;
	}

h2 {
	font:2.3em Georgia, "Times New Roman"; 
	}

h3 {
	font:1.3em Arial;
	margin-bottom:3px;
	color:#d30606;
	font-weight:bold;
	}

h4 {
	font:1.0em Arial;
	}

h3.cat_title, h3.cat_title a {
	color:#d30606;
	letter-spacing:-0.12em;text-transform: uppercase;
	font-size:0.75em; font-weight: bold;
	}

h3.cat_date, h3.cat_date a {
	color:#999999; display: block;
	letter-spacing:-0.11em;text-transform: uppercase;
	font-size:1.0em; font-weight: bold;
	}

h3.cat_date-bottom, h3.cat_date-bottom a {
	color:#999999; display: block;
	margin-left: 240px;
	margin-top: -10px;
	letter-spacing:-0.11em;text-transform: uppercase;
	font-size:1.0em; font-weight: bold;
	}
		
h3#respond {
	margin-top:0px;
	padding-top:20px;
	}

h3#comments {
	margin-top:32px;
	padding-left:0px;
	}

h3.authors {
	margin-top:15px;
	}

/* Index Page*/

#logo {
	width:262px;
	height:100px; 
	}

#tagline {
	margin-top:-50px; 
	padding-left:10px
	font-size:0.0em;
	color: transparent;
	}

#top {
	padding:0 0 5px 0;
	width: 990px;
	max-height: 320px; 
	vertical-align: top; 
	margin:0; padding: 0;
	}

#lecteur-video{
	background-color; #ffffff; 
	border: 10px solid #ffffff; 
	margin-bottom: 10px ;
	}
	
#text-front{
	position: absolute; 
	float: right; 
	font-family: arial, trebuchet MS;
	padding-top: 280px;
	padding-left: 30px;
	padding-right: 50px;
	padding-bottom: 30px;
	font-size: 45px;
	background-image: url(images-entete/fond-noir.png);
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing:-0.05em;
	font-weight:bold;
	font-style: bold;
	text-decoration: none;
	}

#text-front-2{
	position: absolute; 
	float: right; 
	font-family: arial, trebuchet MS;
	padding-top: 265px;
	padding-left: 30px;
	padding-right: 50px;
	padding-bottom: 30px;
	font-size: 15px;
	color: #e20505;
	text-transform: uppercase;
	letter-spacing:-0.05em;
	font-weight:bold;
	font-style: bold;
	}

/* Ad 990x200*/
	
#middle {
	width: 990px; 
	background:#fff;
	float:right;
	padding:0px;
	margin:0px 0;
	}

.category {
	width:120px; height: 84px;
	float:left;
	border-top:8px solid #333;
	margin:0px;
	padding:5px 10px 10px 10px;
	background:#ffffff url(images/bouton_middle.png) repeat;
	}

.category p {
	margin:0;
	}

.category span.cat_title, #front-popular h3, #front-list .cat_title, #front-list2 .cat_title, #archive .cat_title {
	text-transform:lowercase;
	margin:0;
	font-weight:bold;
	font-size:1.5em;
	letter-spacing:-0.05em;
	}

.category a {
	color:#333;
	display:block;
	background:none;
	}

.category a:hover {
	background:none;
	color:#fff;
	text-decoration:none;
	}
	
#front-popular h3 {
	color:#fff;
	}


#bottom {
	width: 990px;
	}

#front-list {
	width:470px; 
	background:#fff;
	padding:10px;
	font-size:1.00em;
	line-height:1.75em;
	float:left; 
	}

#front-list2 {
	width:970px; 
	background:#fff;
	padding:10px;
	font-size:1.00em;
	line-height:1.75em;
	float:left; 
	}
	
#top-line-header {
	clear: both;
	height: 1%;
	width:970px;  
	background:#e6e6e6;
	padding:10px 10px 5px 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed  #fff;
	font-size:1.0em;
	line-height:1.75em;
	float:left; 
	}
	
#barre2 {
	display:block;
	width: 990px;
	padding-bottom:0px;
	margin-left: -10px;
	border-bottom:5px solid #fff;
	}
		
#top-line-header .title {
	font-weight:bold; 
	margin-left: 240px;
	font:1.5em helvetica; 
	font-weight: bold; 
	letter-spacing:-0.09em;
	}

#top-line-header .content {
	margin-left: 240px; 
	margin-bottom: 10px;
	}

#top-line-header .clearfloat  {
	width:470px; 
	display: inline-block;
	vertical-align: top;
	}

#top-line-header .spoiler  {
	display:block; 
	padding-bottom: 10px;
	}

#top-line-header p {
	margin:0px;
	padding:0px;
	}

#archive {
	padding-top:15px;
	font-size:1.05em;
	line-height:1.75em;
	}

#front-list blockquote {
	padding: 0px 10px 0 10px;
	}

#front-list .breadcrumbs, #front-list  .breadcrumbs a {
	color:#d30606;
	letter-spacing:-0.12em;
	text-transform: uppercase;
	font-size:1.05em; font-weight: bold;
	}

#front-list .title, #archive .title {
	font-weight:bold;
	font:2.5em helvetica; ; font-weight: bold; 
	letter-spacing:-0.09em;
	}

#front-list .clearfloat, #archive .clearfloat {
	}

#front-list .spoiler, #archive .spoiler {
	display:block;
	margin-top:3px;
	margin-bottom:5px;
	}

#front-list blockquote {
	padding: 0px 10px 0 10px;
	}



#front-list2 .breadcrumbs, #front-list2  .breadcrumbs a {
	color:#d30606;
	letter-spacing:-0.12em;
	text-transform: uppercase;
	font-size:1.05em; font-weight: bold;
	}

#front-list2 .title, #archive .title {
	font-weight:bold;
	font:2.5em helvetica; ; font-weight: bold; 
	letter-spacing:-0.09em;
	}

#front-list2 .clearfloat, #archive .clearfloat {
	}

#front-list2 .spoiler, #archive .spoiler {
	display:block;
	margin-top:3px;
	}

#block-lire-la-suite{
	display:block;
	float: left;
	width: 470px;
	height: 20px;
	padding-bottom: 5px;
	margin-top: -20px;
	}

#block-lire-la-suite-achives{
	display: inline-block;
	
	width: 470px;
	height: 20px;
	margin-top: 15px;
	
	}

	
#lire-la-suite {
	margin-top:7px;
	margin-bottom: -5px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing:-0.08em;
	vertical-align: bottom;
	float: right;
	
	}

#lire-la-suite-img {
	float: right;
	margin-right: -10px;
	margin-bottom: -5px;
	}
	
#lire-la-suite a:hover {
	text-decoration: none;
	}

#barre {
	display:block;
	width: 490px;
	padding-bottom:10px;
	border-bottom:5px solid #cccccc;
	margin-bottom:10px;
	margin-left: -10px;
	}	

	
#front-list p, #archive p {
	margin:0px;
	padding:0px;
	}

#front-list2 p, #archive p {
	margin:0px;
	padding:0px;
	}
	
.author {
	font-size:0.8em;
	font-weight:bold;
	}

.meta {
	font-size:0.8em;
	color:#333;
	}

.meta a {
	color:#333;
	}

#headline p, #featured p {
	margin:0;
	}


/* Content Page*/

#content {
	width:470px;
	background:#fff;
	padding:10px;
	font-size:1.05em;
	line-height:1.75em;
	float:left;
	min-height:400px;
	}



#content h2.title {
	font:2.2em arial;text-transform: uppercase;
	font-weight:bold;
	letter-spacing:-0.05em;
	border-bottom:1px solid #ddd;
	border-top:3px solid #ddd;
	padding:5px 0px;
	}

	
#content2 {
	width:920px;
	background:#fff;
	padding:10px;
	font-size:1.05em;
	line-height:1.75em;
	float:left;
	min-height:400px;
	}

#content2 .breadcrumbs, #content .breadcrumbs a {
	font-weight:bold;
	color:#333;
	}

#content2 h2.title {
	font:2.2em arial; text-transform: uppercase;
	font-weight:bold;
	letter-spacing:-0.05em;
	border-bottom:1px solid #ddd;
	border-top:3px solid #ddd;
	padding:5px 0px;
	}

	
.post {
	font-size:1.05em;
	line-height:1.75em;
	}

.post p {
	margin-top:0px;
	}

.post .clearfloat {
	border-bottom:1px dotted #ccc;
	margin:10px 0px;
	}

.post ul, .post ol {
	margin-bottom:15px;
	}

.post ul li {	
	list-style:square;
	margin-left:30px;
	}

.post ol li {	
	list-style:decimal;
	margin-left:30px;
	}

.post ol li ul li {	
	list-style:square;
	margin-left:20px;
	}

.post img, .post a img, #front-list img, #front-list2 img, #archive img {
	border:0px solid #ccc;
	margin:0 10px 5px 0;
	padding:0px;
	}

.post .ads {
	margin-top:10px;
	}

.entry {
	margin-top:20px;
	}

#stats {
	margin-top:0px;
	padding:4px 0px;
	text-transform:uppercase;
	font:0.8em Arial;
	display:block;
	}

#stats span {
	padding: 0px 20px 0px 0px;
	}

#stats span a:hover {
	background:none;
	}

#stats span a {
	color:#333;
	}

#stats img, #nav img {
	border:0px;
	margin:0px;
	padding:0px;
	}

#tools {
	width:590px;
	height:25px;
	font-size:0.95em;
	}

#tools a:hover {
	background:none;
	}

.navigation {
	padding:0px 0px;
	text-align:bottom; 
	font-size: 20px; 
	font-color: #ffffff;
	height: 100%;
	}

/* ----- Head ----- */
	
#head-java {
	width:675px;
	height: 320px;
	margin:0;
	border: 0;
	padding-right: 5px;
	vertical-align: top;
	float:left;
	background: none;
	}
	
/* ----- Sidebar ----- */

#sidebars {
	width:495px; 
	display: block;
	float:right;
	vertical-align: top;
	}
	
#sidebar {
	width:310px; 
	display: block;
	float:right;
	vertical-align: top;
	}

#sidebar .spoiler {
	display:block;
	vertical-align: top;
	height: 70px;
	width: 300px;
	float:left;
	margin-left:5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px dashed #3f3f3f;
	}

#sidebar h3 {
	font:1.1em Arial;
	font-weight:bold;
	background:#404040 url(images/pattern.png) repeat;
	color:#fff;
	margin:10px 0px 5px 0px;
	padding:3px 10px;
	}

#sidebar-top {
	width:310px;
	height: 263px;
	float:left; 
	padding:0px;
	background:url(http://dj.sonomag.com/wp-content/themes/docs/images/ecran-home.png)no-repeat top;
	}

.sidebar-ecran {
	width:300px;
	padding-left:5px;
	padding-top:6px;
	background: transparent;
	}	
	
#sidebar-bottom {
	width:310px;
	float:right; 
	padding:0;
	background:#fff;
	}
	
#sidebar-ad {
	width:300px;
	float:right; 
	padding:5px;
	background:#fff;
	margin-top:5px;
	}
	
#sidebar-bottom, #sidebar-middle {
	margin-top:5px;
	}

#sidebar-middle {
	width:310px;
	float:right;
	background:#fff;
	padding-bottom: 10px;
	}

#sidebar-middle .spoiler {
	display: block;
	width:305px;
	height: 90px;
	background:#fff;
	}
	
#tittle-sidebar {
	width:200px; 
	font-size: 15px;
	vertical-align: center; 
	text-transform: uppercase;
	line-height: 0.8em;
	letter-spacing: -1px;
	font-weight: bold;
	margin:5px 0 -0px 0px;
	padding-left: 100px;
	}

#tittle-lire-sidebar {
	width:35px; 
	font-size: 12px;
	float: right; 
	text-transform: none;
	letter-spacing: -1px;
	font-weight: bold;
	margin-top:-10px ;
	padding-left: 260px;
	color: #e4e4e4;
	}

#tittle-lire-sidebar a:active {
	color: #e4e4e4;
	}
	
#date-sidebar {
	width:240px; 
	font-size: 10px; 
	text-transform: none;
	letter-spacing: -1px;
	font-weight: bold;
	margin:5px 0 -30px 0px;
	padding-left: 100px;
	}


/* ----- Sidebar-mini ----- */

#sidebar-mini {
	display: block;
	width:180px; 
	float:left;
	background:#fff;
	margin:0px 0px 0px 0px;
	}
	
#sidebar-mini h3 {
	font:1.1em Arial;
	font-weight:bold;
	background:#404040 url(images/pattern.png) repeat;
	color:#fff;
	margin:10px 0px 5px 0px;
	padding:3px 10px;
	}

#sidebar-mini-top {
	width:170px;
	float:left;
	padding:5px 5px 0px 5px;
	background:#fff;
	text-align: right;
	}

#sidebar-mini-top a:link {
	font-size: 15px;
	cursor: pointer;
	}

#rss ul {
    
     background-color: #ffffff;
     width: 170px;
     float: left;
     font-size:11px;
     line-height: 11px;
     margin-bottom: 15px; 
     margin-left: 0px; 
     list-style-type: none;
     list-style-image:none;
	padding:0 0px 0px 0; 
	background: none;
	}


#rss a ,#rss a:hover{
	font-family: times new roman, arial, helvetica;
	text-decoration: none;
	border-bottom: 1px dashed #999999; 
	list-style-type: none;
}

#rss li {
	float: left;
	list-style:none;
	list-style-type: none;
}

#rss a, #rss a:visited, #rss a:link {
	color:#000;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-size: 20px;
	line-height: 17px;
	display:block;
	font-weight:bold;
	padding:6px 0px;
	padding-left: 0px;
	list-style-type: none;
	
}

#rss a:hover, #rss a:active {
	color:#555555;
	text-decoration:none;
	list-style-type: none;
}	

#rss li li a,#rss li li a:visited {
     color:#109dd0; 
     background:#f4f4f4;
	font-weight:normal;
	font-size:0.9em; 
	border:0; 
	list-style-type: none;
}

#rss li li a:hover,#rss li li a:active {
	color:#0d7fa8;
	list-style-type: none;
}
	
/* ----- Sidebar-header -----  */

#sidebar-header {
	width:310px;
	float:right;
	margin:0px 0px 0px 0px;
	}

#sidebar-header h3 {
	font:1.1em Arial;
	font-weight:bold;
	background:#404040 url(images/pattern.png) repeat;
	color:#fff;
	margin:10px 0px 5px 0px;
	padding:3px 10px;
	}



/* ------ Sidebar head ----- */

#table-head {
	margin:0px;
	height: 320px;
	padding-bottom: 10px;
	border: 0px;
	}

#sidebar-head {
	display: block;
	margin:0px;
	width:310px;
	height: 160px;
	vertical-align: top;
	float:left;
	background:none;
	padding:0px;
	border: 0px;
	}


	
#sidebar-head .spoiler{
	display:inline;
	vertical-align: top;
	width: 300px;
	float:left;
	margin-left:5px;
	margin-right: 10px;
	padding-top: 5px;
	padding-bottom: 7px;
	border-bottom: 1px dotted #000;
	}

#tittle-sidebar-head {
	width:240px; 
	font-size: 15px;
	font-color: #ccc;
	vertical-align: center; 
	text-transform: uppercase;
	line-height: 0.8em;
	letter-spacing: -1px;
	font-weight: bold;
	margin:0;
	padding-left: 60px;
	}

#text-sidebar-head {
	display: inline-block;
	width:240px; 
	font-size: 11px; 
	text-transform: none;
	color: #999999;
	letter-spacing: -0px;
	margin:2px 0px -30px 0px;
	padding-left: 10px;
	list-style-type: none;
	}



/* ----- Sidebar Mini - Playlist ----- */

#sidebar-mini-playlist {
	margin:0;
	width:170px;
	vertical-align: top;
	color: #d51616;
	float:left;
	background:#fff;
	padding:5px 5px 5px 5px;
	border-top: 5px #cccccc solid;
	}
	
#sidebar-mini-playlist .spoiler{
	display:inline;
	vertical-align: top;
	width: 170px;
	float:left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 10px;
	border-bottom: 1px dotted #3f3f3f;
	}

#tittle-sidebar-playlist {
	width:130px; 
	font-size: 13px;
	font-color: #ccc;
	vertical-align: center; 
	text-transform: none;
	line-height: 0.8em;
	letter-spacing: -1px;
	font-weight: bold;
	margin:0;
	padding-left: 40px;
	}

#text-sidebar-playlist {
	display: inline;
	width:240px; 
	font-size: 11px; 
	text-transform: none;
	color: #999999;
	letter-spacing: -0px;
	margin:5px 0px -30px 0px;
	padding-left: 10px;
	list-style-type: none;
	}

#sidebar-mini-newsletter {
	width:170px;
	padding:5px;
	float:left;
	background:#fff;
	}

#sidebar-right {
	width:300px;
	padding:0px 5px 0px 5px;
	float:right;
	background:#fff;
	margin-top:5px;
	}

/* ----- Sidebar - lists ----- */

#sidebar li {
	list-style:none;
	border-bottom:1px dotted #ccc;
	display:block;
	padding:2px 0px 2px 13px;
	background: none ;
	}

#sidebar li ul li:last-child{
	list-style:none;
	border-bottom:0px dotted #ccc;
	display:block;
	padding:2px 0px 0px 13px;
	background:none ;
	}
	
#sidebar-mini li {
	list-style:none;
	display:block;
	padding:2px 0px 2px 0px;
	background:none ;
	}

#sidebar-mini li ul li:last-child{
	list-style:none;
	border-bottom:0px dotted #ccc;
	display:block;
	padding:2px 0px 0px 13px;
	background:none ;
	}
	
#sidebar-ads {
	width:300px;
	float:right;
	margin-bottom:10px;
	padding:10px;
	background:#fff;
	}

/* ----- Form ----- */

select {
	border:1px solid #333;
	width:100%
	}
	
.field {
	padding: 2px;
	border:1px solid #333;
	background:#fff;
	font-size:1.0em;
	}

#s {
	padding:1px;
	font-size:1.0em;
	width:120px;
	}
	
#searchsubmit {
	padding-left:5px;
	}

#commentform input {
	width: 140px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 99%;
	margin-top:5px;
	}


/* Comments*/

.commentlist cite {
	font-style:normal;
	margin-bottom:4px;
	display:block;
	}	

.commentlist blockquote {
	background:#ededed;
	}
			
.commentlist li {
	padding: 10px 0px 10px 0px;
	list-style:none;
	margin-bottom:3px;
	}

.commentlist li li {
	background:none;
	border:none;
	list-style:square;
	margin:3px 0 3px 20px;
	padding:3px 0;
	}

.commenttext {
	padding: 10px 10px 0px 10px;
	background:#f2f2f2;
	border-top:1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width:495px;
	float:right
	}
		
.commentlist cite strong {
	font-size:1.1em;
	}
	
li.my_comment {
	background: #FFF;
	border:none;
	}

li.my_comment cite strong {
	font-size: 1.3em;
	color:#313228;
	}
	
#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	color:#4d4d4d;
	display: block;
	margin-top:3px;
	text-align:right;
	font-size:0.9em;
	}

.commentmetadata a, .commentmetadata a:visited {
	color:#959382;
	}
	
.commentlist small {
	background:#e9e9e9;
	}

.avatar {
	border:1px solid #bbb;
	margin:0px 10px 0px 0px;
	float:left;
	padding:2px;
	width:55px;
	height:55px;
	}	

#comment {
	width:590px;
	background:#fff;
	}


/* ----- Footer ----- */

#footer-total {
	color:#fff;
	width: 100%;
	background:#000000 ;
	border-top: solid #555555 1px;
	margin-top: 5px;
	}

#footer01 {
	margin: 0 auto;
	font-size:0.7em;
	color:#fff;
	width: 990px;
	background:#000 ;
	padding-bottom:10px;
	}
	
#footer02 {
	width: 100%;
	height: 97px;
	background: url(images/footer02.png)  repeat-x;
	}
		
#footer02-cont {
	margin: 0 auto;
	display: block;
	color:#fff;
	font-size:0.7em;
	width: 990px;
	}
	
#footer02-cont a {
	color:#2e2e2e;
	font-size:1.02em;
	font-weight: bold;
	line-height: 1.5em; 
	padding-left: 0 15px 0 0;
	
	}

#footer02-cont a:hover {
	text-decoration: underline;
	}

#footer02-cont  li {
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 0px;
	list-style-type: none;
	padding: 0;
	
	}
		
.colonne01 {
	display: inline-block;
	vertical-align: top;
	color:#2e2e2e;
	width: 244px;
	height: 97px;
	margin-left: -20px;
	font-size: 8px;
	padding:0;
	margin:0;
	}

.colonne02, .colonne03, .colonne04   {
	display: inline-block;
	vertical-align: top;
	color:#2e2e2e;
	width: 244px;
	height: 97px;
	border-left: #a5a5a5 solid 1px;
	font-size: 11px;
	margin: 0;
	padding: 0;
	}
	
#footer03 {
	color:#fff;
	margin: 0 auto;
	width: 100%;
	background: url(images/footer03.png) top repeat-x ;
	margin-bottom: 20px; 
	}	
		
#footer04 {
	margin: 0 auto;
	width: 990px;
	font-size:0.6em;
	padding-top:8px;
	padding-bottom:10px; 
	color: #919191; 
	align: left;
	}

#footer04 a.active, #footer04 a.link, #footer04 a,{
	color: #919191;
	}

#recentpost {
	width:300px;
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px 10px 0px 0px;
	background: url(images/footer01-background.png) top no-repeat;
	}
	
#recentpost h3{
	font-family: times, trebuchet ms, helvetica;
	text-transform: uppercase;
	letter-spacing: -3px;
	font-size: 48px;
	margin-top: -10px;
	padding-left: 5px;
	color: #ffffff;
	}
	
#mostcommented {
	width:300px;
	float:left;
	padding:10px;
	background: url(images/footer_telephone.png) top no-repeat;
	}
	
#mostcommented {
	margin-left:17px;
	}

#recent_comments {
	width:300px;
	float:right;
	padding:10px;
	background: url(images/footer01-background.png) top no-repeat;
	}

#recentpost a, #mostcommented a, #recent_comments a {
	color:#fff;
	}

#recentpost ul, #mostcommented ul, #recent_comments ul {
	margin-top:5px;
	}

#recentpost ul li, #mostcommented ul li, #recent_comments ul li {
	list-style:none;
	text-transform: uppercase;
	border-top:1px solid #3f3f3f;
	padding:5px;
	display:block;
	}

#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {
	background:#b80012;
	color:#fff;
	}

#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {
	border-top:0px dotted #fff;
	}


/* ----- Float  ----- */

.clearfloat:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfloat {
	display: inline-block;
	}


/* ----- Hides from IE-mac ----- \*/

* html .clearfloat {
	height:1%;
	}

*+html .clearfloat {
	height:1%;
	}

.clearfloat {
	display:block;
	}