﻿/* Homepage only */
#main {
	clear:both;
	padding:10px 0 0 0;
}

#primary-col {
	clear:both;
	float:left;
	width:300px;
	margin:0 10px 0 0;
}
#secondary-col {
	float:left;
	width:300px;

}

#extras {
	float:right;
	width:300px;
}

#competetion {
	clear:both;
}

.forum-posts ul,ol.chart {
list-style:none;
margin:0;
padding:0;
}

/* Arena Presents */ 
.dnba_features h3 
{
	text-transform:uppercase;
	margin:0;
	font-size:1.2em;
	background:#fff08e;
	padding:5px;	
}
.dnba_features span 
{
	
}

.dnba_features .image 
{
	padding:10px;
	background:#fff08e;
	margin:0 0 10px 0;
}

.dnba_features			{float:left;width:160px;background:#FFDE00;margin:0 10px 10px 0;}

.dnba_features h2 {
font-size:0.9em;
text-transform:uppercase;
font-weight:700;
background:#000;
color:#ffde00;
line-height:1.1em;
margin:0;
padding:10px;
}

.dnba_features div.items {
padding:5px;
}

/* Homepage News */
.articles .article {
clear:both;
}

.articles .article .image {float:left; margin:0 10px 10px 0;}

.articles .article h3 {
text-transform:uppercase;
font-size:18px;
font-weight:300;
margin:0;
}

.articles .article p.posted-by {
font-size:11px;
color:#404040;
margin:0;
}

.articles .article p.posted-by a:hover {
color:#ffde00;
text-decoration:none;
background:#000;
}

.articles .article h3 a {
color:#000;
text-decoration:none;
}

.articles .article h3 a:hover {
color:#ffde00;
text-decoration:none;
}

/* DnBTV */
#dnbtv .utilities p {
float:left;
margin:0;
}

#dnbtv .utilities label {
float:left;
display:block;
width:40px;
padding:2px 0;
}

#dnbtv .utilities .text {
float:left;
font-size:1.2em;
padding:5px 2px;
}

#dnbtv .utilities br {
display:none;
}

#dnbtv .utilities .share_link {
font-weight:700;
text-transform:uppercase;
padding:0 5px 0 0;
}

#dnbtv .utilities .share_link input {
width:160px;
}

#dnbtv .btn_share {
display:inline-block;
background:#f2f2f2 url(/images/icon_add.gif) 5px 10px no-repeat;
color:#000;
text-decoration:none;
font-weight:700;
margin:0 5px 0 0;
padding:5px 6px 5px 20px;
}


#dnbtv #tertiary .content_block ol {
list-style-type:none;
}

#dnbtv .content_block ol li a {
line-height:30px;
}

#dnbtv #player h1 {
text-transform:uppercase;
margin:0 0 10px;
}

#dnbtv #player {
border:1px solid #cdcdcc;
margin:0 0 10px;
padding:14px 7px;
height:550px;
}

#dnbtv .player {
float:left;
}

#dnbtv #categories .category_scroller li {
width:190px;
}

#dnbtv #categories {
clear:both;
float:left;
width:590px;
}

#dnbtv #categories h2 {
font-size:1.4em;
text-transform:uppercase;
}


#dnbtv .playlist,#events #secondary {
float:right;
width:320px;
}

#dnbtv,#dnbtv .description,#dnbtv #featured_video {
clear:both;
}


/* Events */
#events h1,#events .more_info p {
margin:0;
}

#events .info p {
margin:0;
padding:0;
}

#events #secondary {
float:right;
width:320px;
}

#events .calendar {
border:0;
}

#events .calendar table {
background:transparent;
}


#events #primary {
float:left;
width:590px;
}

#events .management_banner {
margin:10px 0 0;
}

#events .searchForm .input {
border:0;
font-size:1.5em;
background:#fff url(/images/search_icon.gif) no-repeat;
float:left;
padding:0 0 0 35px;
}

