/*
THEME NAME: Le Smog
THEME URI: http://www.lesmog.com
DESCRIPTION: Wordpress theme of leSmog.com
VERSION: 1.0
AUTHOR: <a href="http://www.bassoburo.com">Sébastien Morin</a>
AUTHOR URI: http://www.bassoburo.com
*/

/* Architecture */
html { }

body {
	font-family:Lucida Grande, "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #000000 url(images/backSpeakers.jpg) no-repeat top center;
	color:#FFFFFF;
	text-align:left;
background-attachment:fixed;
	
}

#wrapper {
	width: 908px;
	margin: 125px auto;
	background: url(images/backContenuNoir.gif) repeat-y top left;
	/* opacity:0.9;
	filter:alpha(Opacity=90);*/

}

#header {
	background: url(images/logoSmog.gif) no-repeat top left;
	height:165px;
}

#container {
	float: left;
}

#content {
	float:left;
	width:550px;
}

#sidebar {
	width: 300px;
	float:right;
	margin-right:29px;
	margin-left:29px;
}

#footer {
	clear: both;
	text-align:center;
	font-size:11px;
	padding : 40px 150px 40px 205px;
}

#pubsBottom{

	text-align:center;
	margin:5px 10px 20px 10px;
	clear:both;
	height:30px;
}

#zone-a-propos{
	font-size:11px;
	color:#424242;
	background-image:url(images/descriptionSmog.jpg);
	background-repeat:no-repeat;
	padding:85px 15px 20px 15px;
}


/* General */
* {
	margin: 0;
	padding: 0;
}

a {
	color: #63d5ff;
	text-decoration: none;
}

a:hover {
	color: #FFFFFF;
	background-color:#63d5ff;
}

img {
	border: 0;
}

.separator {
	color: #CCCCCC;
	margin: 0 5px;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
}

.meta-sep {
	color: #CCCCCC;
	margin: 0 5px;
}

.floater-left {
	float: left;
}

.floater-right {
	float: right;
}

#access {
	overflow: hidden;
	width: 760px;
}

#menu ul {
	display: inline; /* Added to fix the double margin in IE6 */
	list-style: none;
}

#menu ul li {
	display: inline; /* Added to fix the double margin in IE6 */
	float: left;
	margin-left: 10px;
	padding: 15px 10px;
}

#blog-title {
	margin-left:-9999px;
}

#blog-title a {
	color: #333333;
}

#blog-description {
	margin-left:-9999px;
}

/* Content */
.page-title {
	font-size: 14px;
	margin:10px 0 30px 94px;
	font-weight:normal:
}

.post {
	margin-bottom: 50px;
	text-align:left;
}

.entry-title {
	font-size: 16px;
	background-color:#e7ef0c;
	width:424px;
	text-transform:uppercase;
	
}

.containerEntry-title{
	background-color:#e7ef0c;
	padding:17px 32px 17px 94px;
}

.entry-comments {
	float: right;
}

.entry-title a {
	color: #000000;
}

.more-link {
	display: block;
	margin: 10px 0 0 0;
}

.entry-comments {
	float: right;
	padding: 3px 0 7px 7px;
}

.entry-comments a {

	padding: 3px 7px 7px 0;
	color: #63d5ff;
}

.entry-comments a:hover {
	color: #FFFFFF;
	background-color:#63d5ff;
}

.entry-meta {
	color: #666666;
	font-size: 11px;
	margin: 10px 0 0 94px;
}

.entry-categ {
	color: #666666;
	font-size: 90%;
	padding-bottom: 5px;
}

.entry-footer {
	margin-top: 15px;
	margin-left:94px;
	margin-bottom:30px;
	padding-top:20px;
	width:425px;
	border-top:1px solid #222222;
}

.entry-footer span {
	color: #CCCCCC;
	margin: 0 5px;
}

.entry-subscribe {
	padding: 5px 5px 5px 26px;
	background: #FAFAFA url(images/rss.gif) no-repeat top left;
	background-position: 6px 6px;
}

