@charset "UTF-8";
/* CSS Document */

/* Reset styles ---------------------------------------------------------------------------- */
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset
	{
	margin: 0;
	padding: 0;
}

img,fieldset {
	border: 0;
}

/* Body and Wrapper div styles ------------------------------------------------------------- */
body {
	color: #000;
	text-align: center;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 12px;
}

#wrapper {
	text-align: left;
	margin: 0px auto;
	width: 960px;
	position: relative;
}

/* Link styles ----------------------------------------------------------------------------- */
a {
	text-decoration: none;
	color: #990000;
}

a:visited {
	color: #990000;
}

a:hover {
	color: #808080;
}

a:active {
	color: #990000;
}

/* Header styles --------------------------------------------------------------------------- */
#header {
	height: 100px;
	border-bottom: 2px solid #808080;
	position: relative;
}

#headerlogo {
	float: left;
	border: 0px;
	margin: 4px 20px 0px 0px;
}

#headertitle {
	float: left;
	border: 0px;
	margin-top: 4px;
}

#headertext {
	float: right;
	border: 0px;
	margin-top: 79px;
}

/* FB Page ------------------------------------------------------------------ */
#fbPageName,#twitterName,#scName {
	visibility: hidden;
	position: absolute;
}

#fb-connect {
	position: relative;
	top: 20px;
}

#fbPageInfo,#tweet {
	float: left;
	margin: 5px 0px;
	padding: 5px;
	border: 1px solid #133783;
	border-radius: 5px;
	width: 288px;
}

#fbPageInfo h2 {
	color: #133783;
	font-size: 1.1em;
	margin-bottom: 5px;
}

#fbPageInfo a {
	color: #133783;
}

#fbPageInfo a:hover {
	color: #666;
}

#fbPageInfo img {
	float: right;
	margin: 0px 0px 5px 5px;
}

#fbPostDate {
	font-weight: bold;
	display: inline-block;
	margin-bottom: 3px;
	font-style: italic;
}

/* Latest Tweet styles --------------------------------------------------------------------------- */
#tweet {
	
}

#tweet img {
	float: left;
	margin-right: 10px;
}

#tweetDate {
	font-style: italic;
	font-weight: bold;
}

/* Access styles --------------------------------------------------------------------------- */
#access {
	float: right;
	position: absolute;
	top: 4px;
	right: 0px;
}

#styleschoice {
	list-style-type: none;
}

#styleschoice li {
	display: inline;
}

#styleschoice li a {
	display: block;
	float: left;
	color: #fff;
	width: 25px;
	height: 25px;
	margin-right: 3px;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
	cursor: pointer;
}

#styleschoice li#stylered a {
	background-color: #900;
}

#styleschoice li#styleblue a {
	background-color: #1208af;
}

#styleschoice li#stylehc a {
	background-color: #333;
	color: #99ff99;
	width: 40px;
}

#styleschoice li#textlg a {
	background: #fff url(../images/textlgimg.gif) top left no-repeat;
}

/* Navigation styles ----------------------------------------------------------------------- */
#nav {
	height: 35px;
	margin: -2px 0px 25px 0px;
	position: relative;
	z-index: 1;
}

/* Breadcrumb styles ----------------------------------------------------------------------- */
#breadcrumb {
	float: left;
	line-height: 35px;
}

#breadcrumb ul {
	list-style-type: none;
}

#breadcrumb li {
	float: left;
	display: inline;
}

#breadcrumb li a {
	display: block;
	color: #900;
	margin-left: 10px;
	font-size: 1.1em;
}

#breadcrumb a:hover {
	color: #808080;
}

/* Top level nav styles ----------------------------------------------------------------------- */
#navbar {
	float: right;
}

#navlv1 {
	list-style-type: none;
	text-align: center;
	z-index: 8;
}

#navlv1 li {
	float: left;
}

#navlv1 a,.navspan {
	color: #fff;
	font-size: 1.3em;
	display: block;
	padding: 0em 0.5em;
	min-width: 78px;
	line-height: 35px;
	background-color: #808080;
	border-left: 2px solid #fff;
}

#navlv1 a.first {
	padding: 0em 0.2em;
	border-left: 0px;
}

#navlv1 a:visited {
	color: #fff;
}

#navlv1 a:hover {
	background-color: #990000;
}

#navlv1 a:active {
	color: #fff;
}

.navspan {
	display: inline-block;
	cursor: pointer;
}

