@charset "ISO-8859-1";

/* PAGE */
HTML {height: 100%; font-size: 100%; margin: 0; padding: 0;}
BODY {height: 100%; margin:0; padding:0; font: 0.9em "Lucida Bright", Georgia, "Lucida Sans", Helvetica; background: #000000 url(images/back_v2.gif); color: #000000;}

form {margin: 0; padding: 0;}
ul {margin: 0; padding: 0;}
li {margin: 0; padding: 0; display: block;}
img {border: 0;}

h2 {height: 50px; margin: 0 0 20px 0;}
h2 span {display: none;}
h2.news {background: url(images/title_news.png) no-repeat top left !important; background: url(images/title_news.gif) no-repeat top left;}
h2.bio {background: url(images/title_bio.png) no-repeat bottom left !important; background: url(images/title_bio.gif) no-repeat bottom left;}
h2.nextgigs {background: url(images/title_nextgigs.png) no-repeat bottom left !important; background: url(images/title_nextgigs.gif) no-repeat bottom left;}
h2.pastgigs {background: url(images/title_pastgigs.png) no-repeat bottom left !important; background: url(images/title_pastgigs.gif) no-repeat bottom left;}
h2.photos {background: url(images/title_somepictures.png) no-repeat center left !important; background: url(images/title_somepictures.gif) no-repeat center left;}
h2.playlist {background: url(images/title_playlist.png) no-repeat center left !important; background: url(images/title_playlist.gif) no-repeat center left;}
h2.archive {background: url(images/title_archive.png) no-repeat top left !important; background: url(images/title_archive.gif) no-repeat top left;}
h2.media {background: url(images/title_media.png) no-repeat top left !important; background: url(images/title_media.gif) no-repeat top left;}
h2.links {background: url(images/title_links.png) no-repeat top left !important; background: url(images/title_links.gif) no-repeat top left;}
h2.tags {background: url(images/title_tags.png) no-repeat top left !important; background: url(images/title_tags.gif) no-repeat top left;}
h3 {margin: 0; color: #c76c1b; font-size: 1.5em; text-transform: uppercase;}
h4 {margin: 0; color: #c76c1b; font-size: 1em; text-transform: uppercase;}
h5 {margin: 0; font-size: 1em; font-weight: bold; text-transform: uppercase;}

a {color: #1e6ab8; text-decoration: underline;}
a:hover {text-decoration: none;}
a.facebook {position: absolute; background: url(images/facebook_16.png) no-repeat left 1px; height: 17px; width: 16px;}

div.clear {clear: both;}
div.bigspacer {height: 20px; background: url(images/separator_big.png) no-repeat center center !important; background: url(images/separator_big.gif) no-repeat center center;}

#main {position: relative; min-height: 100%; height:auto !important; height:100%; width: 100%; background: url(images/back_paper.jpg) repeat-y;}
#container {margin-left: 100px; width: 800px;}

#top {height: 270px; width: 800px; background: url(images/bandeau.jpg);}
#top #bandeau {height: 190px;}
#top #bandeau h1 {display: none;}
#top #menu {height: 45px; width: 470px; margin-left: 50px; background: url(images/back_menu.jpg);}
#top #menu li {display: block; float: left; padding-top: 10px;}
#top #menu a {display: block; height: 25px; margin-left: 15px;}
#top #menu a.link1 {width: 45px; margin-left: 25px;}
#top #menu a.link2 {width: 25px;}
#top #menu a.link3 {width: 62px;}
#top #menu a.link4 {width: 55px;}
#top #menu a.link5 {width: 55px;}
#top #menu a.link6 {width: 52px;}
#top #menu a.link7 {width: 40px;}
#top #menu a span {display: none;}

#middle {padding: 30px 0 50px 50px;}
#middle img {border: solid 1px #353535;}
#middle #content {float: left; width: 450px;}
#middle #content li {display: block;}
#middle #columnright {float: right; width: 250px;}

.pageprev {float: left;}
.pageprev a {display: block; height: 16px; width: 107px; background: url(images/page_prev.png);}
.pageprev a span {display: none;}
.pagenext {float: right;}
.pagenext a {display: block; height: 16px; width: 87px; background: url(images/page_next.png);}
.pagenext a span {display: none;}

.petit {font-size: 0.9em;}
.datepost {font-size: 0.7em; color: #353535; padding-bottom: 15px;}

#newslist {}
#newslist li {padding-bottom: 40px;}
#newslist .thumb {float: right; padding-left: 10px;}
#newslist .link {padding-top: 15px;}

#medialist {}
#medialist li {padding-bottom: 40px;}
#medialist .expand {float: right; height: 16px; width: 61px; cursor: pointer;}
#medialist .hide .expand {background: url(images/media_show.png) no-repeat top right !important; background: url(images/media_show.gif) no-repeat top right;}
#medialist .show .expand {background: url(images/media_hide.png) no-repeat top right !important; background: url(images/media_hide.gif) no-repeat top right;}
#medialist .hide .media_content {display: none;}
#medialist .show .media_content {display: block;}

#linkslist {font-size: 0.9em;}
#linkslist li {float: left; width: 200px; margin: 0 20px 10px 0;}

.photo_thumb {float: left; width: 95px; height: 95px; border: solid 1px #353535; margin: 0 10px 10px 0; -moz-border-radius:8px; border-radius:8px;}
.photo_thumb a {display: block; width: 100%; height: 100%;}

#archive {padding-bottom: 25px;}

#miniagenda {padding-bottom: 10px;}
#miniagenda li {padding-bottom: 15px;}
#miniagenda li span {display: block;}
#miniagenda li span.dategig {color: #c76c1b;}

#quicklinks {padding-top: 30px;}
#quicklinks li {padding-bottom: 15px;}
#quicklinks li.myspace a {display: block; width: 182px; height: 70px; background: url(images/sticker_myspace.png) no-repeat !important; background: url(images/sticker_myspace.gif) no-repeat;}
#quicklinks li.facebook {padding-left: 25px;}
#quicklinks li.facebook a {display: block; width: 200px; height: 66px; background: url(images/sticker_facebook.png) no-repeat !important; background: url(images/sticker_facebook.gif) no-repeat;}
#quicklinks li.twitter {padding-left: 10px;}
#quicklinks li.twitter a {display: block; width: 173px; height: 70px; background: url(images/sticker_twitter.png) no-repeat !important; background: url(images/sticker_twitter.gif) no-repeat;}
#quicklinks li a span {display: none;}

#newsletter {width: 200px; height: 105px; margin-left: 20px; background: url(images/back_newsletter.png) no-repeat !important; background: url(images/back_newsletter.gif) no-repeat;}
#newsletter #wegotit {display: none; width: 192px; height: 105px; background: url(images/sticker_wegotit.png) no-repeat center center !important; background: url(images/sticker_wegotit.gif) no-repeat center center;}
#newsletter form {padding: 68px 0 0 7px;}
#newsletter input {float: left; height: 15px; width: 145px; border: 0; background: transparent; font: 0.75em "Lucida Bright", Georgia, Helvetica; }
#newsletter input.button {margin-left: 4px; height: 20px; width: 30px; cursor: pointer;}

#contactmail {float: right; width: 210px; height: 78px; padding-top: 20px; background: url(images/back_postit.png) no-repeat bottom left !important; background: url(images/back_postit.gif) no-repeat bottom left;}
#contactmail a {display: block; margin: 45px 0 0 35px; width: 120px; height: 20px;}