/* @override http://chantsdevielles.com/wp-content/themes/vielles/style.css */

/*  
Theme Name: Vielles
Description: Festival Chants de Vielles
Version: 1.0
Author: Vizou
Author URI: http://vizou.com
*/

/* @group Basic */

* {  	
margin: 0; 
padding: 0; 
}

html {  	
text-align: center; 
}

body {  
font: normal 78% lemonde-courrier, "lucida grande", helvetica, sans-serif;
font-weight: 400;
margin: 0 auto;
position: relative;	
line-height: 18px;
color: #333; 
background: #fff url(images/bg11.jpg) repeat-x;
}

p {  	
font-size: 1em; 
}

ul, ol {  	
overflow: hidden; 
list-style: none;
}

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

a:hover {  	
color: #ccc; 
}

em {  	
font-size: 1.1em;
}

small {  	
color: #888;
font-size: 0.9em;
}

strong {  	
color: #7D3719; 
}

/* @end */

/* @group Layout */

.which-template {  	
display: none;
color: red; 
}

#wrap {  
width: 1000px;	
margin: 0 auto;
overflow: hidden;
background: url(images/page11.jpg) repeat-y;
text-align: left; 
}

#header {  	
left: 0;
height: 280px; 
background: #1b100b url(images/header11.jpg) no-repeat;
width: 100%;
}

#festival-dates {  	
float: right; 
color: #fff;
text-align: center;
padding-top: 40px;
}

#festival-dates h2 {  	
font-size: 3em;
line-height: 100%;
}

#menu {  	
width: 100%;
height: 30px;
clear: both;
margin: 0 auto;
background-color: #836323; 
font-family: lemonde-courrier, "lucida grande", helvetica, sans-serif; 
overflow: hidden;
}

#side {  	
float: right; 
left: 700px; 
width: 300px; 
}

#content_side {  	
padding: 10px 30px; 
overflow: hidden;
}

#content {  	
float: left;
padding: 0;
margin: 0;
}

#main {  	
float: left; 
left: 0; 
width: 700px; 
}

#content_main {  
float: left;	
padding: 20px 30px; 
overflow: hidden;
}

#footer { 
clear: both;
width: 100%; 
border-top: 8px solid #cdb783;
background-color: #261308;
padding-bottom: 10px;
}

#footerContent {  	
width: 1000px;
margin: 0 auto;
padding: 9px 0; 
font-size: 0.9em;
color: #fff;
overflow: hidden;
}

.bottomOne,
.bottomTwo,
.bottomThree {  	
float: left;
width: 32%;
text-align: left;
padding: 1px 0;
margin: 1% 0; 
overflow: hidden;
}

/* @end */

/* @group Navigation */

#menu ul {  	
list-style: none; 
margin: 0;
overflow: hidden;
}

#menu ul li {  	
display: inline; 
list-style: none; 
float: left; 
}
 
#menu ul li a,
#menu .pub a {  	
display: block;
color: #fff; 
padding: 0 10px;
font-size: 1.4em; 
text-transform: lowercase;
}

#menu ul li a:hover { 
color: #ffdd6b; 
}

#menu .current_page_item a {  	 
color: #ffdd6b;
}

#main ul.subnav {  
overflow: hidden;
width: 100%;
list-style: none; 
padding-bottom: 5px;
margin-bottom: 20px;
text-transform: uppercase;
}

#main ul.subnav li a {  	
display: block;
}

#main ul.subnav li {  	
color: #A57F46; 
float: left;
display: inline;
margin: 0 10px 0 0;
border: 0;
}

#main ul.thumb-wrap {  	
overflow: hidden;
margin-bottom: 20px;
}

#main ul.thumb-wrap li.thumb-title {  	
float: left;
width: 30%;
display: inline;
margin: 0 3% 0 0;
}

.thumb-title a {  	
color: #523ecf; 
}

#main ul.thumb-wrap li a {  	
display: block;
}

#main .navigation {  	
clear: both; 
height: 30px;
}

.pagination {  	
overflow: hidden;
margin: 9px 0; 
padding-top: 10px;
}

.pagination .wp-paginate a {  	
color: #000; 
}

.pagination .wp-paginate .title {  	
color: #000; 
font-size: 0.9em;
font-weight: bold;
text-transform: uppercase;
}

.pagination .wp-paginate .page.current {  	
background-color: #ff8334; 
border: 0;
}

.pagination .wp-paginate a.page {  	
background-color: #dfdace; 
border: 0;
}

.pagination .wp-paginate a.next {  	
background-color: #dfdace;
color: #000;
border: 0; 
}

/* @end */

/* @group Side */

.sideItem {  	
margin: 10px 0;
}

ul.social li {  	
float: left;
margin-right: 4px;
display: inline; 
width: 32px;
height: 32px;
}

ul.social li a {  	
display: block; 
width: 32px;
height: 32px;
}

li.facebook {  	
background: url(icons/facebook_32.png) no-repeat;
}

li.youtube {  	
background: url(icons/youtube_32.png) no-repeat;
}

li.flickr {  	
background: url(icons/flickr_32.png) no-repeat;
}

