/* @override 
	http://crapo.qc.ca/wp-content/themes/hop/style.css
*/

/*
Theme Name: Hop
Theme URI: http://vizou.com
Description: Thème pour CRAPO
Author: Dana Whittle
Author URI: http://vizou.com
version: 1.0
*/

/* @group Basic */

* {  	
margin: 0; 
padding: 0; 
}

body {  	
background: #fff url(images/top.jpg) repeat-x; 
font: normal 90% abril-text-1, abril-text-2, helvetica, arial, sans serif; 
font-weight: 400;
line-height: 18px;
color: #444; 
position: relative; 
margin: 0 auto; 
text-align: center; 
}

p {  	
font-size: 1em;
padding: 5px 0; 
}

em {  	
font-style: italic; 
}

img {  	
border: 0; 
}

ul, ol {  	
list-style: none; 
}

.hide {  	
display: none; 
}

/* @end */

/* @group Structure */

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

#temp {  	
height: 500px;
width: 500px;
margin: 0 auto; 
padding: 100px;
}

body.temp {  	
background: none; 
}

#temp h2 {  	
color: green; 
padding-bottom: 20px;
}

#temp p {  	
color: #000; 
}

#wrapper {  	
width: 1000px; 
margin: 0 auto; 
position: relative; 
background-color: #fff; 
overflow: hidden;
}

#top {  	
background: url(images/top.jpg) no-repeat; 
width: 100%; 
height: 35px; 
height: 77px; 
overflow: hidden; 
position: relative; 
}

#header {  	
width: 1000px; 
margin: 0 auto; 
height: 350px; 
}

.header1 {  	
background: #fff url(images/header_noel.jpg) no-repeat; 
}

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

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

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

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

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

#header .member {  	
float: right; 
clear: both; 
height: 20px; 
padding: 8px 5px; 
}

#menu {  	
width: 100%; 
height: 40px;
overflow: hidden; 
margin-top: -46px; 
clear: both;
}

#containerOne {  	
width: 100%; 
position: relative; 
float: left; 
overflow: hidden; 
text-align: left; 
padding: 0; 
}

#mainOne {  	
width: 48%; 
float: left; 
left: 0; 
overflow: hidden;
}

#mainOneContent {  	
padding: 7% 5%; 
overflow: hidden; 
}

#containerTwo {  	
width: 49%; 
float: right; 
overflow: hidden; 
}

#containerThree {  	
width: 100%; 
overflow: hidden; 
}

#featured {  	
width: 100%; 
overflow: hidden; 
margin-bottom: 10px;
}

#featuredContent {  	
padding: 0 3%; 
overflow: hidden; 
}

#subOne {  	
width: 50%; 
float: left; 
}

#subOneContent {  	
padding: 0 5% 5% 5%; 
overflow: hidden; 
}

#subTwo {  	
width: 50%; 
float: right; 
}

#subTwoContent {  	
padding: 0 0 5% 8%; 
overflow: hidden; 
}

#footer {  	
clear: both; 
width: 100%; 
text-align: center; 
margin-top: 30px; 
}

#footerContent {  	
padding: 20px 0; 
color: #fff; 
text-transform: uppercase; 
font-size: 1em; 
}

/* @end */

/* @group Navigation */

#menu ul {  	
list-style: none; 
margin-left: 130px;; 
padding: 0; 
text-transform: lowercase; 
overflow: hidden;
}

#menu ul li {  	
display: block; 
float: left; 
list-style: none; 
margin: 0; 
padding: 0 0 2px 0; 
line-height: 100%; 
}

#menu ul li.page_item {  	
border-right: 1px solid #666;  
}

#menu ul li a {  	
display: block; 
color: #eee; 
padding: 0 6px; 
font-size: 1em;
}

#menu a .facebook {  	
background: url(icons/facebook_green.jpg) no-repeat;
padding: 0 36px 0 0;
width: 32px;
height: 32px;
margin-top: 10px;
display: block;
}

#menu a .home {  	
background: url(icons/home_green.jpg) no-repeat;
margin-top: 10px;
display: block;
width: 32px;
height: 32px;
}

#menu a .cinema {  	
background: url(icons/movies_green.jpg) no-repeat;
margin-top: 10px;
display: block;
width: 32px;
height: 32px;
}

#menu a .calendar {  	
background: url(icons/calendar_green.jpg) no-repeat;
margin-top: 10px;
display: block;
width: 32px;
height: 32px;
}

