html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

body {
  font-family:sans-serif;
  font-size:12px;
}

button span {
  display: none;
}

.clear {
  clear: both;
}
a {
  color:#000;
  text-decoration:none;
}
a:hover {
  color:#928262;
  text-decoration:underline;
}

#head_line {
  width:982px;
  height:30px;
  margin:0px auto;
  padding-top:5px;
  /*background-color:Red;*/
}

#head_line_signingin 
{
  /*width:982px;
  height:24px;
  border-bottom:solid 1px #e4e4e4;*/
}



#page {
  width:982px;
  margin:0px auto;
  padding-top:15px;
  /*background-color:Gray;*/
}
#sidemenu {
  width:212px;
  float:left;
  padding-top:10px;
  /*background-color:Gray;*/
}
h1 {
  font-size:24px;
  /*font-weight:bold;*/
  color:#ff02ab;
}
h2{
  font-size:16px;
  font-weight:normal;
  color:#ff02ab;
}
h3{
  /*background:transparent url(../images/) top left no-repeat;
  padding-left:10px;
  margin-bottom:6px;*/
  font-size:12px;
  font-weight:bold;
  color:#928262;
}

h4 {
  font-size:12px;
  font-weight:bold;
  margin-top:5px;
}

/*.speech 
{
	font-size:12px;
}
*/
p 
{
	margin-top:5px;
	margin-bottom:10px;
}

ul 
{
  margin:0px 2px;
}
li {
  position:relative;
  border-bottom:1px solid #e4e4e4;
}
li a {
  display:block;
  position:relative;
}
li a:hover{
  background-color:#EEE;
}
.auto {
  overflow:auto;
}

.error-message 
{
	font-size:10px;
	color:#000;
	background-color:#ebbaba;
	font-weight:bold;
	padding:2px;
}
.error-message:empty
{
	display:none;
}


#container {
  width:770px;
  float:left;
}

#container-wrap 
{
  width :700px;
  margin:0 35px 0 35px;
}

/*
#container-wrap 
{
  width :640px;
  margin:0 35px 0 35px;
  padding:0 20px 0 20px;
  background:#FFF url(../images/content_bkg.gif) top left repeat-y;
}

#container-wrap-bottom 
{
  width :680px;
  height:4px;
  margin:0 35px 0 35px;
  padding:0 20px 0 20px;
  background:transparent url(../images/content_bottom.gif) top left no-repeat;
}

#container-wrap-top
{
  width :680px;
  height:4px;
  margin:0 35px 0 35px;
  padding:0 20px 0 20px;
  background:transparent url(../images/content_top.gif) top left no-repeat;
}
*/



#logo {
  margin-bottom:14px;
}
#footer {
  color:#676767;
  /*padding:10px 0 0;*/
  line-height: 170%;
  clear: left;
  font-size: 10px;
}
#footer strong {
  color: #9b9b9b;
}
#footer p {
  padding-bottom: 20px;
  line-height: 170%;
}
/*
#footer a{
  color:#676767;
}
#footer a:hover{
  color: #928262;
}
#footer p a {
  padding: 5px 0;
  clear:both;
  display: block;
}*/

#tail-footer 
{
	clear:both;
	min-height:50px;
	height:50px;
}


.sidemenu_section_search {padding-bottom:10px !important;}
.sidemenu_section_email {margin-top:20px !important;}

.sidemenu_section {
  margin-bottom:40px;
}

.sidemenu_section ul{
  /*background:transparent url(../images/bg_link_section.gif) top left no-repeat;*/
  margin:0px;
  padding:2px;
  width:194px;
}

.sidemenu_section li{
  font-size:11px;
  zoom:1;
}
.sidemenu_section li a{
  padding:5px 0px 5px 7px;
}

.main_links li {
  text-transform:uppercase;
  padding: 1px 0;
}

.main_links li a {
  text-decoration: none;
  color: #000;
}

#artist-links li a {
  padding-left: 27px;
  background-position: 5px 3px;
  background-repeat: no-repeat;
}

.section_header {
  margin-left:9px;
  margin-bottom:9px;
}



/* START INPUT FORM */

.input_wrapper {
  overflow:auto;
}
.input-class {
  font-size:12px;
  border:1px solid #bababa;
  border-right:none;
  padding:3px;
  display:block;
  float:left;
  height:15px;
}
.input-free {
  font-size:12px;
  border:1px solid #bababa;
  border-right:none;
  padding:3px;
  display:block;
  float:left;

}

.input-email {
  width:118px;
}
.input-search {
  width:163px;
  color:#928262;
  float: left;
  background: transparent url(../images/button_search_submit.gif) top left no-repeat;
  height: 23px;
  width: 29px;
  display: block;
  cursor: pointer;
  overflow: hidden;
  text-indent: -200px;
  border: none;
}
.input-search:hover {
  background: transparent url(../images/button_search_submit_hover.gif) top left no-repeat;
}