#events .searchForm .search {
background-color:#f5f5f5;
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;
font-size:0.9em;
line-height:130%;
text-decoration:none;
font-weight:700;
color:#565656;
cursor:pointer;
margin:0 7px 0 5px;
padding:3px 10px 3px 7px;
}

#events .venue_listings {
padding:20px 0;
}

#events .venue_listings ul {
font-size:1.4em;
list-style:none;
font-weight:700;
text-transform:uppercase;
margin:0 0 0 25px;
padding:0;
}

#events .venue_listings ul li {
float:left;
display:block;
width:250px;
margin:0 0 5px;
}

#events .venue_listings ul li a {
text-decoration:none;
}

#events .venue_listings ul li .more {
font-size:0.8em;
}

#events .latest_listings {
clear:both;
padding:0;
}

#events .latest_listings .listing {
clear:both;
margin:0 0 20px;
}

#events .latest_listings .listing img {
float:left;
margin:0 0 10px;
}

#events .info {
float:left;
width:470px;

margin:0 0 0 10px;
}

#events .latest_listings .listing h3 {
text-transform:uppercase;
float:left;
margin:0 5px 0 0;
}

#events .info a {
text-transform:uppercase;
font-weight:700;
}

#events .info a.more span {
border:2px solid #d0d0d0;
background:#d0d0d0;
}

#events a.buy_tickets {
text-transform:uppercase;
font-weight:700;
padding:1px;
background:#fec828;
border:2px solid #fec828;
}

#events a.buy_tickets:hover {
color:#000;
text-decoration:underline;
}

#events .big_date {
width:100px;
border:1px solid #c4c5a6;
background:#f3f4e1;
float:left;
margin:0 0 10px;
}
#events .big_date .month {
border:1px solid #878d59;
text-align:center;
font-size:1.4em;
font-weight:700;
height:30px;
line-height:30px;
text-transform:uppercase;
background:url(/images/big_date_bg.gif) repeat-x;
}

#events .big_date .day {
height:65px;
line-height:65px;
text-align:center;
font-size:3.5em;
font-weight:700;
}



/* music */
#music .featured {
border:1px solid silver;
width:582px;
height:237px;
overflow:hidden;
margin:0 0 10px;
}

#music .featured .img {
position:relative;
z-index:0;
}

#music .featured .text_bg {
filter: alpha(opacity=55); -moz-opacity: .55;
position:relative;
z-index:1;
top:137px;
background:#fff;
height:100px;
}

#music .featured .text {
position:relative;
top:50px;
left:10px;
z-index:2;
}

#music .featured .text .title {
font-size:2em;
font-weight:700;
margin:0;
padding:0;
}

#music .features .feature .details 
{
	float:right;
	width:230px;
	padding:0 0 20px 0;
}
#music .features .feature .more {
background:#fec828;
border:2px solid #fec828;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
}

#music .podcast_container {
float:left;
width:180px;
}
 

#music .features .feature .more:hover {
text-decoration:underline;
color:#000;
}

#music .podcast_container .subscribe_link a {
color:silver;
}

#music .releases .release {
width:290px;
float:left;
height:110px;
}


#music .releases .release .info 
{
	margin: 0 0 0 110px;
}

#music .releases .release .img {
float:left;
background:#fff;
border:1px solid #d4d4c8;
margin:0 10px 10px 0;
padding:5px;
}


#music .related_container 
{
	clear:both;
	float:left;
	width:178px;
}

#music .releases .release {
width:290px;
float:left;
height:110px;
}


#music .mixes .mix .info 
{
	margin: 0 0 0 110px;
}

#music .mixes .mix .img {
float:left;
background:#fff;
border:1px solid #d4d4c8;
margin:0 10px 10px 0;
padding:5px;
}

#music .features .feature {
clear:both;
}
#music .features .feature .img {
float:left;
margin:0 10px 10px 0;
}

/* Gold CSS */ 
#membership .display_card 
{
	float:left;
	width:480px;
}

#membership .benefits 
{
	float:right;
	width:440px;
}
#membership .benefits .price
{
	line-height:1.9em;
		padding:20px 0 0 0;
}

