/* @override http://alainlamontagne.com/wp-content/themes/harmonica/style.css */

/*
Theme Name: Harmonica
Author: Dana Whittle
Author URI: http://vizou.com
*/

/* @group Basics */

* {  	
margin: 0; 
padding: 0; 
}

html {  	
text-align: center; 
}

body {  
font: normal 78%/150% helvetica, verdana, arial, tahoma, sans-serif; 
margin: 0 auto; 
position: relative;
background: url(images/bgtop.jpg) repeat-x;
height: 100%;
}

p {  	
font-size: 1em; 
}

ul,
ul li,
li {  	
list-style: none; 
}

img {  	
border: 0; 
}

img a {  	
border: 0; 
}

.alignleft {  	
float: left; 
margin: 5px 10px 5px 0; 
}

.alignright {  	
float: right; 
margin: 5px 0 5px 10px; 
}

.aligncenter {  	
float: none;
margin: 5px 10px; 
}

blockquote {  	
padding: 5px 20px; 
}

code {  	
margin: 1em; 
font-family: "Courier New", Courier, monospace; 
}

small {  	
font-size: 0.8em; 
}

.clearfix { 
clear: both; 
overflow: hidden; 
min-height: 1px; 
}

em {  	
color: #13aa6e; 
font-style: normal;
font-family: baskerville, "new york", georgia, serif; 
text-transform: uppercase;
}

/* @end */

/* @group Dev */

/* use borders for development */

/*
#container,
#header,
#menu,
#mainContent,
#subContent,
#footer {  	
border: 1px dashed red; 
}
*/

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

/* @end */

/* @group Layout */

#container { 
position: relative;
min-height: 600px;
width: 950px; 
margin: 0 auto; 
text-align: left; 
overflow: hidden; 
background-color: #fff;
}

#header {  	
width: 100%; 
height: 490px; 
margin: 0 auto; 
}

#menu {  	
list-style: none; 
font-size: 0.8em; 
font-family: lucida, baskerville, "new york", georgia, serif; 
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold; 
margin: -60px 20px 0 20px;
float: left;
clear: both;
}

.header1 {  	
background: #000 url(images/header.jpg) no-repeat top center;  
}

.header2 {  	
background: #000 url(images/header2.jpg) no-repeat top center;  
}

.header3 {  	
background: #000 url(images/header3.jpg) no-repeat top center;  
}

.header4 {  	
background: #000 url(images/header4.jpg) no-repeat top center;  
}

.header5 {  	
background: #000 url(images/header5.jpg) no-repeat top center;  
}

.header6 {  	
background: #000 url(images/header6.jpg) no-repeat top center;  
}

#subContent { 
float: left;
left: 0;	
width: 300px; 
}

.subContent {  	
text-align: center;
margin: 0 auto;
overflow: hidden;
border-right: 1px dashed #328324;
padding: 0px 10px 40px 0; 
}

#mainContent {  	
float: right;
left:  300px;
width: 650px; 
min-height: 400px;
}

.mainContent { 	
width: 580px;
padding: 0 0 0 20px
}

#footer { 	
width: 950px;
clear: both; 
margin: 0 auto;
padding: 60px 0 20px 0; 
font-size: 0.9em; 
background-color: #fff;
}

/* @end */

/* @group Navigation */

#menu li {  	
float: left; 
display: inline;
padding: 1px 6px 0 6px; 
margin-left: 8px;
}

#menu li a { 
display: block; 	
color: #fff;
}

#menu li a:hover {  	
color: #ccc; 
}

#menu li.current_page_item {  	
background-color: #ffea83;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; 
}

#menu li.current_page_item a {  	
color: #000; 
background-color: #ffea83; 
}

#menu li.current_page_item a:hover {  	
color: #328324; 
}

.subpages ul {  	
display: block;
height: 30px;
width: 100%; 
margin-bottom: 10px;
}

.subpages li {  	
display: inline; 
}

.subpages li a {  
display: block;
font-family: baskerville, georgia, serif;
font-size: 1em; 
line-height: 90%;
letter-spacing: 1px;
text-transform: lowercase;
font-style: italic;
float: left;
padding: 3px 6px 5px 6px;
margin: 0 8px 0 0;
color: #333;
background-color: #eee;
-moz-border-radius: 4px;
-webkit-border-radius: 3px;
border-radius: 4px; 
}

