html,body{
	height:100%;
}
html {
	background-color:#333333;
}
body {
	color:#8C8C8C;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0px 0px 0px 0px;
	text-align:center;	
}

/* Generic styles */
a {
	color:#8c8c8c;
}
a:hover {
	text-decoration:none;
	color:#000000;
	background-color:#FFFFFF;
}
a img{
	border-color:#999999;
}
ul li {
}
h3{	
	background-image:url(images/h3picto.gif);
	background-position: top left;
	background-repeat:no-repeat;
	padding-left:25px;	
	padding-right:5px;
	margin:20px 0px 20px 0px;	
	color:#333333;
	font-size:14px;
}
h2{
	font-size:18px;
	color:#333333;
	margin-bottom:30px;
}
h4{
	margin-bottom:10px;
}
h1,h4,h5{
	color:#333333;
}
.default{
	color:#8c8c8c;
}
.highlight{
/*	background-color:#FFFFFF;
	color:#000000;*/
 	font-weight:bold;
}
.small{
	font-size:10px;
}


  /*************/
 /* Frontpage */
/*************/
#frontpage body{
	background-color:#FFFFFF;
	height:100%;
}
#frontpage #bodyBox{
	height:100%;
	width:100%;
	text-align:center;
	margin:0px;
	padding:0px;
	/*background-color:#000000;*/
	background-image:url(images/bpix.gif);
	/*background-repeat: repeat-x;*/
}
#frontpage #mainArea{
	height:100%;
	width:360px;
	margin-left: auto;
    margin-right: auto;	
}
#frontpage #hiddenHeader{
	color:#000000;
	font-size:9px;
	height:50px;	
}
#frontpage #hiddenHeader h1{
	color:#000000;
	font-size:9px;	
}
#frontpage #menu{
	visibility:visible;
	text-align:left;
	padding-top:250px;
	padding-left:220px;	
	background-image:url(images/blink-182-splash.jpg);
	background-repeat:no-repeat;
	background-position: center center;
}
#frontpage #menuContent{	
	text-align:center;
	width: 150px;
}
#frontpage #menuContent #flagBox{
	
}
#frontpage #menuContent #flag{
	float: left;	
	text-align:center;
	padding-left:4px;
	padding-right:4px;
}
#frontpage #menuContent img{
	border: 0px;	
	margin: 7px;
}
#frontpage #menu a {
	font-weight:bold;
	color:#999999;
	background-color:#000000;
}
#frontpage #footer{
	text-align:center;
	font-size:10px;
	color:#999999;
	height:100px;	
}
#frontpage #footer a{
	font-size:9px;
	color:#000000;
}



  /*****************/
 /* Generic pages */
/*****************/

