/* @override http://violontradquebec.com/wp-content/themes/camp/style.css */

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

/* @group Basics */

/*basics */

* {  	
margin: 0; 
padding: 0; 
}

html {  	
text-align: center; 
}

body {  
font: 78%/150% normal helvetica, verdana, arial, tahoma, sans-serif; 
margin: 0 auto; 
background-color: #323806;
height: 100%;
position: relative;
}

p {  	
font-size: 1em; 
}

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

a:hover {  	
text-decoration: none; 
color: #13aa6e;
}

img {  	
border: 0; 
}

ul {  	
list-style: none; 
}

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

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

blockquote {  	
padding: 0 10px; 
}

small {  	
font-size: 0.8em; 
color: #777;
}

em {  	
color: #13aa6e; 
font-style: italic; 
}

/* @end */

/* @group Layout */

/* dev borders */

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

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

#container { 
position: relative;
width: 1000px; 
margin: 0 auto; 
text-align: left; 
overflow: hidden; 
background: #fff url(images/page.jpg) repeat-y;
}

#header {  	
width: 100%; 
height: 340px; 
margin: 0 auto; 
background: #323806 url(images/header.jpg) no-repeat;
}

#header-date {  	
margin: 0 auto;
text-align: center;
padding: 25px 0 0 30px;
}

#header-date h1 { 
font-size: 3em; 	
color: #fff; 
font-family: "american typewriter","lucida grande", helvetica, arial, sans-serif; 
line-height: 100%;
}

#menu { 
float: left;
overflow: hidden;
position: relative;
width: 100%;
height: 30px;
text-transform: uppercase;
margin: -30px auto 0 auto;
}

ul#menuContent { 
clear: left;
float: left;
position: relative;
left: 50%;
list-style: none; 
font-size: 0.8em; 
letter-spacing: 1px;
text-align: center;
font-weight: bold; 
}

#subOne { 
float: left;
left: 0;	
width: 350px; 
padding: 20px 0; 
}

#subOneContent {  	
text-align: left;
margin: 0 0 0 50px;
overflow: hidden;
padding: 0 25px; 
}

#mainOne {  	
float: right;
left:  350px;
width: 650px;
background: url(images/corner.jpg) no-repeat top left; 
}

#mainOneContent { 	
padding: 20px 90px 20px 30px;
overflow: hidden; 
}

#footer { 	
width: 1000px;
height: 70px;
clear: both; 
margin: 0 auto;
padding-top: 20px; 
font-size: 0.9em; 
}

/* @end */

/* @group Menus */

ul#menuContent li {  	
float: left; 
display: inline;
position: relative;
right: 50%;
padding: 5px; 
margin-right: 4px;
-moz-border-radius-topleft: 8px;
-webkit-border-top-left-radius: 8px;
border-bottom-top-radius: 8px;  
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
border-top-right-radius: 8px; 
background: url(images/tabmenu.jpg) no-repeat;
border-top: 2px solid #74985e; 
border-right: 2px solid #74985e; 
border-left: 2px solid #74985e; 
}

ul#menuContent li a { 
display: block; 	
color: #fff;
margin: 0 8px;
}

ul#menuContent li a:hover {  	
color: #e8ffad; 
}

ul#menuContent li.current_page_item {  	
background: url(images/tabmenu2.jpg) no-repeat;
-moz-border-radius-topleft: 8px;
-webkit-border-top-left-radius: 8px;
border-bottom-top-radius: 8px;  
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
border-top-right-radius: 8px; 
}

ul#menuContent li.current_page_item a {  	
color: #ddfff6;
}

ul#menuContent li.current_page_item a:hover {  	
color: #fff; 
}

ul#subpages {  	
display: table;
margin-bottom: 20px;
color: #000;
}

ul#subpages li {  
float: left;
display: inline;
font-size: 0.8em; 
text-transform: lowercase;
padding: 0 6px;
border-right: 1px solid #97dcd6;
}

ul#subpages .current_page_item {  	
background-color: #e8ffad;
}

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

ul#subpages li a:hover {  	
color: #13aa6e; 
}

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

/* @end */

/* @group Headers */

h1, h2, h3, h4 {  	
font-family: "american typewriter","lucida grande", helvetica, arial, sans-serif; 
font-weight: normal; 
display: block;
clear: both;
}

h2 {  	
color: #328324;
font-size: 2.4em;
line-height: 100%;
padding: 5px 0 12px 0;
}

h2 a {  	
color: #328324; 
}

#subOne h2 {  	
font-size: 1.8em;
margin: 10px 0 0 0;
color: #ddfff6;
}

#subOne h2 a {  	
color: #ddfff6; 
}