.subpages li a:hover {  	
color: #666; 
}

a {  	
color: #328324; 
text-decoration: none; 
border: none; 
}

a:hover {  	
text-decoration: none; 
border: none; 
color: #ccc;
}

.navigation {  	
float: left;
clear: both; 
}

ul.subnav {  	
float: left;
width: 100%;
font-size: 0.8em;
text-transform: uppercase; 
font-family: baskerville, "new york", georgia, serif; 
}

ul.subnav li {  	
float: left;
padding: 8px 8px 0 0; 
}

ul.subnav li a {  	
border: 1px solid #eee; 
padding: 3px 6px;
background-color: #eee;;
color: #951706;
}

/* @end */

/* @group Headers */

h1, h2, h3, h4 {  	
font-family: lucida, baskerville, "new-york", georgia, serif; 
font-weight: normal; 
}

h1 {  	
font-size: 3em; 
color:  #be801e;
}

h2 {  	
color: #328324;
font-size: 2.4em;
line-height: 100%;
}

#mainContent h2 {  	
padding: 10px 0; 
letter-spacing: -1px;
}

h2 a {  	
color: #328324; 
}

#mainContent h3 {  	
font-size: 1.5em;
color: #6a0e08;
font-weight: normal;
margin: 5px 0 10px 0;
}

#subContent h2 {  	
font-size: 1.5em;
margin: 10px 0 3px 0;
}

h3 a {  	
color: #6a0e08; 
}

h4 {  	
font-size: 1em;
font-weight: bold; 
}

/* @end */

/* @group subContent */

#subContent .quote-side {  	
padding: 15px 20px;
}

#subContent ul li {  	
font-weight: normal; 
}

#subContent ul.cac {  	
font-size: 0.8em;
padding-top: 100px; 
}

.subContent .youtube {  	
background: url(icons/youtube_32.jpg) no-repeat bottom center;
padding: 5px; 
margin: 0 auto;
height: 32px;
width: 32px;
}

.subContent .facebook {  	
background: url(icons/facebook_32.jpg) no-repeat bottom center;
padding: 5px; 
margin: 0 auto;
height: 32px;
width: 32px;
}

.facebook a,
.youtube a {  	
display: block; 
height: 32px;
width: 32px;
}

#subContent ul li span.cac {  	
background: url(icons/cac.jpg) no-repeat center;
display: block;
width: 250px;
height: 60px;
margin: 0 auto;
}

#subContent ul {  	
margin: 0 0 5px 0;
padding: 0 0 5px 0;
line-height: 140%;
}

#subContent ul#events {  	
padding: 0 0 10px 0; 
}

#subContent ul#events li ul {  	
margin: 0;
padding: 0;
}

#subContent li.vevent {  	
margin-bottom: 5px; 
}

#subContent ul.gigpress-listing {  	
border: 0; 
}

#subContent ul#events li.tiny a,
#subContent .quote-side strong {  	
font-size: 0.8em;
font-family: baskerville, "new-york", georgia, serif; 
text-transform: uppercase;
font-weight: bold;
color: #6a0e08;
}

#subContent ul li a {  	
color: #000; 
}

#subContent #events {  	
padding: 0 20px; 
}

#subContent .vevent.active {  	
padding-bottom: 5px; 
}

#subContent .location {  	
display: block; 
}

#subContent .gigpress-tickets-link {  	
display: none; 
}

#mainContent .gigpress-tickets-link {  	
text-transform: none; 
}

#subContent .dtstart,
#subContent .dtend {
display: block; 
}

/* @end */

/* @group mainContent */

.intro {  	
padding: 15px 20px;
margin: 25px 0 15px 0;
font-size: 1.1em;
line-height: 170%;
color: #333;
background-color: #eee;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px; 
}

.intro strong {  	
font-family: lucida, baskerville, "new-york", georgia, serif;  
}

.intro em {  	
font-size: 0.9em; 
}

#mainContent p {  	 
margin-bottom: 15px;
}

.post {  	
float: left;
clear: both;
width: 100%;
padding: 5px 0; 
}

#mainContent .post img {  	
float: left; 
margin: 0 15px 5px 0;
}

#mainContent .produit .post {  
padding: 5px 0;
border-top: 1px dashed #328324;
}

#mainContent ul li {  	
padding: 5px 0; 
}

