/* The Avalanches */
/* Screen */
/* Author: Clint */
/* Author Email: clint@theavalanches.com */

/* BEGIN global */
html,body {
	height:100%;
	margin:0;
	padding:0;
}
:focus {
	outline: 0;
}
body {
	font:62.5% "Times New Roman", Times, Georgia, serif;
	color:#FFF;
	background:#0f0f0f;
}
a {
	color:#FFF;
	text-decoration:underline;
}
a:hover {
	text-decoration:line-through;
}
img, img a {
	border:0;
}
a.inactive {
	cursor:text;
	text-decoration:none;
}

#contentOuter {
	width:100%;
	top:50%;
	left:0;
	margin-top:-285px;
	position:absolute;
}

#content {
	width:752px;
	height:550px;
	margin:0 auto;
}

a.logo {
	text-indent:-999px;
	background:url(../images/logo-theavalanches.gif) no-repeat 0 0;
	width:386px;
	height:60px;
	margin:0 auto 20px auto;
	display:block;
	overflow:hidden;
	position:relative;
}
.homemsg {
	margin:0 0 20px 0;
	position:relative;
}
.hr-01 {
	width:100%;
	height:25px;
	background:url(../images/hr-01.gif) no-repeat bottom center;
	border:1px solid #0f0f0f;
	display:block;
	clear:both;
}
#external-links {
	width:400px;
	padding:0 0 0 18px;
	margin:4px auto 0 auto;
	position:relative;
	clear:both;
}
#internal-links {
	width:438px;
	margin:0 auto;
	position:relative;
	clear:both;
}
#links {
	font-size:1.2em;
	text-align:center;
	width:630px;
	margin:0 auto;
	position:relative;
	clear:both;
}
.redirect {
	font-size:0.75em;
}
#external-links a, #internal-links a {
	text-indent:-999px;
	margin:8px 0;
	overflow:hidden;
	cursor:pointer;
	display:block;
	position:relative;
	float:left;
}
#external-links a:hover {
	background-position:0 -68px;
}
#internal-links a:hover {
	background-position:0 -25px;
}
/* External Links */
a.facebook {
	background:url(../images/icon-facebook.gif) no-repeat 0 0;
	width:71px;
	height:68px;
}
a.twitter {
	background:url(../images/icon-twitter.gif) no-repeat 0 0;
	width:64px;
	height:68px;
}
a.youtube {
	background:url(../images/icon-youtube.gif) no-repeat 0 0;
	width:64px;
	height:68px;
}
a.myspace {
	background:url(../images/icon-myspace.gif) no-repeat 0 0;
	width:65px;
	height:68px;
}
a.ilike {
	background:url(../images/icon-ilike.gif) no-repeat 0 0;
	width:51px;
	height:68px;
}
a.lastfm {
	background:url(../images/icon-lastfm.gif) no-repeat 0 0;
	width:65px;
	height:68px;
}
/* Internal Links */
a.forum {
	background:url(../images/icon-forum.gif) no-repeat 0 0;
	width:233px;
	height:25px;
}
a.mixes {
	background:url(../images/icon-mixes.gif) no-repeat 0 0;
	width:205px;
	height:25px;
	clear:right;
}
/* Mixes Login */
#mixes-login {
	color:#FFF;
	background:#0D0D0D;
	width:320px;
	height:290px;
	padding:20px 60px 20px 20px;
	border:1px solid #FFF;
	position:relative;
}
#mixes-login .logo-dotcom {
	margin:12px 0 20px 90px;
	position:relative;
}
#mixes-login .logo-dotcom-login {
	margin:38px 0 20px 90px;
	position:relative;
}
#mixes-login .error {
	font:bold 1.1em "Avenir", Arial, Helvetica, sans-serif;
	text-align:center;
	width:360px;
	margin:0 0 20px 0;
	position:relative;
}
#mixes-login label {
	font:bold 1.1em "Avenir", Arial, Helvetica, sans-serif;
	text-align:right;
	width:100px;
	margin:0 10px 10px 5px;
	display:inline-block;
}
#mixes-login label.check {
	font:1em "Avenir", Arial, Helvetica, sans-serif;
	text-align:left;
}
#mixes-login input {
	text-indent:4px;
	color:#FFF;
	background:#0D0D0D;
	width:200px;
	border:1px solid #FFF;
	margin:0 0 10px 0;
	display:inline-block;
}
#mixes-login input.check {
	width:14px;
	border:0;
	margin:0 0 0 115px;
}
#mixes-login input.submit {
	font:bold 1.1em "Avenir", Arial, Helvetica, sans-serif;
	text-decoration:underline;
	text-transform:uppercase;
	text-align:right;
	color:#FFF;
	width:65px;
	margin:0 2px 0 0;
	border:0;
	float:right;
}
#mixes-login .register-login {
	font:1.2em "Times New Roman", Times, serif;
	text-align:center;
	width:360px;
	margin:30px 0 0 0;
	position:relative;
	clear:both;
}
/* Facebox */
#facebox {
  text-align:left;
  top:0;
  left:0;
  position:absolute;
  z-index:100;
}
#facebox .popup {
	top:90px;
  position:relative;
}
#facebox table {
  border-collapse:collapse;
}
#facebox td {
  border-bottom:0;
  padding:0;
}
#facebox .body {
	padding:4px;
}
#facebox .loading {
  text-align:center;
}
#facebox .image {
  text-align:center;
}
#facebox img {
  border:0;
  margin:0;
}
#facebox .footer {
  text-align:right;
}
#facebox a.close {
	right:0;
	margin:8px 12px 0 0;
	position:absolute;
	z-index:99999;
}
#facebox_overlay {
  width:100%;
  height:100%;
  top:0;
  left:0;
  position:fixed;
}
.facebox_hide {
  z-index:-100;
}
.facebox_overlayBG {
  background-color:#000;
  z-index:99;
}
* html #facebox_overlay { /* ie6 hack */
  height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
  position:absolute;
}
/* Mixes */
#mixes {
	font-size:1.3em;
	line-height:1em;
	width:680px;
	margin:70px auto 40px auto;
	border:1px solid #FFF;
	position:relative;
	display:table;
}
#mixes .mix-heading {
	font:bold 0.875em "Avenir", Arial, Helvetica, sans-serif;
	width:680px;
	position:relative;
	display:table-row;
}
#mixes .mix {
	width:680px;
	position:relative;
	display:table-row;
}
#mixes .mix a {
	background:url(../images/icon-note.gif) no-repeat 12px 7px;
	width:190px;
	border-top:1px solid #FFF;
	padding:0.6875em 10px 1em 50px;
	display:table-cell;
}
#mixes .heading {
	text-align:left;
	width:190px;
	padding:0.6875em 10px 1em 50px;
	display:table-cell;
}
#mixes .desc {
	width:349px;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
	padding:0.6875em 20px 1em 0;	
	display:table-cell;
}
#mixes .year {
	text-align:center;
	width:100px;
	border-top:1px solid #FFF;
	padding:0.6875em 0 1em 0;
	display:table-cell;
}
#mixes .mix-heading .desc, #mixes .mix-heading .year {
	border-top:0;
}

/* Footer */
.copyright {
	width:128px;
	margin:15px auto 0 auto;
	display:block;
	position:relative;
	clear:both;
}