@import url("sq_artists.css"); /* add support for mp3 player */

body 		{ background:#ffffff; color:#000000; margin:6px; text-align:center; }

a:link 		{ color:#053b5b; background-color:transparent }
a:active 	{ color:#6c000e; background-color:transparent }
a:visited 	{ color:#333333; background-color:transparent }
a:hover 	{ color:#6595bd; background-color:transparent }

/* global */

* html body #mid { padding-right:0;margin-right:0;} /* hm try to fix this in a better way for ie */

#sqbody		{ width:811px; margin:0px auto; text-align:left; position:relative; }

#lbox		{ float:left; width:178px }
#mid		{ float:left; width:409px; margin:0px 13px }
#mid_artist { float:left; width:587px; margin:0px 13px }
#right		{ float:left; width:178px }

.hide 		{ clear:both; visibility:hidden; margin:0px }

	/* start page / header */

#head 		{ width:791px;}

#startfl				{ position:relative; border: 2px solid #36090d; margin: 0 auto 12px; width: 750px;  }
#startfl img			{ position:relative; z-index:1; }
#startfl div			{ position:absolute; top:10px; left:10px; color:white; z-index:2; }
#startfl div h1			{ font: 37px/80% 'arial black', sans-serif; font-weight: bold;  text-align:right; padding-right:25px;}
#startfl div h2			{ font: 20px/120% 'arial black', sans-serif; }
#startfl .bigger		{ font-size:140%; }
#startfl div.middletext	{ position:absolute; width:100%; left:0px; top:78px;  }
#startfl div.endtext	{ position:absolute; width:100%; left:25px; top:200px; }
#startfl img.click		{ display:inline; vertical-align:middle; }

#signup_placeholder { width: 754px; margin: 0 auto 0; }

#head .lcol 	{ width:230px; height: 78px; padding: 8px 4px; float:left; font:0.7em "Arial Black", Sans-serif; color: #36090d; text-align: center;}
#head .rcol		{ width:230px; height: 78px; padding: 8px 4px; float:right; font:0.7em "Arial Black", Sans-serif; color: #36090d; text-align: center;}
#head .box 		{ border:1px solid #36090d; border-bottom: none;}
#head .signup_box { width: 270px; height: 78px; float: left; text-align: center;}
#head .signup_box img { margin: auto; display: inline; border: none;}

#logo		{ position:relative; left:0px; top:12px }
#logoanim	{ position:relative; left:10px; top:21px }
#banner		{ position:absolute; left:333px; top:18px; width:455px; text-align: center; }
#banner h2	{ text-align: center; color: #36090d; font: bold 22px/100% 'arial black', sans-serif; margin: 15px 0 0 0; padding: 0;}
#banner	p	{ font: 0.8em/1em 'arial black', sans-serif; color: #36090d; margin: 0; padding: 0;}
#banner hr 	{ width: 80px; height: 1px; color: #36090d; background-color: #36090d; border: none; margin: 8px auto; padding: 0;}
/*#banner	#rightbanner { position:relative; right:0px; top:0px }*/

.go_btn { top: 4px; position: relative;}

#preticker { width:155px; text-align: right; height: 16px; float:left; border: 1px solid #36090d; font: 10px 'arial black', sans-serif; color: #36090d; padding: 2px; overflow: hidden;}
#ticker { float:left; height: 16px; width: 562px; overflow:hidden; border-top: 1px solid #36090d; border-bottom: 1px solid #36090d; font: 10px 'arial black', sans-serif; color: #36090d; padding: 2px;}
.pretickerdots { float: left; height: 16px; width: 10px; border-top: 1px solid #36090d; border-bottom: 1px solid #36090d; font: 10px 'arial black', sans-serif; color: #36090d; padding: 2px 1px; overflow: hidden;}
.posttickerdots { float: left; height: 16px; width: 12px; border-top: 1px solid #36090d; border-bottom: 1px solid #36090d; border-right: 1px solid #36090d; font: 10px 'arial black', sans-serif; color: #36090d; padding: 2px 1px; overflow: hidden;}



#memb		{ position:relative; left:20px; top:-10px; width:750px; height:18px; text-align:right;}
/*.mec1		{ width:100%; height:25px; background:url(../sqimg/bg-memb-r.gif) right no-repeat }
.mec2		{ height:25px; background:url(../sqimg/bg-memb-l.gif) left no-repeat }
.mec2 div	{ padding:3px 0px 0px 20px }
.ml			{ position:absolute; top:3px; left:0px }*/



	/* end start/head */

.top1		{ width:178px; padding: 5px 0; background:#4a0907 url(../sqimg/bg-top2-brown.gif) no-repeat center top; }
.top1, .top1 a, .top1 a:visited	{ color:#fff; text-decoration:none; }
.top1 .rub	{ padding:3px; text-align:center; }
.top1 .sub	{ padding:0px 0px 0px 20px }

.top2		{ width:178px; padding: 5px 0; background:#4a0907 url(../sqimg/bg-top2-brown.gif) no-repeat center top; color:#fff }
.top2 .rub	{ padding:3px 0px 0px 20px }
.top2 .sub	{ padding:0px 0px 0px 20px }

.lbox		{ width:178px; background:#e0e8f6; margin-bottom:6px }
.lbox .cont	{ padding:2px 20px 2px 20px }
.lbox .form	{ padding:2px 15px 2px 20px }

.gbox		{ width:178px; background:#e0e8f6 url(../sqimg/bg-graytop.gif) top no-repeat; margin-bottom:6px }
.gbox2		{ background:url(../sqimg/bg-leftbot.gif) bottom no-repeat }
.gbox .cont	{ padding:2px 20px 2px 20px }
.gbox .form	{ padding:2px 15px 2px 20px }

.cont p		{ margin:6px 0px 6px 0px }
.cont h2	{ margin:6px 0px 6px 0px }
li			{ margin:0px; }
ul			{ margin:6px 0px 6px 0px; padding:0px; list-style:url(../sqimg/listitem.gif); }
/* ul.developing,ul.others	{ margin:6px 0px 6px 0px; padding:0px 0px 0px 20px } */
li			{ padding:3px 0 4px 0; }
ol	{ margin:0;padding-left:20px; }

.bar		{ position:relative; height:20px; width:409px; margin-bottom:4px; margin-right:-20px; padding:3px 0px 0px 20px; background:url(../sqimg/midhead.gif) no-repeat; left:-20px; }
.bar1		{ width:260px; float:left }
.bar2		{ width:110px; float:left; text-align:right; height:20px }
.bar2 b		{ background:#fff; border:1px solid #fff; padding:1px 3px; position:relative; top:1px }
.subar 		{ position:relative; left:-20px; margin:0px; padding:0px 20px 0px 20px; color:#222222; background:url(../sqimg/list2.gif) top left no-repeat }

#mid		{ padding-left:20px }
.artist img,.nsspec img { margin-right:10px }

.center			{ text-align:center }
.centermargin	{ margin:0 18%; text-align:left }

ul.centermargin  	{ margin-top:0px; }
ul.centermargin li	{ margin-top:0px; padding:1px 0px; }

.stretch	{ width:100% }
.right		{ float:right }
.left		{ float:left }

.c			{ text-align:center }

img			{ display:block }

.leftside	{ position:absolute; left:0px; width:178px }
.rightside	{ margin-left:178px }

#mid .sm	{ margin-top:2px }

h1			{ text-align:center; margin-top:10px; }
.artist h1	{ margin-bottom:0; font-size:150%; font-weight:bolder }
h2			{ margin:22px 0px 0px 0px }
h2.center	{ margin:0px; padding-bottom:15px;}
#mid p		{ margin-top:6px }

#copy		{ width:791px; border-top:1px dotted #999999; text-align:center; padding:10px 0px; color:#666666 }
#copy a		{ text-decoration:none }

.interview h4	{ padding-bottom:6px }

/* form */

form		{ margin:0px }

.lbox .frm 	{ width:138px; background:#fbfbfb; border-top:1px solid #404040; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; border-left:1px solid #404040 }

.genre_checkb {
	float:left; 
}

/* prev col: d1cfd0 */
#memb .frm 	{ width:110px; background:#fbfbfb; border: 1px solid #000; color: #000; font-weight: bold;}

.subm 		{ background:#fbfbfb; height:18px; position:relative; top:1px }

.hidd		{ display:none; }

.hq fieldset, fieldset.hq, .hq legend	{ width:370px; }
fieldset.hq select		{ width:340px; }
fieldset.noframe		{ border:none; margin:10px 0px 0px 0px;padding:0; }
fieldset.noframe legend	{ margin-bottom:10px; color:black; }
fieldset legend			{ color:#aeaeae; }
.hid					{ position:relative; display:none;}

.reqfieldnotice			{ color:red; font-weight:bold; text-decoration:blink; }

.inlinepict { margin:0 15px 10px 0; }

/* global typography */

#lbox li a		{ font-weight:bold; }

/* content pages, special */

a.bigoffer,a.bigoffer:link	{ font:bold 130%  tahoma, helvetica, sans-serif; color:#ff6600; text-decoration:none; }
a.bigoffer:hover	{ color:#ff3300 }

.sqbox	{ float:left; width:150px; border:1px solid black; margin:10px; padding:5px; }


/* float, clear */

.lfloat {
	float: left;
}

.rfloat {
	float: right;
}

.clr {
	clear: both;
}

.rclr {
	clear: right;
}

.lclr {
	clear: left;
}


/* tour */

#tourbox {
	font: 12px/12px arial, Sans-serif;
	width: 730px;
	padding: 8px 10px 2px 10px;
/*	height: 294px; */
	margin: 0 auto 12px;
	border: 2px solid #3c1212;
}

#tourbox p {
	font-size: 12px;
	margin: 0.7em 0;
}

.coffe {
	color: #ffffff;
	background: url(../sqimg/tour_coffe2.jpg) left top;
}

.milk {
	color: #3c1212;
	background: url(../sqimg/tour_milk2.jpg) left top;
}



#tourbox h2 {
	margin: 0.1em 0;
	font-size: 2em;
	text-align: center;
}

#tourbox h3 {
	margin: 0.1em 0;
	font-size: 1.25em;
	text-align: center;
	line-height: 100%;
}

#tourbox div {
}

#tourbox .tourheading {
	float: left;
	width: 270px;
	font-weight: bold;
	font-size: 1.2em;
	text-align: right;
}

#tourbox .tourheading img {
	display: inline;
	margin: 0 0 0 1em;
}

#tourbox .tourtext {
	font-size: 12px;
	font-family: arial, sans-serif;
	float: right;
	text-align: left;
	width: 460px;
	margin: 0 0 12px 0;
}

#tourbox img.artist {
	float: right;
	margin: 3px;
	border: 1px solid #3c1212;
}

#tourbox ul {
	list-style: none;
	margin: 0;
	padding: 1em 2em 0;
}

#tourbox ul li {
	font-weight: bold;
	font-size: 12px;
}

#tourbox table {
	font-size: 12px;
	color: #3c1212;
	padding: 0;
	margin: 0 1em;
	width: 360px;
}

#tourbox #tournavigation {
	text-align: center;
	color: #000;
	margin: 0;
	
}

#tournavigation .next {
	background: #aaa url(../sqimg/tour_next.gif) no-repeat right 50%;
	padding: 0.1em 2em 0.1em 1em;
	margin: 0 1em;
	text-transform: uppercase;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

#tournavigation .prev {
	background: #aaa url(../sqimg/tour_prev.gif) no-repeat left 50%;
	padding: 0.1em 1em 0.1em 2em;
	margin: 0 1em;
	text-transform: uppercase;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

#tour5 {
	width: 600px;
	margin: 1em auto 30px;
	
}

#tour5 p {
	margin: 1.5em 0;
}