/* @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 {  
margin: 0 auto;
position: relative;	
text-align: left; 
font: normal 76% "lucida grande","trebuchet ms",helvetica, sans-serif; 
line-height: 18px;
color: #333; 
background: #fff url(images/bg.jpg) repeat-x;
}

p {  	
font-size: 1em; 
}

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

a:hover {  	
color: #ccc; 
}

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

strong {  	
color: #7D3719; 
}

/* @end */

/* @group Layout */

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

#wrap {  
width: 900px;	
margin: 0 auto;
overflow: hidden;
background: url(images/body.jpg) repeat-y
}

#header {  	
left: 0;
height: 265px; 
background: url(images/header.jpg) no-repeat;
}

#festival-dates {  	
float: right; 
color: #fff;
text-align: center;
width: 200px;
margin-right: -20px;
}

#festival-dates h1 {  	
font-size: 6em; 
}

#festival-dates h2 {  	
font-size: 2.7em; 
}

#festival-dates h4 {  	
font-size: 1.5em; 
text-align: center;
margin: 0;
padding: 25px 0 8px 0;
color: #fff; 
}

#menu {  	
width: 900px;
margin: 0 auto;
height: 26px;
background-color: #441E03; 
font-family: "trebuchet ms", "lucida grande", helvetica, verdana, sans-serif; 
overflow: hidden;
}

#side {  	
float: right; 
left: 600px; 
width: 300px; 
padding: 0;
min-height: 400px;
}

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

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

#content_main {  
float: left;
width: 550px;	
padding: 20px 30px 20px 0; 
}

#content_side {  	
font-size: 0.9em; 
padding: 20px; 
}

#footer { 
clear: both;
width: 100%; 
border-top: 8px solid #dc5201;
background-color: #1f141a;
overflow: hidden;
}

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

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

.bottomThree {  	
float: right;
width: 24%;
text-align: left;
padding: 1px 0;
margin: 1% 0 1% 2%;
overflow: hidden;
}

/* @end */

/* @group Navigation */

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

#menu ul li {  	
display: inline; 
list-style: none; 
float: left; 
font-size: 1em; 
letter-spacing: 1px; 
text-transform: lowercase;
}
 
#menu ul li a {  	
display: block;
color: #ff8334; 
padding: 4px 12px;
}

#menu ul li a:hover { 
color: #fff; 
background-color: #78160f;
height: 27px;

}

#menu .current_page_item a {  	 
color: #fff;
background-color: #555b7b;
height: 27px;
}

#menu .programme a {  	
color: #fff;
text-transform: uppercase;
font-weight: bold; 
}

ul#subpages {  
display: block;
width: 100%;
height: 30px;
list-style: none; 
font-size: 0.9em;
letter-spacing: 1px;
text-transform: lowercase;
}

ul#subpages li.page_item .current_page_item a {  
font-weight: bold;
}

ul#subpages li.page_item a {  	
background: url(images/subbar.jpg) no-repeat;
border-bottom: 1px solid #eee
}

ul#subpages li a {  	
color: #A57F46; 
float: left;
font-weight: normal;
padding: 0 25px;
}

#main ul.thumb-wrap {  	
overflow: hidden;
border-bottom: 1px solid #ff8334;
}

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

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

.pagination {  	
overflow: hidden;
margin: 9px 0; 
}

.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: #eee; 
border: 0;
}

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

/* @end */

/* @group Side */

ul.sidelist.social {  	
padding: 0 0 9px 20px;
overflow: hidden; 
}

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

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

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

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

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

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

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

#side ul {  	
padding-bottom: 10px;
list-style: none;
margin-left: -20px
}

ul.sidelist li {  	
font-size: 1.05em;
font-weight: normal;
color: #333;
padding: 3px 0 4px 20px;
border-bottom: 6px solid #fff; 
}

#side ul li {  	
padding-bottom: 5px; 
}

#content_side ul.sidelist li a {  	
color: #888; 
text-transform: uppercase;
font-weight: bold;
}

#side .blogbox {  	
background: url(images/cahier.jpg) no-repeat 18px 0;
padding: 45px 0 45px 0; 
}

#side li.gov {  	
background: url(images/quebec.png) no-repeat 20px 0;
padding: 18px 0 9px 0;
}

#side li.gov a {  	
display: block; 
}

.subscribe_side {  	
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;  
}

