/***************/
/* main layout */
/***************/
body {
	margin: 0;
	padding: 0;
	background: #dcd07c url(../images/bg.png) fixed repeat-x center top;
}

#bodySmall { margin: 10px; width: 363px; }

#crowd {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 241px;
	background: transparent url(../images/crowd.png) scroll repeat-x -90% bottom; /*z-index: -10;*/
	z-index: -10;
}

#keychain {
	width: 823px;
	height: 197px;
	margin: auto;
	background: transparent url(../images/keychain.png) scroll no-repeat center top;
}

#bodyWrapper {
	width: 791px;
	/*margin: 0 auto 250px;*/
	margin: 0 auto 10px;
	padding: 0 16px 16px;
	background: #fff;
}

/* specific link colours for this site */
a         { color: #4e4912; text-decoration: none; }
a:link    { color: #4e4912; text-decoration: none; }
a:visited { color: #4e4912; text-decoration: none; }
a:hover   { color: #4e4912; text-decoration: underline; }
a:active  { color: #4e4912; text-decoration: underline; }


/*******************/
/* header elements */
/*******************/

.mainNav      { list-style: none; margin: 0; padding: 0; background: #6c642c; padding: 10px 0 10px 6px; }
.mainNav li   { float: left; margin: 0; padding: 0; }
.mainNav li a { text-decoration: none; display: block; background: transparent scroll no-repeat 0px 0px; height: 12px; }
.mainNav li a span { display: none; }

/* header */
.mainNav #nav_home             { background-image: url(../images/nav/home.png); width: 52px; }
.mainNav #nav_home:hover       { background-position: -52px 0; }
.mainNav #nav_about            { background-image: url(../images/nav/about.png); width: 60px; }
.mainNav #nav_about:hover      { background-position: -60px 0; }
.mainNav #nav_artists          { background-image: url(../images/nav/artists.png); width: 71px; }
.mainNav #nav_artists:hover    { background-position: -71px 0; }
.mainNav #nav_guestlist        { background-image: url(../images/nav/guestlist.png); width: 87px; }
.mainNav #nav_guestlist:hover  { background-position: -87px 0; }
.mainNav #nav_faqs             { background-image: url(../images/nav/faqs.png); width: 47px; }
.mainNav #nav_faqs:hover       { background-position: -47px 0; }
.mainNav #nav_gig_swap         { background-image: url(../images/nav/gig-swap.png); width: 80px; }
.mainNav #nav_gig_swap:hover   { background-position: -80px 0; }
.mainNav #nav_news             { background-image: url(../images/nav/news.png); width: 52px; }
.mainNav #nav_news:hover       { background-position: -52px 0; }
.mainNav #nav_gigs             { background-image: url(../images/nav/gigs.png); width: 46px; }
.mainNav #nav_gigs:hover       { background-position: -46px 0; }
.mainNav #nav_log_in           { background-image: url(../images/nav/log-in.png); width: 58px; }
.mainNav #nav_log_in:hover     { background-position: -58px 0; }
.mainNav #nav_sign_up          { background-image: url(../images/nav/sign-up.png); width: 67px; }
.mainNav #nav_sign_up:hover    { background-position: -67px 0; }
.mainNav #nav_search           { background-image: url(../images/nav/search.png); width: 70px; }
.mainNav #nav_search:hover     { background-position: -70px 0; }
.mainNav #nav_contact_us       { background-image: url(../images/nav/contact.png); width: 75px; }
.mainNav #nav_contact_us:hover { background-position: -75px 0; }
/* footer */
.mainNav #nav_terms           { background-image: url(../images/nav/terms-and-conditions.png); width: 163px; }
.mainNav #nav_terms:hover     { background-position: -163px 0; }
.mainNav #nav_privacy         { background-image: url(../images/nav/privacy-policy.png); width: 124px; }
.mainNav #nav_privacy:hover   { background-position: -124px 0; }
.mainNav #nav_abuse           { background-image: url(../images/nav/report-abuse.png); width: 118px; }
.mainNav #nav_abuse:hover     { background-position: -118px 0; }
.mainNav #nav_advertise       { background-image: url(../images/nav/advertise-with-us.png); width: 151px; }
.mainNav #nav_advertise:hover { background-position: -151px 0; }

ul.nav    { list-style: none; margin: 0; padding: 0; }
ul.nav li { display: inline; margin-right: 10px; }

ul.undecorated    { list-style: none; margin: 0; padding: 0; }
ul.undecorated li { margin: 0; padding: 0; }


/********************/
/* content elements */
/********************/

/* 823 = 16 + x + 16 + y + 16 + z + 16 */
/* 759 = x + y + z */

#contentWrapper { margin-top: 21px; }
#contentWrapper #side_l { float: left;  width: 198px; margin-right: 16px; }
#contentWrapper #middle { float: left;  width: 363px; margin-right: 16px; }
#contentWrapper #side_r { float: right; width: 198px; }
#contentWrapper #artistmiddle { float: left;  width: 577px; }

.content { background: #9c903f; color: #fff; margin: 12px 0; }
.pad     { padding: 12px 12px 10px 16px; }

#side_l ul,
#side_r ul    { list-style: none; margin: 0; padding: 0; }
#side_l ul li,
#side_r ul li { margin: 0; padding: 0; }

#loggedinLinks a { color: #fff; }

/* not sure how useful this is */
/*
.floatHalf  { float: left; width: 47.9%; margin-right: 2%; }
.floatThird { float: left; width: 31.9%; margin-right: 2%; }

.first  { text-align: left; }
.middle { text-align: center; }
.last   { text-align: right; margin-right: 0; }
*/

#themeThumbs                   {  }
#themeThumbs .themeThumb       { float: left; margin-right: 15px; margin-top: 15px; }
#themeThumbs .themeThumb input { background: none; }

.restrained { max-height: 200px; overflow-y: auto; }

hr {
  margin: 18px 0;
  border-bottom: solid #666 1px;
  height: 1px;
  border-top: none;
  border-left: none;
  border-right: none;
}

/*********/
/* items */
/*********/
.item              { margin-bottom: 10px; }
.item .itemHeader  {  }
.item .itemTitle   { font-weight: bold; }
.item .itemDate    { font-style: italic; }
.item .itemContent {  }
.item .itemImage   { float: left; margin-right: 5px; margin-bottom: 5px; }
.item .itemMore    {  }

#itemBack          {  }

#pagination              {  }
#pagination li           {  }
#pagination li.active    { font-weight: bold; }
#pagination li a,
#pagination li a:link,
#pagination li a:visited { color: #fff; text-decoration: none; }
#pagination li a:hover,
#pagination li a:active  { color: #fff; text-decoration: underline; }

/* artists */
#artistsFilterLeft  { float: left;  width: 49px; }
#artistsFilterRight { float: right; width: 280px; }

#artistFilterForm select { width: 100%; }
#artistFilterForm input  { margin-top: 1px; }
.artistsFilterGenre      { float: left; width: 106px; margin-right: 10px; }
.artistsFilterLocation   { float: left; width: 106px; margin-right: 10px; }
.artistsFilterSubmit     { float: left; width: 44px;  }

#artists {  }
.artist {
	display: block;
	padding: 8px 75px 8px 11px;
	background: #9c903f url(../images/audio.png) scroll no-repeat 297px center;
	color: #fff;
}
.artist:link,
.artist:visited { color: #fff; text-decoration: none; }
.artist:hover,
.artist:active  { color: #fff; text-decoration: none; background-color: #847a2f !important; }
.artist.odd     { background-color: #6c642c; }
.artist img     { float: left; width: 64px; }
.artist .detail { float: right; width: 190px; }
.artist .detail .title    { display: block; }
.artist .detail .location { display: block; }
.artist .detail .genre    { display: block; }

.guestlistmember { background-image: none; }

/* artist page */
#artist          { background: #fff; color: #333; }
#artist a,
#artist a:link,
#artist a:visited,
#artist a:hover,
#artist a:active { color: #333; text-decoration: underline; }

#artist #leaveCommentForm,
#artist #sendMessageForm { text-align: right; }
#artist #leaveCommentForm textarea,
#artist #sendMessageForm textarea {
	background: #eee;
	color: #333;
	
	display: block;
	height: 80px;
	width: 529px;
	
	margin-bottom: 6px;
	padding: 10px;
	
	border: 1px solid #fff;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
#artist input {
	background: #eee;
	color: #333;
	
	margin-bottom: 6px;
	padding: 5px;
	
	border: 1px solid #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


#artist.theme-1  { background: #dcdac0; color: #604f3c; }
#artist.theme-2  { background: #c9dcc0; color: #4c603c; }
#artist.theme-3  { background: #c0dcd5; color: #3c5b60; }
#artist.theme-4  { background: #c0c8dc; color: #3c4160; }
#artist.theme-5  { background: #ccc0dc; color: #493c60; }
#artist.theme-6  { background: #dcc0d6; color: #603c55; }
#artist.theme-7  { background: #dcb3b3; color: #603c3c; }
#artist.theme-8  { background: #546959; color: #ffffff; }
#artist.theme-9  { background: #a7a295; color: #ffffff; }
#artist.theme-10 { background: #4a5c6d; color: #ffffff; }

#artist.theme-1 a,
#artist.theme-1 a:link,
#artist.theme-1 a:visited { color: #7d7265; }
#artist.theme-1 a:hover,
#artist.theme-1 a:active  { color: #604f3c; }

#artist.theme-2 a,
#artist.theme-2 a:link,
#artist.theme-2 a:visited { color: #6f7e66; }
#artist.theme-2 a:hover,
#artist.theme-2 a:active  { color: #4f603c; }

#artist.theme-3 a,
#artist.theme-3 a:link,
#artist.theme-3 a:visited { color: #66737e; }
#artist.theme-3 a:hover,
#artist.theme-3 a:active  { color: #3c5860; }

#artist.theme-4 a,
#artist.theme-4 a:link,
#artist.theme-4 a:visited { color: #66667e; }
#artist.theme-4 a:hover,
#artist.theme-4 a:active  { color: #3f3c60; }

#artist.theme-5 a,
#artist.theme-5 a:link,
#artist.theme-5 a:visited { color: #685d7c; }
#artist.theme-5 a:hover,
#artist.theme-5 a:active  { color: #4e3c60; }

#artist.theme-6 a,
#artist.theme-6 a:link,
#artist.theme-6 a:visited { color: #7b5d7c; }
#artist.theme-6 a:hover,
#artist.theme-6 a:active  { color: #603c5e; }

#artist.theme-7 a,
#artist.theme-7 a:link,
#artist.theme-7 a:visited { color: #7c5d5e; }
#artist.theme-7 a:hover,
#artist.theme-7 a:active  { color: #603c3f; }

#artist.theme-8 a,
#artist.theme-8 a:link,
#artist.theme-8 a:visited { color: #ebebeb; }
#artist.theme-8 a:hover,
#artist.theme-8 a:active  { color: #f5f4f3; }

#artist.theme-9 a,
#artist.theme-9 a:link,
#artist.theme-9 a:visited { color: #ebebeb; }
#artist.theme-9 a:hover,
#artist.theme-9 a:active  { color: #f5f4f3; }

#artist.theme-10 a,
#artist.theme-10 a:link,
#artist.theme-10 a:visited { color: #ebebeb; }
#artist.theme-10 a:hover,
#artist.theme-10 a:active  { color: #f5f4f3; }

#artist.theme-1  #leaveCommentForm textarea,
#artist.theme-1  #sendMessageForm textarea,
#artist.theme-1  input { background: #e5e4da; color: #604f3c; border-color: #dcdac0; }
#artist.theme-2  #leaveCommentForm textarea,
#artist.theme-2  #sendMessageForm textarea,
#artist.theme-2  input { background: #dce5da; color: #4c603c; border-color: #c9dcc0; }
#artist.theme-3  #leaveCommentForm textarea,
#artist.theme-3  #sendMessageForm textarea,
#artist.theme-3  input { background: #dae3e5; color: #3c5b60; border-color: #c0dcd5; }
#artist.theme-4  #leaveCommentForm textarea,
#artist.theme-4  #sendMessageForm textarea,
#artist.theme-4  input { background: #dbdae5; color: #3c4160; border-color: #c0c8dc; }
#artist.theme-5  #leaveCommentForm textarea,
#artist.theme-5  #sendMessageForm textarea,
#artist.theme-5  input { background: #e1dae5; color: #493c60; border-color: #ccc0dc; }
#artist.theme-6  #leaveCommentForm textarea,
#artist.theme-6  #sendMessageForm textarea,
#artist.theme-6  input { background: #e5dae4; color: #603c55; border-color: #dcc0d6; }
#artist.theme-7  #leaveCommentForm textarea,
#artist.theme-7  #sendMessageForm textarea,
#artist.theme-7  input { background: #e5dada; color: #603c3c; border-color: #dcb3b3; }
#artist.theme-8  #leaveCommentForm textarea,
#artist.theme-8  #sendMessageForm textarea,
#artist.theme-8  input { background: #3d4c40; color: #ffffff; border-color: #546959; }
#artist.theme-9  #leaveCommentForm textarea,
#artist.theme-9  #sendMessageForm textarea,
#artist.theme-9  input { background: #988e7f; color: #ffffff; border-color: #a7a295; }
#artist.theme-10 #leaveCommentForm textarea,
#artist.theme-10 #sendMessageForm textarea,
#artist.theme-10  input { background: #3d4d5c; color: #ffffff; border-color: #4a5c6d; }

#artist h2 { font-size: 1.091em; line-height: 1.333em; }
#artist h3 { font-size: 1em; line-height: 1.455em; }

.artistDetail    { margin: 10px 0; }
.artistDetail h3 { display: inline; margin-right: 5px; }

#artistGallery {  }
#artistGallery .galleryItem   { float: left; margin-right: 20px; margin-bottom: 20px; text-align: center; }
#artistGallery .galleryItem a { display: block; }

#artistMusic  {  }
#musicList    { list-style: none; margin: 0; padding: 0; }
#musicList li { margin: 0; padding: 0; margin-bottom: 4px; }

.artistGig {  }
.artistGig a,
.artistGig a:link,
.artistGig a:visited,
.artistGig a:hover,
.artistGig a:active   { color: #fff; }
.artistGig .gigStatus { float: left; width: 50px; height: 50px; }
.artistGig .gigDetail { float: right; width: 479px; }
.artistGig .gigDate   { font-weight: bold; }
.artistGig .gigOther  {  }
.artistGig .gigApply  { font-weight: bold; }


#artistGigs .artistGig {  }
#artistGigs .artistGig .gigDetail { float: right; width: 275px; }

.swapGig { margin-bottom: 10px; }
.swapGig            {  }
.swapGig a,
.swapGig a:link,
.swapGig a:visited,
.swapGig a:hover,
.swapGig a:active { color: #fff; }
.swapArtistDetail         { margin-top: 10px; border-top: 1px dashed #fff; padding-top: 10px; }
.swapArtistDetail img     { float: left; margin-right: 10px; }
.swapArtistDetail .detail { float: left; width: 200px; margin-right: 10px; }
.swapArtistDetail .swapApproveReject { float: left; width: 50px; }

#gigCalendar { margin-left: 90px; }

#artistBlogs .item { border: 1px solid #fff; padding: 5px; }
.blogDate    { font-weight: bold; }
.blogContent {  }

/* comments */
.artistComment  { padding-bottom: 8px; border-bottom: 1px solid #aaa; margin-bottom: 8px; }
.commentAvatar  { float: left; width: 64px; }
.commentContent { float: right; width: 475px; }
.commentDetail  { font-weight: bold; }
#artistComments .commentDetail  { color: #333; }
#artistComments .commentApproveReject { margin-top: 6px; }

/* messages */
.artistMessage  { padding-bottom: 8px; border-bottom: 1px solid #aaa; margin-bottom: 8px; }
.messageAvatar  { float: left; width: 64px; }
.messageContent { float: right; width: 260px; }
.messageDetail  { font-weight: bold; }
#directSendMessageForm { text-align: right; margin: 20px 0; }
#directSendMessageForm textarea {
	background: #6c642c;
	color: #fff;
	
	display: block;
	height: 80px;
	width: 321px;
	
	margin-bottom: 6px;
	padding: 4px 6px;
	
	border: 1px solid #6c642c;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#directSendMessageForm input {
	background: #6c642c;
	color: #fff;
	
	margin-bottom: 6px;
	padding: 2px 3px 3px;
	
	border: 1px solid #6c642c;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}


.theme-label      { display: block; width: 101px !important; height: 101px !important; }
.theme-label span { display: none; }

/* gigs */
#gig a,
#gig a:link,
#gig a:visited,
#gig a:hover,
#gig a:active { color: #fff; text-decoration: underline; }
#gigsFilterForm select { width: 100%; }
.gigsFilterGenre    { float: left; width: 87px; margin-right: 10px; }
.gigsFilterLocation { float: left; width: 87px; margin-right: 10px; }
.gigsFilterWhen     { float: left; width: 87px; margin-right: 10px; }
.gigsFilterSubmit   { float: left; width: 44px;  }
#artistDetailTable  { line-height: 1.818em; }
#artistMicrosite    { margin: 10px 0 15px; font-weight: bold; }

#gigs {  }
.gig {
	display: block;
	padding: 8px 11px 8px 11px;
	background: #9c903f;
	color: #fff;
}
.gig:link,
.gig:visited    { color: #fff; text-decoration: none; }
.gig:hover,
.gig:active     { color: #fff; text-decoration: none; background-color: #847a2f !important; }
.gig.odd        { background-color: #6c642c; }
.gig img        { float: left; width: 64px; margin-right: 10px; }
.gig .detail    { float: left; width: 207px; }
.gig .detail .date         { display: block; font-weight: bold; }
.gig .detail .artistinfo   { display: block; }
.gig .detail .locationinfo { display: block; }
.gig .swap      { float: right; width: 50px; height: 50px; }


/* news items */
.newsitem {
	padding: 8px 11px;
	background: #9c903f;
	color: #fff;
}
.newsitem a:link,
.newsitem a:visited,
.newsitem a:hover,
.newsitem a:active     { color: #fff; text-decoration: underline; }
.newsitem.odd          { background-color: #6c642c; }
.newsitem img          { float: left; width: 84px; margin-right: 10px; }
.newsitem .title       { margin: 0; }
.newsitem .date        { color: #e0e0e0; }
.newsitem .itemcontent { margin-top: 5px; }
.newsitem.main .title  { font-weight: bold; }
.newsitem.main .date   { font-weight: bold; color: #fff; }

/* faqs */
.faq {
	padding: 8px 11px;
	background: #9c903f;
	color: #fff;
}
.faq.odd          { background-color: #6c642c; }
.faq .title       { margin: 0; }
.faq .itemcontent { margin-top: 5px; }


/*******************/
/* footer elements */
/*******************/
#footer { }
#footer a { text-decoration: none; } /* for the clevercherry.com link */


/***********************/
/* general form styles */
/***********************/
#contactform	{ float: left; }  /* the contact form itself */
#contact		{ float: right; } /* contact info or whatever on right */

.required { font-weight: bold; }

input, button, select, option, textarea { border: none; padding: 2px 3px; background: #6c642c; color: #fff; }
input[type="file"] { background: #fff; color: #333; }
select { padding: 2px 2px 0; }

/* all form elements are contained within a formrow div, with a label and
 *  then the element, this is the best way (but still not good) to emulate
 *  a table */
div.formrow {
  clear: both;
  text-align: left;
  margin-bottom: 6px;
}

div.formrow label {
  float: left;
  text-align: left;
  margin-right: 10px;
  width: 80px; /* default width for a default form, add new form ids and override */
}
div.formrow.indent { margin-left: 90px; } /* label width + label margin-right, override as above */
div.formrow label.radio {
	float: none;
	text-align: inherit;
	margin-right: 0;
	width: auto;
}

/* specific form widths */
#indexSearchForm div.formrow label      { width: 50px; }
#indexSearchForm div.formrow.indent     { margin-left: 60px; }
#indexSearchForm select                 { width: 106px; }

#indexLoginForm div.formrow label       { width: 50px; }
#indexLoginForm div.formrow.indent      { margin-left: 60px; }

#indexSignupForm div.formrow label      { width: 80px; }
#indexSignupForm div.formrow.indent     { margin-left: 90px; }

#indexNewsletterForm div.formrow label  { width: 80px; }
#indexNewsletterForm div.formrow.indent { margin-left: 90px; }

#artistEditDetails div.formrow label    { width: 90px; }
#artistEditDetails div.formrow.indent   { margin-left: 100px; }

#artistEditMembers div.formrow label    { width: 110px; }
#artistEditMembers div.formrow.indent   { margin-left: 120px; }

#artistEditPhotos div.formrow label     { width: 100px; }
#artistEditPhotos div.formrow.indent    { margin-left: 110px; }

/* message and error boxes, not just useful in contact form */
#messages,
#errors,
#warnings,
#info { margin-bottom: 10px; }
.message { border: 1px solid #080; background-color: #dfd; color: #080; padding: 3px 5px; float: left; } /* you may need to clearfix this */
.message.nomargin { margin-bottom: 0; } /* if before something with a margin-top */
.message.info { border-color: #880; background-color: #ffd; color: #880; } /* info box in yellow */
.message.warn { border-color: #f40; background-color: #fed; color: #f40; } /* warning box in orange */
.message.error { border-color: #f00; background-color: #fdd; color: #f00; } /* error box in red */