﻿* {
margin:0;
padding:0
}
body {
	background-color: white;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-family: sans-serif;
	background-image: url('img/background.jpg');
}



h1 {color: white; font-size: 14pt}
h2 {color: orange; font-size: 24pt;}
hr {color: white}
p {font-size: 10pt; color:orange}
p.bigger {font-size: 14pt; color: orange}
p.music {font-size: 12pt; color:#000}

a:link		{color: white}
a:visited	{color: white}
a:hover		{color:white}
a:active	{color:white}
img {border:0}
#centered {text-align: center;}

/* Header */

#header {
	padding-top:0px;
	
}

#header_login {
	float: left;
	padding-left: 250px;
	width:650px;

}

input.infields_home {
	
	/*border: 1px solid #c47f1c;*/
	color: black;
	width: 120px;
	background-color:#caffc7;
	border:1px solid white;
}

td.pseudo_and_pass {
	text-align:  left;
	font-size: 8pt;
	color:white;

}

#logo {
	position:relative;
	left:75px;
}

#login_button {
	display: ;
}

/* Footer */

li.leftside {
	display: inline;
	float: left;

}

li.middle {
	display: inline;
	float:  left;
	padding-left:550px;
}

li.rightside {
	display: inline;
	float: right;
	

}


/* Ads */






/* Menu */

#menu {
	list-style-type: none;
	clear: both;
	padding-top: 5px;
	height: 25px;
}

#menu ul li  {
	display: inline;
	float: left;
	padding-left: 38px;
	margin-left: 20px;
	margin-top: 6px;
}

#menu ul li:first-child {
	padding-left:14px;
}

/* Game Launcher */

.score_genre {
	position: relative;
	margin-left: -490px;
	margin-top: -90px;
	z-index: 6;
}

h1.song_artist {
	position: relative;
	z-index: 10;
	margin-left: 484px;
	margin-top: 0px;
	width: 270px;
	height: 22px;
	overflow: hidden;
	text-align: center;
}

h1.song_title {
	position: relative;
	z-index: 10;
	margin-left: 484px;
	margin-top: 0px;
	width: 270px;
	height: 22px;
	overflow: hidden;
	text-align: center;
}

.score_table {
	position: relative;
	margin-left: 482px;
	margin-top: -50px;
	z-index: 10;
	color: white;
	font-weight: bold;
	font-family: 'Courier New';
	width:200px
}

.score_img {
  float:left;
	position: relative;
	margin-top: -56px;
	z-index: 1;
}

#s1 div {
	display: none;
}

#s1 div:first-child  {
	display: block;
}

#game_launcher {
	height:190px;
	clear:both;
}

.album_stack {
	position: relative;
	top: 20px;
	left: -12px;
	z-index: 1;
	float: left;
}

.launcher {
	height: 198px;
	width: 160px;
	float: left;
	padding-left: 30px;
	overflow: hidden;
}

.special_launcher {
	height: 198px;
	width: 310px;
	float: left;
	padding-left: 2px;
	padding-top: 30px;
	overflow: hidden;
}

.album_art {
	position: relative;
	top: -136px;
	left: 3px;
	z-index: 2;
	float: left;
}

.game_launcher_logo {
	position:relative;
	top:-320px;
	left:-30px;
	z-index:3
}

/* Index Page */


#page {

	width:1048px;
	display:block;
	height:900px;
	margin-left:auto;
	margin-right:auto;
	   
    
	
}

#adandpage{
				width:920px;
				float:left;
				
}

#left_col {
	width: 728px;
	float: left;
	margin-left: 20px;
	
}

#right_col {
	float:left;
	position:relative;
	top:10px;
	*top:-10px;
	*left:10px;
}

#load_page 
	{
		height:410px;
		margin:0;
		padding-top:20px;
		*padding:0;
		width:728px;
	    position:relative;
		left:-3px;
		top:-20px;
		*top:0px;
		text-align:center;
	}
#top_pub {
	width: 728px;
	height: 100px;
	clear: both;
	margin-top:10px;
}

#bottom_pub {

*margin-top:10px;
	position:relative;
	top:-10px;
	*position:relative;
	*top:0;
	width: 728px;
	height: 90px;
	clear:both;
	
	
}

#choose_style {
                position:absolute;
				top: 892px;
				width: 900px; 
                margin-left: 20px;
				clear:both;
				
                
}

#footer {
 position:relative;
 top:20px;
 *top:5px;
 margin:0 5px;;	
 
 padding-left:10px;
 padding-right:10px;
 padding-bottom:10px;
 height:30px;
}

/*musique page */

#listtable {
	margin:0;
	float:left;
	width:620px;
}

/*#left_arrow{
	border:1px solid green;
	margin:0;
	float:left;
}
#right_arrow{
	border:1px solid green;
	margin-left:10px;
	float:left;
}*/
#music_table {


}

#music_table td {
	text-align: center;
	font-size: 12px;
	font-family:"Arial",sans serif;
	height:120px;
	width:25%;
	vertical-align:top;
	padding-left:10px;
}

#music_table a:link {
	 color: black;
}

#music_table a:visited {
	color: black;
}

#music_table a:hover {
	color: black;
}

/* Game Page */

#game_area {
width: 728px;
height:410px;
}

#game_chooser {
	margin-top: 3px;
}

.game_chooser_logo {
	position: relative;
	top: 0px;
	left: -30px;
	z-index: 3;
}

.chooser {
	float: left;
	padding-left: 90px;
}

/* Boutique */

#boutique_t-shirt {
	margin-top: 0px;
}

#boutique_space_taker {
	height: 60px;
}


#contentarea{
	width: 300px;
	font-size: 10pt;
	margin-left: 482px;
	margin-top: 10px ; 
	*margin-top: -200px;
	 
}

#contentarea table:first-child{
	font-size: 10pt;
}

td {text-align:right;color:white}

#scores_table th {text-align:right;color:white}

#ajaxmenu {
	background-color:#222224;
	font-size: 12pt;
	color:orange;
	border:solid 1px black;
}	

.slideshowPics {
	margin-top:20px;
}


#content
{
    position:absolute;
	top:0px;
	width:930px;
	*width:950px;
    display:block;
	padding-left:20px;
     background:url('img/content_bg.png');
		*background:url();
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/content_bg.png');
	height:1043px;
	*height:1030px;
	

}

#register_alert {
  float:left;
  z-index: 2;
  margin-left:20px;
  margin-top:15px;
	color: red;
	font-weight: bold;
	font-size: 14px;
}
 
#alert {
  margin-left:20px;
  margin-top:15px;
   z-index: 2;
	color: red;
	font-weight: bold;
	font-size: 14px;
}

#main_login {
  float:left;
  z-index: 2;
  margin-left:20px;
  margin-top:15px;
  z-index: 2;  
}

input.infields {
	background-color:#caffc7;
	border:1px solid white;
	color: black;
	width: 120px;
}

input.submit_btn {
	
	
}

#container_left {
	float: left;
	width: 750px;
	margin-left: 20px;
	margin-top: 20px;
}

#container_right {
	float: right;
	width: 340px;
	margin-top: -54px;
}


td.gamelogos {
	        
			border:0;
			width:85px;
			height:75px;
						
				
}