/* Generic style */
body { 
   /*background:black url(/wp-content/media/background/back_image.jpg) no-repeat fixed center center;*/
   font-size: 15px;
   font-family: helvetica, arial, sans-serif;
   height: 100%;
   padding-top: 20px;
   color: white;
}

html {height: 100%;background: transparent;}

em {font-style:italic;}
strong { font-weight: bold;}

h1 {color: white;}
.home_page h1 {font-weight: bold;}

#page { 
   width:940px; 
   position: relative;
   margin: 0 auto;
}

/* Style pour le menu */
#menu { font-size: 18px;height: 30px;line-height: 21px;}
#menu li, .col_contenu { 
   float: left; 
   width: 200px;
   padding:10px;
   margin-left: 20px;
}
#menu .active { font-size: 21px;}
#menu li { height:28px; padding-bottom:0;text-transform: uppercase;}
#menu #mnu_vincent_gagnon {
   font-weight: bold;
}
#menu li a {text-decoration:none;color:white;}

#mnu_projets, #col_projets {background: transparent url(images/menu/back_projets.png);}
#mnu_calendrier, #col_calendrier {background: transparent url(images/menu/back_calendrier.png);}
#mnu_musique, #col_musique {background: transparent url(images/menu/back_musique.png);}
#mnu_vincent_gagnon, #col_vincent_gagnon {background: transparent url(images/menu/back_vincent_gagnon.png);}
#mnu_vincent_gagnon { font-weight: bold;}

/* style pour page.php */
#page_content h1 {font-size: 26px;margin-bottom: 25px;}
#page_content img {float:right;}


/* style footer */
#footer { padding-top: 20px;}
#photo_list li {margin-right: 20px;}
#photo_list-prev { cursor: pointer; background:transparent url(images/prev.png) no-repeat;width: 48px;height: 38px;float:left;margin:20px 0 0 20px;}
#photo_list-next { cursor: pointer; background:transparent url(images/next.png) no-repeat;width: 48px;height: 38px;float:left;margin-top:20px;}
.jcarousel-container-horizontal {width: 760px;margin-left: 26px;float:left;margin-bottom: 20px;}

/* Style pour la page principale */

/* Modif du menu sur la page d'accueil */
.home_page #menu {font-size: 21px; line-height: 21px; }
.home_page #menu .active {font-weight: normal;}
.home_page #mnu_musique {visibility: hidden;}

#projets {color: white;}
#projets a {text-decoration: none;color: white;}
#projets h2{font-weight: bold;}
#projets p {margin-bottom: 20px;}
#projets .active { 
   margin: 0 0 0 -10px;
   padding-left: 10px;
   background: transparent url(images/menu/back_calendrier.png);
}

#projets li {padding: 10px 10px 10px 0;}
.home_page #projets li { padding:10px;}
.home_page #projets { margin-top: -10px; }

#projets p {margin-bottom: 0;}

#projets li:hover { 
   margin: 0 0 0 -10px;
   padding-left: 10px;
   background: transparent url(images/menu/back_calendrier.png);
}

.home_page #projets li:hover { margin: 0; }

#album { width: 200px; height: 200px;}

.col_contenu { height: /*442px 550px*/ 500px;}
#col_musique { margin-top: -38px; height: /*588px*/ 538px;}

#where_to_buy li{
   width:40px;height:40px; background: black;
   float: left;
   margin: 10px 0 0 13px;
}

#where_to_buy a {
   display: block;
   width: 100%;
   height: 100%;
}

.fp_event { border-bottom: 1px solid white; 
   padding-bottom: 12px;
   margin-bottom: 10px;
   position: relative;
}
.fp_event ul{
   float: left;
   width: 56px;
   text-align: center;
   color: white;
}
/* Style pour les front page event (mais finalement ils sont partout, pas juste sur la front page) */
.fp_event .event_jour {font-size: 10px;}
.fp_event .event_date {font-size: 30px;}
.fp_event .event_mois {font-size: 9px; font-weight: bold; text-transform: uppercase;}
.fp_event .title a{ text-decoration: none;color:white;}
.fp_event .event_infos{float: left; text-transform: uppercase; color:white;font-size: 10px;margin-left:10px;}
.fp_event .facebook_link {
   display: block;
   position: absolute;
   bottom: 5px;
   right:0; 
   width: 20px; 
   height: 20px; 
   background: transparent url(images/facebook-icon.png) no-repeat; 
   text-indent: -5000em;
}
.fp_event .endroit {
   font-size: 10px; 
   text-transform: uppercase;
   margin-left: 66px;
   line-height: 14px;
}

/* Modification pour une liste de post (énènements) dans index.php */
.post_info .fp_event {border:0;padding-bottom: 20px;}
.post_info .fp_event .event_infos {width: 75%; margin-left: 0;}
.post_info .fp_event .facebook_link { bottom:0;}


#player object {margin-top: 20px;}

#nouvelles h2 {font-weight: bold;margin-top: 20px; text-transform: uppercase;}
#nouvelles li, #nouvelles p {float:left;}
#nouvelles a, #page_content a {text-decoration: none; color: white;}
#newsletter_txt_courriel, #wpsb_email {width: 175px; height: 20px;border:0;}
#newsletter_btn_soumettre, #wpsb_submit {width: 24px; height:20px;background:white;border:0;background:transparent url(images/enveloppe.png) no-repeat;margin-left: 1px ;}
#opt-in_mailing_list {clear: both;}
#wpsb_actions, .wpsb_form_label label {display:none;}