li.rss {  	
background: url(icons/rss_32.png) no-repeat;
}

li.email {  	
background: url(icons/email_32.png) no-repeat;
}

#side ul li,
#side p {  	
padding: 3px 0;
}

#side a {  	
color: #888; 
text-transform: uppercase;
}

#side li.gov a {  	
background: url(images/quebec.png) no-repeat 0 0;
height: 30px;	
display: block; 
}

#mc_embed_signup {  	
margin-bottom: 20px; 
}

#mc_embed_signup fieldset {  	
border: 0; 
}

#side #mc_embed_signup .mc-field-group {  	
padding: 3px 0;
}

#mc_embed_signup label {  	
font-weight: bold;
font-size: 0.85em;
}

#mc_embed_signup select {  	
width: 150px; 
}

#mc_embed_signup input {  	
margin: 2px 0 5px 0; 
width: 200px;
}

#mc_embed_signup .btn {  	
width: 80px; 
margin-top: 10px;
}

#mc_embed_signup .required {  	
color: #e94d2d; 
}

/* @end */

/* @group Headers */

h1, h2, h3, h4, h5, h6 {  	
font-family: lemonde-courrier, "lucida grande", serif; 
line-height: 100%;
font-weight: 600;
}

#main h1 {  	
font-size: 3em;
text-transform: uppercase;
margin-bottom: 9px; 
}

#main h2 {  
font-size: 2.3em;  
color: #e94d2d; 
margin: 6px 0;
letter-spacing: -1px;
}

h2 a {  	
color: #e94d2d;  
}

#intro h2 {  	
font-size: 2.8em; 
color: #000;
font-weight: bold;
}

#side h2 {  	
color: #e94d2d; 
font-size: 1.6em;
text-transform: uppercase;
margin: 0 0 5px 0;
font-weight: normal;
}

#side h2 a {  	
color: #e94d2d; 
}

#linkcat h2 {  	
display: none; 
}

#footer h2 {  	
color: #e94d2d; 
font-weight: normal;
padding: 5px 0;
}

#main h3 {  	
font-size: 1.5em; 
text-transform: uppercase;
color: #000; 
padding: 18px 0 0 0;
clear: both;
}

h3 a {  	
color: #000;  
}

#main h3.partenaires {  	
border-top: 1px solid #ddd;
padding: 9px 0 18px 0;
margin: 0; 
}

#main .firstrow h3 {  
font-size: 1.8em;	
padding-bottom: 9px;
}

h4 {  	
font-size: 1.3em;
color: #e94d2d;
padding: 3px 0;
}

/* @end */

/* @group Main */


#intro {	
padding-bottom: 20px;
}

#content_main p {  	
padding: 3px 0 6px 0; 
}

#main ul {  	
margin: 0 0 9px 0;
}

#main ul li {  	
margin : 0; 
list-style-image: url(icons/bullet_orange.png);
list-style-position: inside;
overflow: hidden;
font-size: 0.9em;
}

#main .list ul li {  	
background: url(icons/bullet_orange.png) no-repeat 0 3px;
padding: 0 0 3px 15px; 
border-bottom-color: #ff8334;
}

#main ul.partenaires {  
}

#main ul.partenaires li { 
margin: 5px 0;
list-style: none;
float: left;
display: inline;
width: 33%;
height: 165px;
border: 0;
}

#main ul.partenaires li img {  	
float: none; 
border: 0;
margin: 0;
padding: 0;
max-height: 150px;
max-width: 150px;
}

.post {  	
padding: 0 0 9px 0;
overflow: hidden; 
}

.entry {  	
overflow: hidden;
}

blockquote {  	
float: left;
width: 40%;
margin: 9px 18px 9px 0;
background: url(images/blur11.jpg) no-repeat;
padding: 12px; 
color: #d05000;
border-bottom: 6px solid #cdb783;
}

#main .post {  	
padding: 9px 18px;
}

#main .border {  	
border-bottom: 1px solid #ff8334;	 
}

#main .no-border {  	
border: 0; 
}

.postmetadata { 
display: block;
padding: 6px 0 3px 6px;
font-size: 0.8em;
text-transform: uppercase;
font-weight: bold;
}

.date {  	
background: url(icons/date.png) no-repeat 0 0;
padding: 2px 5px 2px 20px;
}

.comment {  	
background: url(icons/comment.gif) no-repeat 0 0;
padding: 5px 0 3px 20px;  
}

.edit { 
background: url(icons/pencil.png) no-repeat 0 0;
padding: 3px 5px 3px 20px; 	
}

.more a {  
color: #d05000;
font-weight: bold;
text-transform: uppercase;
}

#main table {  	
margin-bottom: 20px; 
width: 660px;
font-size: 0.9em;
line-height: 14px;
}

#main table td {  	
text-align: left; 
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
padding: 5px;
}

#main table#logos td {  	
border: 0; 
}

#main table .wider {  	
width: 100px;
}

#main table .heure {  	
background: #f9f7f3;
text-align: center; 
}

#main .alignleft,
img.alignleft {  	
float: left; 
margin: 0 20px 0 0;
}

