/*reset padding so same in ie*/
fieldset
{padding:0;}

html{
height: 100%;
border: 0;
padding: 0;
margin: 0;

}

body{
/*background:url("bgtile2.jpg") top left repeat-y;*/

/*background:#ececec;*/
/*background:#000;*/
/*background:#bdd9ef;*/
/*background:#d5e2ed;*/
/*background:url("bgsprites.gif") top left repeat-x;*/
/*background:#878b8f;*/

/*background:url("brushedmetal1.jpg") repeat;*/
background: url(images/harmonystripe1.gif) #999999 fixed center top;



text-align:center;
height: 100%;
margin: 0;
padding: 0;
border: 0;
}

/*start form styles*/
fieldset
{
color:#6d6d6d;
background-color: #F7F8FF;
border: 1px dotted #CCCCCC;
margin-bottom: 4px; padding:10px;
width:480px;
-moz-border-radius: 5px;
-webkit-border-radius:5px; 
}

label
{
margin-right:20px;
font-weight:normal;
}

input
{
	font-family:verdana;
	font-size: 1.2em;
	color: #000; 
	border: 1px solid #ccc; 
	-moz-border-radius:5px; -webkit-border-radius:5px; 
}

input[type="radio"] { 
border: 0px;
padding:5px;
}


input:focus, textarea:focus
{ border: 1px solid #999; background-color: #fff; color:#333; }

input.submit
{
border: 1px solid #000; cursor:pointer; background:#3185bf; color:#fff; 
}
input.submit:hover { background:#fff; color:#3185bf; }

input.suggestion  /*these are a repeat of the above but are needed for suggestion button, class is suggestion*/
{
border: 1px solid #000; cursor:pointer; background:#3185bf; color:#fff; 
}
input.suggestion:hover { background:#fff; color:#3185bf; }


textarea
{
border: 1px solid #ccc; font-family:verdana; font-size: 1.2em; color: #000;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px; 
}

/*end form styles*/

/*start other concerts table styles*/
#otherconcerts
{
/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
width:100%;
/*height:1500px;    no*/
border-collapse:collapse;
}
#otherconcerts td, #otherconcerts th 
{
/*font-size:1em;*/
border:1px solid #98bf21;
padding:3px 7px 3px 7px;
}
#otherconcerts th 
{
/*font-size:1.1em;*/
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}

/*end other concerts table styles*/

/*start styles for vote graph*/

.clear{
clear:both;}
 
.graphcont {
padding-top:10px;
padding-top:5px;
padding-top:0px;

/*margin-top:5px;*/

line-height:1.7em;


color:#000;
/*font-weight:400;*/
float:left;

/*display:inline;*/
}
 
.graph {
float:left;
margin-top:0px;
background-color:#cecece;
position:relative;
width:280px;
width:260px;
padding:0;

/*margin-top:5px;*/

}
 
.graph .bar {
display:block;
position:relative;
/*background-image:url(images/bargraph.gif);*/
background-image:url(images/bargraph1.gif);

background-position:right center;
background-repeat:repeat-x;
border-right:#538e02 1px solid;
text-align:center;
color:#fff;
height:25px;/*same height as the bargraph gif*/
height:15px;/*same height as the bargraph gif*/

/*font-family:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
*/
font-size:12px;
font-size:11px;
font-size:9px;
line-height:1.9em;
line-height:1.5em;

/*margin-top:5px;*/


}
 
.graph .bar span {
position:absolute;
left:1em;
}
/*end styles for vote graph*/




h4
{
color:#3b4146;
/*font-size:20px;*/
/*font-weight: normal;*/

}

h3
{
font-size:110%;
/*color:#141313;*/
color:#3b4146;
/*font-weight:300;*/
font-weight:bold;
margin:0;
margin-bottom:5px;
}

h2
{
color:#705c5c;
font-size:120%;
font-weight:bold;
}



#contentwrap{

/*min-height:93%;
height: auto!important;
height: 93%;*/
min-height:800px;
height: auto!important;
height: 800px;



/*height:700px;*/
width:850px; 
text-align:center;
padding:0;
margin:0 auto;
background:#ffffff;
/*border-left: 1px solid black;
border-right: 1px solid black;*/
/*background:url("back-tile.jpg") top left repeat-x;*/



}

#headerbox
{
width:850px;
height:170px;
/*background:#ECF323;*/
/*background:#ffc20a;*/

overflow-y:hidden;

}

#left
{
position:relative;
float:left;
width:260px;
margin-right:20px;

}

#right
{
width:500px;
position:relative;
float:right;

}

.words
{
margin-left:2px;
margin-bottom:2px;
margin-top:3px;
}

#menubox{
clear:both;
margin:0;
padding: 0;
border-bottom: 1px solid black;
border-top:1px solid black;
height:40px;
/*background: url("menubar2.gif") no-repeat top;*/
/*background:#ffffc7;*/
overflow-y: hidden;

}




#sddm
{	margin-top:10px;
	margin-left:20px;
	padding: 0;
	z-index: 30;
	
}

#sddm li
{	margin:0;
	padding: 0;
	list-style: none;
	float: left;
	/*font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;*/
	font-family:verdana;
	font-size: 11px;
	
	/*font-weight:bold;*/
	/*font-size: 0.75em;*/
	
	}

#sddm li a
{	display: block;
	/*margin: 0 1px 0 35px;*/

	/*margin: 0 45px 0 1px;*/
	margin:0 35px 0 1px;
	
	
	
	padding: 4px 10px;
	
	/*background:#ffffee;*/
	color: #333333;
	color: #545454;
	text-align:left;
	text-decoration: none}

#sddm li .social_media{
margin-right:5px;
margin-bottom:10px;
padding:0px;
border:none;
}