h3 {  	
font-size: 1.5em;
color: #3291a4;
padding: 10px 0 5px 0;
}

#subOne h3 {  	
color: #fff; 
}

h3 a {  	
color: #3291a4; 
}

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

/* @end */

/* @group Sub */

#language {  
display: block;
padding: 5px;
height: 20px;
margin-bottom: 10px;
}

.english { 
float: right;
display: inline;
width: 20px; 	
height: 20px;
background: url(icons/english.jpg) no-repeat;
padding: 5px 5px 5px 0;
}

.francais {  
float: right;
display: inline;
width: 20px;	
height: 20px;
padding: 5px 0 5px 0;
background: url(icons/francais.jpg) no-repeat;
}

#subOne a {  	
color: #fff; 
}

#subOne a:hover,
#subOne a:hover .reservation-side {  	
color: #e8ffad; 
}

#subOne .reservation-side a {  	
color: #ffff71; 
}

#subOne ul.subMenu li.current_page_item {  	
background: url(images/tableft2.jpg) no-repeat;
}

#subOne ul.subMenu li {  
border: 2px solid #74985e; 
background: url(images/tableft.jpg) no-repeat;	
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px; 
margin-bottom: 8px;
font-size: 0.8em;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
height: 15px;
line-height: 100%;
}

#subOne .subMenu li a {  	
padding: 0 10px; 
}

#subOne ul {  	
margin-bottom: 15px;
list-style: none;
}

#subOne ul li a {  
color: #fff;	
}

#subOne ul li{  	
font-size: 1em;
color: #fff;	
height: 26px;
border-bottom: 2px solid #74985e;
padding-top: 5px;
}

#subOne img.sideThumb {  	
border: 3px solid #74985e; 
margin: 0 10px 10px 0;
}

#subOne .archives a {  
font-size: 0.8em;
letter-spacing: 1px;	
text-transform: uppercase;
color: #e8ffad;
font-weight: bold;
}

/* @end */

/* @group Main */

#mainOne .intro {  	
padding-bottom: 1em;
}

#mainOne p {  	 
margin-bottom: 10px;
}

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

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

.no-border {  	
border: 0; 
}

#mainOne img {  	
float: left; 
margin: 3px 15px 10px 0;
border: 5px solid #badc9e;
}

#mainOne ul {  	
margin-bottom: 10px;
}

#mainOne ol {  	
margin: 5px 0 8px 20px; 
}

#mainOne .post ul li {  
float: left;
width: 100%;
display: block;
clear: both;
border-bottom: 1px solid #ccc;
padding: 3px 0;
}

#mainOne .post.item {  
float: left;
clear: both;
border-bottom: 1px solid #ccc; 
padding: 10px;
}

#mainOne .post.item img { 
border: 0;
}

#mainOne .post.item input {  	
font-size: 0.8em;
margin: 3px; 
}

#mainOne ul.partenaires {  	
display: table; 
}

#mainOne ul.partenaires li {  	
display: table-cell;
vertical-align: middle;
width: 45%;
height: 150px;
margin: 0 0px 0 0;
padding: 10px 10px 10px 0;
}

#mainOne ul.partenaires li img {  	
border: 0;
margin-bottom: 10px;
}

.postmetadata {  
font-size: 0.7em;
font-weight: bold;
text-transform: uppercase; 
color: #328324;
}

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

#mainOne input {  	
padding: 10px 0;
}

/* @end */

/* @group Plugins */

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

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

#mainOne .shopping_cart {  	
width: 100%;
float: left;
clear: both; 
margin-top: 20px;
overflow: hidden;
background-color: #ddfff6;
border: 1px solid #eee;
}

#mainOne .shopping_cart table {  	
padding: 20px; 
}

#mainOne .shopping_cart input {  	
padding: 5px;
}

#mainOne .shopping_cart h2 {  	
padding: 5px 0 8px 10px;
font-size: 1.4em;
}

#mainOne .eStore-product {  	
float: left; 
width: 100%;
border: 0;
}

#mainOne .eStore-thumbnail img {  	
padding: 0; 
}

#mainOne .shopping_cart .eStore_paypal_checkout_button {  	
border: 0; 
padding-bottom: 10px;
}

/* @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 */

/* using contact form 7 */

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

#contactform small {  	
color: #777; 
}

/* search */

#searchform {  	
padding: 5px; 
}

form {  	
padding: 10px 0; 
}

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

form .required {  	
color: #ff0909; 
}

.wpcf7 form label {  	
font-size: 0.8em;
font-weight: bold; 
}

/* @end */

/* @group Footer */

#footerContent { 
color: #e8ffad; 
font-size: 0.9em;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0 40px;
}

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

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

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

/* @end */