@font-face {
  font-family: "ITC-Light";
  src: url(fonts/ITCAvantGardeGothicLTExtraLight.ttf) format("truetype");
}


@font-face {
  font-family: "HelveticaLT";
  src: url(fonts/HelveticaLTStd-Light.otf) format("opentype");
}


body {
	color:#FFF;
	background-color: #000;
	width:100%;
	margin:100px auto 0px;
	font-family: "HelveticaLT", "Helvetica", "Arial", san-serif;
	font-size:12px;
}

#enter {
	display:block;
	margin:auto;
}

// older css // 

#albums-page {
	position:relative;
	top:0px;
	width:100%;
	margin:0px auto;
	clear:both;
}

#header {
	position:relative;
	top:0px;
	margin:10px 0px;
	background:#222 url(../img/schema_logo.png) no-repeat 5px;
	padding:20px 0px 5px 200px;
	font-family: 'HelveticaLT', 'Arial', san-serif;
	font-size:12px;
}

#footer {
	position:relative;
	width:100%;
	height:100px;
	top:10px;
	padding:20px;
	background:url(../img/schemalogo_puke.jpg) no-repeat right;
	border-top:solid 1px #FFF;
}

.section {
	position:relative;
	top:0px;
}


#playArthur {
	background:url(../img/playhead.png) no-repeat;
	padding-left:22px;
	cursor:pointer;
}

#toggleBar {
	position:relative;
	background:#FC9934 url(../img/stripes.png);
	font-family: 'HelveticaLT', 'Helvetica', 'Arial', san-serif;
	font-size:14px;
	color:#FFF !important;
	padding:3px;
	cursor:pointer;
	display:block;
}


#toggleArrow:before {
	font-size:30px;
	content: "\00BB \0020";
	display: inline-block;
	line-height:.7;
	position:relative;
	top:2px;
}

#toggleArrow.closed:before {
	transform: rotate(0deg);
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Safari and Chrome */
	-o-transform: rotate(0deg); /* Opera */
	-moz-transform: rotate(0deg); /* Firefox */
	/*background: url(../img/arrow_closed.png) no-repeat center left;*/
}

#toggleArrow.open:before {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Safari and Chrome */
	-o-transform: rotate(90deg); /* Opera */
	-moz-transform: rotate(90deg); /* Firefox */
}

#movPlayer-container {
	text-align:center;
	padding:10px 0px;
	height:400px;
	width:100%;
	background:#ec861f url(../img/stripes.png);
	display:none;
}

.album-container {
	position:relative;
	float:left;
	width:250px;
	height:400px;
	margin:20px 20px 0px;
}


.rollover {
	cursor:pointer;
}

.album-container > img {
	padding:5px;
	border:1px #333 solid;
}


.clear {
	clear:both;
}

.artist {
	color:#FFF;
	font-size:20px;
}

.album-info {
	list-style-type:none;
	padding:0;
	margin:5px 0;
	width:100%;
	font-family: "ITC-Light", 'Helvetica', 'Arial', san-serif;
	font-size:18px;
	color:#CCC;
	text-align:right;
} 

.album-info a {
	font-size:16px;
}

a, a:visited {
	color:#CCC;
	text-decoration:none;
} 

#footer a:hover {
	text-decoration:underline;
}

.album-info a:hover {
	text-decoration:underline;
	color:#FFF;
} 

.catalog {
	margin-right:5px;
	font-weight:normal;
	font-size:12px;
	text-transform:uppercase;
	color:#CCC;
}

.buy-link:before {
	content:"\00BB \0020";
}