#sddm li a:hover
{	
	
	/*background:#646464;*/
	/*color:#ffffee;*/
background:#141313;
	color:#c3d8e9;
}

#sddm div
{	position: absolute;
	z-index:31;
	visibility: hidden;
	margin-top:0px;
	padding: 0;
	border-left: 0px solid brown;
	border-right: 0px solid brown;
	border-bottom: 0px solid brown;
	
}

	#sddm div a
	{	position: relative;
		display: block;
		margin-top:0;
		padding: 5px 10px;
		
		width: 106px;
		width: 56px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background:#e1dfdf;
		color:#333;
		/*color:#000;*/
		font-family:verdana;
		font-weight:normal;
		/*font-size:10px;*/
		
}

	#sddm div a:hover
	{	
		background:#646464;
		color:#ffffee;}


#menutext
{
	
	width:660px;
	height:30px;
	padding-top:12px;
	
	margin-left:10px;
	
}



.leftcolumn{

	float:left;
	text-align:left;
	width:270px;
	/*height:330px;*/
	padding: 0;
	margin: 0;
	/*background:#E6EBE6;*/
}

.rightcolumn{

	float:right;
	width:520px;
	/*height:330px;*/
	padding: 0;
	margin: 0;
	/*background:red;*/
}


#lefttext
{
	
	width:300px;
	height:280px;
	margin:20px;
	
}



#toprightcontent
{	
	
	position:relative;
	
	width:220px;
	margin:20px;
	height:170px;
	background:#ffffee;
}


#playercontent
{	
	position:relative;
	width:810px;
	margin-top:0px;
	margin-left:20px;
	margin-right:20px;
	text-align:left;
	padding-bottom:25px;
	
}

#gallerycontent
{	
	position:relative;
	/*border-top:1px solid black;*/
	width:810px;
	height:700px;
	margin-top:20px;
	margin-left:20px;
	margin-right:20px;
	text-align:center;
	padding-bottom:25px;
		
	
}

#gallerycontent a
{
	/*color:#707070;*/
	text-decoration:none;
}


#contactcontent
{	
	position:relative;
	width:660px;
	margin-top:20px;
	margin-left:20px;
	margin-right:20px;
	text-align:left;
	padding-bottom:5px;	
}

#homecontent
{	
	position:relative;
	width:640px;
	margin-top:20px;
	margin-left:20px;
	margin-right:20px;
	padding-bottom:5px;	
}

#center
{
text-align:center;
}


#footer{

text-align:center;
clear: both;
/*height:14%;*/
height:140px;
width:850px;
/*border-bottom:1px solid green;*/
/*border-left: 2px solid #AFB0B0;*/
/*border-right: 2px solid #AFB0B0;*/
border-right: 1px solid black;
border-left: 1px solid black;
padding:0;
margin:0 auto;
/*background:#ECF323;*/
/*background:#ec008d;*/
/*background: url("footergradient2.bmp") top left repeat-x;*/
/*background: url("footergradient4.bmp") top left repeat-x;*/
/*background: url("footergradient4.bmp") top left repeat-x;*/
/*background: url("footergradient8.bmp") top left repeat-x;*/
/*background: url("footerwithbass.gif");*/
/*background: url("footerwithbass1.gif");*/
background:#a3ccff;

}

