@charset "UTF-8";

ul, li, section, p, body, label, form,
h1, h2, h3, h4, h5, h6				{display:table; padding:0; margin:0;}

a, input, textarea, select, option, button, img, nav, article 	{outline:none; border:none; display:block;}

button								{cursor:pointer; margin:0; padding:0;}
html 								{height:100%; background:#fff url('../images/bgnd.jpg') top center no-repeat fixed;} 
a 									{text-decoration:none; color:#f0f0f0; display:block;}
li									{list-style:none; padding:0;}

body {
	height:100%;
	width:930px;
	margin:0 auto;
}


@font-face {
	font-family:Century_Gothic;
	font-weight:bold;
	src:url(../fonts/Century_Gothic_B.otf);
}
@font-face {
	font-family:Century_Gothic;
	font-weight:normal;
  	src:url(../fonts/Century_Gothic.otf);
}
@font-face {
	font-family:Century_Gothic;
	font-style:italic;
  	src:url(../fonts/Century_Gothic_I.otf);
}

body, input, textarea, select, option {
	font:12px Century_Gothic, "Lucida Sans Unicode", "Lucida Grande", Verdana; 
	font-weight:normal;
	color:#c85296;
}

h1									{color:#ffef00; font-size:18px; padding-bottom:10px; text-transform:uppercase;}
h4									{font-size:12px; font-weight:normal; color:#f0f0f0;}
h5									{font-size:11px; font-weight:normal; color:#ffef37;}

.quote								{font-style:italic; width:90%; display:block; margin:10px auto; color:#c0c0c0;}

a.active							{background:#c85296;}

form						{width:auto; margin:0 auto;}
form ul.medium				{width:400px; margin:0 auto; margin-bottom:30px;}
form ul.medium	li			{width:400px;}
label						{width:120px; float:left; line-height:22px; padding-top:2px;}
input						{width:278px; float:right; margin:2px 0; height:20px; text-indent:5px;}
select						{width:278px; float:right; margin:2px 0; height:20px; padding:3px 0 0 3px;}
textarea					{width:274px; height:200px; float:right; margin:2px 0; padding:5px 0 0 5px;}


#body {
	width:100%;
	height:100%;
	margin:0 auto;
	display:table;
	padding-bottom:100px;
	position:relative;
	display:block;
}

a:hover {
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
	color:#ffef37;
}

button {
	line-height:20px;
	text-align:center;
	border:1px solid #404040; 
	display:block;
	background:#000;
	background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#000));
	background: -moz-linear-gradient(center top, #202020, #000);
	color:#f0f0f0;
	padding-top:2px;
	text-transform:uppercase;
	background:#007479;
}

button.mediumR 	{
	width:80px;
	float:right;
}

form button {
	margin-top:10px;
}

button.large 					{padding:5px; width:180px; font-size:13px;}

button:hover 	{
	cursor:pointer;
	box-shadow: 0px 0px 20px 1px #333;
	-webkit-box-shadow: 0px 0px 20px 1px #333;
	-moz-box-shadow: 0px 0px 20px 1px #333;
}


#nav_login 						{
	width:960px; 
	margin:0 auto; 
	line-height:30px; 
	text-align:center; 
	font-size:18px; 
	display:table;	
	}
#nav_login a#da					{position:absolute; top:8px; left:1px;}
#nav_login a#en					{position:absolute; top:8px; left:28px;}
#nav_login a#nextvenue			{width:860px; text-align:center; color:#c85296; margin:0 auto;}
#nav_login a#adminlink			{position:absolute; width:100px; right:0; top:0; text-align:right; color:#c85296;}

.box	{
	width:960px;
	box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	-moz-box-shadow: 0px 0px 5px #000;
	border:1px solid #303030;
	margin-bottom:15px;
	background:#01797a url('../images/bgnd_box.jpg') bottom center repeat-x;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.boxhover:hover {
	cursor:pointer;
	box-shadow: 0px 0px 20px 1px #606060;
	-webkit-box-shadow: 0px 0px 20px 1px #606060;
	-moz-box-shadow: 0px 0px 20px 1px #606060;
}

.selected {
	margin-bottom:40px; 
	border:1px solid #606060;
	box-shadow: 0px 0px 20px 1px #606060;
	-webkit-box-shadow: 0px 0px 20px 1px #606060;
	-moz-box-shadow: 0px 0px 20px 1px #606060;
}

.box .section {
	position:relative; 
	background:#666;
}
.box .section span {
	text-transform:uppercase;
	position:absolute; 
	left:-105px;
	top:78px;
	width:180px;
	font-size:24px;
	font-weight:bold;
	color:#007479;
	text-align:right;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
}


ul.title					{width:928px; color:#c85296; font-size:11px; border-bottom:1px solid #c85296; margin-bottom:3px;}
ul.sum						{width:928px; color:#c85296; font-size:13px; border-top:1px solid #c85296; margin-top:3px;}

#home 						{width:960px; position:relative;}
#home .button {
	line-height:20px;
	text-align:center;
	width:130px;
	display:block;
	background:#007479;
	color:#f0f0f0;
	position:absolute; 
	right:15px; 
	bottom:15px;
	padding-top:2px;
	text-transform:uppercase;
}

#home .news					{width:720px; float:left; position:relative;}
#home .news .crop 			{margin:15px; width:200px; height:150px; overflow:hidden; float:left; display:block;}
#home .news img 			{width:200px; float:left; display:block;}
#home .news .txt			{margin:15px 0 15px 5px; padding-right:10px; width:470px; float:left; line-height:16px; min-height:150px; border-right:1px dotted #303030; color:#f0f0f0;}
#home .news .date			{width:450px; color:#c0c0c0; font-size:11px;}
#home .list					{width:220px; height:150px; float:right; margin-top:15px; padding-left:15px; font-size:11px; line-height:16px;}

#home .shop					{width:720px; float:left; position:relative;}
#home .shop .crop 			{margin:15px; width:200px; height:150px; overflow:hidden; float:left; display:block;}
#home .shop img 			{width:200px; float:left; display:block;}
#home .shop .txt			{margin:15px 0 15px 5px; padding-right:10px; width:470px; float:left; line-height:16px; min-height:150px; border-right:1px dotted #303030; color:#f0f0f0;}
#home .shop .date			{width:380px; color:#c0c0c0; font-size:11px;}

#home .competition			{width:720px; float:left; position:relative;}
#home .competition .crop 	{margin:15px; width:200px; height:150px; overflow:hidden; float:left; display:block;}
#home .competition img 		{width:200px; float:left; display:block;}
#home .competition .txt		{margin:15px 0 15px 5px; padding-right:10px; width:470px; float:left; line-height:16px; min-height:150px; border-right:1px dotted #303030; color:#f0f0f0;}
#home .competition .date	{width:380px; color:#c0c0c0; font-size:11px;}

#home .gallery				{width:720px; float:left; position:relative;}
#home .gallery .crop 		{margin:15px; width:200px; height:150px; overflow:hidden; float:left; display:block;}
#home .gallery img 			{width:200px; float:left; display:block;}
#home .gallery .txt			{margin:15px 0 15px 5px; padding-right:10px; width:470px; float:left; line-height:16px; min-height:150px; border-right:1px dotted #303030; color:#f0f0f0;}
#home .gallery .date		{width:380px; color:#c0c0c0; font-size:11px;}
			
#news .news					{width:720px; float:left; position:relative;}
#news .news p				{margin:15px; width:200px; float:left; }
#news .info 				{margin-bottom:15px; width:450px; float:left; color:#fff; font-weight:bold;}
#news .txt					{margin:15px 0 15px 5px; padding-right:10px; width:470px; float:left; line-height:16px; min-height:100px; border-right:1px dotted #303030; color:#f0f0f0; margin-bottom:60px;}
#news .date					{width:450px; color:#c0c0c0; font-size:11px;}
#news .video				{margin-top:50px;}
#news .list					{width:220px; height:150px; float:right; margin-top:15px; padding-left:15px; font-size:11px; line-height:16px;}
#news .info					{color:#f0f0f0; width:100%;}


#artists .news				{width:720px; float:left; position:relative;}
#artists .news p			{margin:15px; width:200px; float:left; }
#artists .news img 			{width:200px; display:block;}

#artists .txt				{margin:15px 0 15px 5px; padding-right:10px; width:470px; float:left; line-height:16px; min-height:100px; border-right:1px dotted #303030; color:#f0f0f0; margin-bottom:60px;}
#artists .date				{width:450px; color:#c0c0c0; font-size:11px; padding-bottom:2px;}
#artists .list				{width:220px; height:150px; float:right; margin-top:15px; padding-left:15px; font-size:11px; line-height:22px;}
#artists .list img			{width:20px; float:left; margin-right:5px;} 
#artists .artistlist		{font-size:22px; color:#f0f0f0; text-align:center; line-height:32px; display:block; padding:20px 30px 30px 30px; text-shadow:0 0px 0px #000;}
#artists .artistlist div	{color:#c85296; display:table; margin:0 auto; font-size:16px;}
#artists .artistlist a		{font-size:22px; color:#007479; text-transform:normal; display:inline;}
#artists .artistlist a:hover{color:#c85296;}
#artists .artistlist span	{color:#c85296;}

#shop .news					{width:720px; float:left; position:relative;}
#shop .news p				{margin:15px; width:200px; float:left; }
#shop .info 				{margin-bottom:15px; width:450px; float:left; color:#909090;}
#shop .txt					{margin:15px 0 15px 5px; padding-right:10px; width:470px; float:left; line-height:16px; min-height:150px; border-right:1px dotted #303030;}
#shop .date					{width:450px; color:#c0c0c0; font-size:11px;}
#shop .list					{width:220px; height:150px; float:right; margin-top:15px; padding-left:15px; font-size:11px; line-height:16px; position:relative;}
#shop .desc					{width:470px; display:table; margin-bottom:15px;}
#shop .details				{line-height:20px; width:470px; display:table;}
#shop .details label		{width:80px; float:left;}
#shop .details select		{width:120px; float:left;}
#shop .price				{width:200px; float:right; margin-right:15px; text-align:right; font-size:24px;}
#shop .price button			{font-size:16px; padding:5px 10px; width:150px; text-align:center; float:right; margin:15px 0 0 0;}
#shop .price .status		{font-size:16px; margin-bottom:57px; color:#ffff00}
#shop .price .qtycont		{width:30px; float:right; margin-right:15px;}
#shop .price input.qty		{width:26px; text-align:center; text-indent:0; font-size:16px; font-weight:bold; color:#c85296; padding-top:2px; margin-top:3px;}
#shop .price .pricecont		{width:auto; float:right; line-height:24px;}


#competition .competition			{width:720px; float:left; position:relative;}
#competition .competition .img		{margin:15px; width:200px; float:left; }
#competition .competition img 		{width:200px; float:left; display:block;}
#competition .competition .txt		{margin:15px 0 15px 5px; padding-right:10px; width:470px; float:left; line-height:16px; min-height:150px; border-right:1px dotted #303030; color:#f0f0f0;}
#competition .news .date			{width:450px; color:#c0c0c0; font-size:11px;}
#competition .list					{width:220px; height:150px; float:right; margin-top:15px; padding-left:15px; font-size:11px; line-height:16px;}


#about .about				{width:720px; float:left; position:relative;}
#about .about p				{margin:15px; width:200px; float:left; }
#about .txt					{margin:15px 0 15px 5px; padding-right:10px; width:470px; float:left; line-height:16px; min-height:150px; border-right:1px dotted #303030;}
#about .date				{width:450px; color:#c0c0c0; font-size:11px;}
#about .list				{width:220px; height:150px; float:right; margin-top:15px; padding-left:15px; font-size:11px; line-height:16px; color:#c0c0c0;}

#gallery .gallery			{width:720px; float:left; position:relative;}
#gallery .gallery .crop		{margin:15px; width:200px; height:150px; overflow:hidden; float:left; display:block;}
#gallery .gallery p			{margin:15px; width:200px; float:left; }
#gallery .txt				{margin:15px 0 15px 5px; padding-right:10px; width:470px; float:left; line-height:16px; min-height:150px; border-right:1px dotted #303030;}
#gallery .date				{width:450px; color:#c0c0c0; font-size:11px;}
#gallery .list				{width:220px; height:150px; float:right; margin-top:15px; padding-left:15px; font-size:11px; line-height:16px;}
#gallery .thumblist			{display:table; width:940px; margin:8px auto;}
#gallery .thumb				{width:80px; height:80px; overflow:hidden; float:left; margin:7px;}


.basket						{margin:15px 0 15px 15px; width:925px; float:left; font-size:13px; color:#f0f0f0;}
.basket form				{margin:0;}
.basket li					{line-height:24px;}
.basket .itemno				{width:60px; float:left;}
.basket .item				{width:280px; float:left;}
.basket .size				{width:80px; float:left;}
.basket .colour				{width:100px; float:left;}
.basket .qty				{width:60px; float:left; text-align:center;}
.basket .qty input.Qty		{width:20px; float:left; text-align:center; text-indent:0; margin-left:20px;}
.basket .itemprice			{width:80px; float:left; text-align:right;}
.basket .basketprice		{width:80px; float:left; text-align:right;}
.basket .delete				{width:85px; float:left; margin-left:15px;}
.basket .update				{width:85px; float:left;}
.basket .delete button		{width:80px; float:right; margin:0;}
.basket .update	button		{width:80px; float:right; margin:0;}

.basket ul.shipping li:first-child 	{width:560px; float:left;}
.basket ul.shipping li.shipping 	{width:180px; float:left; text-align:right;}

.basket ul.sum li.total		{width:560px; float:left; padding-top:3px;}
.basket ul.sum .sum			{width:180px; float:left; text-align:right; padding-top:3px;}
.basket ul.sum .finish		{width:185px; margin-top:3px;}
.basket ul.sum .finish button { margin-left:20px; width:165px;}

#order ul.recipient			{width:400px; margin:15px auto; color:#f0f0f0;}
#order ul.recipient li		{line-height:22px;}
#order ul.recipient li:last-child		{padding-top:30px;}
#order form					{margin:15px auto;}
#order label				{width:120px; float:left; line-height:22px; padding-top:2px; font-weight:normal; font-size:12px; color:#c85296;}
#order input				{width:278px; float:right; margin:2px 0; height:20px; text-indent:5px;}
#order button.large			{margin-left:120px;}


.divideS					{margin-bottom:10px;}



#artists textarea.venue		{width:266px; height:30px; float:right; margin:2px 0; padding:6px;}
#artists textarea.txt		{width:266px; height:200px; float:right; margin:2px 0; padding:6px;}

nav							{position:relative;}
nav#main ul {
	background:#000; 
	width:960px; 
	margin-bottom:15px; 
	text-transform:uppercase; 
	border:0px solid #303030;
	box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	-moz-box-shadow: 0px 0px 5px #000;
}
nav#main li 				{width:auto; float:left; position:relative; display:block;}
nav#main a {
	padding:3px 15px 0 15px;
	height:27px;
	line-height:27px;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
nav#main a:hover 			{background:#c85296;}
nav#main button#mixpod		{position:absolute; right:95px; top:9px; padding:0; border:0; margin:0;}
nav#main #icons				{display:table; position:absolute; top:2px; right:8px; width:100px;}
nav#main a.icon 			{padding:6px 5px 0 0; width:auto; float:right;}
nav#main a.icon:hover 		{background:none;}

nav#main li ul				{
	border:1px solid #444; 
	background:#000;
	background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#000));
	background: -moz-linear-gradient(center top, #202020, #000);
	z-index:15;
	box-shadow: 0px 4px 20px 5px #000;
	-webkit-box-shadow: 0px 4px 20px 5px #000;
	-moz-box-shadow: 0px 4px 20px 5px #000;
}
nav#main li ul 				{position:absolute; top:30px; left:-80px;}
nav#main li ul li			{width:250px;  font-size:12px;  height:30px; text-align:center; padding:0;}
nav#main li ul				{display:none;}
nav#main li:hover ul		{width:250px; display:block; cursor:pointer; }



#subnav {
	width:960px;
	box-shadow: 0px 0px 20px 1px #000;
	-webkit-box-shadow: 0px 0px 20px 1px #000;
	-moz-box-shadow: 0px 0px 20px 1px #000;
	border:1px solid #303030;
	margin-bottom:15px;
	background:#000;
	background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#000));
	background: -moz-linear-gradient(center top, #202020, #000);
	height:30px;
	font-size:16px;
	padding:2px 0 0 0;
	line-height:30px;
}
#subnav li							{width:auto; padding:0 15px; float:left; position:relative; display:block;}
#subnav li:hover					{cursor:pointer;}
#subnav li ul				{
	border:1px solid #444; 
	background:#000;
	background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#000));
	background: -moz-linear-gradient(center top, #202020, #000);
	z-index:10;
	box-shadow: 0px 4px 20px 5px #000;
	-webkit-box-shadow: 0px 4px 20px 5px #000;
	-moz-box-shadow: 0px 4px 20px 5px #000;
}

#subnav li ul 						{position:absolute; top:30px; left:-60px;}
#subnav li ul li					{width:200px;  font-size:12px;  height:30px; text-align:center; padding:0;}
#subnav li ul						{display:none;}
#subnav li:hover ul					{display:block; cursor:pointer; width:240px;}

#subnav li ul.group					{display:none;}
#subnav li ul.group					{line-height:11px;}
#subnav li:hover ul.group			{display:block; width:802px;}

#subnav li ul.groupvenues			{position:absolute; top:30px; left:-80px; padding-top:10px;}
#subnav li ul.groupvenues li		{width:220px; float:left; font-size:12px; padding:0 10px; height:30px; text-align:center;}

#subnav li ul.groupartists			{position:absolute; top:30px; left:-160px; padding-top:10px;}
#subnav li ul.groupartists li		{width:180px; float:left; font-size:12px; padding:0 10px; height:30px; text-align:center;}

#subnav li ul.groupgenre			{position:absolute; top:30px; left:-246px; padding-top:10px;}
#subnav li ul.groupgenre li			{width:180px; float:left; font-size:12px; padding:0 10px; height:30px; text-align:center;}


footer {
	width:100%;
	height:60px;
	text-align:center;
	background:#000;
	background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#000));
	background: -moz-linear-gradient(center top, #202020, #000);
	box-shadow: 0px 0px 20px 5px #000;
	-webkit-box-shadow: 0px 0px 20px 5px #000;
	-moz-box-shadow: 0px 0px 20px 5px #000;
	position:fixed;
	left:0;
	bottom:0;
	padding-top:8px;
	text-align:center;
}
footer span {
	position:absolute;
	top:2px;
	left:0;
	font-size:10px;
	color:#606060;
}
footer .sponsors {
	width:auto;
	margin:0 auto;
	display:table;
}
footer a {
	width:auto;
	float:left;
	margin:0 20px;
}


#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
visibility: hidden;
z-index: 10;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
letter-spacing: 5px;
line-height: 1.1em;
color: white;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
box-shadow: 0px 0px 50px #000;
-webkit-box-shadow: 0px 0px 50px #000;
-moz-box-shadow: 0px 0px 50px #000;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
z-index: 5;
}

#thumbBox p {
	width:100px;
	float:left;
}