/* navlv2 styles --------------------------------------------------------------------------- */
#navlv1 li ul.navlv2 {
	display: none;
	position: absolute;
	z-index: 9;
}

#navlv1 li ul.navlv2 li {
	float: none;
	position: relative;
	text-align: left;
	margin-top: -2px;
}

#navlv1 li ul.navlv2 li.subNavFirst {
	margin-top: 0px;
}

#navlv1 li:hover ul.navlv2 {
	display: block;
	list-style-type: none;
}

#navlv1 li:hover ul.navlv2 a,#navlv1 li:hover ul.navlv2 span {
	color: #fff;
	font-size: 1.3em;
	line-height: 35px;
	display: block;
	padding: 0em 3em 0em 0.5em;
	border: 2px solid #fff;
	padding-left: 10px;
}

#navlv1 li:hover ul.navlv2 span {
	cursor: pointer;
}

#navlv1 li ul.navlv2 li a.morenav,#navlv1 li ul.navlv2 li span.morenav {
	background: #808080 url(../images/navarrow.gif) 90% 50% no-repeat;
	padding: 0em 3em 0em 0.5em;
}

#navlv1 li ul.navlv2 li a.morenav:hover {
	background: #900 url(../images/navarrow-red.gif) 90% 50% no-repeat;
	padding: 0em 3em 0em 0.5em;
}

/* navlv3 styles -------------------------------------------------------------------------- */
#navlv1 li ul li ul {
	display: none;
	position: absolute;
	left: 11em;
	top: 1em;
	z-index: 10
}

#navlv1 li ul li ul.navlv3 li {
	float: none;
	text-align: left;
	margin-top: -2px;
}

#navlv1 li ul li ul.navlv3 li.subNavFirst {
	margin-top: 0px;
}

#navlv1 li ul li:hover ul {
	display: block;
	list-style-type: inherit;
}

#navlv1 li ul li:hover ul a {
	width: 9em;
	border: 0px;
	background-color: #839ca5;
}

#navlv1 li ul li:hover ul a:hover {
	background-color: #900;
}

/* Main Index Page Image ------------------------------------------------------------------- */
#mainimg {
	height: 200px;
	margin: 0px 25px;
}

/* Main Content ---------------------------------------------------------------------------- */
#content {
	position: relative;
	margin: 25px;
}

#content p {
	margin: 15px 0px;
}

.strapline {
	display: block;
	width: 75%;
	font-style: italic;
	font-size: 1.1em;
	margin: 10px auto;
}

/* content images -------------------------------------------------------------------------- */
.imgl {
	float: left;
	margin: 0px 10px 10px 0px;
}

.imgr {
	float: right;
	margin: 0px 0px 10px 10px;
}

.imgbor {
	border: 2px solid #000;
}

/* Headings -------------------------------------------------------------------------------- */
h1 {
	font-size: 2em;
	font-weight: bold;
}

h1#headh1 {
	visibility: hidden;
	position: absolute;
}

h2 {
	font-size: 1.6em;
	font-weight: bold;
}

h3 {
	font-size: 1.25em;
	font-weight: bold;
	margin: 20px 0px;
}

#snBox h3 {
	margin: 5px 0px;
}

/* Left content column styles -------------------------------------------------------------- */
#leftcol {
	float: left;
	width: 580px;
	margin-right: 30px;
}

#maincontent {
	margin-bottom: 25px;
}

#maincontent ul {
	margin-left: 10px;
}

/* sitemap and links list styles ---------------------------------------------------------------------------- */
#sitemap,.links {
	font-size: 1.2em;
}

#sitemap li,.links li {
	margin: 5px 30px;
}

/* News item styles ------------------------------------------------------------------------ */
#news {
	padding: 10px 0px;
}

#news h2 {
	visibility: hidden;
}

#news p {
	margin: 10px 0px;
}

#newstitle {
	background: #ffffff url(../images/cont2-headings.jpg) 0px -90px no-repeat;
	height: 20px;
	width: 300px;
	margin-bottom: 10px;
}

/* Workshop page styles ------------------------------------------------------------------------ */
#wshopTitle {
	background: #ffffff url(../images/cont2-headings.jpg) 0px -285px no-repeat;
	height: 33px;
	width: 310px;
	margin-bottom: 10px;
}

#wshopTitle h2 {
	visibility: hidden;
}