#menu a .cart {  	
background: url(icons/panier_green.jpg) no-repeat;
margin-top: 10px;
display: block;
width: 32px;
height: 32px;
}

#menu .page_item.no-border {  	
border: 0; 
}

#menu ul li a:hover,
#menu ul li.current_page_item a:hover {  	
color: #b5ff34; 
opacity: 0.6;
}

#menu ul li.current_page_item a {  	
color: #b5ff34; 
}

#mainOne ul#submenu {  	
clear: both;
overflow: hidden; 
margin: 0 0 15px 0;
}

#mainOne ul#submenu li {  	
display: inline; 
float: left; 
margin: 0 3px 0 0;
background: url(icons/arrow_right_spearmint.png) no-repeat 0 50%;
padding-left: 13px;
}

#submenu li a {  	
color: #000; 
font-size: 0.9em; 
font-weight: bold; 
text-transform: uppercase; 
}

#submenu li a:hover {  	
color: #bbb; 
}

#submenu .current_page_item a {  	
color: #55c53d; 
}

a {  	
color: #28ac35; 
text-decoration: none; 
}

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

#containerTwo a {  	
color: #444; 
}

#containerTwo a:hover { 
color: #ccc;
}

.navigation,
.pagination {  	
display: block;
clear: both;
padding: 9px 0;
font-size: 0.9em; 
}

#mainOne .wp-paginate .current {  	
background-color: #b5ff34;
color: #000;
}


#mainOne .wp-paginate .next {  	
background-color: #fff; 
}


.navigation .alignleft {  	
margin: 7px 0; 
}

.navigation .alignright {  	
margin: 7px 0; 
}

/* @end */

/* @group Headers */

h1, h2, h3, h4, h5 { 
font-family: abril-text-1, abril-text-2, georgia, helvetica, arial,sans serif; 	
font-weight: 400; 
font-style: normal;
padding: 3px 0 5px 0;
line-height: 0.9em;
color: #000;
}

#wrapper h1 a, 
#wrapper h2 a, 
#wrapper h3 a {  	
color: #000; 
}

#containerTwo h2 {  	
font-size: 2em;  
}

h1, #intro h2 {  	
font-size: 1.8em; 
text-transform: uppercase; 
color: #bbb; 
}

h2 {  	
font-size: 2.6em; 
padding: 6px 0 4px 0;
}

#containerTwo .sideItem.hot h2 {  	
color: #e95900;
font-size: 3em;
}

#mainOne .sticky h2 a {
color: #e95900;
}

h3 {  	
font-size: 1.4em;
font-weight: 700;
padding: 6px 0 4px 0;
line-height: 1em;
}

#mainOne .boutique h4 a  {  	
font-size: 1em;
text-transform: uppercase;
color: #888;
height: 40px;
display: block;
line-height: 13px;
}

.linkcat h2 {  	
display: none; 
}

#mainOne ul.links h2 {  	
font-size: 2.4em; 
}

h6 {  	
/* callout */
font-size: 1.4em;
font-weight: 400;
display: block;
width: 30%;
float: right;
margin: 15px 0 10px 20px;
padding: 10px 15px;
background: #f0ffc7;
border-top: 5px solid #ddd;
border-bottom: 5px solid #ddd; 
}

/* @end */

/* @group Content */

#intro {  	
margin-bottom: 15px; 
line-height: 22px;
clear: both; 
}

#intro p {  	
font-size: 1.2em; 
}

#intro p strong {  	
font-style: normal; 
color: #333; 
text-transform: uppercase; 
}

#mainOne blockquote {  	
margin: 10px 0; 
padding: 10px 15px; 
border-left: 2px solid #f0ffc7;
}

#mainOne ol {  	
list-style-type: decimal; 
list-style-position: inside; 
clear: both;
padding: 9px 0;
}

#mainOne ul .blogroll li {  	
float: left;
width: 100%;
border-bottom: 2px solid #eee;
padding: 8px 0;
line-height: 16px;
}

#mainOne .blogroll a {  	
font-weight: bold; 
}

#mainOne .blogroll img {  	
border: 0;
width: auto;
float: none;
}

#mainOne ul.links li {  	
list-style: none; 
list-style-image: none;
}

#mainOne ul li {  	
list-style-image: url(icons/bullet_star.png); 
list-style-position: outside; 
line-height: 16px;
margin-left: 20px;
}

#mainOne .post.archives ul li {  	
padding: 3px;
list-style: none;
border-bottom: 1px solid #ddd;
}

#mainOne ol li {  	
margin-bottom: 5px; 
}