ul.subscribe_side li {  	
margin: 0 0 8px 20px;
width: 148px;
line-height: 1.2em;
padding: 5px 8px;
background-color: #555b7b;
}

.subscribe_side li a {  
color: #fff;
}

.sidelist img {  	
border: 1px solid #eee;
margin: 5px 0; 
}

.abonner {  	
font-weight: bold;
color: #333; 
}

#side .sidecomment {  	
border-bottom: 1px dotted #e9c388;
width: 80%; 
}

#side .sideauthor {  	
font-weight: bold;
text-transform: uppercase;
font-size: 0.8em;
color: #e94d2d; 
}

#side .sideexcerpt {  	
font-style: italic;
background: url(icons/comment.png) no-repeat 0 50%;
padding: 3px 0 5px 20px;
}

#side ul.flickr_rss li a {  	
color: #333;
}

#side ul.feed {  	
background: url(icons/feed.gif) no-repeat 0 50%;
padding: 3px 0 3px 22px; 
margin-left: 0;
font-weight: bold;
color: #000;
}

ul.feed a {  	
color: #000; 
}

/* @end */

/* @group Headers */

h1, h2, h3, h4, h5, h6 {  	
font-family: "old standard tt", "trebuchet ms", "lucida grande", helvetica, sans-serif; 
display: block;
clear: both;
line-height: 100%;
letter-spacing: -1px;
}

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

#content_main h2 {  
display: block;	
clear: both;
font-size: 2.3em; 
font-weight: normal; 
color: #e94d2d; 
margin: 12px 0;
}

#content_main h3 {  	
display: block;
clear: both;
font-size: 1.2em; 
font-weight: bold; 
text-transform: uppercase;
letter-spacing: .1em;
background: url(images/purple.jpg) repeat-y;
color: #7D3719; 
padding: 6px 6px;
border-bottom: 1px solid #ddd;
margin: 9px 0;
}

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

#side h2 {  	
color: #e94d2d; 
font-size: 1.5em;
letter-spacing: normal;
text-transform: uppercase;
margin: 0 0 5px -30px;
padding: 5px 0 2px 28px;
}

#side h2 a {  	
color: #e94d2d; 
}

#linkcat h2 {  	
display: none; 
}

ul.subscribe_side h2 {  	
padding-left: 28px; 
}

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

h4 {  	
font-size: 1.1em;
letter-spacing: normal;
text-transform: uppercase;
color: #5f67c7;
padding: 9px 0;
}

/* @end */

/* @group Main */

#intro {  	
overflow: hidden; 
}

#intro p {	
float: left;
width: 44%;
display: inline;
margin: 0 20px 9px 0;
}

#intro p + p {  	
border-left: 1px solid #ff8334; 
padding-left: 20px;
}

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

#content em {  	
font-family: "old standard tt", "trebuchet ms", "lucida grande", helvetica, sans-serif; 
color: #523ecf;
font-style: italic; 
font-size: 1.15em;
}

#main ul {  	
padding-bottom: 9px; 
}

#main ul li {  	
margin-left: 20px; 
border-bottom: 1px solid #eee;
list-style-image: url(icons/bullet_orange.png);
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 {  
line-height: 16px;
margin-top: 18px;
}

#main ul.partenaires li { 
float: left;
display: inline;
width: 43%;
height: 120px;
overflow: hidden;
border-top: 1px solid #eee;
padding: 9px;
margin: 0 20px 0 0;	
list-style: none;
}

#main ul.partenaires li a { 
font-weight: bold;
text-transform: uppercase;
color: #523ecf;
}

#main ul.partenaires li img {  	
float: right; 
border: 0;
margin: 3px 0 6px 20px;
width: 100px;
}

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

#main .post.artistes img {  	
float: left;
margin: 9px 18px 9px 0;
border: 0;
}

.entry {  	
overflow: hidden;
}

#main .post.border {  	
background: url(images/tint.jpg) no-repeat; 
padding: 9px 18px;
}

#main .border {  	
border-top: 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;  
}

.tags { 
float: left;
margin: 0 10px 9px 0;
background: url(icons/tag_yellow.png) no-repeat 0 50%;
padding: 3px 5px 3px 20px; 	
}

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

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

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

#main #programme p {  	
padding: 0;
margin: 0;
}

#main #programme ul li {  	
list-style: none;
border-bottom: 1px solid #ccc;
padding: 2px 0; 
margin: 0 0 0 10px;
}

