/* @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 76% helvetica, tahoma, arial, sans serif; 
line-height: 18px;
color: #444; 
position: relative; 
margin: 0 auto; 
text-align: center; 
}

p {  	
font-size: 1em; 
}

small {  	
font-size: 0.8em; 
}

img {  	
border: 0; 
}

ul, ol {  	
list-style: none; 
}

.hide {  	
display: none; 
}

/* @end */

/* @group Structure */

/* which template? */

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

#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/header1.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: 25px;
overflow: hidden; 
margin-top: -46px; 
clear: both;
}

#search {  	
float: right;
padding: 10px 40px 0 0;
margin-top: 0; 
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: 0 5% 5% 5%; 
float: left; 
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: 0.8em; 
letter-spacing: 1px; 
}

/* @end */

/* @group Navigation */

.member p {  	
font-family: tahoma, sans-serif; 
font-size: 0.8em; 
letter-spacing: 1px; 
text-transform: uppercase; 
color: #75a83d; 
background-color: #000;
padding: 2px 8px 0px 8px;
height: 20px;
margin-top: -8px;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 2px solid #555;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; 
}

#header .member a {  	
color: #a2c625; 
}

#header .member a:hover,
#header .member a:active {  	
color: #b5ff34; 
font-weight: bold; 
letter-spacing: normal; 
}

#menu ul {  	
float: right; 
list-style: none; 
margin: 0; 
padding: 0; 
font-size: 1.2em; 
text-transform: lowercase; 
}

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

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

#menu a .home {  	
background: url(icons/house.png) no-repeat;
padding: 0 8px;
margin-top: 10px;
display: block;
}

#menu a .cinema {  	
background: url(icons/popcorn.png) no-repeat;
padding: 0 8px;
margin-top: 10px;
display: block;
}

#menu a .calendar {  	
background: url(icons/date.png) no-repeat;
padding: 0 8px;
margin-top: 10px;
display: block;
}

#menu a .cart {  	
background: url(icons/cart.gif) no-repeat 0 50%; 
padding: 0px 8px;
margin-top: 10px;
display: block;
}

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

#menu ul li a:hover,
#menu ul li.current_page_item a:hover {  	
color: #888; 
}

#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 4px 0 0;
background: url(icons/arrow_right_spearmint.png) no-repeat 0 50%;
padding-left: 13px;
}

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

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

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

#wrapper .more a,
small {  	
font-size: 0.9em; 
text-transform: uppercase;  
font-style: normal;
font-family: tahoma, sans serif;
color: #55c53d;
}

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

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

#containerTwo a {  	
color: #444; 
}

#featured .post.divlink a:hover { 
color: #ccc;
margin-bottom: 5px;
width: 100%;
}

.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,h5 {  	
font-family: georgia, "new york", baskerville, serif; 
font-weight: normal; 
line-height: 100%; 
display: block; 
clear: both; 
padding: 3px 0 5px 0;
}

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

#mainOne h1 {  	
color: #55c53d; 
font-family: georgia, serif; 
font-size: 2.4em; 
font-style: italic; 
padding: 0 0 10px 0; 
}

#mainOne h3 {  	
color: #000; 
font-size: 1.5em;
text-transform: uppercase;
padding-top: 8px;
}

#containerTwo h2 {  	
font-size: 1.3em; 
font-weight: bold;  
color: #000; 
padding-top: 3px;
}

#mainOne #intro h2 {  	
font-size: 2em; 
text-transform: uppercase; 
padding-bottom: 5px; 
color: #ccc; 
}

#mainOne h2 {  	
font-size: 2.7em; 
padding: 5px 0;
line-height: 92%; 
}

#mainOne h1 {  	
font-style: italic;
color: #ccc; 
}

#featured h1 {  	
font-size: 2.5em; 
padding-top: 8px;
}

#mainOne .boutique h4 a  {  	
font-size: 0.9em;
text-transform: none;
color: #000;
font-family: helvetica, tahoma, sans serif;
height: 30px;
display: block;
}

#containerTwo h2,
#containerTwo h2 a {  	
color: #000; 
}

.linkcat h2 {  	
display: none; 
}

/* @end */

/* @group Content */

#intro {  	
margin-bottom: 10px; 
display: block; 
clear: both; 
}

#intro p {  	
font-size: 1.2em; 
line-height: 24px; 
color: #000;
}

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

#mainOne blockquote {  	
margin: 10px; 
padding: 10px 20px; 
}