.entry-content {
	margin-top: 15px;
	margin-left:94px;
	width:425px;
	font-size:12px;
}

.entry-content p {
	line-height: 1.5;
	margin-bottom: 10px;
	text-align:left;
}

.entry-content h2 {
	font-size: 120%;
	margin-bottom: 5px;
	margin-top: 25px;
}


.entry-content ul, .entry-content ol {
	margin-left: 30px;
	margin-bottom: 10px;
}

.entry-content ul li, .entry-content ol li {
	line-height: 1.3;
	margin-bottom: 5px;
}

/* Sidebar */


/* Start: QBKL Styles - Added to make styling availble even if widgets are not used */

#sidebar h2, #sidebar h3 {
	font-size: 16px;
	background-color:#63d5ff;
	width:252px;
	margin:0px 24px 0px 24px;
	text-transform:uppercase;
	color:#000000;
}
.sidebar-title{
	background-color:#63d5ff;
	border:1px solid #63d5ff;
	margin-bottom:20px;
	padding:17px 0 17px 0;
}

#sidebar form{
	padding: 4px 2px 4px 26px;
}

#sidebar input{
	border:none;
	background-color:#222222;
	padding:4px;
	color:#ffffff;
	
	
}

#sidebar ul {
	list-style: none;
}

#sidebar ul li {
	margin-bottom: 20px;
	font-size:11px;
	
}

#liens ul {
	
}
#liens ul a{
	margin-left:20px;
}

#sidebar ul li ul, #sidebar ul li ul li ul {
	margin: 0;
	padding: 0;
}

#sidebar ul li ul li {
	padding: 1px 40px 1px 26px;
	margin: 0;

}



#sidebar ul li ul li ul li {
	padding: 0;
	margin: 0;
}

#derniers-posts ul li {
	margin-bottom:6px !important;
}

/* End: QBKL Styles */

#rss-links ul li {
	background: url(images/rss.gif) no-repeat top left;
	padding-left: 22px;
	background-position: 1px 4px;
}

.textwidget p {
	margin-bottom: 10px;
}

.textwidget a {
	text-decoration: underline;
}

.widget_tag_cloud a {
	text-transform: lowercase;	
}

#wp-calendar caption {
	padding: 5px 0;
	background: #FAFAFA;
	margin-bottom: 5px;	
}

#wp-calendar td {
	padding: 4px 6px;
	color: #999999;
}

#wp-calendar td a {
	font-weight: bold;
}

#wp-calendar #next {
	text-align: right;
}

/* Plugin Twitter */

#twitter .avatar{
	float:left;
	margin:0 10px 10px 0;
}

#twitter .tweet{
	clear:both;
	margin-bottom:10px;
	padding-left:25px;
}


/* Comments */
.comments {
	margin-top: 15px;

}

.comments h3 {
	font-size: 120%;
	margin-bottom: 10px;
	color: #333333;
}

.comments ol {
	list-style: none;
		margin-left:94px;
	width:425px;
	margin-top:10px;
}

.comments ol li {
	padding: 10px 10px 10px 0;
	margin-top: 2px;
}

.comments ol li.alt {
}

.comment-author {
	font-weight: bold;
}

.comment-meta {
	color: #666666;
	margin-bottom: 5px;
	font-size: 90%;
}

.unapproved {
	font-style: italic;
}

#respond {
	margin-top: 30px;
}

#respond h3 {
	color: #333333;
}
	
.formcontainer {
	margin-top: 20px;
	margin-bottom: 10px;
	width:425px;
	margin-left:94px;
}

#comment-notes {
	margin-bottom: 10px;
}

.form-label {
	margin-bottom: 2px;
}

.form-input, .form-textarea {
	margin-bottom: 10px;
}

.form-input input, .form-textarea textarea {
	padding: 5px;
	background: #FAFAFA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.form-textarea input {
	width: 280px;
}

.form-textarea textarea {
	width: 350px;
}

.form-input input:hover {
}

.form-submit input {
	padding: 2px 5px;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash .entry-title {
	visibility: hidden;
	/*font-size: 55px;*/
}