/* CSS Document */

/* top scrollable item */
div.mainscroller {
 /* required settings */ 
position:relative; 
overflow:hidden;
width:843px;
height:339px;
}

div.mainscroller div.items {     
/* this cannot be too large */ 
width:20000em;     
position:absolute; 
}

div.mainscroller div.items div.item { 
float:left; 
width:843px;
height:339px;
} 

div.mainscroller div.items div.item div.img {
width:640px;
float:left;
}

div.mainscroller div.items div.item div.txt {
width:200px;
float:right;
padding:10px;
font-size:12px;
line-height:12pt;
color:#dddddd;
}

p.prev, p.next {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
}

p.prev {
	right: 26px;
}

p.next a, p.prev a {
	display: block;
	overflow: hidden;
	text-indent: -999em;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

p.next a {
	background-image: url(images/arrow_right.png);
	right: 0;
}

p.prev a {
	background-image: url(images/arrow_left.png);
	right: 25px;
}

p.disabled a.prev {
	background-image: url(images/arrow_left_disabled.png);
	cursor: default;
}

p.disabled a.next {
	background-image: url(images/arrow_right_disabled.png);
	cursor: default;
}

#player, #player div {
	width: 440px;
	height: 270px;
}

#player p {
	color: #333;
	margin: 100px 50px 0 50px;
	text-align: center;
	line-height: 2;
}

#player p a {
	color: #333;
}

#player p a:hover {
	color: #000;
}

/* root element for the whole scrollable setup */
#scrollholder {
background-color: #333333;
padding:0;
margin:0;
}

div.scrollable {  
position:relative;
overflow:hidden;
width:893px;
height:1350px;
top:0;
left:-40px;
margin:0 auto;
padding:0;
display:hidden;
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
position:absolute;
width:20000em;	
clear:both;
}

/* single item */
#thumbs .thumb {
float:left;
width:853px;
color:#fff;
margin:0;
padding:0;
padding-left:40px;
}

#thumbs h3 {
	font-size: 30px;
	line-height: 30pt;
	margin: 0;
}

#thumbs h3 span {
	display: inline;
	padding: 5px;
}

#thumbs h4 {
	font-size: 20px;
	color: #fff;	
	padding-bottom: 0px;
	margin: 1.4em 0 0 0;
	line-height: 20pt;
	
}
#thumbs h4.what {
	color: #A0D3F2;
}

#thumbs h3.what {
	width: 800px;
}

#thumbs h3.what span {
	background-color:#A0D3F2;
}

#thumbs h3.who span {
	background-color:#CA622D;
}

#thumbs h3.latest span {
	background-color: #DED578;
}

#thumbs h4.whatneg {
color:#A0D3F2;
font-size:30px;
display:inline;
line-height:30pt;
}




#thumbs p {
font-size:12px;
line-height:12pt;
}

em.who {
font-family:Garamond, Georgia, "Times New Roman", Times, serif;
color:#CA622D;
font-size:20px;
font-weight:normal;
}

#thumbs h3 em {
font-style:normal;
color:yellow;
}