#mainOne ol {  	
list-style-type: decimal; 
list-style-position: inside; 
}

#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; 
font-family: georgia, baskerville, serif; 
font-size: 1.2em;
}

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

#mainOne .linkwrap{  
height: 130px;	
width: 50%;
padding-right: 5px;
float: left;
}

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

#mainOne .archives ul li {  	
border-bottom: 1px solid #ddd;
padding: 3px 0 6px 0;
}

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

#mainOne .post {  	
float: left; 
width: 100%; 
margin: 5px 0 0; 
padding: 5px 0; 
border-bottom: 5px solid #ddd; 
}

#mainOne .post.boutique {  
width: 33%;
text-align: center;
border-bottom: 1px solid #ddd;
padding-bottom: 9px;
}

#mainOne .post.boutique img {  	
float: none; 
margin: 0;
border: 0;
}

#containerOne .post.no-border {  	
border: 0; 
}

#mainOne .entry {  	
width: 100%; 
}

#thumbnail-menu {  	
margin-bottom: 20px; 
float: left; 
clear: both; 
}

.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: 0.9em; 
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-family: helvetica, arial, sans serif; 
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; 
}

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

#mainOne p {  	
margin: 5px 0; 
}

.alignleft {  	
float: left; 
}

.alignright {  	
float: right; 
}

.no-border {  	
border: 0; 
}

/* @end */

/* @group Sidebars */

#featuredContent .post {  	 
padding: 6px 0px 3px 0; 
overflow: hidden; 
border-bottom: 5px solid #ddd;
}

#containerTwo .sideItem.no-border {  	
border: 0; 
}

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

form {  	
font-size: 0.9em;
font-weight: bold; 
}

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

#featured .featured-intro {  	
font-family: georgia, serif; 
font-style: italic;
font-size: 1.1em;
}

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

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

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

.sideItem.featured ul li,
.sideItem .blogroll li {  	
padding: 9px 0;
border-bottom: 1px solid #ddd; 
}

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

#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: 0.8em;
font-style: italic;
color: #888;
padding: 0 0 3px 0; 
}

.sideItem {  	
float: left; 
clear: both; 
display: block; 
width: 100%; 
margin-bottom: 5px; 
padding: 3px 0 8px 0; 
border-bottom: 5px solid #ddd; 
}

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

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

/* @end */

/* @group Comments */

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

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

#commentform {  	
background-color: #e5eeea; 
margin: 10px auto; 
padding: 20px; 
}

#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: #118bb7; 
font-weight: bold; 
text-transform: uppercase; 
}

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

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

ol.commentlist a {  	
color: #000; 
}

/* @end */

/* @group Images */

#mainOne img,
object,
.vvqbox {  	
margin: 5px 20px 8px 0; 
float: left; 
overflow: hidden; 
}

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

#mainOne .post.boutique img {  	
border: 1px solid #ddd; 
}

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

.shopping_cart h2 {  	
display: none; 
}

.shopping_cart form {  	
margin-top: 20px; 
}

#subOne .gigpress-sidebar-date {  	
float: left;
padding: 0 5px 0 2px; 
margin: -4px 5px 0 0;
background: url(images/green.jpg) repeat-y;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-right-radius: 8px;
border-bottom-right-radius: 8px; 
color: #fff;  
}

#subOne .gigpress-listing a {  	
color: #fff; 
}

#subOne .gigpress-listing li {  	
padding: 4px 0; 
line-height: 15px; 
}

#mainOne .gigpress-table {  	
line-height: 16px;
}

#mainOne .gigpress-table a {  	
color: #455617; 
}

#mainOne .gigpress-artist {  	
font-size: 1.1em; 
}

#mainOne .gigpress-artist-title {  	
font-weight: bold;
font-size: 1em; 
color: #000;
}

#mainOne .details {  	
font-size: 1.1em;
font-weight: bold; 
}

#mainOne tr.gigpress-header,
#mainOne .gigpress-table {  	
border: 0; 
}

#mainOne .gigpress-date {  	
width: 13%; 
text-align: center;
}

#mainOne td.gigpress-date {  	
background: url(images/green.jpg) repeat-y; 
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
border-bottom-left-radius: 8px;  
}

#mainOne .gigpress-artist-heading {  	
font-size: 1.2em;
text-transform: none;
font-weight: bold; 
}

#mainOne .gigpress-subscribe {  	
margin-bottom: 20px; 
}

/* @end */