#footer a{text-decoration:none;}
/*#footertext a hover{color:#60a6d9; text-decoration:underline;}*/

#footer a:link img {
  border: none;
}

#footertext
{
	position:relative;
	font-size:11px;
	width:810px;
	margin-top:0px;
	margin-left:20px;
	margin-right:20px;
	text-align:left;
	/*padding-bottom:25px;*/
}

#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid #ccc;
padding: 2px;
background-color: lightyellow;
color:#555;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}


.footerlogo
{
	/*margin-bottom:20px;*/
	/*padding-top:30px;*/
	padding-right:15px;

	
}


.menutext
{
	font-family:verdana;
	font-weight:bold;
	font-size: 0.75em;
	color:green;
}

.footertext
{
	font-family:verdana;
	font-size:11px;
	/*color:#e3e3e3;*/
	color:#000000;
}


.bodyText 
{
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	/*font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;*/
	/*font-family: Arial;*/
	font-family:verdana;
	/*font-weight:500;*/
	/*font-size: 16px;*/
	/*font-size:14px;*/
	/*font-size:0.75em;*/
	font-size:80%;
	
	color:#000;
} 

.img
{
margin-top:5px;
margin-right:5px;
margin-left:10px;
width:160px;
height:95px;



/*vertical-align:bottom;*/

}



.align-left
{
	
	float:left;
	border:#000000 1px solid;
	padding:1px;
	margin-right:10px;
	/*margin-bottom:20px;*/
}

.img1 
{
	margin-top:3px;
	margin-left:9px;
	
	/*border:#000000 1px solid;*/
	/*padding:1px;*/
	width:501px;
	/*height:160px;*/
	
	
	
}	

.img2
{
	margin-right:10px;
	/*border:#000000 1px solid;*/
	
}

.img3
{
	margin-right:15px;
	
}
.img4
{
	margin-right:50px;
	margin-bottom:100px;
	border:#000000 1px solid;
}

.img5
{
	padding:1px;
	border:#000000 1px solid;
	/*text-align:center;*/
	/*margin-top:5px;*/
	/*margin-bottom:40px;*/
	/*margin-right:20px;*/
	/*margin-left:10px;*/
}


.thumbnail
{
	width:130px;
	height:97px;
	margin-right:10px;
	/*margin:20px;*/
	/*padding:1px;*/
	border:#000000 1px solid;
}

.images
{
	padding:1px;
	border:#000000 1px solid;
	margin-left:20px;
	margin-top:20px;
}
	
/* remove borders round image links*/
a:link img {
  /*border: none;*/  /*cant have this as the thumbnails need borders*/
}

/*remove firefox dotted border round links*/
a
{
 outline: none;
}



a:link, a:visited
{
	/*color:#ec008d;*/
	/*color:#082d49;*/
	color:#246192;
	
	text-decoration: none;
	
}

a:hover, a:focus, a:active
{
	/*color:#ffc20a;*/
	/*color:#ec008d;*/
	/*color:#77b0dd;*/
	text-decoration: underline;
		
}

/*for buttons on the vote form etc*/
.awesome, .awesome:visited {

	/*background: #222 url(../images/buttons/alert-overlay.png) repeat-x; */
	background: #222 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpi/v//vwMTAwPDfzjBgMpFI/7hFSOT9Y8qRuF3JLoHAQIMAHYtMmRA+CugAAAAAElFTkSuQmCC") repeat-x;
	/*background: #ccc;*/ 
	display: inline-block; 
	padding: 5px 10px 6px;
	/*padding:5px 10px;*/
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	border:0 none;
}

.awesome:hover { background-color: #111; color: #fff; }
/*end for buttons on the vote form etc*/


/*for tabbed navigation*/
ul {list-style: none;}

ul#navigation {
	height: 36px;
	padding: 20px 20px 0 30px;
	width: 904px;
	width: 760px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

ul#navigation li {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	float: left;
	/*width: 168px;*/
	width: 168px;/*width of actual tab*/
	margin: 0 10px 0 0;
	background-color: #2B477D;
	border: solid 1px #415F9D;
	position: relative;
	z-index: 1;
}