.border {
border-bottom: 4px solid #eee; 
}

 .post {  	
margin: 5px 0 0; 
padding: 5px 0; 
}

.entry {
overflow: hidden;
}

.post.sticky {  	
background: url(images/prochainement.jpg) no-repeat 0 0;
}

#mainOne .post.sticky h2 {  	
padding-left: 35%;
}

#mainOne .post.boutique { 
float: left; 
width: 33%;
height: 150px;
text-align: center;
border-bottom: 1px solid #ddd;
padding-bottom: 18px;
}

#mainOne .post.boutique img {  	
float: none; 
margin: 0;
border: 0;
border: 1px solid #ddd; 
}

#mainOne .post.boutique a:hover img {  	
border: 9px solid #e2fe68;
opacity: 0.5;
}

#mainOne ul li.calendar-item {
float: left;
display: inline;
width: 170px;
height: 160px;
list-style: none;
text-align: center;
border-top: 1px solid #ccc;
padding: 5px;
margin-right: 10px;
}

#mainOne ul li.calendar-item .attachment-thumbnail {
float: none;
margin: 0;
padding: 8px;
}

#mainOne  ul li .calendar-title {
text-transform: uppercase;
line-height: 1em;
}

#mainOne .entry {  	
overflow: hidden;
}

.tag a {  	
background: url(images/green.jpg) repeat-y;
padding: 0 10px;
text-align: center;
margin: 0 0 -5px 0;
float: right;
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 0.8em;
-moz-border-radius-topleft: 8px;
-webkit-border-top-left-radius: 8px;
border-top-left-radius: 8px;  
}

.postmetadata {  	
font-size: 1em; 
display: block; 
padding: 5px; 
margin: 5px 0 0; 
text-transform: lowercase; 
color: #55c53d; 
font-style: italic; 
font-family: georgia, baskerville, serif; 
}

.postmetadata a {  	
color: #55c53d; 
}

.postmetadata.date {  	
display: block; 
font-size: 0.9em; 
font-style: normal; 
letter-spacing: 1px; 
text-transform: uppercase; 
padding: 5px 0 5px 22px; 
margin-bottom: 5px; 
background: url(icons/date.png) no-repeat 5px 50%; 
color: #ccc; 
text-indent: 8px; 
}

.more,
small {  	
text-transform: uppercase; 
font-weight: bold; 
font-size: 1em;
color: #55c53d;
float: right;
}

.categories {  	
display: inline; 
padding: 3px 5px 3px 15px; 
background: url(icons/bullet_arrow_blue.png) no-repeat 0 3px; 
}

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

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

.alignleft {  	
float: left; 
}

.alignright {  	
float: right; 
}

/* @end */

/* @group Sidebars */

#search {  	
clear: both;
}

.sideItem {
overflow: hidden;
}

.sideItem.googlemap {  	
margin: 10px 0;
}

#containerTwo small {
float: none;
}

form {  	
font-weight: bold; 
}

#featured .entry img,
.sideItem img {  	
margin: 5px 20px 10px 0; 
}

#containerOne ul {  	
overflow: hidden;
margin-bottom: 5px; 
}

#containerTwo ul {  	
list-style-type: none; 
}

#containerTwo ul li {  	
overflow: hidden;
clear: both;
}

.sideItem ul li,
.sideItem .blogroll li {  	
padding: 3px 0;
}

#containerTwo .cinema .post {
border-top: 1px solid #ddd;
}

#subOne .blogroll img {  	
width: 120px;
}

.sideItem.featured img {
float: right;
margin: 0 0 0 15px;
}

#containerTwo a {  	
color: #28ac35; 
}

.no-border {  	
border: 0; 
}

.feed {  
background: url(icons/feed_orange.gif) no-repeat 0 50%; 
padding: 3px 0 3px 22px; 
font-weight: bold;
}

.credit {  	
font-size: 1em;
font-style: italic;
color: #888;
padding: 0 0 3px 0; 
}

.sideItem {  	
clear: both; 
padding: 9px 0; 
border-bottom: 4px solid #eee; 
}

.sideItem.hot {  	
padding: 0 18px;
margin-bottom: 10px;
background: url(images/greentint.jpg) repeat-x bottom;
margin-top: 15px;
border-bottom: 4px solid #28ac35;

overflow: hidden;
}

.sideItem.blur ul li {
border: 0;
}

#mc_embed_signup .btn {  	
margin-top: 9px;
}