#col_vincent_gagnon strong {color: black;}
#slogan {color: black;}
/*#col_vincent_gagnon #post-9 p { display: inline;}*/
#social {margin: 10px 0;}
.links a, #fb_page, #myspace_page, a.article, #mail_to { 
   padding-left: 23px; 
   font-weight: normal;
   text-transform: uppercase;
   text-decoration: none;
   color: white;
   height: 22px;
   display: block;
   font-size: 10px;
   line-height: 23px;
}
#page_content .links a:hover {
	text-decoration: underline;
}
.links a { background: transparent url(images/web.png) no-repeat 0 center; }
#fb_page, .links .fb_page { background: transparent url(images/facebook-icon.png) no-repeat 0 center; }
#myspace_page, .links .myspace_page { background: transparent url(images/myspace_logo.png) no-repeat 0 center; }
#mail_to { background: transparent url(images/mailto.png) no-repeat 0 center; }
.article { background: transparent url(images/article.png) no-repeat 0 center; }

/* Style pour single.php and page.php*/
.content_post { background: transparent url(images/menu/back_calendrier.png);padding: 10px 10px 20px 10px;}
.content_page { background: transparent url(images/menu/back_projets.png);padding: 10px 10px 20px 10px;}
#event_list {float: left; width:210px; color: white;}
#event_list a { color: white; text-decoration:none;}
.event_Y {font-size: 20px;}
#calendar { width: 200px; float: left;margin-left: 30px;}
#post_content {width: 440px; float: left;margin-left: 40px;}
#page_content {width: 680px; float: left;margin-left: 30px;}
.entry h2 {margin-bottom: 10px;font-style:italic;font-size: 14px;}
.entry p {margin-bottom: 10px;}
.entry ul { margin-bottom: 10px;}
.entry ul li {list-style: disc inside none;}


/* Style pour index.php */
.post_list {padding-bottom: 10px;border-bottom: 1px solid white;}
.post_list a {color: white; font-size: 18px;}
.post_list .post_info {float: left;width: 210px; margin-right: 40px;}
.post_list .entry {width: 440px;padding-left: 250px;}
.post_list small { font-size: 14px;}

/* Style pour le recherche */
#s_cont div {float: left;}
#s {
   width: 175px; 
   height: 23px; 
   font-size: 12px;
   border:0;
}
#searchsubmit { 
   background: white url(images/search.png) no-repeat scroll center center; 
   height:23px; 
   width: 24px;
   margin-left: 1px;
   border:0;
}
/* Style pour le boutton des comentaires */
#submit {
   background: black;
   border :0;
   color: white;
   width: 60px;
   height: 23px;
   font-size: 12px;
}
#search { padding-bottom: 17px; }

/* Style pour les commentaires */
#comments {
   float:right;
   padding-top: 30px;
   color: white;
   width:680px;
}
#comments h3 { font-size: 26px; padding-bottom:18px; border-bottom: 1px solid white;}
#comments ol li {clear: both;border-bottom: 1px solid white;padding: 10px 0;}
#comments .author_name {display: block; font-size: 18px; text-transform: capitalize;}
#comment{ width:680px;height: 100px;border: 1px solid black;}
#leave_comment {padding-top: 37px;clear: both;}
.comment_info li {margin-bottom: 20px;}
.comment_info li { float:left;}
.comment_info li input { width:130px; height:17px; border:1px solid black;margin-right:25px;}
.comment_info li label{ font-size:14px; margin-right: 25px;}
#submit {width: 67px;}
.avatar, .signature, .comment_text {float: left;}
.avatar {margin-right: 20px;}
.signature {margin-right: 40px;width:130px; height: 64px;font-size: 14px;}
.comment_text {font-size: 14px;width: 425px;}

/* Style pour les sponsors */
#remerciment {text-align:right;}
#sponsors li { float: left; margin-right: 20px;height:35px;}
#sponsors #site_signature {float: right; margin-right:0; font-size: 9px;}
#copyright_text { width: 280px; font-size: 9px;padding-top: 8px;}

/* Fixes */
#menu .first, .col_contenu .first, #where_to_buy .first, .first { margin-left: 0;}
.clearer, #footer, .fp_event, #wp-calendar, #content, #player{ clear: both;}

/* Modifs demander par Laurent selon la page vincent_gagnon dans le wiki */
.title { margin-left: 66px; }
.fp_event .endroit { margin-top: 9px; }
.ec3_eventday a { color: #3f1a1a !important; }
.ec3_postday { padding-top: 3px; }
#wp-calendar caption { padding: 8px 0; }
.ec3_eventday:hover {background: white;}
#col_projets { padding: 10px 0; width: 220px;}
#page_content h1 {font-size: 26px;margin-bottom: 0;}
.entry h2 {margin-bottom: 20px; font-style:normal;}
#menu { font-size: 16px;height: 30px;line-height: 16px;}
#menu .active { font-size: 21px; line-height: 21px;}

/* Laurent s'amuse */
#wp-calendar table {
	border-spacing: 2px !important;
	border-collapse: separate !important;
}
#wp-calendar table thead {
	font-weight: bold;
}
.links { margin-top: 20px; }
.post-edit-link { float: right; }
#spon_cre { padding: 2px 0; }
#spon_effendi, #spon_forum { padding: 5px 0; }
#spon_quebec { padding: 4px 0; } 
#site_signature { padding-bottom: 8px; }
#site_signature img { margin: -1px 0; }

/* Ajout demandé par Vincent */
.content_post .hentry {margin-bottom: 40px;}