#membership  .benefits ul 
{
	padding: 0 0 0 30px;
}
#membership .benefits .price span 
{
	font-weight:bold;
	font-size:1.8em;
}
#membership .display_card .midas_touch 
{
	margin:0;
	padding:0;
	font-style:italic;
	color:#000000;
}

#membership .display_card h1 
{
	margin:0 0 10px 0;
}

#membership .benefits h2 
{
	color:#968150;	
}

#membership .sign_up_form .cardForm
{
	float:left;
	width:400px;
}
#membership .sign_up_form h1 
{
	float:left;
	color:#968150;
	border-bottom:1px solid #968150;
	padding:0 0 10px 0;
	margin:0;
}

#membership .formWrapper 
{
	border:20px solid #fff;
	padding:20px;
}
#membership .sign_up_form .cc_logos
{
	float:right;
}
#membership .sign_up_form .address 
{
	
	float:right;
	width:400px;
}
#membership form label 
{
	font-weight:bold;
}

#membership form .textInput 
{
	border:1px solid #c6c6be;
}
#membership .sign_up_form .banner 
{
	clear:both;
	margin:10px 0 0 0;
	background:url(/images/gold_signup_header.gif) no-repeat;
}
#membership .sign_up_form .info 
{
	background:url(/images/gold_signup_bg.gif);
	padding:30px 0 0 0;
	height:100px;
	margin:0 0 0 300px;
	line-height:1.4em;
}
#membership .sign_up_form .info p 
{
	margin:0;
	font-size:0.85em;
}
#membership .sign_up_form .info h3
{
	margin:0 0 5px 0;
	font-size:1.8em;

}

#uploadmix .details 
{
	float:left;
	width:430px;
}

#uploadmix .form 
{
	float:right;
	border:20px solid #ffffff;
	padding:20px;
	width:400px;
}

#uploadmix .form form label 
{
	font-size:0.85em;
	font-weight:bold;
}

#uploadmix .details  ul 
{
	font-size:1.8em;
	font-weight:bold;
	list-style:none;
	margin:0;
	padding:0;
}

#uploadmix .details li 
{
	margin:0;
	padding:0;
	line-height:1.3em;
}

#uploadmix .user .img 
{
	float:left;
	padding:3px;
	border:1px solid #c0c0c0;
	margin:0 10px 10px 0;
}
#uploadmix .user h2
{
	padding:20px 0;
	float:left;
}

#uploadmix .user h3 
{
	float:right;
	color:#968150;
	width:480px;
	font-size:1.8em;
	border-bottom:1px solid #968150;
	padding:20px 0 5px 0;
}	

/*Abstract*/
/* -------------------------------------------------------------------------------*/

.abstract img {
	display: block;
}

.ImageContainer {
	float: left;
	margin-right: 12px;
}

.abstract ul {
	list-style: none;
	margin:0 0 1.7em 0;
	padding:0;
}

.abstract li {
	font-size: 1em;
	line-height: 1.7em;
	margin:0 0 1.7em 0;
}

.abstract ul.captions li {
	width: 118px;
	/*	float: left;*/
	font-size: 1.0em;
	line-height: 1.7em;
	margin-right: 17px;
	margin-bottom: 17px;
	list-style-type: none;
}

/* news */
#news {float:left;
       width:600px;
}

/* Account CSS */
#account .account_details 
{
	float:left;
}

#account .services
{
	float:right;
	width:440px;
}

#account .data_block 
{
	clear:both;
	width:450px;
	margin:0 0 40px 0;
}
#account .data_block h2 
{
	float:left;
	border-bottom:1px solid #000;
	height:30px;
	width:50%;
	margin:0 0 20px 0;padding:0;
	font-weight:bolder;
	font-size:1.7em;
}
#account .data_block a 
{
	float:right;
	border-bottom:1px solid #fff;
	height:30px;
	width:50%;
	line-height:25px;
	font-size:0.9em;
	font-style:italic;
	margin:0 0 20px 0;
}