.input-submit {
  width:250px;
  color:#928262;
}

#email {
  float: left;
}

#subscribe {
  float: left;
  background: transparent url(../images/button_subscribe.gif) top left no-repeat;
  height: 23px;
  width: 66px;
  display: block;
  cursor: pointer;
  overflow: hidden;
  text-indent: -200px;
  border: none;
}

#subscribe:hover {
  background: transparent url(../images/button_subscribe_hover.gif) top left no-repeat;
}

.btn-send-replay 
{
  float: left;
  background: transparent url(../images/button_send.gif) top left no-repeat;
  height: 23px;
  width: 36px;
  display: block;
  cursor: pointer;
  overflow: hidden;
  text-indent: -200px;
  border: none;
}

.btn-send-replay:hover {
  background: transparent url(../images/button_send_hover.gif) top left no-repeat;
}


.lnk-bnet2
{
  background: transparent url(../images/bnet2_roundlogo.gif) top left no-repeat;
  height: 20px;
  width: 20px;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  border: none;
}

.lnk-bnet2:hover {
  background: transparent url(../images/bnet2_roundlogo_hover.gif) top left no-repeat;
}






/* END INPUT FORM */


.block_links a {
  color:#000;
  padding:2px;
  text-decoration:none;
  text-transform:uppercase;
  font-size:11px;
}
.block_links a:hover {
  background:#000;
  color:#FFF;
  text-decoration:none;
}

.block_links a.selected {
  background:#928262;
  color:#FFF;
}

.block_links a.selectedonblack {
  background:#000;
  color:#FFF;
}


.grid_index {
  margin-right:10px;
  text-align:right;
}

#grid_container {
  width:711px;
  float:right;
  overflow: visible;
  position: relative;
}

#grid_container ul {
  margin: 0;
}

#grid_container .jcarousel-container {
  width: 672px;
  height: 700px;
  position: relative;
}

#grid_container .jcarousel-prev {
  position: absolute;
  left: -39px;
  width: 35px;
  height: 670px;
  background: url(../images/leftbar.gif);
}

#grid_container .jcarousel-prev:hover {
  background-position: -35px 0;
  cursor: pointer;
}

#grid_container .jcarousel-prev-disabled,
#grid_container .jcarousel-prev-disabled:hover {
  background: none;
}

#grid_container .jcarousel-next {
  position: absolute;
  right: -39px;
  width: 35px;
  height: 670px;
  background: url(../images/rightbar.gif);
}

#grid_container .jcarousel-next:hover {
  background-position: -35px 0;
  cursor: pointer;
}

#grid_container .jcarousel-next-disabled,
#grid_container .jcarousel-next-disabled:hover {
  background: none;
}

#grid_container .jcarousel-clip {
  position: absolute;
  width: 672px;
}

#grid_container ul {
  height: 760px;
  overflow: hidden;
}

#grid_carousel li {
  border: 0;
  float: left;
  width: 672px;
  height: 760px;
}

.grid_item 
{
  font-size:11px;
  background-image: url(../images/frame-background.gif);
  background-position:right top;
  background-repeat:no-repeat;
  float:left;
  width:220px;
  height:220px;
  zoom:1;
  border: 2px solid white;
  overflow: hidden;
  position: relative;
  display: block;
}
.grid_item_top
{
  background-image: url(../images/top-background.gif);
  background-position:right top;
  background-repeat:no-repeat;
}

.grid_item:hover {
  border: 2px solid #ff02ab;
  color:#000;
  text-decoration:none;  
}

.grid_item p 
{
	margin:0px;
}

.grid_item a {
  color:inherit;
  cursor:hand;
  
}
.grid_item a:hover {
  /*color:#928262;*/
  color:#000;
  text-decoration:none;
}

.grid_item p 
{
	font-size:11px;
}

.rep_info p 
{
	overflow:hidden;
	padding:0px 2px 2px 2px;
	font-size:0.8em;
}

.player 
{
	font-size:12px;
	font-weight:bolder;
	padding:0 5px 0 5px;
}

.playerslist 
{
	overflow:hidden; 
	width:220px; 
	padding-top:5px; 
	padding-left:5px; 
	display:block; 
	font-size:0.9em;
}

.playerslist img
{
	width:15px; 
	height:15px;
}

.player-small
{
	font-weight:bolder;
	font-size:10px;
}

.general-link
{
	color:#000;
	text-transform:uppercase;
	/*padding:0px 2px 0px 2px;*/
	padding:2px;
	
}

.general-link:hover
{
	color:#FFFFFF;
	background-color:#928262;
	text-decoration:none;
	text-transform:uppercase;
	padding:2px;
}

