/* CSS Document */

/* Colours
Purple #8C1057;
light blue #B5DFF5;
*/

body {
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-size:11px;
}

textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

h1 {
font-size:19px;
font-weight:bold;
line-height:30px;
margin-top:0px;
}

p {
line-height:16px;
margin-top:5px;
}

#navstrip {
	width: 700px;
	margin: auto;
	margin-top: 5%;
	height: 20px;
	display: block;
	clear: both;
	line-height: 20px;
	position: relative;
}

#player {
	position: absolute;
	top: -10px;
	right: 0px;
}


/*pseudo classes for nav links*/
#navstrip a:link {
	font-weight: bold;
	color: #000000;
	background-color: #FFF;
	text-decoration: none;
}

#navstrip a:visited {
	font-weight: bold;
	color: #000000;
	background-color: #FFF;
	text-decoration: none;
}

#navstrip a:hover {
	font-weight: bold;
	color: #B5DFF5;
	background-color: #FFF;
	text-decoration: none;
}

#navstrip a:active {
	font-weight: bold;
	color: #B5DFF5;
	background-color: #FFF;
	text-decoration: none;
}

/* links for the rest of the page */

a:link, a:visited {
	font-weight: bold;
	color: #8C1057;
	background-color: #FFF;
	text-decoration: none;
}

a:hover, a:active {
	font-weight: bold;
	color: #B5DFF5;
	background-color: #FFF;
	text-decoration: none;
}

#main {
width:680px;
border:10px solid #000000;
margin:auto;
/*height:480px;*/
}

#tourstrip {
	width: 680px;
	height: 35px;
	line-height: 20px;
	display: block;
	background-color: #000;
	color: #FFF;
}

#tourstrip img {
	vertical-align: middle;
}

#tourstrip .radio {
	font-style: italic;
	font-weight: bold;
	color: #FFF;
}

/*pseudo classes for tourstrip*/
#tourstrip a:link, #tourstrip a:visited {
	font-weight: normal;
	color: #8C1057;
	background-color: #000;
	text-decoration: underline;
}

#tourstrip a:hover, #tourstrip a:active {
	font-weight: normal;
	color: #8C1057;
	background-color: #000;
	text-decoration: underline;
}


#logostrip {
width: 700px;
margin: auto;
margin-top: 10px;
height: 75px;
text-align: center;
color: #111;
font-style: italic;
background-color: #FFF;
font-weight: bold;
}
#logostrip img {
	border: 0;
}

#mainimage {
width:680px;
height:345px;
display: block;
clear: both;
}

#topimage {
width:680px;
height:190px;
display: block;
clear: both;
}


#titlebar {
width:680px;
height:100px;
clear: both;
display: block;
}

#maincopy {
width:415px;
margin-left:10px;
margin-top:10px;
min-height:190px;
height:auto;
border-right:1px solid #000000;
float:left;
display:inline;
}

/* Make some space for the two col layout as oppossed to the standard three 30/01/07 */

#maincopytwocol {
width:660px;
margin-left:10px;
float:left;
margin-top:10px;
}

#tourdates {
width:230px;
margin-right:10px;
margin-top:10px;
float:right;
display:inline;
}

.leftcol {
width:200px;
float:left;
margin-right:10px;
}

.rightcol {
width:200px;
float:right;
margin-right:5px;
}

/* This expands the middle (right) column to stretch all the way over to the right hand side.
I'm using this on the tour dates page 30/01/07 */

.twocolright {
width:440px;
float:right;
display:inline;
margin-right:10px;
}

.twocolright .radio {
	font-style:italic;
	font-weight: bold;
}

/* An invisible footer that stretches out the outside border in line with the inner content */
#footer {
width:660px;
height:10px;
clear:both;
visibility:hidden;
margin-left:10px;
}

.purpletext {
color: #8C1057;
font-weight:bold;
}

.leftcol p {
font-size:11px;
color:#999999;
margin-bottom:5px;
}

div.hr {
margin-top:5px;
  height: 10px;
  border-top:1px solid #8C1057;
}
div.hr hr {
  display: none;
}

/* Stuff for the album covers */
.album .cover {
border:5px solid black;
float: left;
}

.album .details {
width:200px;
float:right;
border-right:10px;
}

.album {
margin-bottom:10px;
}