﻿/*

Theme Name: Taktika
Theme URI: http://taktika.qc.ca/
Description: Le thÃ¨me du nouveau site web de taktika
Version: 0.1
Author: SÃ©bastien Morin, intÃ©grÃ© par Pierre-Luc Babin
Author URI: http://bassoburo.com/

*/

/* Begin Typography & Colors */

@import url(reset.css);

body {
	font-size: 11px;
	font-family: Helvetica,  Arial, Sans-Serif;
	color: #d7edec;
	text-align: center;
	background:black url(images/bg-bottom.jpg) no-repeat center center;
}

a{
	color:#d60102;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

/* Begin Page */
div#page{
	margin:0 auto;
	width:810px;
}
div#wrap{
	background-color:#000;
	float:left;
	padding:0 22px;
	width:766px;
}

div#header{
	width:100%;
	height:407px;
}
div#header div#headerflash{
	background:url(images/header.jpg) no-repeat top left;
	width:904px;
	height:407px;
	margin:0 auto;
}

/* Begin Content */

/* titre des pages gÃ©nÃ©rÃ© par wordpress */
div#content h2#spectacles{
	display:block;
	background:url(images/titre-spectacles.jpg) no-repeat top left;
	width:429px;
	height:44px;
	margin-top:13px;
}
div#content h1#page-8, div#content h1#page-36, 
div#content h1#page-51, div#content h1#page-53, 
div#content h1#page-55, div#content h1#page-40,
div#content h1#page-45,div#content h1#page-38,
div#content div.post h1.photos,
div#content h1.photos{
	text-indent:-9999px;
	width:429px;
	height:44px;
	margin:13px 0 30px -26px;
	display:block;
}
div#content h1#page-8{
	background:url(images/titre_biographie.jpg) no-repeat top left;
}
div#content h1#page-36{
	background:url(images/titre_discographie.jpg) no-repeat top left;
}
div#content h1#page-51{
	background:url(images/titre-paroles.jpg) no-repeat top left;
}
div#content h1#page-53{
	background:url(images/titre-audio.jpg) no-repeat top left;
}
div#content h1#page-55{
	background:url(images/titre_video.jpg) no-repeat top left;
}
div#content h1#page-40{
	background:url(images/titre-presse.jpg) no-repeat top left;
}
div#content h1#page-45{
	background:url(images/titre-contact.jpg) no-repeat top left;
}
div#content h1#page-38{
	background:url(images/titre_liens.jpg) no-repeat top left;
}
div#content div.post h1.photos, div#content h1.photos{
	background:url(images/titre-photos.jpg) no-repeat top left;
	margin-top:0;
}
.bPost{
	float:left;
	clear:left;
}
div#content .bPost h2{
	margin-left:0;
	margin-top:0;
	text-indent:0;
}

div#content div#highlight h2{
	text-indent:0;
	text-align:left;
}


div#content{
	width:377px;
	float:left;
	padding:13px 26px;
	margin-top:38px;
	background: #000 url(images/block-top-content.jpg) no-repeat top left;
}
div#content h2, div#content h1{
	text-indent:-9999px;
	margin-bottom:30px;
	margin-left:-26px;
}
div#content div.post h1{
	margin-left:0;
	text-indent:0;
	margin-bottom:0;
	margin-top:40px;
}
div.postlist h2{
	background:url(images/titre-nouvelles.jpg) no-repeat top left;
	width:429px;
	height:44px;
}

div.post{
	float:left;
	text-align:left;
	border-bottom:1px solid #0d0d0d;
	margin-bottom:10px;
		width:390px;

}
div.post h3{
	margin-top:23px;
}
div.postlist div.post h3{
	margin-top:7px;
}
div.post h3 a{
	color:#696969;
	font-weight:bold;
	font-size:140%;
	text-decoration:none;
}
div.post p.postinfo{
	font-size:11px;
	font-weight:bold;
	margin-bottom:18px;
	margin-top:0px;
}
div.post p.postinfo span{
	color:#d60102;
}
div.post .entry{
	font-size:120%;
	margin-bottom:20px;
}
div.post .entry p{
	margin-bottom:10px;
}
div.post .postmetadata{
	margin-bottom:22px;
}
div.post .postmetadata .comments-link{
	padding-left:8px;
	border-left:1px solid #142015;
}
div.post .postmetadata .participate-link{
	margin-right:8px;
}

div.navigation{
	margin-top:25px;
	height:20px;
}
div.navigation div.alignleft{
	float:left;
	width:185px;
	text-align:left;
}
div.navigation div.alignright{
	float:right;
	width:185px;
	text-align:right;
}
div.navigation a, div.navigation span{
	font-weight:bold;
	text-transform:uppercase;
	font-size:110%;
}
div.navigation span{
	color:#2b2f2f;
}
div.navigation a{
	color:#67896a;
}