#mainContent small {  	
color: #666; 
}

.postmeta {  	
font-size: 0.9em; 
padding: 5px 0; 
border-bottom: 1px solid #ddd;
font-family: baskerville, "new york", georgia, serif; 
text-transform: uppercase;
color: #777;
}

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

#subContent .gigpress-subscribe,
#mainContent .gigpress-subscribe {  	
display: none; 
text-align: center;
}

table.gigpress-table .vevent,
.gigpress-header {  	
font-size: 0.9em; 
}

#mainContent .gigpress-date {  	
width: 25%;
font-weight: bold;
color: #000;
}

#mainContent .entry object {  	
width: 400px;
}

/* @end */

/* @group Audio */

#mainContent .bg-audio { 
display: block; 	
float: right;
clear: both; 
width: 150px;
text-align: right;
margin-top: -25px;
}

#mainContent .bg-audio object {  	
vertical-align: middle;
}

#mainContent .bg-audio small {  	
color: #888; 
}

#ymp-player #ymp-body-strip {  	
background-color: #222; 
}

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

#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: #000;
background-color: #ffea83;
}

#mainOne #ymp-yahoo-logo {  	
}



/* @end */

/* @group Comments */

#commentssection {  	
clear: both; 
margin: 10px 0 10px 40px; 
}

#commentssection h3 {  	
font-weight: normal; 
color: #000; 
}

#commentform {  	
background-color: #eaffdf; 
margin: 10px 0 10px 40px; 
padding: 20px; 
width: 100%; 
}

#commentform p {  	
color: #000; 
}

#commentform a {  	
color: #000; 
text-decoration: none; 
border-bottom: 1px dotted #465D71; 
line-height: 14pt; 
}

#commentform h3 {  	
font-weight: normal; 
color: #000; 
border: 0; 
margin: 0; 
padding: 0 0 10px 0; 
}

#commentbox {  	
width: 350px; 
margin: 5px 5px 0 0; 
}

.commentmetadata .date {  	
color: #5e90cf; 
font-weight: bold; 
text-transform: uppercase; 
}

.comment {  	
background: url(icons/comment.gif) no-repeat 0 50%; 
padding: 2px 0 2px 19px; 
margin-left: 5px; 
}

#author, #email, #url, #commentbox, #submit {  	
background: #fff; 
font-family: verdana, arial, courriel; 
font-size: 0.9em; 
margin: 5px 5px 0 0; 
border: 0; 
padding: 6px; 
border: 1px solid #ccc; 
}

#submit {  	
margin: 5px 5px 0 0; 
}

ol.commentlist {  	
list-style-type: none; 
}

ol.commentlist li {  	
background: #fff; 
margin: 10px 0; 
padding: 5px 0 5px 10px; 
overflow: hidden; 
}

ol.commentlist li.alt {  	
background: #e4fff5; 
}

ol.commentlist li p {  	
margin: 6px 0 6px 0; 
padding: 0 12px 0 0; 
line-height: 140%; 
}

ol.commentlist a {  	
color: #000; 
}

cite {  	
font-size: 0.9em; 
font-weight: bold; 
font-style: normal; 
}

cite a {  	
color: #000; 
text-decoration: none; 
}

/* @end */

/* @group Forms */

.confirm {  	
color: #ff1601; 
}

/* using contact form 7 */

#contactform label {  	
font-size: 0.9em; 
}

#contactform small {  	
color: #777; 
}

/* search */

#searchform {  	
padding: 5px; 
}

#searchform input#s {  	
font-size: 0.9em; 
padding: 2px; 
margin: 2px; 
border: 1px solid #B7B7B7; 
width: 120px 
}

#searchform input#searchsubmit {  	
font-size: 0.8em; 
padding: 2px; 
margin: 2px 0 0 2px; 
border: 1px solid #B7B7B7; 
background-color: #e6ec75; 
color: #555; 
}

/* @end */

/* @group Footer */

#footer p { 
color: #666; 
font-family: baskerville, "new york", georgia, serif; 
font-size: 0.9em;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0 40px;
}

#footer a {  	
color: #666; 
text-decoration: none; 
}

#footer a:hover {  	
color: #000; 
text-decoration: none; 
}

.admin {  	
background: url(icons/key-yellow.png) no-repeat 3px 50%; 
padding: 5px 0 5px 25px; 
}

/* @end */