/* Roster page styles ---------------------------------------------------------------------- */
#rosterTitle {
	background: #ffffff url(../images/cont2-headings.jpg) 0px -220px no-repeat;
	height: 20px;
	width: 310px;
	margin-bottom: 10px;
}

#rosterTitle h2 {
	visibility: hidden;
}

.artcat {
	float: left;
}

.artcat h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 20px 0px;
}

.artist {
	width: 99px;
	float: left;
	margin-right: 35px;
}

.artist h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 5px 0px -10px 0px;
}

#groups, #champions, #loopers, #solo {
	width: 269px;
	padding: 0px 10px;	
}

#groups, #solo {
	border-left: 1px solid #ddd;
}

#groups .artist {
	width: 100px;
	margin-right: 25px;
}

#loopers, #solo {
	border-top: 1px solid #ddd;
}

#loopers .artist, #solo .artist {
	width: 75px;
	margin-right: 14px;
}

/* Artist profile page styles -------------------------------------------------------------- */
#profile h2 {
	font-size: 2.5em;
	margin: 30px 0px 5px 0px;
}

#profile h3 {
	margin: 5px 0px;
}

#profiletitle h2 {
	visibility: hidden;
	margin: 0px;
}

#profiletitle {
	background: #ffffff url(../images/cont2-headings.jpg) 0px -155px
		no-repeat;
	height: 25px;
	width: 310px;
	margin-bottom: 10px;
}

#profile div {
	margin: 20px 0px;
}

#profile ul {
	margin-left: 10px;
}

#booknow {
	position: relative;
}

#booknow img {
	position: absolute;
	top: -35px;
	left: 482px;
}

#biogMore {
	display: inline-block;
	padding: 5px;
	border: 1px solid #000;
	border-radius: 3px;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #bbbbbb 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee),
		color-stop(100%, #bbbbbb) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%, #bbbbbb 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%, #bbbbbb 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%, #bbbbbb 100%);
	/* IE10+ */
	background: linear-gradient(top, #eeeeee 0%, #bbbbbb 100%); /* W3C */
	filter: progid : DXImageTransform.Microsoft.gradient (   startColorstr =
		'#eeeeee', endColorstr = '#bbbbbb', GradientType = 0 ); /* IE6-9 */
}

#biogMore:hover {
	color: #333;
	background: #bbbbbb; /* Old browsers */
	background: -moz-linear-gradient(top, #bbbbbb 0%, #eeeeee 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbbbbb),
		color-stop(100%, #bbbbbb) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bbbbbb 0%, #bbbbbb 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bbbbbb 0%, #bbbbbb 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #bbbbbb 0%, #bbbbbb 100%);
	/* IE10+ */
	background: linear-gradient(top, #bbbbbb 0%, #bbbbbb 100%); /* W3C */
	filter: progid : DXImageTransform.Microsoft.gradient (   startColorstr =
		'#bbbbbb', endColorstr = '#bbbbbb', GradientType = 0 ); /* IE6-9 */
}

/* Right content column styles ------------------------------------------------------------- */
#rightcol {
	float: left;
	width: 300px;
	clear: right;
}

#likeBox,#snBox {
	clear: both;
	float: left;
	width: 300px;
	margin: 5px 0px;
}

#likeBoxHome {
	width: 100%;
	margin: 10px 0px;
}

/* Featured artist styles ------------------------------------------------------------------ */
#featured {
	margin-bottom: 25px;
}

#featured h2 {
	visibility: hidden;
}

#featured h3 {
	margin: 10px 0px;
}

#featured p {
	margin: 5px 0px 10px 0px;
}

#feattitle {
	background: #ffffff url(../images/cont2-headings.jpg) 0px -30px no-repeat;
	height: 20px;
	width: 300px;
}

#featimg {
	float: right;
	margin: 10px 0px 10px 10px;
}

/* Google Ads ------------------------------------------------------------------------------ */
#googlead {
	float: left;
	width: 300px;
	height: 250px;
	margin-top: 5px;
	padding: 0px 25px;
}

/* Colour styles --------------------------------------------------------------------------- */
.required {
	color: #f00;
}

/* Footer styles --------------------------------------------------------------------------- */
#footer {
	height: 50px;
	margin-top: 25px;
	border-top: 2px solid #808080;
	font-size: 1.3em;
}

#copyright {
	float: left;
	padding-top: 1em;
}

#footlinks {
	float: right;
	list-style-type: none;
}

#footlinks li {
	float: left;
	padding-top: 1em;
}