body #generic{
	background-color:#333333;			
}
#generic #hiddenContainer{	
}
#generic #bodyBox{
	height:100%;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
	background-color:#333333;
}
#generic #mainAreaBG{
	width:1000px;
	margin-left: auto;
	margin-right: auto;	
	margin-top:0px;	
	background-image:url(images/background.gif);
	background-position:center;
	background-repeat:repeat-y;	
}
#generic #mainArea{	
	width:720px;	
	margin-left: auto;
    margin-right: auto;	
	margin-top:0px;	
	/*border-left: 1px solid #000000;
	border-right: 1px solid #000000;*/
	background-color:#FFFFFF;	
}
#generic #header{
	height:195px;
	width:720px;
	background-image:url(images/header.jpg);
	text-align:left;
}
#generic #header #headerTitle{
	margin:0px;
	padding-top:120px;
}
#generic #header #headerTitle h1 a{
	font-size:10px;
	color:#FFFFFF;
}
#generic #menu{
	border: 1px solid #000000;	
	width:720px;		
}
#generic #menuContent{	
	padding-bottom:7px;
	padding-top:7px;
	padding-left:10px;
	text-align:left;
	background-color:#8c8c8c;
	background-image:url(images/menubg.jpg);
	background-repeat:no-repeat;	
}
#generic #menuContent .menuItem{
	font-weight:bold;
	padding: 1px 1px 1px 1px;	
	color:#333333;
}
#generic #menuContent .menuItem:hover{
	color:#333333;
	/*text-decoration:blink;*/
}	
#generic #menuContent .relatedLink{
	padding: 2px 2px 2px 2px;	
	color:#FFFFFF;
}	
#generic #menuContent .relatedLink:hover{
	color:#000000;
	text-decoration:none;
	text-align:right;
}
#generic #subMenuContent{
	text-align:right;	
	color:#FFFFFF;
	height:0px;
	background-image:url(images/submenubg.jpg);
	border: 0px;
}
#generic .subMenuItem{	
	padding-left: 5px;
	padding-right: 5px;
}
#generic #flagsBox{
	position:relative;
	float:right;
	top:10px;	
	right:10px;
}
#generic #flagsBox img{
	border:0px;
}
#generic #menu img {
	border: 0px;	
	padding: 0px;	
}
#generic #contentArea{
	min-height:272px;
	text-align:left;
	background-color:#FFFFFF;
	background-image:url(images/marginbg.png);
	background-repeat:no-repeat;
	background-position: 0px 50px;	
	padding:0px 0px 0px 0px;
}
#generic #contentAreaMargin #marginMenu{
	height:210px;
	padding:10px 0px 0px 10px;
}
#generic #contentAreaMargin #marginMenu img{
	border:0px;
}
#generic #contentAreaMargin #marginMenu #rssIcon{
	
}
#generic #contentAreaMargin #marginMenu #rssAndBookmarking{
	position:absolute;
	visibility:hidden;
	width:160px;	
}
#generic #contentAreaMargin{
	width:100px;
	float:left;
	text-align:left;	
}
#generic #contentAreaMargin img{
	border:0px;
}
#generic #contentAreaMargin #marginContent{
	padding: 20px 20px 20px 20px;
}
#generic #contentAreaMargin #adSenseSkyscraper{
	padding-right:10px;
}
#generic #contentAreaBody{
	width:510px;
	text-align:left;
	margin-left: 140px;
	padding: 20px 20px 20px 20px;	
}
#generic #contentAreaBody .mailToLink img{
	border-width:0px;
	vertical-align:middle;
}	
#generic #footer {
	width:720px;	
	background-color:#FFFFFF;		
}
#generic #footer #footerContent{
	color:#FFFFFF;
	width:720px;
	padding-top:5px;
	padding-bottom: 5px;	
	margin-bottom:0px;
	margin-top:0px;
	text-align:center;
	background-color:#8c8c8c;
	font-size:10px;	
	clear:both;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
}
#generic #adSenseBar{
	color:#666666;
	float:right;		
}
#generic #footer #adSenseBar{
	text-align:right;
	margin:0px 0px 0px 0px;
	padding:0px 10px 10px 0px;		
}
#generic #adSense{
	position:fixed;
	margin:0px 0px 0px 0px;		
	bottom:0px;
	right:0px;
}
#generic #footer img{
	margin: 0px 0px 0px 0px;
	vertical-align:middle;
	border:0px;
}
#generic #footer a{
	color:#FFFFFF;
}
#generic #footer a:hover{
	color:#FFFFFF;
	text-decoration:none;
	background:none;
}


/* Accueil */
#generic #contentAreaMargin #infoSticker{
	width:100px;	
}
#generic #contentAreaMargin .postItBody{
	position:absolute;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:10px;
	width:150px;
	margin: 5px 5px 5px 5px;
	border:1px solid #000000;
}
#generic #contentAreaMargin .postItBody:hover{
	cursor:move;
}
#generic #contentAreaMargin .postItContent{
	text-align:left;
	color:#000000;
	background-color:#DDDDDD;	
	padding: 5px 5px 5px 5px;	
}
#generic #contentAreaMargin .postItContent:hover{
	cursor:text;
}
#generic #contentAreaMargin .feedItemBody{
	font-size:9px;
	border:1px solid #999999;
		
}