#account .data_item span 
{
	font-weight:bold;
	font-size:1.4em;
}

#account .services ul.panel_options
{
	margin:0; padding:0;
	list-style:none
}

#account .services ul.panel_options li 
{
	float:left;
	margin:0;
	padding:0;
}

#account .services ul.panel_options li a 
{
	display:block;
	padding:5px;
	font-size:1.8em;
	color:#959595;
	text-decoration:none;
	border-bottom:1px solid #fff;
	
}

#account .services ul li a.active
{
	border-bottom:1px solid #000;
	color:#000;	
}

#account .services .panels 
{
	padding:10px 0 0 0;
}

/* Comp CSS */
#comp .image 
{
	float:left;
	margin:0 10px 10px 0;
}

#comp .enterForm
{
	padding:10px;
	background:#ffffff;
	margin:0 0 0 320px;
}

/* Archive CSS */
.archive .article 
{
	clear:both;
}
.archive .article .image 
{
	float:left;
	width:295px;
	margin:0 10px 10px 0;
}
.news_list .group ul 
{
	margin:0;padding:0;
}
.news_list .group ul li 
{
	margin:0;
	padding:0;
}
.news_list .group 
{
	float:left;
	width:430px;
	margin:0 20px 0 0;
}

/* Podcast listings */
.podcast_episodes .episode h3 
{
	text-transform:uppercase;
}
.podcast_episodes .episode 
{
	clear:both;
	padding:10px 0 0 0;
}
.podcast_episodes .episode .image 
{
	margin:0 10px 0 0;
	width:295px;
	float:left;
}

/* Newsletter on homepage css */
.homepage_newsletter									{background:#ffd500;width:100%;padding:0;margin:0 0 10px 0;}
.homepage_newsletter .form								{clear:both;padding:0 15px;}
.homepage_newsletter .form .text						{width:270px;font-size:130%;}
.homepage_newsletter .tl								{width:100%;float:left;height:13px;background:url(/images/newsletter_tl.gif) no-repeat top left;}
.homepage_newsletter .tl .tr							{float:right;height:13px;width:13px;background:url(/images/newsletter_tr.gif) no-repeat top left;}
.homepage_newsletter .bl								{clear:both;width:100%;height:12px;background:url(/images/newsletter_bl.gif) no-repeat top left;}
.homepage_newsletter .bl .br							{float:right;height:12px;width:13px;background:url(/images/newsletter_br.gif) no-repeat top left;}
.homepage_newsletter .form h3							{background:url(/images/newsletter_subscribe_title.gif) no-repeat;display:block;width:261px;height:40px;text-indent:-9999px;margin:0;padding:0;}
.homepage_newsletter .join								{margin:5px 0;height:40px;line-height:35px;}
.homepage_newsletter .join input						{float:left;margin:0 10px 0 0}
.homepage_newsletter .join a							{font-size:85%;color:#333;}
.homepage_newsletter .note								{font-size:85%;color:#666;line-height:13px;margin:0;}
.homepage_newsletter .working							{height:100px;}
.homepage_newsletter #working .working					{text-align:center;height:100px;padding:15px 0;width:100%;background:url(/images/newsletter_loader.gif) no-repeat center 60px;}
.homepage_newsletter .subscr_complete p							{display:none;}
.homepage_newsletter .subscr_complete h3						{display:none;}
.homepage_newsletter .subscr_complete					{background:url(/images/newsletter_success_message.gif) no-repeat;width:280px;height:180px;}

/* Studio Mixes */
#studioMixes .playLink 
{
	display:block;
	width:178px;
	background:url(/images/btn_playmix.gif);
	height:45px;
	text-indent:-9999px;
	outline:none;
}
#studioMixes .mix 
{
	margin:0 0 50px 0;
	border-bottom:5px solid #ccc;
	padding:0 0 30px 0;
}

#studioMixes .mix h2
{
	text-transform:uppercase;
	width:590px;
}
