/*  
Theme Name: Frontier Music
Theme URL: http://www.frontier-music.co.uk
Description: Modern and Urban design with Polaroid theme
Version: 1.0
Author: Josh Evans
*/

/* Begin Typography And Classes */

h1 {color: #ffffff; font-family: "Segoe UI", Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; margin: 0; padding: 0; }
h2 {color: #ffffff; font-family: "Segoe UI", Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; margin: 0; padding: 0; }
p {color: #ffffff; font-family: "Segoe UI", Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; margin: 0; padding: 0; }
p.navi {color: #ffffff; font-family: "Segoe UI", Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; margin: 0; padding: 0; word-spacing: 30px; }
p.footer {color: #cccccc; font-family: "Segoe UI", Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; margin: 0; padding: 0; }
p.back {color: #ffffff; font-family: "Segoe UI", Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; margin: 0 10px 0 0; padding: 0; text-align: right; }
p.center {color: #ffffff; font-family: "Segoe UI", Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; margin: 0; padding: 0; text-align: center; }
li {color: #ffffff; font-family: "Segoe UI", Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; margin: 0; padding: 0; }

a:link { color: #ffffff; text-decoration: none }
a:active { color: #ffffff; text-decoration: none }
a:visited { color: #ffffff; text-decoration: none }
a:hover { color: #999999; text-decoration: underline }

a.dark:link { color: #999999; text-decoration: none }
a.dark:active { color: #ffffff; text-decoration: none }
a.dark:visited { color: #ffffff; text-decoration: none }
a.dark:hover { color: #ffffff; text-decoration: underline }

img.icons {margin: 0 5px; padding: 0px; border: 0px; }
img.band {border: 0px; }

/* End Typography And Colors */


/* Begin Overall Structure */

html {
  margin: 0;
  padding: 0;
  text-align:center; /* center for IE5.x/Win */
}

body {
	background: #000000 url('bgimage.png') no-repeat fixed top right;
	margin: 0;
  	padding: 0;
	}

#wrapper {
	width: 850px;
	margin: 0 auto;
	text-align: left;
	}
	
#header {
	background: url('header.png');
	width: 850px;
	height: 160px;
	margin-top: 5px;
	}
	
#content {
	width: 577px;
	height: 440px;
	float: left;
	}
	
#rcolumn {
	background: url('sidebar.png');
	width: 270px;
	height: 440px;
	margin-right: 3px;
	float: left;
	}
	
/* End Overall Structure */



/* Begin Header Structure */

#navigation {
	width: 504px;
	height: 120px;
	float: left;
	}
	
#navitext {
	width: 450px;
	height: 120px;
	margin-top: 85px;
	margin-left: 70px;
	}

#homeactive {
	display: block;
	text-decoration: none;
	font: 0.9em Verdana;
	color: #ffffff;
	width: 50px;
	height: 25px;
	float: left;
	display: inline;
	background-image: url('homebtn.png');
	background-position: bottom;
	text-align: center;
	line-height: 90%;
	margin-right: 30px;
	overflow: hidden;
	}

.homebtn a {
	display: block;
	text-decoration: none;
	font: 0.9em Verdana;
	color: #ffffff;
	width: 50px;
	height: 25px;
	float: left;
	display: inline;
	background-image: url('homebtn.png');
	background-position: top;
	text-align: center;
	line-height: 90%;
	margin-right: 30px;
	}

.homebtn a:hover {
	background-position: bottom;
	}

#bandactive {
	display: block;
	text-decoration: none;
	font: 0.9em Verdana;
	color: #ffffff;
	width: 50px;
	height: 25px;
	float: left;
	display: inline;
	background-image: url('bandbtn.png');
	background-position: bottom;
	text-align: center;
	line-height: 90%;
	margin-right: 30px;
	overflow: hidden;
	}
	
.bandbtn a {
	display: block;
	text-decoration: none;
	font: 0.9em Verdana;
	color: #ffffff;
	width: 50px;
	height: 25px;
	float: left;
	display: inline;
	background-image: url('bandbtn.png');
	background-position: top;
	text-align: center;
	line-height: 90%;
	margin-right: 30px;
	}
	
.bandbtn a:hover {
	background-position: bottom;
	}

#mediaactive {
	display: block;
	text-decoration: none;
	font: 0.9em Verdana;
	color: #ffffff;
	width: 50px;
	height: 25px;
	float: left;
	display: inline;
	background-image: url('mediabtn.png');
	background-position: bottom;
	text-align: center;
	line-height: 90%;
	margin-right: 30px;
	overflow: hidden;
	}
	
.mediabtn a {
	display: block;
	text-decoration: none;
	font: 0.9em Verdana;
	color: #ffffff;
	width: 50px;
	height: 25px;
	float: left;
	display: inline;
	background-image: url('mediabtn.png');
	background-position: top;
	text-align: center;
	line-height: 90%;
	margin-right: 30px;
	}

.mediabtn a:hover {
	background-position: bottom;
	}

#contactactive {
	display: block;
	text-decoration: none;
	font: 0.9em Verdana;
	color: #ffffff;
	width: 65px;
	height: 25px;
	float: left;
	display: inline;
	background-image: url('contactbtn.png');
	background-position: bottom;
	text-align: center;
	line-height: 90%;
	margin-right: 30px;
	overflow: hidden;
	}
	
.contactbtn a {
	display: block;
	text-decoration: none;
	font: 0.9em Verdana;
	color: #ffffff;
	width: 65px;
	height: 25px;
	float: left;
	display: inline;
	background-image: url('contactbtn.png');
	background-position: top;
	text-align: center;
	line-height: 90%;
	margin-right: 30px;
	}
		
.contactbtn a:hover {
	background-position: bottom;
	}
	
#logo {
	width: 336px;
	height: 120px;
	float: left;
	margin-top: 35px;
	margin-right: 10px;
	}

/* End Header Structure */



/* Begin Content Structure */

#mainimage {
	width: 577px;
	height: 440px;
	margin: 0 auto;
	}

/* End Content Structure */



/* Begin Band Structure */

#band {
	background: url('bandbg.png');
	width: 577px;
	height: 440px;
	margin: 0 auto;
	}

#tom {
	width: 275px;
	height: 255px;
	float: left;
	position: relative;
	z-index: 1;
	}
	
#snave {
	width: 235px;
	height: 250px;
	float: left;
	position: relative;
	z-index: 2;
	margin-left: -100px;
	}
	
#gareth {
	width: 240px;
	height: 250px;
	z-index: 1;
	position: relative;
	bottom: 250px;
	left: 340px;
	}
	
#rich {
	width: 250px;
	height: 250px;
	z-index: 0;
	position: relative;
	bottom: 65px;
	left: 80px;
	}
	
#ben {
	width: 245px;
	height: 255px;
	z-index: 0;
	position: relative;
	bottom: 315px;
	left: 260px;
	}

/* End Band Structure */


/* Begin Right Column Structure */

#newsbox {
	width: 240px;
	height: 330px;
	margin: 5px auto 0 auto;
	}
	
#bandnames {	
	width: 240px;
	margin-left: -20px;
	}
	
#splitter {
	width: 220px;
	border-bottom: 1px solid #333333;
	margin: 0 auto;
	}
	
#icons {
	width: 99px;
	height: 30px;
	margin: 20px auto 0 auto;
	}
	
#footer {
	width: 240px;
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;	
	}

/* End Right Column Structure */