body {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	background: #E4D4BA;
}

.wrapper {
	width: 980px;
	text-align: left;
	margin: 0 auto;
	background:#fff;}

.header {
	width: 980px;
	height: 340px;
	background: url(../images/headerbg1.jpg) no-repeat;
}

.socialnetwork {height: 45px;}

.main_content {
	width: 950px;
	height:auto;
	padding: 0 0 0 20px;
	margin-top:-60px;
}

.leftcol {
	float:left;
	width: 400px;
	padding:0 0;
}

.rightcol2 {
	float:left;
	width: 488px;
	margin:10px 0 0 42px; 
	padding:22px 0 0 0;
	border-top: 1px solid #999;}
	

.rightcol {
	float:left;
	width: 510px;
	padding:0 0 0 25px;}


/* Text */

h1 {
	color: #BB381A;
	margin: 0;
	font: 24px Tahoma, Arial, Helvetica, sans-serif;
}

h2 {
	color: #BB381A;
	margin-bottom: -8px;
	font: bold 15px Tahoma, Arial, Helvetica, sans-serif;
}

h3 {
	font-size: 13px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #BB381A;
	font-weight: normal;
	margin: 0;
}


h3 a {text-decoration:none; color: #BB381A;}
h3 a:hover {text-decoration:none; color: #999;}

.leftcol h2 {margin-top:8px; border-top:1px solid #999; padding:8px 0 0 0;}

p, ul, li {
	color: black;
	font: 12px/20px Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

a {
	color: #BB381A;
	text-decoration: underline;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
	color:#C59D5F;}

.clear {
	clear: both;
}

hr {color:#2797DC;}
.quote {font-size:13px; line-height:18px; color:#CCC; font-family:Tohama, sans-serif}


img.thumb, img.thumb.a {float:left; width:140px; height:auto; margin:10px 15px 0 0; border:none;}

a img {border:none;}

strong {
	color:#BB381A;
	font-weight:bold;
}

em {font-style:normal; color: #BB381A;}

input {outline: none}

.teaserbox p {margin:0 0 3px ; vertical-align: middle;}

.teaserbox a {
	font: 11px/14px tahoma, arial, sans-serif;
	color: #BB381A;
	height: 50px;
	width:200px;
	padding: 2px 2px 0 5px;
	text-decoration:none;
	display:block;
	background:url(../images/teaserbtn-on.jpg) no-repeat;
}

.teaserbox a:hover {display:block; text-decoration:none; background:url(../images/teaserbtn-over.jpg) no-repeat;}
	
	
.arrow {float:right; width:22px; height:22px; line-height:20px; padding: 0; margin: -32px 0 5px 0; background:url(../images/arrow-small.jpg); repeat:no-repeat;}


/* Menubar*/

.menubar {margin: 0; padding:10px 0 0 0; clear:both;}
.menubar ul { width: 600px; height:40px; padding:0;}
.menubar li { float: left; list-style:none;}
.menubar li a { height: 40px; display: block; text-align:center; font: 14px/24px Tahoma; font-weight:bold; color:#333; text-decoration: none; padding-top:10px; background:url(../images/navbar-on.jpg); background-repeat:no-repeat;}
.menubar li a:hover { height: 40px; display: block; text-align:center; font: 14px/24px Tahoma; font-weight:bold; color:#000; text-decoration: none; padding-top:10px; background:url(../images/navbar-over.jpg); background-repeat:no-repeat;}

.menubar li a.news { width:78px; background-position: 0 0;}
.menubar li a.about { width:74px; background-position: -78px 0;}
.menubar li a.music { width:72px; background-position: -152px 0;}
.menubar li a.gigs { width:72px; background-position: -224px 0;}
.menubar li a.press { width:71px; background-position: -296px 0;}
.menubar li a.links { width:70px; background-position: -367px 0;}
.menubar li a.home { width:75px; background-position: -438px 0;}



/* boxes*/
.riverbuybox {float:left; width:280px; height:260px; }
.riverbuybox a {width:280px; height:260px; display:block; border:none; background:url(../images/riverbuybox-on.jpg); repeat:none;}
.riverbuybox a:hover {border:none; display:block; width:280px; height:260px; background:url(../images/riverbuybox-over.jpg); repeat:none;}

.mailinglist {width:210px; height:250px; float:right; margin-top:20px;}
.twitterbox {float:left; width:280px; height:350px; margin: 0; padding:0;}
.youtubebox {width:100%;}
.smallplayer {margin-top:30px;}
.teaserbox {
	width:200px;
	height:350px;
	float:right;
	vertical-align: middle;
}

.col2 {float:left; width:280px; height:260px; }

.divider {
	width:100%;
	height:5px;
	border-top:1px solid #999;}


/* Footer*/

.footer h1, .footer h2, .footer h3, .footer p, .footer a, .footer p, .footer p {color: white;}
.footer p {margin:none; padding:none;}

.footer {
	background-color:#222;
	width: 950px;
	border-top: 1px solid #CCC;
	padding:10px 15px 5px 15px;}
	
.footercol {float:left; width: 310px; height:auto; padding:15px 15x 0 0;}

ul.footer_links {
	margin: 0;
	padding: 0 45px 0 0;
	list-style: none;
	float:left;
	text-align:left;}

ul.footer_links li {
	color: white;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

ul.footer_links li a {
	color: white;
	text-decoration: none;
}

ul.footer_links li a:hover {
	color:#FFCC00;
	text-decoration: underline;
}


/* Forms */
.field {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8c4333;
	border: 1px solid #fbecd7;
	width: 110px;
}


ul.form {
	list-style: none;
	clear: both;
	margin: 0;
	padding: 0;
}

ul.form li {
	display: block;
	clear: both;
	color: #535353;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

ul.form li label {
	float: left;
	width: 190px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 10px;
}

ul.form li input {width:260px;}
ul.form li input.short {width:25px;}

ul.form li input.form_but {
	width: 120px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	background: url(../images/form_but.gif) repeat-x;
	cursor: pointer;
	border: none;
	}

.hiddenPic {display:none;}
 


/* Tables */

table
	{
	width: 100%;
	border-collapse: collapse;
	border:none;
	color: white;
	font: 11px/20px verdana, arial;
	margin-bottom: 25%; /* %, px, em, ex ? */
	background: #333;
	}

td.subhead
	{
	font: 12px/20px verdana, arial;
	background: #BB3319;
	font-weight:bold;
	height:20px;}

tr {padding:0 5px;}

td {height:20px; padding:0 3px 3px 5px; background-color:#333;}

td.alt {background-color:#666;}

tr.alt
	{
	background-color: #eee;}

td a {color:#FF6600;}