/* News */
#generic #newsRssIcon img{
	border:0px;
}
#generic .news{
	float:right;
	width:100%;	
	padding-bottom:50px;
}
#generic .news h3{
	display:inline;	
}	
#generic .news img{
	float:left;
	margin-right:15px;
	margin-bottom:10px;
	border:1px solid #DDDDDD;
}
#generic .news a img{
	border:0px;
}
#generic .news a:hover{
	text-decoration:underline;
	color:#000000;
}
#generic .news a{
	text-decoration:none;
	color:#555555;
}
#generic #tourDates #profile_bandschedule table a{
	text-decoration:none;	
}
/*
#generic #tourDates #profile_bandschedule table{
	background-color:#FFFFFF;
}
#generic #tourDates #profile_bandschedule table td[bgcolor="#d5e8fb"]{
	background-color:#FFFFFF;
}
#generic #tourDates #profile_bandschedule > table > tr:first-child > td > table {
	visibility:hidden;
	height:0px;
	display:none;
}*/

/* Le Groupe */
#generic #theBand img.clear{
	clear:both;
	border:0px;
	margin: 0px 10px 10px 0px;	
}

/* Discographie */
#generic .disc{
	margin-left:50px;
	margin-bottom:50px;
}
#generic .disc h3{
	display:inline;
}
#generic .disc img{
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #8C8C8C;
}

/* Paroles */
#generic .lyric{
	margin-bottom:50px;
}

/* Videos */
#generic .video{
	float:right;
	width:100%;	
	padding-bottom:30px;
}
#generic .video a.thumbnail img{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #8C8C8C;
}
#generic .video a img{
	border:none;
}
#generic .video h4{
	display:block;
	font-size:12px;
}	
#generic #brightcoveBox{
	width:100%;
	text-align:center;
}
#generic #podcast {
	padding-top:30px;
	clear:both;
}	
#generic #videosPlayer {
	padding-top:60px;
	clear:both;
}
#generic #videosPlayer .playerInnerBox_gsvb .player_gsvb {
	width : 430px;
	height : 350px;
}
#generic #videosPlayer .playerBox_gsvb div.alldone_gsvb {
	display:none;
}


/* Liens */
#generic .links{
	margin-bottom: 30px;
}
#generic .links .link{	
	margin-bottom:10px;
}
#generic .links .link img{
	max-width:468px;
	max-height:60px;
	margin-top:2px;
	border: none;
}

/* Slideshow */

#generic #slideshow input{
	background-color:#FFFFFF;
	border:none;
	color:#000000;
	display:inline;
	padding-left:100px;
}
#generic #slideshow img{
	border:1px solid #666666;
	margin-bottom:10px;
	z-index:99;
}

/* About */
#generic #about #author{
	font-size:16px;
	font-weight:bold;
	padding-top:20px;
}
#generic #about div{
	padding-bottom:10px;
}
#generic #about #poweredBy img{
	border:0px;	
}


/* Lien player */
#generic #playalink{
	margin-left:2px;
	margin-right:2px;
	border:1px dashed #FFFFFF;
}
#generic #playalink:hover{
	/*cursor:help;*/
}
#generic #playalink img{
	vertical-align:middle;	
}


/* PaperBoard */
#generic #paperBoard{
	font-size:10px;
}
.postItBody{
	position:absolute;
	background-color:#FFFF00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:10px;
	width:150px;
	margin: 5px 5px 5px 5px;	
}
.postItBody:hover{
	cursor:move;
}
.postItContent{
	text-align:left;
	color:#000000;
	background-color:#FFFF99;	
	padding: 5px 5px 5px 5px;	
}
.postItContent:hover{
	cursor:text;
}
#generic #paperBoard #poweredBy{
	text-align:right;
	border:0px;
}


  /***************/
 /* Audioplayer */
/***************/
#audioplayer body{
	background-color:#333333;
	background-image:url(images/whitedots.jpg);
	height:100%;
}

#audioplayer #mainArea{
	color:#000000;
	font-weight:bold;
	background-color:#333333;
	background-image:url(images/whitedots.jpg);
	height:100%;	
}

#audioplayer #mainArea #header{
	width:100%;
	color:#FFFFFF;
	background-color:#333333;
	background-image:none;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:5px;
	border-bottom:1px solid #333333;
	margin-bottom:20px;
}

#audioplayer #mainArea #header a{
	color:#FFFFFF;
}
#audioplayer #mainArea #header a:hover{
	color:#FFFFFF;
	background-color:#333333;
}