#main #programme h3 {  	
margin-top: 20px; 
}

#main #programme em {  	
font-weight: bold;
color: red; 
}

#main #programme p strong {  	
margin-left: 10px;
line-height: 1.5em; 
}


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

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

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

/* @end */

/* @group Images */


#content_main img {  
float: right;
margin: 1% 0 2% 5%;
border: 1px solid #ccc;
overflow: visible;
}

#main img.attachment-newsthumb {  	
border: 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; 
}

/* @end */

/* @group Plugins */

/* DMSGuestbook */

.css_guestbook_position {  	
font-size: 1em;
text-align: left; 
}

.css_guestbook_position form {  	
text-align: left; 
}

.css_form_text {  	
font-weight: bold; 
}

a.css_form_link {  
display: block;	
margin-bottom: 20px; 
font-weight: bold;
color: #c62604;
}

.entry_number {  	
margin-right: 5px;
padding: 0 3px 0 0; 
color: #000;
}

.css_post_header1 {  	
font-size: 0.9em;
font-weight: bold;
text-transform: uppercase;
color: #c62604;
}

.css_post_message {  	
padding: 0 0 0 23px; 
}

.css_navigation_totalcount,
.css_navigation_overview {  	
display: none;
}

.css_post_embedded {  	
background-color: #fff8df;
padding: 5px 8px 12px 8px;
border-bottom: 1px solid #eee;
}

.css_form_textfieldspace {  	
margin-bottom: 10px; 
}

.required_text {
font-weight: normal;
font-style: italic;	
}

.css_form_antispam_inputfield {  	
margin: 10px 0; 
}

.css_form_antispamtext{  	
text-align: left; 
}

input.css_form_antispam_inputfield {  	
width: 120px; 
}

img.css_form_antispamcontent {  	
float: right; 
}

textarea.css_form_messagefield {  	
width: 400px;
height: 200px;
display: block; 
}

/* @end */

/* @group Footer */

.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;  
}

.dreamhost {  
margin-top: 10px;
padding: 8px 0 8px 0; 
background: url(icons/dreamhost_green.gif) no-repeat 0 0;
}

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

/* @end */

/* @group Comments */

#comments {  	
float: left;
width: 100%;
clear: both; 
margin-bottom: 10px;
}

#commentformarea {  	
margin: 0 auto; 
padding: 5px; 
}

#commentform {  	
margin: 15px 0 10px 40px; 
}

h3#respond {  	
font-size: 120%; 
font-weight: normal; 
color: #E1802B; 
margin: 10px 0 10px 20px;
background: transparent;
border: 0; 
}

form#commentform p {  	
margin: 0; 
}

#commentform strong {  	
font-size: 110%; 
color: #000;
}

#commentformarea #commentform input, 
#commentform textarea {  
border: 1px solid #A7A6AA; 
background: #fff; 
padding: 3px; 
}

#commentform textarea {  	
width: 420px; 
}

textarea#comment {  	
font-size: 130%; 
height: 100px;
}

#commentform input#submit {  	
width: 130px; 
color: #000; 
}

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

.more a {  
clear: both;	
color: #523ecf;
font-size: 0.9em; 
font-weight: bold;
}

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

ol.commentlist {  	
font-size: 95%;
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-left: 1px solid #ddd;
background: url(images/sideback.jpg) repeat-y;
-moz-border-bottomleft-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
border-bottom-left-radius: 8px;  
}

#comments p {  	
padding: 5px; 
}

ol.commentlist p.await_mod {  	
color: #f00; 
margin: 0 0 8px 0; 
}

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

--#commentform input#submit {  	
background-color: #722b14;
color: #fff;
}

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

/* @end */

/* @group Search, Forms */

input#s {  	
width: 440px; 
margin: 0 13px -20px 0; 
border: 1px solid #A7A6AA; 
background: #fff; 
padding: 4px 0; 
color: #ccc; 
text-align: center; 
}

div>input#s {  	
margin-bottom: 0; 
margin-top: 15px; 
}

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

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

.subscribe {  	
font-size: 0.85em;
line-height: 13px;
margin-top: 9px; 
}

.subscribe input {  	
margin: 0 0 9px 0; 
}

.subscribe select {  	
margin: 5px 0 15px 0; 
}

.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;
}

/* @end */