/* Begin sidebar */
div#sidebar{
	width:314px;
	float:right;
}
div#sidebar h2{
	display:none;
}

div#sidebar div.block{
	width:283px;
	padding:0 15px;
	text-align:left;
	clear:both;
}




div#sidebar #taktika-sur{
	background: #000 url(images/block-taktika-sur.jpg) no-repeat top left;
	padding-top:100px;
	padding-bottom:50px;
	float:left;
}

div#sidebar #taktika-sur li{
	float:left;
	height:21px;
	margin-top:6px;
}
div#sidebar #taktika-sur li a{
	height:21px;
	display:block;
	text-indent:-9999px;
}

div#sidebar #taktika-sur li.myspace a{
	margin-left:1px;
	background:url(images/myspace.jpg) no-repeat top center;
	width:74px;
}
div#sidebar #taktika-sur li.myspace a:hover{
	background-position:bottom center;
}
div#sidebar #taktika-sur li.facebook a{
	background:url(images/facebook.jpg) no-repeat top center;
	width:61px;
	margin-left:10px;
}
div#sidebar #taktika-sur li.facebook a:hover{
	background-position:bottom center;
}
div#sidebar #taktika-sur li.youtube a{
	background:url(images/youtube.jpg) no-repeat top center;
	width:57px;
	margin-left:11px;
}
div#sidebar #taktika-sur li.youtube a:hover{
	background-position:bottom center;
}
div#sidebar #taktika-sur li.twitter a{
	background:url(images/twitter.png) no-repeat top center;
	width:55px;
	margin-left:8px;
}
div#sidebar #taktika-sur li.twitter a:hover{
	background-position:bottom center;
}






div#sidebar #taktika-part{
	background: #000 url(images/block-taktika-part.jpg) no-repeat top left;
	padding-top:100px;
	padding-bottom:0px;
	float:left;
}

div#sidebar #taktika-part li{
	float:left;
	height:127px;
	margin-top:6px;
}
div#sidebar #taktika-part li a{
	height:127px;
	display:block;
	text-indent:-9999px;
}

div#sidebar #taktika-part li.Nlqc a{
	margin-left:1px;
	background:url(images/nlqc.png) no-repeat top center;
	width:77px;
}

div#sidebar #taktika-part li.Gosselin a{
	background:url(images/gosselin.png) no-repeat top center;
	width:150px;
	margin-left:10px;
}

div#sidebar #demandez-taktika{
	background: #000 url(images/block-demande-taktika.jpg) no-repeat top left;
	padding-top:100px;
	padding-bottom:30px;
	float:left;
}
div#sidebar #demandez-taktika ul{
	float:left;
	margin-top:-20px;
}
div#sidebar #demandez-taktika li{
	float:left;
	height:29px;
	margin-top:6px;
}
div#sidebar #demandez-taktika li a{
	height:28px;
	display:block;
	text-indent:-9999px;
}

div#sidebar #demandez-taktika li.musiqueplus a{
	margin-left:1px;
	background:url(images/musiqueplus.jpg) no-repeat top center;
	width:43px;
	height:29px;
}
div#sidebar #demandez-taktika li.musiqueplus a:hover{
	background-position:bottom center;
}
div#sidebar #demandez-taktika li.ckoi a{
	background:url(images/ckoi.jpg) no-repeat top center;
	width:40px;
	margin-left:7px;
}
div#sidebar #demandez-taktika li.ckoi a:hover{
	background-position:bottom center;
}