#mc_embed_signup fieldset {  	
border: 0; 
}

#mc_embed_close {  	
display: none; 
}

.sociable ul li a {  	
float: left; 
padding: 0 15px 15px 0; 
}

.sociable_tagline {  	
margin-bottom: 8px; 
}

#containerTwo .sociable-hovers {  	
opacity: 1; 
}

#containerTwo .sociable-hovers:hover {  	
opacity: .4; 
}

#containerTwo .categories {  	
background: none; 
padding: 0; 
}

#containerTwo .vevent.active {  	
border-bottom: 1px solid #ddd; 
}

#containerTwo .gigpress-sidebar-date {  	
font-weight: 700;
}

#containerTwo .gigpress-sidebar-artist {  	
text-transform: uppercase;
}

/* @end */

/* @group Comments */

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

#commentform {  	
margin: 10px auto; 
padding: 10px 20px;
}

#respond {  	
padding-bottom: 10px; 
font-weight: bold;
font-size: 1.2em;
}

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

.commentmetadata {  	
text-transform: uppercase; 
}

.commentmetadata .date {  	
font-weight: bold; 
color: #55c53d; 
}

#commentform label {  	
margin-left: 5px; 
}

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

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

ol.commentlist li {  	
padding-bottom: 3px;
overflow: hidden; 
}

ol.commentlist li.alt {  	
border-bottom: 1px solid #c7f782;
}

.comments-number {  	
color: #ccc; 
}

.required {  	
color: #46bb2c; 
}

/* @end */

/* @group Images */

#mainOne img.alignnone {  	
margin: 5px 0 8px 0; 
float: none; 
}

#mainOne img.alignright {  	
margin: 5px 0 8px 20px; 
float: right;  
}

#mainOne img.alignleft,
img.attachment-thumbnail {
margin: 5px 20px 10px 0;
float: left;
}

.thumbnail img {  	
border: 1px solid #eee; 
margin: 8px; 
text-align: center; 
}

.listing .wp-caption {  	
text-align: center; 
padding: 8px; 
margin-bottom: 5px; 
border: 1px solid #ccc; 
}

.listing .wp-caption img {  	
margin: 5px; 
padding: 0; 
background-color: #fff; 
}

img a {  	
border: none; 
}

img.left {  	
float: left; 
border: none; 
padding: 6px; 
}

img.right {  	
float: right; 
border: none; 
padding: 6px; 
}

#mainOne #thumbnail-menu img {  	
margin: 5px; 
border: 0; 
}

/* @end */

/* @group Forms */

#searchform {  	
padding: 5px 0; 
}

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

#subscribe .button {  	
margin: 10px 0; 
}

/* @end */

/* @group Footer */

#footer p {  	
color: #9f9996; 
}

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

#footer .frog {  	
background: url(images/frog_logo.jpg) no-repeat left 50%;
padding: 22px 35px;
}

#footer .admin {  	
background: url(icons/gear.gif) no-repeat 3px 50%; 
padding: 8px 0 8px 22px; 
}

/* @end */

/* @group Plugins */



/* gigpress */

#mainOne .gigpress-table {
border: 0;
border-collapse: collapse;
margin: 5px 0;
padding: 0;
}

#mainOne .gigpress-table .cell-1 {
width: 38%;
border-bottom: 3px solid #55c53d;
vertical-align: middle;
}

#mainOne .gigpress-table .cell-2 {
border-bottom: 1px solid #ddd;
padding-left: 10px;
vertical-align: middle;
width: auto;
}

#mainOne .gigpress-date {
font-weight: 700;
font-size: 0.9em;
}

#mainOne .gigpress-artist {
font-size: 1.1em;
color: #888;
text-transform: uppercase;
}

.gigpress-related a {
font-size: 0.7em;
letter-spacing: 1px;
font-weight: 600;
text-transform: uppercase;
}

.shopping_cart {  	
margin: 18px 0; 
}

.eStore-button-form input {  	
margin-top: 9px; 
}

.shopping_cart h2 {  	
display: none;
}

.eStore-product-name {  	
color: #55c53d; 
}

#containerOne .eStore_paypal_checkout_button {  	
border: 0; 
}

#containerOne .eStore-product { 
margin: 9px 0; 	
border: 0;
background-color: #eee;
padding: 9px 18px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px; 
}

#containerTwo .eStore-product {  	
background: none;
padding: 0; 
}

#containerOne .eStore-thumbnail img {  	
border: 0;
padding: 0;
margin: 9px 0;
}

/* @end */