ul#navigation li.selected {
	z-index: 3;
}

ul#navigation li.shadow {
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: -3px;
	left: 0;
	border: none;
	background: none;
	z-index: 2;
	-webkit-box-shadow: #111 0 -2px 6px;
	-moz-box-shadow: #111 0 -2px 6px;
	box-shadow: #111 0 -2px 6px;
}

ul#navigation li a:link, ul#navigation li a:visited {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	display: block;
	text-align: center;
	/*width: 168px;*/
	width: 168px; /*width of actual tab*/
	height: 40px;
	/*line-height: 36px;*/
	line-height: 15px;
	/*font-family: Arial, Helvetica, sans-serif;*/

	/*text-transform: uppercase;*/
	text-decoration: none;
	/*font-size: 13px;*/
	font-size: 12px;
	/*font-weight: bold;*/
	color: #fff;
	letter-spacing: 1px;
	outline: none;
	float: left;
	background: #2B477D;
	-webkit-transition: background-color 0.3s linear;
	-moz-transition: background-color 0.3s linear;
	-o-transition: background-color 0.3s linear;
}

ul#navigation li a:hover {
	background-color: #5a87dd;
}

ul#navigation li.selected a:link, ul#navigation li.selected a:visited {
	color: #2B477D;
	border: solid 1px #fff;
	-webkit-transition: background-color 0.2s linear;
	background: -moz-linear-gradient(top center, #d1d1d1, #f2f2f2 80%) repeat scroll 0 0 #f2f2f2;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(.2, #f2f2f2),color-stop(.8, #d1d1d1));
	background-color: #f2f2f2;
}

#tabbedcontent {
	width: 910px;
	width: 100%;/*width of content slight background*/
	background: #f2f2f2;
	padding: 0 0 50px 0;
	margin: 0 auto;
}

/*end for tabbed navigation*/



dd li
{list-style:none;
}

dt
{
color:#ec008d;
font-size:120%;
/*font-weight:bold;*/
}




#leftdiv
{
position:relative;
float:left;
width:490px;
/*background:red;*/

}

#rightdiv
{
/*position:relative;*/
float:right;
/*width:115px;*/
/*height:200px;*/
padding-left:10px;
padding-right:10px;
border:1px solid #ccc;
padding-bottom:10px;
text-align:center;
/*vertical-align:top;*/
background:#232323;
margin-left:15px;
}

.playera
{

	/*background:#f4f4f8;*/
	background:#fbca1f;
	/*padding-right:10px;*/
	border:1px solid #333;
	/*border-bottom:0px;*/
}

.playera td
{
border:1px solid #ccc;
width:50px;
}

.floatfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*gallery box*/
.gallerybox{
width:790px;
padding:5px;
background-image:url(images/body_story_bg.jpg);
background-position:bottom;
background-repeat:repeat-x;
background-color:#FAFAFA;
border: 1px solid #C8C5BC;
cursor:pointer;
}

.hovergallerybox{
width:790px;
padding:5px;
background-image:url(images/body_story_bg.jpg);
background-position:bottom;
background-repeat:repeat-x;
background-color:#FAFAFA;
border: 1px solid #000;
cursor:pointer;
}


/*style box on home page*/
#box {
	min-height:200px;
	padding-left: 0px;
	padding-top: 30px;
	padding-right: 20px;
	float: left;
	/*width:570px;*/
	width:780px;
	display:inline;
	/*line-height: 160%;*/
	line-height: 140%;
}
#box .story img {
	float: left;
	margin-right: 20px;
	display:inline;
}
/*
* html #box {overflow-x: hidden;}
*/
#box .story {
	min-height: 104px;
	width:770px;
	background-color:#FAFAFA;
	border: 1px solid #C8C5BC;
	padding: 18px;
	font-size: 13px;
	/*font-size: 14px;*/
	margin-bottom: 20px;
	background-image:url(images/body_story_bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}
/*end style box */

/* for thumbnails */
.borderimage {border: 1px solid #ccc; padding:1px;}
.hoverborderimage {border: 1px solid #464646; padding:1px;}

.curvedborder{
padding:5px; border:1px solid #ccc; -moz-border-radius: 5px;}

input[type=checkbox]{border:none;}




/* CSS is over */
