@font-face {  
	  font-family: "Chalet-Bold";  
	  src: url( /fonts/Chalet-NewYorkNineteenSixty.eot ); /* IE */  
	  src: local("Chalet-NewYorkNineteenSixty"), url( /fonts/Chalet-NewYorkNineteenSixty.ttf ) format("truetype"); /* non-IE */  
}
@font-face {  
	  font-family: "Chalet-Light";  
	  src: url( /fonts/Chalet-ParisNineteenSixty.eot ); /* IE */  
	  src: local("Chalet-ParisNineteenSixty"), url( /fonts/Chalet-ParisNineteenSixty.ttf ) format("truetype"); /* non-IE */  
}
@font-face {  
	  font-family: "Chalet-Normal";  
	  src: url( /fonts/Chalet-LondonNineteenSixty.eot ); /* IE */  
	  src: local("Chalet-LondonNineteenSixty"), url( /fonts/Chalet-LondonNineteenSixty.ttf ) format("truetype"); /* non-IE */  
}  

html {  }
body { background:#000 url('../images/html_bg.png') repeat-x; font-family: Helvetica, sans-serif; margin:0; padding:0; }
body.interior { background:#000 url('../images/interior_bg.png') repeat-x;}

h1 { font-size:36px; font-weight:bold; color:white; margin-top:0; padding:0;}
h2 { font-size:24px; font-weight:bold; color:white; margin-top:0; padding:0;}
h3 { font-size:18px; font-weight:bold; color:white; margin-top:0; padding:0;}
p  { font-size:14px; margin-bottom:10px; }
a  { color:#666;}

#content-container { width:960px; margin:0 auto; background:transparent url('../images/kickass-bg.png') top left no-repeat;  padding-top:760px;  }

#nav-container                     { height:12px; overflow:hidden; position:absolute; top:110px; margin-left:150px; }
#menu                              { height:12px; overflow:hidden; position:absolute; top:74px; margin-left:35px; }
#nav-container ul, #menu, #navlist { list-style-type:none; }
#nav-container ul li, #menu li     { float:left; margin-right:20px; height:12px; font-size:12px; }
#menu li a                         { color:#fff; text-decoration:none; text-transform:uppercase; }
#menu li a:hover                   { color:#ffad45; }
#nav-container ul li img           { width:100%; height:100%; border:none; }
#nav-container ul li.play_link     { width:80px; background: transparent url('../images/play_link.png') 0 0 no-repeat; }
#nav-container ul li.login_link    { width:110px; background: transparent url('../images/login_link.png') 0 0 no-repeat; }
#nav-container ul li.download_link { width:180px; background: transparent url('../images/download_link.png') 0 0 no-repeat; }
#nav-container ul li.leader_link   { width:90px; background: transparent url('../images/leader_link.png') 0 0 no-repeat; }
#nav-container ul li:hover         { cursor:pointer; background-position: 0 -12px; }

#content-column { color:#fff; width:600px; padding:0 30px; }
#content-column p { color:#999; }
#phone-column   { position:absolute; top:340px; margin-left:640px; width:320px; }

#footer { margin-top:100px; height:50px; padding:20px; background:#1b1b1b; text-align:center; color: #666; font-size:11px; }


#main-content { width:924px; margin:0 auto; background:transparent url('../images/interior-background5.png') top left no-repeat; padding:190px 50px; color:#999; }
#main-content p { font-size:12px; }

table.world { color:#999; width:860; }
table.world a { color:#fff;}

table.world tr.ranking-nav-container { border-bottom:1px solid #ffad45;}
td.ranking-nav-tabs { vertical-align:bottom; border-bottom:1px solid #36250f; margin:0; }
div.meta-legend { float:right; }
td.ranking-nav-tabs img { border:0; border-right:1px solid #36250f; padding-right:10px;margin-right:7px;}
td.ranking-nav-tabs img.last { border:none;}
tr.user-ranking td { padding:5px 0; border-bottom:1px solid #36250f; font-size:24px; background:transparent url('../images/overlay_screen.png'); }
tr.user-ranking td img { margin-right:5px; }
tr.user-ranking td.rank-number, tr.user-ranking td.faction { font-size:36px; font-weight:bold; color:#ffad45; width:20px; }
tr.user-ranking td.avatar { width:64px;}
tr.user-ranking td.avatar img.sage { border:3px solid #0101a4; }
tr.user-ranking td.avatar img.cine { border:3px solid #730201; }

div.left-column {
  float:left;
  width:400px;
}

div.right-column {
  float:right;
  width:400px;
  margin-right:60px;
}


div.achievement-container, div.checkin-container {
  clear:both;
  background-color: #F1F1F1;
  margin-bottom: 10px;
  width: 390px;  
  color:#333;
  padding:10px;
}

div.sponsor-container, div.profile-container {
  clear:both;
  background-color: #FFF;
  margin-bottom: 10px;
  padding:10px;
  width: 390px;
  color:#333;
}

div.achievement-content {
}

div.achievement-icon, div.checkin-icon {
  float:left;
  width:64px;
}

div.sponsor-data {
  margin-left:74px;
}

div.achievement-data, div.checkin-data {
  margin-left:74px;
}

div.achievement-data p.achievement-desc, div.chickin-data p.checkin-desc {
  margin-top: 0px; 
  margin-bottom: 0px;
}

#main-content div.achievement-data p.achievement-stats, p.checkin-stats {
}

p.sponsor-stats {
  font-size: 12px; 
  bottom: 0;
}


div.achievement-points {
  background-color:black;
  float:right; 
  width:34px;
  padding: 3px 3px 3px 3px;
  text-align:center;
  color:white;
}

h2.column-header {
}

h2.achievement-header, h2.checkin-header {
  font-size: 16px; 
  color: #464648;
}


div.profile-faction-logo{
	position:relative;
	top:-36px;
	left:310px;
}

div.profile-icon{
	position:relative;
	top: -108px;
	left: 0px;
}

#navlist {
  padding: 0 1px 1px;
  margin-left: 0;
  margin-top: 0;
  font-size: 12px; 
  color: #464648;
}
#navlist li {
  display: inline;
  list-style-type: none;
  padding-right: 5px;
  border-right: 1px solid #464648;
}