div#sidebar #demandez-taktika li.energie a{
	background:url(images/energie.jpg) no-repeat top center;
	width:63px;
	margin-left:7px;
}
div#sidebar #demandez-taktika li.energie a:hover{
	background-position:bottom center;
}
div#sidebar #taktika-surlaroute{
	background: #000 url(images/block-taktika-surlaroute.jpg) no-repeat top left;
	padding-top:100px;
	padding-bottom:20px;
	float:left;
}
/*
div#sidebar #taktika-surlaroute div#wp-calendar{
	margin:0 25px;
}
div#sidebar #taktika-surlaroute div#wp-calendar td#prev{
	width:33%;
	text-align:right;
}
div#sidebar #taktika-surlaroute div#wp-calendar td#next{
	width:33%;
	text-align:left;
}
div#sidebar #taktika-surlaroute div#wp-calendar th{
	color:#67896a;
	font-weight:bold;
	font-size:110%;
}
div#sidebar #taktika-surlaroute div#wp-calendar td{
	color:#67896a;
	font-size:110%;
}

div#sidebar #taktika-surlaroute div#wp-calendar td.ec3_eventday a.eventday{
	font-weight:bold;
	color:#FFF !important;
}
div#sidebar #taktika-surlaroute #wp-calendar table #today{
	border:none;
}
div#sidebar #taktika-surlaroute div#wp-calendar #ec3_publish{
	display:none;
}
div#sidebar #taktika-surlaroute div#wp-calendar caption{
	text-align:center;
	padding:6px 0;
}
div#sidebar #taktika-surlaroute div#wp-calendar caption a{
	font-size:110%;
	font-weight:bold;

	color:#FFF;
	text-transform:uppercase;
}
*/
div#sidebar #taktika-surlaroute div.line{
	height:1px;
	border-bottom:1px solid #67896a;
	margin:27px 0 15px 0;
}
div#sidebar #taktika-surlaroute p{
	float:left;
	width:287px;
	text-align:center;
}
div#sidebar #taktika-surlaroute p.nextshow{
	font-weight:bold;
	font-size:120%;
}
div#sidebar #taktika-surlaroute p a{
	font-weight:bold;
	text-align:center;
	font-size:120%;
}
div#sidebar #taktika-surlaroute ul{
	width:287px;
}
div#sidebar #taktika-surlaroute ul.ec3_events li.ec3_list{
	margin:0;
	padding:0;
}
div#sidebar #taktika-surlaroute ul.ec3_events{
	float:left;
}
div#sidebar #taktika-surlaroute ul.ec3_events li ul li{
	color:#FFF;
	font-size:120% !important;
	text-align:center;
}
div#sidebar #taktika-surlaroute ul.ec3_events li ul li span{
	text-transform:uppercase;
}

div#sidebar #liste-envoi{
	background: #000 url(images/block-listenvoi.jpg) no-repeat top left;
	padding-top:80px;
	padding-bottom:60px;
	float:left;
}

div#sidebar #liste-envoi h4{
	font-size:110%;
	font-weight:bold;
	margin-bottom:5px;
}
div#sidebar #liste-envoi label{
	font-size:110%;
	margin-right:1px;
}
div#sidebar #liste-envoi input.text{
	background-color:transparent;
	border:1px solid #171816;
	padding:4px 3px;
	color:#d7edec;
	font-size:100%;
	width:162px;
}

div#sidebar #sondages{
	background: #000 url(images/block-sondage.jpg) no-repeat top left;
	padding-top:100px;
	padding-bottom:30px;
	float:left;
}


div#sidebar .erreurs{
	color:red;
}
div#sidebar .confirmation{
	color:green;
}
div#sidebar #liste-envoi input.button{
	background-color:#263227;
	border:none;
	font-weight:bolder;
	color:#FFF;
	text-transform:uppercase;
	font-size:110%;
	width:27px;
	height:23px;
}

/* begin single content */
div#content.widecolumn, div#content.pagecolumn{
	padding-top:0;
}
.widecolumn h1, .pagecolumn h1{
	font-size:140%;
	color:#67896A;
	text-transform:uppercase;
	font-weight:bold;
	
}
p.submeta{
	margin-bottom:15px;
	margin-top:10px;
}
p.postmetadata{
	margin-top:15px;
}

.widecolumn  h3{
	font-size:110%;
	color:#67896A;
	text-transform:uppercase;
	font-weight:bold;
	margin:15px 0;
	text-align:left;
}
form#commentform p{
	margin-bottom:5px;
	text-align:left;
}
form#commentform #comment{
	width:377px;
}
form#commentform input.text, form#commentform textarea{
	background-color:transparent;
	border:1px solid #171816;
	padding:4px 3px;
	color:#d7edec;
	font-size:100%;
	width:162px;
}
form#commentform input.text:hover, 
form#commentform input.text:focus, 
form#commentform textarea:hover,
form#commentform textarea:focus{
	border-color:#383a35;
}
form#commentform textarea{
	font-size:120%;
}

.widecolumn  ol.commentList li{
	margin-bottom:10px;
	border-bottom:1px solid #111;
}
.widecolumn  ol.commentlist li cite,.widecolumn  ol.commentlist li small,.widecolumn  ol.commentlist li p{
	text-align:left;
}

.pagecolumn .entry{
	margin-top:15px;
}

.entry {
	margin-bottom:10px;
}

/* Begin footer */
div#footer{
	width:100%;
	float:left;
	clear:both;
	height:200px;
}

/* Sondage */
.wp-polls-ul{
list-style:none;
	
	
}

.wp-polls ul{
	list-style:none;
	list-style-position:inside;
	list-style-image:none;
	list-style-type:none;
}

.pollbar{
	margin-bottom:10px !important;
}

.wp-polls li{
	list-style:none;
	list-style-position:inside;
}

.wp-polls p{
text-align:left !important;
padding-left:10px;
font-size:12px;
margin-bottom:10px;
}
