/* CSS Document */

/* General */

html > body {
background-color:#000;
color:#fff;
padding:0;
margin:0;
font-size:62.5%;
line-height:1.2em;
font-family:arial, verdana;
}

body {
background-color:#000;
color:#fff;
padding:0;
margin:0;
font-size:62.5%;
line-height:1.2em;
font-family:arial, verdana;
text-align:center;
}

p {padding:0;margin:0;padding-bottom:10px;}
ul {padding:0;margin:0;}
li {padding:0;margin:0;}
ul ul {padding:0;margin:0;}
ul ul li {padding:0;margin:0;}
div {padding:0;margin:0;}
form {padding:0;margin:0;}

form fieldset {padding:0;margin:0;border:0;}
img {border:0;}
sup {font-size:0.6em;}

a {color:#fff;text-decoration:none;outline:0;}
a:hover {color:#fff;text-decoration:none;}

#container {
width:900px;
height:634px;
margin:10px auto 10px auto;
text-align:left;
overflow:hidden;
border:1px solid #666;
}

/* MAIN */

#main {
float:left;
width:580px;
height:634px;
background:url(img/main-bg.jpg) #10141D;
}

#main h1 {
display:block;
width:110px;
height:85px;
padding:15px 0 0 40px;
}

#menu {
display:block;
width:150px;
height:150px;
margin-bottom:20px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/white.png');
}
#menu[id]{ 
background:url(img/white.png);
}
#menu ul {
padding:20px 0 20px 40px;
list-style:none;
font-size:1.1em;
background-image:url(img/menu-arrow.gif);
background-repeat:no-repeat;
}

#menu ul li {
padding-bottom:1px;
}

#menu ul a {
display:block;
color:#ccc;
}

#menu ul a:hover {
color:#fff;
}

#footer {
padding-top:10px;
font-size:1.2em;
opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;
text-align:center;
}

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

/* CONTENT */

#content {
padding:10px 10px 10px 40px;
height:280px;
width:500px;
color:#333;
font-size:1.2em;
line-height:1.2em;
overflow:hidden;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/white3.png');

}
#content[id] {
  background-image:url(img/white3.png);
}


#content h2 {
font-weight:normal;
font-size:1.4em;
}

#content a {
color:#000;
text-decoration:underline;
}
#content a:hover {color:#ccc;}

#content ul {
padding-left:20px;
}

#content li {
padding-bottom:5px;
}

/* SIDE 1 */

#side1 {
float:left;
width:195px;
height:634px;
background:url(img/side1-bg.jpg);
}


#releases {
padding:0 15px 0 15px;
width:165px;
height:634px;
overflow:hidden;
}

#releases h2 {
padding:10px 0 0 0;
margin:0;
color:#333;
font-size:1.5em;
font-weight:normal;
}
#releases h3 {
height:20px;
padding:0;
margin:0;
color:#333;
font-size:1em;
font-weight:normal;
}

#releases a:hover {
color:#333;
text-decoration:underline;
}

#releases .cover {
display:block;
height:75px;
float:left;
padding:0 10px 5px 0;
}

#releases strong {
color:#333;
font-size:1.2em;
}

#releases em {
float:left;
width:165px;
color:#333;
font-style:normal;
padding-bottom:10px;
}

#releases a.next {
display:block;
position:absolute;
float:right;
margin:225px 0 0 155px;
border:0;
z-index:99;
}

#releases div.items {
height:317px;
}

#releases div.items a {
height:135px;
width:165px;
float:left;
}

#side2 div.items a.active {background:#999;}





#newsletter {
padding:0 15px 0 15px;
width:165px;
height:317px;
overflow:hidden;
}

#newsletter h2 {
height:30px;
padding:15px 0 0 0;
margin:0;
color:#ccc;
font-size:1.2em;
font-weight:normal;
}

#newsletter .label1 {
display:block;
padding:6px 0 3px 0;
color:#ccc;
font-size:1.1em;
}

#newsletter .input {
width:160px;
height:15px;
padding:2px;
color:#000;
background:#ccc;
border:0;
}

#newsletter .input:focus {
background:#fff;
}

#newsletter textarea {
width:160px;
height:50px;
padding:2px;
color:#000;
background:#ccc;
border:0;
}

#newsletter textarea:focus {
background:#fff;
}

#newsletter strong {
display:block;
padding:20px 0 10px 0;
color:#ccc;
font-size:1.1em;
font-weight:normal;
}

#newsletter .checkbox {
float:left;
}

#newsletter .label2 {
display:block;
height:19px;
padding-top:2px;
color:#ccc;
font-size:1.1em;
}

#newsletter .submit {
display:block;
clear:both;
border:0;
width:19px;
height:36px;
float:right;
padding-top:10px;
background:none;
}

/* SIDE 2 */

#side2 {
float:left;
width:125px;
height:615px;
padding-top:19px;
background:#cfd0d2;
text-align:center;
overflow:hidden;
}

#side2 h2 {
height:30px;
padding:10px 0 0 0;
margin:0;
color:#333;
font-size:1.2em;
font-weight:normal;
}

#side2 .prev {
display:block;
padding:0 0 10px 0;
}

#side2 .next {
display:block;
padding:10px 0 0 0;
}

#side2 div.items {
*width:150px;
*left:-50px;
_width:150px;
_left:-50px;
}

#side2 div.items a {
display:block;
height:85px;
width:125px;
*width:85px;
_width:85px;
padding:0;
text-align:center;
}

#side2 div.items a.active {background:#999;}

/* SCROLL BAR */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
	background-image:url(img/up.png); background-repeat:no-repeat;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-image:url(img/down.png); background-repeat:no-repeat;
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #FF0000;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}