/* MADE2DANCE CSS */
/* Global reset
-----------------------------------------------------------------------------*/ 
html,body { margin: 0; padding: 0; border: none; }
body { font-family: Arial, Tahoma, sans-serif; font-size:10px; color: #545454; background:#503c5d; }

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
img {vertical-align: top; }
img.border { border:1px solid #485FA2; }
input, textarea, select { font-family: Arial, Tahoma, sans-serif; font-size: 11px; }
select { padding: 0; }
a, a:link, a:hover, a:visited { text-decoration: none; color:#5d257d; font-weight:bold; }
a:hover { text-decoration: none; color:#333; }
p { padding: 0 0 8px 0; margin: 0; }
div.clear { clear: both; }

/* Global
-----------------------------------------------------------------------------*/ 
#wrapper_top { margin:0 auto; width:980px; height:20px; background:url(../images/bg_top.png) repeat-y #FFF; }
#wrapper { margin:0 auto; width:980px; background:url(../images/bg.png) repeat-y #FFF; }
#wrapper_foot { margin:0 auto; width:980px; height:20px; background:url(../images/bg_foot.png) repeat-y #FFF; }
#wrapper_bottom { margin:0 auto; width:980px; height:20px; background:url(../images/bg_bottom.png) repeat-y #FFF; }
#container { margin:0px 20px 0 20px; background:#FFF; padding-top:5px; }

#column1 { width:125px; float:left; margin-right:5px; }
#column2 { width:530px; float:left; margin-right:5px; }
#column3 { width:275px; float:left; }

/* Font
-----------------------------------------------------------------------------*/ 
@font-face { font-family: NeoSansPro; font-weight: normal; src: url('../css/NeoSansPro-Regular.otf'); }
@font-face { font-family: NeoSansStd; font-weight: bold; src: url('../css/NeoSansStd-Bold.otf'); }

/* Header 
-----------------------------------------------------------------------------*/ 
#header { width: 960px; height: 69px; margin:0 0 0 0; }

/* Navigation 
-----------------------------------------------------------------------------*/ 
#menu_bar { width: 125px; height: 46px; margin-bottom: 10px; background: #fdfdfd; }
#menu { width: 125px; float:left; background: #fdfdfd; }
#menu a { outline: none; }

a#nav-1, a#nav-1_sel { width: 125px; height: 29px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-1:hover, a#nav-1_sel { background-position: 125px 0px ; }

a#nav-2, a#nav-2_sel { width: 125px; height: 29px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-2 { background-position: 0 -29px; }
a#nav-2:hover, #nav-2_sel { background-position: 125px -29px; }

a#nav-3, a#nav-3_sel { width: 125px; height: 29px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-3 { background-position: 0 -58px; }
a#nav-3:hover, #nav-3_sel { background-position: 125px -58px; }

a#nav-4, a#nav-4_sel { width: 125px; height: 29px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-4 { background-position: 0 -87px; } 
a#nav-4:hover, #nav-4_sel { background-position: 125px -87px; }

a#nav-5, a#nav-5_sel { width: 125px; height: 29px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-5 { background-position: 0 -116px; }
a#nav-5:hover, #nav-5_sel { background-position: 125px -116px; }

a#nav-6, a#nav-6_sel { width: 125px; height: 29px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-6 { background-position: 0 -145px; }
a#nav-6:hover, #nav-6_sel { background-position: 125px -145px; }

a#nav-7, a#nav-7_sel { width: 125px; height: 29px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-7 { background-position: 0 -174px; }
a#nav-7:hover, #nav-7_sel { background-position: 125px -174px; }

a#nav-8, a#nav-8_sel { width: 125px; height: 29px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-8 { background-position: 0 -203px; }
a#nav-8:hover, #nav-8_sel { background-position: 125px -203px; }

a#nav-9, a#nav-9_sel { width: 125px; height: 29px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-9 { background-position: 0 -232px; }
a#nav-9:hover, #nav-9_sel { background-position: 125px -232px; }

a#nav-10, a#nav-10_sel { width: 125px; height: 29px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-10 { background-position: 0 -261px; }
a#nav-10:hover, #nav-10_sel { background-position: 125px -261px; }

/* Pagination
-----------------------------------------------------------------------------*/ 
.pagination { text-align:left; padding:10px; }
.selectedCSS { background:#5d257d; color:#FFF; padding-top:0px; padding-bottom:2px; padding-left:5px; padding-right:5px; font-weight:bold; }
a.numbersCSS  { padding-top:1px; padding-bottom:1px; padding-left:5px; padding-right:5px; }
a.numbersCSS:hover  { padding-top:1px; padding-bottom:1px; padding-left:5px; padding-right:5px; }
a.nextPrevCSS { padding-top:1px; padding-bottom:1px; padding-left:5px; padding-right:5px; }
a.nextPrevCSS:hover  { padding-top:1px; padding-bottom:1px; padding-left:5px; padding-right:5px; }

/* Homepage 
-----------------------------------------------------------------------------*/ 
#top_img { width: 529px; height: 230px; float: left; margin: 11px 0 3px 0; overflow:hidden; }
#content_wrapper { width: 532px; margin:0; }

#content_item1 { width: 130px; height:300px; float:left; margin:0 3px 0 0; background:#5b257d; line-height:1.2; }
#content_item2 { width: 130px; height:300px; float:left; margin:0 3px 0 0; background:#461167; line-height:1.2; }
#content_item3 { width: 130px; height:300px; float:left; margin:0 3px 0 0; background:#5b257d; line-height:1.2; }
#content_item4 { width: 130px; height:300px; float:left; margin:0 0 0 0;   background:#461167; line-height:1.2; }
#news_list_item { width: 273px; height:100px; float:left; margin:0 0 0 0; clear:both; }

#content_image { width: 100px; height:100px; margin: 0 0 28px 0; padding:0; background-color:#FFF; display:block; }
#content_type  { color:#5d257d; padding:4px 5px 0 5px; height:16px; font-family: NeoSansPro, Tahoma; font-size:10px; background: url(../images/grey_bg.gif) top repeat-x #dbdbdb; }
#content_title { font-weight:bold; padding:5px 5px 0px 5px; color:#FFFFFF; }
#content_text  { padding:5px; color:#FFFFFF; }
#content_link  { padding-left:0; position:absolute; top: 617px; color:#FFFFFF; }

/* Left Column Boxes */
#quick_links   { width:125px; }
#quick_link_img{ margin-top:20px; }

/* Right Column Boxes */
#player_header { width:263px; color:#dbdbdb; padding:4px 5px 0 5px; height:16px; font-family: NeoSansPro, Tahoma; font-size:10px; background: url(../images/purple_bg.gif) top repeat-x #5d257d; }
#player_content { width:273px; height:100px; overflow:hidden; background-color:#EDECE8; }
/*
#newsletter_header { width:263px; color:#dbdbdb; padding:4px 5px 0 5px; height:16px; font-family: NeoSansPro, Tahoma; font-size:10px; background-color:#5d257d; }
#newsletter_content { width:267px; height:135px; background:#edece8; padding-left:3px; padding-right:3px; margin-left:0; margin-bottom:3px; }
#newsletter_text { padding:3px; }
#newsletter_form { padding-left:3px; }
#newsletter_form_field { height:20px; }
#newsletter_submit { padding:3px; }
*/
#stores_header { width:263px; color:#dbdbdb; padding:4px 5px 0 5px; height:16px; font-family: NeoSansPro, Tahoma; font-size:10px; background: url(../images/purple_bg.gif) top repeat-x #5d257d; }
#stores_content { width:267px; margin-top:13px  }
#stores_text { padding:3px; }
#stores_form { }
#stores_form_field { height:20px; }
#stores_submit { padding:3px; }

#news_list_header   { width:263px; color:#dbdbdb; padding:4px 5px 0 5px; height:16px; font-family: NeoSansPro, Tahoma; font-size:10px; background: url(../images/purple_bg.gif) top repeat-x #5d257d; }
#news_item			{ width:268px; height:120px;  background-color:#edece8; padding-left:5px; padding-right:0; margin-bottom:3px; clear:both; }
#news_list_image    { width: 110px; height:110px; float:right; margin: 5px 5px 0 0; }
#news_content_title { font-weight:bold; padding:5px 10px 0px 0; color: #333; margin: 0 5px 0 0; line-height:1.2 }
#news_content_text  { color:#333; padding: 2px 3px 0 0; line-height:1.2 }
#news_content_link  { color:#333; }
#news_divider       { border-bottom:#999 dotted 1px; width:296px; margin:2px 0 2px 0; clear:both; }
#news_link          { position:absolute; top:485px; }

#event_list_header   { width:263px; color:#dbdbdb; padding:4px 5px 0 5px; height:16px; font-family: NeoSansPro, Tahoma; font-size:10px; background: url(../images/purple_bg.gif) top repeat-x #5d257d; }
#event_item			 { width:268px; height:120px;  background-color:#edece8; padding-left:5px; padding-right:0; margin-bottom:3px; clear:both; }
#event_list_image    { width: 110px; height:110px; float:right; margin: 5px 5px 0 0; }
#event_content_title { font-weight:bold; padding:5px 10px 0px 0; color: #333; margin: 0 5px 0 0; line-height:1.2 }
#event_content_text  { color:#333; padding: 2px 3px 0 0; line-height:1.2 }
#event_content_link  { color:#333; }
#event_divider       { border-bottom:#999 dotted 1px; width:296px; margin:2px 0 2px 0; clear:both; }
#event_link          { padding-left:0; position:absolute; top: 341px; }

/*
#middle_news { width: 125px; height: 177px; float: left; padding-left:5px; }
#top_right { width: 264px; height: 177px; float: left; padding-left:5px; }
div.top_right_content { width: 260px; padding: 0 5px;}

div.right_content { width: 180px; padding: 0 5px;}
div.ttl { color: #7a7a7a; font-size: 13px; letter-spacing: -0.5px; }
div.news_title, div.right_text { color: #FFFFFF; font-size: 15px; padding-top:5px; }
div.right_top_content { padding: 5px 0 15px 0; }
div.news_date { height:25px; font-size:14px; color:#485FA2;}
div.title_right { width: 172px; height: 21px; background: #000 url(../images/bg_pagetitle_bar.jpg) top center repeat-x; font-size: 13px; color: #ffffff; padding: 6px 0 0 7px; font-weight: bold; text-align:center; }
*/


/* SUB PAGES */
#column2_wrapper { margin-top:16px; background:url(../images/bg_column2.png) no-repeat #EDECE8; min-height:520px; padding-bottom:5px; }

div.title_news { width: 523px; height: 22px; font-size: 13px; color:#333333; padding: 6px 0 0 0; border-bottom:1px solid #333D47; margin-bottom:5px; }
div.page_title { width: 100%; font-size: 10px; padding: 1px 0 1px 5px; text-align:left; color:#000; background: url(../images/purple_bg.gif) top repeat-x; text-transform:uppercase; margin-bottom:0px; display:none;}
div.page_sub_menu { width:100%; font-size: 12px; padding-top:5px; text-align:right; }

#table_row { }
#table_cell { padding:5px; border-bottom:1px solid #333D47; }

/* Contact Page */
#contact_list_item   { width:770px; min-height:60px; margin:5px 0 0 0; }
#contact_list_content{ min-height:60px; background:#E2E6Ef url(../images/list_item_bg.png) bottom repeat-x; }
#contact_line		 { text-align:left; font-weight:bold; padding:5px 0 5px 105px; }
#field_add_name		 { width:100px; float:left; text-align:right; padding-right:5px; height:100px; }
#field_add_value	 { }
#field_name			 { width:100px; float:left; text-align:right; padding-right:5px; }
#field_value		 { }

/* Track List
-----------------------------------------------------------------------------*/ 
#track_item	  { margin-bottom:4px; border-bottom:#999 dotted 1px; clear:both }
#track_body   { height:15px; padding:5px; }
#track_no     { float:left; width:15px; padding-bottom:3px; padding-right:6px; text-align:right; overflow:hidden; font-weight:bold; }
#track_name   { float:left; width:400px; }
#track_play   { float:left; width:45px; }
#track_buy    { float:left; width:45px; }

/* Listing Page Styles
-----------------------------------------------------------------------------*/ 
.list_item     { width:520px; height:115px; margin:5px 0 5px 0; border-bottom:#999 solid 1px;  clear:both}
.list_img      { float:left; margin:2px 8px; }
.list_content  {  }
.list_header   { font-size:120%; padding-bottom:3px; font-weight:bold; margin-top:16px; }
.list_date     { color:#5b257d; padding-bottom:3px; }
.list_text     { line-height:1.5; height:90px;  }
.list_link     { height:20px;  text-align:right; color:#5d257d; margin-top:-12px; }

.list_title    { font-weight:bold; padding:5px 5px 0px 5px; color:#999; }
img.img_border { border:1px solid #5d257d; }
.list_divider  { border-bottom:#999 dotted 1px; width:729px; clear:both; display:none; }

/* Details Page Styles
-----------------------------------------------------------------------------*/ 
.detail_item   { margin:3px 0 0px 0; min-height:550px; }
.detail_header { font-size: 120%; padding: 5px 0 0 0; font-weight:bold; width:100%; margin-top:16px;  }
.detail_date   { color:#5b257d; padding-top:5px; }
.detail_text   { line-height:1.5; padding-top:5px; min-height:150px; }
.detail_img    { margin-right:5px; float:left; margin-top:5px; }
.detail_buy    { text-align:center; background:#5D257D url(../images/purple_bg.gif) repeat-x; height:15px; }
a.buylink 	   { color:#FFF }
a.buylink:hover{ color:#CCC }
.detail_link   { padding-top:10px; color:#5d257d; }
.detail_back   { margin-top:5px; clear:both; }
img.detail_img { border:1px solid #5d257d; }

/* Forms
-----------------------------------------------------------------------------*/ 
.form_input { border:0px; background: #FFF; color: #505050; padding: 2px 4px; height:13px; font-size:11px; margin-bottom:3px; }
.contact_fields { border:1px solid #333D47; background: #D8D8D8; padding: 4px 4px; height:18px; font-size:14px; }
.contact_drop_down { border:1px solid #333D47; background: #D8D8D8; padding: 0px 0px; height:18px; font-size:12px; }
.email_sent_msg { border:0px solid #E0E0E0; background: #EAEAEA; width:400px; height:25px; text-align:center; padding-top:11px; font-weight:bold; font-size:13px; }

/* Footer 
-----------------------------------------------------------------------------*/ 
#footer { width:940px; margin:0 auto; background:url(../images/bg.png) repeat-y #FFF; padding:0 20px 0 20px; height:28px; }
#footer_left { float:left; width:595px; margin-top:10px; font-size:90%; padding-left:5px; }
#footer_right { float:left; width:340px; text-align:right; }

#social_links 				{ float:right; padding:0 15px; }