#footlinks li a {
	display: block;
	padding: 0em 0.5em;
	border-left: solid 2px #808080;
}

#validation {
	clear: left;
	float: right;
	margin-top: 10px;
	height: 31px;
	border: 0px;
}

/* clears ---------------------------------------------------------------------------------- */
.clr {
	clear: both;
}

.clrl {
	clear: left;
}

.clrr {
	clear: right;
}

/* 
  Secure and Accessible PHP Contact Form v.2.0 Basic Styles by Mike Cherim 
  THESE ARE THE VARIOUS ELEMENTS, CLASSES, IDS, AND SELECTORS YOU MAY NEED FOR STYING THIS FORM
  Anchors or link elements have not been included, but everythig else is :-)
*/

/* for main form wrapping div */
div#gb_form_div { /* not styled on demo page */
	
}

div#gb_form_div p {
	margin: 5px 0px;
}

/* id for the form itself */
form#gb_form { /* not styled on demo page */
	
}

/* form and results heading size */
.main_formhead,.formhead {
	font-size: 1.4em;
	margin: 10px 0px;
}

/* outer fieldset - it's common to make this border : 0; */
fieldset#formwrap {
	background-color: #fefefe;
	margin: 10px 0px;
}

/* section fieldsets - it's common to make this border : 0; */
fieldset {
	margin: 20px 0px;
}

/* form legends and dt "heading" */
legend,dt {
	font-weight: bold;
	font-size: 1.3em;
	color: #666;
	margin: 5px 0px;
}

/* main legend at top of the form */
legend#mainlegend {
	font-size: 1.2em;
}

/* all inputs, select, and textarea */
input.med,input.short,select.med,textarea.textbox {
	color: #666;
	padding: 2px;
	border: 1px solid #000;
	background-color: #fffffa;
	margin: 5px 0px;
}

/* to make focus stable in IE 6 */
* html input.button {
	color: #000;
	border: 1px solid #000;
	background-color: #cc9900;
}

* html input.button.hover {
	color: #000;
	border: 1px solid #900;
	background-color: #cc9900;
}

* html input.button.focus {
	color: #000;
	border: 1px solid #900;
	background-color: #cc9900;
}

/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:hover,input.med:focus,input.short:hover,input.short:hover,select.med:hover,select.med:focus,textarea.textbox:hover,textarea.textbox:focus,input.med.hover,input.med.focus,input.short.hover,input.short.focus,select.med.hover,select.med.focus,textarea.textbox.hover,textarea.textbox.focus
	{
	color: #000;
	border: 1px solid #900;
	background-color: #fff;
}

/* for the checkbox input */
input.checkbox { /* not styled on demo page */
	
}

/* error heading weight and color - bold is for the error reason text */
span.error,dt.error,strong.error {
	color: #cd0000;
	font-weight: bold;
}

/* success heading color */
span.success {
	font-weight: bold;
}

/* privacy and "Why?" small element link sizes (relative to their parent element */
small.privacy,small.whythis {
	font-size: 80%;
}

/* set up relativity to position small Why? text */
small.whythis {
	position: relative;
}

/* Why? link style */
small.whythis a {
	text-decoration: underline;
	font-size: 0.95em;
}

small.whythis a:hover,small.whythis a:focus,small.whythis a:active {
	text-decoration: none;
}

/* hide the Why? text span */
small.whythis a span {
	border: 1px solid #fafafa;
	background-color: #fafafa;
	padding: 0 4px 0 4px;
	color: #fafafa;
	text-decoration: none;
}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span,small.whythis a:focus span,small.whythis a:active span
	{
	border: 1px solid #000;
	background-color: #eecc11;
	color: #000;
	padding: 0 4px 0 4px;
	text-decoration: none;
}

/* the link back to me for form credit */
p.creditline {
	float: right;
	margin: -17px 0;
	padding-bottom: 1px;
	font-size: 80%;
}

/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */
abbr,.abbr {
	cursor: help;
	border-bottom: 1px dotted #999;
}

/* set result color for blockquote dt "heading" */
dl#result_dl_blockq dt,dl.result_dl_blockq dt {
	color: #669900;
}

/* position result blockquote flush with parent */
dl#result_dl_blockq blockquote,dl.result_dl_blockq blockquote {
	margin-left: 0;
}

/* style the input names in the result */
div#hf_form_div span.items {
	font-weight: bold;
	color: #cc9900;
}