.alignleft {  	
float: left; 
text-align: left; 
}

.alignright {  	
float: right; 
text-align: right; 
}

.liste {  	
padding: 0 5px 0 20px;
background: url(icons/bullet_wrench.png) no-repeat 0 0;   
}

.connexion { 
padding: 0 5px 0 20px;
background: url(icons/lock.png) no-repeat 0 0;  
}

.stats {  	
background: url(icons/asterisk_yellow.png) no-repeat 0 0;
padding: 0 5px 0 20px;
}

/* @end */

/* @group Images */

#main .post.artistes img,
#main img.alignleft,
#main .wp-caption.alignleft,
#main img.attachment-thumbnail.wp-post-image {  	
float: left;
margin: 9px 18px 9px 0;
border: 0;
}

#main img,
#main img.alignnone,
#main .wp-caption.alignnone {  	
float: none; 
margin: 0;
padding: 10px 0;
border: 0;
}

#main img.alignright,
#main img.attachment-newsthumb,
#main .wp-caption.alignright {  
float: right;
margin: 9px 0 9px 18px;
border: 0;
}

#main .gallery .gallery-item,
#main .slickr-flickr-gallery ul li {  	
--margin: 0 auto;
padding: 9px 0;
}

#main .gallery img.attachment-thumbnail {
margin: 0;
padding: 0;
}

#main .gallery-item img {  	
padding: 6px; 
background-color: #eee;
border: 0;
margin: 0 auto;
float: none;
}

#main .vvqbox {  	
float: none;
margin: 18px 0; 
}

#content_side ul.flickr_rss {  
padding-left: 20px;	
width: 300px; 
}

#content_side ul.flickr_rss span.flickr_side a img {  	
border: 0;
margin: 0 5px 5px 0; 
}

#main .wp-caption-text,
#main .wp-caption-dd {  	
padding-left: 9px; 
font-size: 0.85em;
text-align: center;
color: #888;
}

/* @end */

/* @group Plugins */

.wpcf7-form-control-wrap input,
.pommo input {  	
background-color: #FFFEAC; 
}

.wpcf7-form label,
.wpcf7-list-item-label {  	
font-size: 0.9em;
font-weight: bold;
}

.wpcf7-form .default-text {  	
color: #ccc;
}

.wpcf7-form small {  	
text-transform: none;
color: #ff0526; 
}

.wpcf7-response-output.wpcf7-mail-sent-ok {  	
font-size: 1em;
font-weight: normal;
text-align: center;
color: red;
border: 1px solid #ccc;
padding: 5px;
}



/* player */

#ymp-player {  	
}

#ymp-player .ymp-color-main,
#ymp-tray .ymp-color-tray {  	
background: #dfdace;
}

#ymp-player #ymp-body .ymp-carousel-item {  	
color: #fff;
font-weight: normal;
display: none !important;
}

#ymp-player #ymp-control a#ymp-play.ymp-btn-play {  
color: #000;
}

/* Remove block with relevant information */
#ymp-relevance { 
display:none !important; 
}

.ymp-player-max #ymp-body { 
width:570px !important; 
}

.ymp-player-max #ymp-body #ymp-body-strip { 
width:557px !important; 
}

.ymp-player-max #ymp-body #ymp-body-base { 
width:560px !important; 
}

#ymp-tray #ymp-tray-list {  	
background-color: #666;
}

#ymp-tray-body .ymp-tray-track {  	
font-size: 1.1em; 
padding: 3px 5px;
}

#ymp-tray-body #ymp-tray-list .playing {  	
color: #fff;
background-color: #ff8334;
}

#ymp-meta-image { display:none !important; }
#ymp-body #ymp-meta-top,
#ymp-body #ymp-meta-bottom {
  left:8px !important;
  width:330px !important;
}

#mainOne #ymp-yahoo-logo {  	
}

/* @end */

/* @group Comments */

#commentformarea {  	
margin: 0 30px; 
}

textarea#comment {  	
height: 150px;
}

h4#comments {  
font-size: 1em;
color: #C09F82;	
width: 90%;
margin: 5px auto; 
text-transform: uppercase;
}

.status {  	
display: block;
float: left;
padding: 0;
margin: 10px;
font-size: 0.9em;
line-height: 120%;
font-style: italic;
color: #888;
}

ol.commentlist {  	
margin-bottom: 5px;
padding: 10px 0; 
border-top: 6px solid #eee;
}

ol.commentlist li {  	
margin: 0; 
padding: 20px 15px; 
}

ol.commentlist li.alt {  	
margin: 0; 
padding: 8px 12px; 
border-bottom: 2px solid #eee;
border-top: 1px solid #ddd;
background: url(images/blur11.jpg) no-repeat;
-moz-border-bottomleft-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
border-bottom-left-radius: 8px;  
}

ol.commentlist .commentmeta {  	
color: #be4821; 
font-size: 0.9em;
text-transform: uppercase;
letter-spacing: 1px;
}

.navigation {  	
font-size: 90%;
font-weight: bold;
margin-left: 50px; 
text-transform: uppercase;
color: #999;
}

/* @end */