/*
a.cover {
  overflow: hidden;
  background:transparent none top center no-repeat;
  display: block;
  cursor: pointer;
}

a.cover span {
  display: block;
}

a.cover span span {
  display: none;
}

a.cover_audio:hover span {
  background-image: url(../images/play.png);
  -background-image: none;
}

a.cover_link:hover span {
  background-image: url(../images/view.png);
  -background-image: none;
}
a.cover_audio:hover span.yt {
  background-image: url(../images/youtube_transparent.png);
  -background-image: none;
}


body a.playing span,
body a.playing:hover span {
  background-image: url(../images/stop.png);
  -background-image: none;
}
*/


/*20091008
.grid_item_description {
  display: block;
  /*background:#000 url(../images/cover-bg.gif) no-repeat;*
  background:#000 no-repeat;
  color:#FFF;
  position: absolute;
  bottom: 0px;
  height: 28px;
  overflow: hidden;
  width: 200px;
  padding:6px 10px;
  text-transform:uppercase;
}

.grid_item_description a:hover {
  color: #f302a3;
}

.grid_item_description em {
  color: #555;
  font-size: 22px;
  padding: 2px 8px 0 0;
  float: left;
}

.grid_item_description .rating {
  color: #555;
  width:15px;
  font-size: 9px;
  /*padding: 2px 8px 0 0;*
  float: right;
}

.grid_item_description strong {
  font-size:12px;
  height: 1.1em;
  display: block;
  overflow: hidden;
  margin-bottom: 4px;
  width: 110px;
}

.grid_artists .grid_item_description strong {
  margin-top: 7px;
  font-size: 12px;
}

.grid_item_description span {
  float: left;
  height: 1em;
  overflow: hidden;
  width: 110px;
}



.grid_item_shadow {
  background:transparent url(../images/grid_item_shadow.gif) no-repeat -4px 0;
  width:220px;
  margin: 2px;
  position: relative;
  xleft: -1px;
  height:89px;
  float:left;
  zoom:1;
}

*/

.username 
{
    color:#656565;
	/*line-height: 170%;*/
	clear: left;
	font-size: 12px;
	font-weight:bold;
}

.date_divider {
  color:#928262;
  font-size:12px;
  font-weight:bold;
  padding-left:8px;
  padding-bottom:15px;
  background:transparent url(../images/bg_copy_section.gif) bottom left no-repeat;
  display:block;
  margin-bottom:5px;
}



/*ROLLOVER STUFF ON HOME PAGE*/
#beta {
  position:absolute;
  z-index: 0;
  top: 0;
  right: 0px;
  width: 65px;
  height: 63px;
  background: transparent url(../images/betabanner.gif) top right no-repeat;
}

#beta span {
  display: none;
}


.twitter-home-link {margin-top:0px; margin-bottom:0px; display: inline;}

#twitter-logo { margin-bottom:6px;}
#twitter-promo { margin-bottom:12px; }
.twitter-home .grid_item:hover {border: 2px solid #00adef !important;}


.data-pager 
{
	padding-top:5px;
	color:#928262;
}



/* Banda sotto*/

.strip 
{
  /*background:#000 url(../images/cover-bg.gif) no-repeat;*/
  /*background-color:#928262;
  color:#FFF;*/
  height: 30px;
  overflow: hidden;
  width: 220px;
  padding-top:3px;
  margin-top:0px;
  margin-bottom:0px;
}

.strip .info 
{
	float:left;
	width:115px;
	height:30px;
	margin-left:5px;
	/*background-color:Green;*/
}
.strip .rating
{
	float:left;
	width:85px;
	margin-left:5px;
	margin-right:5px;
	height:30px;
	vertical-align:middle;
}

.race-icon 
{
	/*padding:2px 2px 2px 2px;*/
	margin-right:2px;
}


/* End Banda sotto*/



/* Replay details */

#details_wrapper {
  width:711px;
  float:right;
  overflow: visible;
  position: relative;
}

#details_wrapper p 
{
	margin:0px;
}
.replay-label 
{
	color:#676767;
	padding:10px 0 0;
	line-height: 170%;
	clear: left;
	font-size: 10px;
}

.replay-label-small
{
	color:#676767;
	padding:10px 0 0;
	line-height: 170%;
	clear: left;
	font-size: 8px;
}

.rate 
{
	font-weight:bold;
	font-size: 22px;
	color:#928262;
}

.rate-small
{
	font-weight:bold;
	font-size: 12px;
	color:#928262;
}


/* End replay details */


/* Misc for replay */
.rep_divider 
{
	/*url(../images/bg_link_section.gif) top left no-repeat;*/
	background-image: url(../images/rep_divider.gif);
	width:auto;
	height:1px;
	margin:20px 20px 20px 20px;
	width:auto;
}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}