/* SOME COLOURS
FFAC3A
6BA6FF
AD0000
AFB2BA
E8EDFF
*/

@charset "utf-8";
/** RESET **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
}
body {
	margin: 0 0 0 0;
	padding: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
}

a:link,a:visited {
	color:#990000;
}
@charset "utf-8";
body {
	font-size:0.9em;
	font-family:arial, "lucida console", sans-serif;
	background-image:url(../images/mainbg.png);
	background-repeat:repeat-x;
	background-position:top left;
	width:100%;
	margin:0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding:0;
	text-align:center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#000000;
}
p {
	margin: 0px 0px 5px 0px;
}
li {
	margin-left: 8px;
}
h2 {
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
	font-size:22px;
	text-align:right;
	padding-right:10px;
	color:#FFFFFF;
	background-color:#6BA6FF;
}
h3 {
	margin-top:4px;
	font-size:18px;
}
h3.areaHeader {
	text-align:center;
}
#container {
	width: 960px;
	background: #FFFFFF;
	margin: 5px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#topBar {
	float:left;
	width:750px;
	margin-left:10px;
}
#mediaPlayer {
	margin-top:2px;
	margin-bottom:2px;
}
#mainContent {
	width:751px;
	margin-left:10px;
}
#intro {
	background-color:#FFCC66;
	width:395px;
	float:left;
}
#whoAreYou {
	background-color:#66CC33;
	margin-left:11px;
	width:285px;
	float:left;
}
#whoAreYou form p {
	float:right;
}
#whoAreYou .mailingListButton {
	float:right;
}

ul#meMainMenu li {
	list-style:none;
	margin-left:3px;
}

ul#meMainMenu li a {
	font-size:18px;
	text-decoration:none;
	font-weight:bold;
	color:#333333;
}

ul#meMainMenu li span {
	display:block;
	margin-left:4px;
}

ul#meSubMenu {
	position:relative;
	float:right;
	width:120px;
	background-color:#FFCC66;
	margin:5px;
}

ul#meSubMenu li {
	list-style:none;
	margin:0;
}

ul#meSubMenu li a {
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	text-decoration:none;
	text-align:center;
}

ul#meSubMenu li a:hover {
	background:#FF9933;
}

div#spotifyplaylist {
	width:500px;
	margin:20px auto;
	background:url(../images/spotify-background.jpg);
	padding:20px;
	position:relative;
}

div#spotifyplaylist a {
	color:#6BA6FF
}

div#spotifyplaylist p {
	color:#fff;
}

div#spotifyplaylist img {
	display:inline;
	margin-right:5px;
	float:left;
}

div#minireviewformarea {
	position:relative;
	padding:20px;
	text-align:center;
	background-image:url(../images/green_stripe_gradient_bg.png);
}

div#minireviewformarea input#review,div#minireviewformarea input#submitaminireview,div#minireviewformarea img {
	border:none;
	margin:none;
	display:inline-block;
	left:0;
	font-size:130%;
}

input#submitaminireview {
	width:76px;
	height:26px;
}

div#minireviewformarea input#review {
	border-right:1px solid black;
	width:620px;
}

div#minireviewformarea input.example {
	color:#999;
}

p#reviewresponse {
	font-size:120%;
	color:#fff;
}

/* Listing reviews */
h3#minireviewheader {
	text-align:center;
}
div.minireview {
	text-align:center;
	margin-top 10px auto;
}
div.minireview span.review {
	margin-top 10px auto;
	display:inline-block;
	width:500px;
	font-size:150%;
	font-style:italic;
	font-family: Georgia, "Times New Roman",Times, serif;
	color:#555;
}
div.minireview span.review:before {
	font-family: Georgia, "Times New Roman",Times, serif;
	content:"\"";
	font-size:140%;
}
div.minireview span.review:after {
	font-family: Georgia, "Times New Roman",Times, serif;
	content:"\"";
	font-size:140%;
}
div.minireview .reviewauthor {
	display:block;
}
/* Miscellaneous classes for reuse */
span.smallGrey {
	font-size:80%;
	color:#999999;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.roundedCorners15 {
	padding:15px;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
}
h4.areaHeader {
	font-weight:normal;
	position:absolute;
	font-family:georgia,garamond,serif;
	font-style:italic;
	text-transform:lowercase;
	font-size:22px;
	letter-spacing:2px;
	top:-17px;
	left:5px;
}

.italic {
	font-style:italic;
}

.strikeout {
	text-decoration:line-through;
}

/* must be placed in abs or rel div */
.cornerTopLeft,.cornerTopRight,.cornerBottomLeft,.cornerBottomRight {
	position:absolute;
	background-repeat:no-repeat;
}
.cornerTopLeft {
	left:0;
	top:0;
}
.cornerTopRight {
	right:0;
	top:0;
}
.cornerBottomLeft {
	left:0;
	bottom:0;
}
.cornerBottomRight {
	right:0;
	bottom:0;
}
.tlWhiteCorner15,.trWhiteCorner15,.blWhiteCorner15,.brWhiteCorner15 {
	width:15px;
	height:15px;
}

.tlWhiteCorner15 {
	background-image:url(../images/corner_15_tl_white.png);
}
.trWhiteCorner15 {
	background-image:url(../images/corner_15_tr_white.png);
}
.blWhiteCorner15 {
	background-image:url(../images/corner_15_bl_white.png);
}
.brWhiteCorner15 {
	background-image:url(../images/corner_15_br_white.png);
}

/* Gig stuff */
div.gigbox {
	border:1px solid #000;
	margin:10px 0 10px 0;
}
div.gigbox h3 {
	float:right;
}
div.gigdate {
	float:left;
	border:1px solid #ccc;
	width:50px;
}
div.gigdate p.month {
	background-color: #d51007;
	color:#fff;
	font-size:10pt;
	text-transform:uppercase;
	text-align:center;
	width:100%;
}
div.gigdate p.day {
	background-color: #fff;
	color:#000;
	font-size:18pt;
	text-align:center;
	width:100%;
}
br.clearBoth {
	clear:left;
}
ul.links {
	margin:2px 0 2px 10px;
}

/* track stuff */
ul.trackmenu {
	list-style:none;
	float:left;
	position:relative;
	background-color:#E8EDFF;
	margin:0 10px 0 0;
}
ul.trackmenu a {
	position:relative;
	font-size:14pt;
	text-decoration:none;
	display:block;
	width:300px;
}
ul.trackmenu a span {
	position:absolute;
    top:15px;
}

/* format switch */
ul.formatswitch {
	list-style:none;
	display:block;
	text-align:center;
	margin:0 auto;
	position:relative;
	width:150px;
	height:70px;
	padding:0;
	clear:left;
}
ul.formatswitch li {
	display:inline-block;
	margin:0;
	padding:0;
	width:75px;
	height:70px;
	float:left;
	background-color:#f0f0f0;
}
ul.formatswitch li:hover {
	background-color:#6BA6FF;
}
ul.formatswitch li:hover a {
	color:#fff;
}
ul.formatswitch li.selected {
	background-color:#E8EDFF;
}
ul.formatswitch li.selected:hover {
	background-color:#E8EDFF;
}
ul.formatswitch a {
	text-decoration:none;
	display:inline-block;
	width:100%;
	height:100%;
}
ul.formatswitch p {
	display:inline-block;
}
ul.formatswitch img {
	display:inline;
}