/*          Windish Agency CSS v1          */


/*          Reset          */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6, ul, li, ol, p, dl, dd, dt {
	margin: 0;
	padding: 0;	
}

a:link, a:hover, a:visited, a:active {
	text-decoration: none;
}

img {
	border: 0;
}

button::-moz-focus-inner{padding:0;border:none}

/*          Positioning & Typography         */

body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 23px;
}

#page {
	width: 976px;
	margin: 0 auto;
}

#header {
	height: 97px;
}

/*          Spotlight          */

#spotlight {
	height: 333px;
	padding: 0 0 0 20px;
}

#spotlight .image, #spotlight .content {
	float: left;
}

#spotlight .image {
	height: 272px;
	width: 234px;
	margin-top: 5px;
}

#spotlight .content {
	width: 404px;
	height: 272px;
	margin-left: 30px;
}

#spotlight .content p.links {
	font-size: 15px;
	line-height: 24px;
	margin: 24px 0 0 0;
}

#spotlight .content p {
	font-size: 15px;
	line-height: 23px;
}

#show_slideshow {
  float: left;
  width: 215;
  height: 200px;
  margin: 19px 0 0 36px;
  padding: 0 0 0 15px;
}

#show_slideshow div.show {
	width: 215px;
}

#show_slideshow div.show .date {
	font-size: 13px;
	line-height: 16px;
	margin-top: 15px;
}

#show_slideshow div.show .image {
	float: none;
	height: 120px;
	margin-top: 4px;
}

#show_slideshow div.show .artist_name {
	font-size: 20px;
	line-height: 20px;
	margin-top: 3px;
}

#show_slideshow div.show .venue {
	font-size: 13px;
	line-height: 16px;
	margin-top: 3px;
}

#show_slideshow div.show .city {
	font-size: 13px;
	line-height: 20px;
}

/*          3 Columns          */

#left_column {
	width: 234px;
	margin-left: 20px;
}

#middle_column {
	width: 540px;
	margin-left: 30px;
}

#right_column {
	width: 103px;
	margin-left: 30px;
}

#left_column, #middle_column, #right_column, #wide_column {
	float: left;
}

/*          2 Columns          */

#artist #wide_column {
	width: 594px;
	margin-left: 65px;
}

#avails #wide_column, #tours #wide_column, #about #wide_column, #inquiry #wide_column, #contact #wide_column, #sponsorship #wide_column {
	width: 660px;
}

#avails #left_column, #avails #wide_column, #tours #left_column, #tours #wide_column, #about #left_column, #about #wide_column,
#inquiry #left_column, #inquiry #wide_column, #contact #left_column, #contact #wide_column, #error #left_column, #error #wide_column,
#sponsorship #wide_column {
	margin-top: 40px;
}

#inquiry #left_column, #avails #left_column, #tours #left_column, #about #left_column, #contact #left_colomn, #sponsorship #left_column {
	margin-top: 28px;
}

#tours #wide_column h2 {
	margin-bottom: 32px;
}


/*          Headers             */

#index h2 {
	font-size: 13px;
	line-height: 18px;
	margin: 0;
	padding: 11px 0 14px 0;
}

#spotlight h2 {
	padding: 13px 0 5px 0;
}

#news h2 {
	line-height: 13px;
	margin: 0 0 6px 0;
}

#spotlight h3 {
	font-size: 34px;
	line-height: 40px;
	margin-bottom: 16px;
}

#avails h1, #tours h1, #contact h1, #about h1, #inquiry h1, #error h1, #sponsorship h1 {
	font-size: 40px;
	line-height: 44px;
}

#tours #wide_column h2 {
	font-size: 18px;
}

/*          Artist List          */

#artist_list {
	font-size: 11px;
	line-height: 15px;
}

#artist_list li {
 list-style: none outside; 
}

#artist_list li.column ul.letter {
  padding-left: 20px;
  margin-bottom: 1em;
  position: relative;
}

#artist_list li.column ul.letter li.letter {
 position: absolute; 
 top: 1px;
 left: 0;
 font-weight: bold;
 text-transform: uppercase;
 font-size: 12px;
 color: #333;
}

#artist_list li.artist {
	width: 196px;
}



#artist_list li.column {
	float: left;
	margin-right: 20px;
}

#artist_list ul.columns {
  overflow: hidden;
}

/*         Quicklist          */

#quicklist {
	font-size: 11px;
}

#quicklist h2 {
  padding-left: 20px;
  padding-bottom: 10px;
}

#quicklist ol {
}

#quicklist li {
  line-height: 15px;
	list-style: none outside;
	padding: 0 10px 10px 20px;
	margin: 10px 20px 0 15px;
}

.post {
	margin: 3px 0 0 0;
	background: url(/images/post_divider.gif) top left no-repeat;
}

.post h3 {
	font-size: 24px;
	line-height: 24px;
	padding-top: 28px;
	padding-bottom: 4px;
}

/* Archive links */

#index #archives , #archive #archives {
    
}

/*          News Content          */

#index #left_column {
	margin-top: 21px;
}

#index #middle_column {
	margin-top: 24px;
}

#index #right_column {
    margin-top: 68px;
}

#index #right_column h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-top: 28px;
    padding-left: 12px;
    background: url(/images/archives_divider.gif) top left no-repeat;
    line-height: 12px;
}

#index #archives ol {
    padding-bottom: 28px;
}

#index #archives ol li {
    list-style: none outside;
    margin-left: 12px;
    line-height: 22px;
    font-size: 13px;
}

/*          Artist Page          */

#artist h1 {
	font-size: 40px;
	margin: 42px 0 0 20px;
}

#artist p.label {
	font-size: 17px;
	margin: 11px 0 0 20px;
}

#artist .pic {
	margin: 26px 0 14px 0;
}

#artist #left_column h2, #artist .avails dt, #artist .avails dd, #artist .avails p {
	margin-left: 12px;	
}

#artist #left_column h2 {
	font-size: 13px;
	font-weight: bold;
	padding: 2px 0 2px 7px;
	margin: 22px 0 6px 0;
	background: #474747;
	color: white;
}

#artist #wide_column {
}

#artist #wide_column h2 {
	clear: both;
}

#artist .highlights {
    margin-bottom: 44px;
}

#artist .highlights ul {
	margin: 20px 0 0 15px;
}


#artist .highlights li {
	list-style-position: outside;
}

#artist .highlights {
}

#artist .mp3, #artist .video, #artist .tour_dates {
	margin-bottom: 32px;
}

#artist .mp3 .diagonals, #artist .video .diagonals {
	margin-top: 24px;
}

#artist .mp3 .track_image, #artist .mp3 #music_player {
	float: left;
}

#artist .video p.link {
  margin: 1em 0 0 0;
}

#artist .mp3 .track_image {
    margin-right: 16px;
}

#artist .mp3 #music_player {
	margin-top: 4px;
}

#artist .mp3 .label {
    font-size: 11px;
    font-style: italic;
}

#artist .video .link a {
    background: url(/images/more_video_link.gif) 0 -4px no-repeat;
    padding-left: 16px;
}

#artist .video .link a:hover {
    background: #444 url(/images/more_video_link.gif) 0 -4px no-repeat;
    color: white;
}

#artist .diagonals {
	padding: 14px 16px;
}

#artist p.about {
	margin: 22px 0 42px 0;
}

#artist .avails {
	padding: 16px 0 0 0;
}

#artist .avails dt {
  text-transform: capitalize;
	line-height: 16px;
}

#artist .avails dd {
	color: #7d7d7d;
	margin-bottom: 1em;
}

#artist .avails .inquiry {
}

#artist .assets {
	padding-top: 24px;
}

#artist .asset {
	float: left;
	width: 60px;
	height: 72px;
	font-size: 11px;
	line-height: 13px;
	text-align: center;
	margin: 0 15px 15px 0;
}

#artist .asset img {
	margin-bottom: 4px;
}

#artist .asset a {
}

#artist .links {
	font-size: 14px;
	line-height: 23px;
}

#artist .links ul {
	margin-top: 20px;
	margin-left: 12px;
}

#artist .links li {
	list-style: none outside;
}

#artist .links a {
}

#artist ul.other_contacts {
    margin-top: 10px;
}

#artist h3.other_contacts {
	font-size: 11px;
	line-height: 11px;
	margin-top: 12px;
	margin-left: 12px;
}

#artist #wide_column h2 {
	line-height: 23px;
	font-size: 14px;
	font-weight: bold;
}

#artist .tour_dates {
	margin-top: 18px;
}

.bio_content {
	margin-top: 22px;
}

.bio_content p {
    margin-bottom: 1em;
}

/*          Avails & Tours          */

table.avails, #tours table, #artist .tour_dates { border-collapse: collapse }

table.avails { width: 660px }

#tours table {
	width: 600px;
	margin-bottom: 36px;
}
	
table.avails th, #tours table th, #artist .tour_dates th {
	vertical-align: top;
	text-align: left;
	font-size: 11px;
	line-height: 11px;
	margin-bottom: 32px;
}

table.avails th {
	height: 32px;
}

#tours table th, #artist .tour_dates th {
	height: 28px;
}

#tours table td, #artist table td {
	vertical-align: top;
	line-height: 14px;
	padding-top: 5px;
	padding-bottom: 6px;
}

.avails td {
	height: 32px;
}

#avails td.artist_name, #avails td.time_period {
	width: 234px;
}

#avails td.situation {
	width: 190px;
}

#tours td.date, #artist td.date { width: 105px }
#tours td.venue, #artist td.venue { width: 180px; padding-right:5px; }
#tours td.city, #artist td.city { width: 125px }
#tours td.state, #artist td.state { width: 45px }
#tours td.with, #artist td.with { width: 230px }

#tours tr.odd td, #artist tr.odd td {
    background: #f6f6f6;
}

#tours td.date, #tours th.date, #artist .tour_dates th.date, #artist .tour_dates td.date {
    padding-left: 5px;
}

#tours table, #artist .tour_dates {
	font-size: 11px;
}

#tours .tour_date_holder {
	padding: 32px 0 0 0;
}

/*          Contact & About          */

#about #wide_column p, #sponsorship #wide_column p {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 1.5em;
	width: 590px;
}

#contact #left_side, #pages #right_side {
	width: 300px;
	float: left;
}

#contact #main_content h2 {
	font-size: 18px;
}

#contact {
	font-size: 14px;
	line-height: 26px;
}

#contact .person a {
	padding-left: 24px;
}

#contact .person a {
    color: #444;
}

#contact .person a:hover {
    color: white;
    background-color: #444;
}

#contact  #main_content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#contact #staff .person {
	float: left;
	width: 300px;
}

#contact h3.staff {
	margin-top: 48px;
}

#contact #staff {
	margin-top: 8px;
	padding-top: 48px;
}

#contact #staff { border-top: dotted 1px #bebcb7 }
#contact .address { margin-bottom: 48px }
#contact .type { font-style: italic }
#contact .person { margin-bottom: 48px }
#contact .person p { font-weight: bold }
#contact .person p a, #contact .person .position { font-weight: normal }
#contact .person .position { font-style: italic }

#contact .person a {
	background: url(/images/mail.gif) 0 -9px no-repeat;
}

/*          Inquiry           */

#inquiry_form {
	margin-top: 32px;
	padding-top: 32px;
}

#inquiry p {
	width: 570px;
}

#inquiry_form p {
	width: 260px;
	line-height: 20px;
	clear: both;
	margin-top: 32px;
	padding-bottom: 0;
}

#form_left, #form_right {
	width: 270px;
	float: left;
	margin-right: 60px;
}

#inquiry_form .submit_image {
}

#inquiry_form .submit_image img {
	margin-top: 18px;
	padding: 0;
}

#inquiry label {
    display: block;
    float: left;
    margin-bottom: 12px;
}

#inquiry input, #inquiry textarea {
	margin: 0 0 0 0;
}

/*          Footer         */

#footer {
	margin: 50px 20px 14px 20px;
	font-size: 11px;
	line-height: 11px;
	padding-top: 10px;
	padding-bottom: 14px;
}

#footer p {
	width: 300px;
}

#footer .left { float: left; }
#footer .right {
	float: right;
	text-align: right;
}

/*          The Pretty Stuff          */

body {
	background: #8b8883 url(/images/background_fade.jpg) top left repeat-x;
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
}

#page {
	background: white;
}

a:link, a:hover, a:visited, a:active {
		color: #ff3300;
}

a:hover {
	color: white;
	background: #444444;;
}

#artist_list a:hover {
    color: #ff3300;
    background: none;
}

#index h2 {
	font-weight: bold;
}

#spotlight {
	background: url(/images/spotlight_show.gif) top left no-repeat;
	border-bottom: dotted 1px #9f9d98;
}

#spotlight.no_show {
	background: url(/images/spotlight_no_show.gif) top left no-repeat;
}

#spotlight h3 {
	font-family: Arial, Helvetica, sans-serif;
}

#spotlight h3 a {
    color: #444;
}

#spotlight h3 a:hover {
    color: white;
}

#spotlight .content p {
    color: #666;
}

#spotlight .links, #spotlight .links a {
}

#show, #show a {
    color: #666;
}

#show a:hover {
    color: white;
}

#show .date, #show .venue, #show .city {
    color: #666;
}

#show .artist_name {
	font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #333;
}

#show .artist_name a {
  color: #333;
}

#show .artist_name a:hover {
  color: white;
}

/* Artist Tab Set */

dl#tabs {
  overflow: hidden;
  zoom: 1;
}

dl#tabs dt a {
  color: #424242;
  height: 33px;
  display: block;
  line-height: 33px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: 11px;
}

dl#tabs dt a:hover {
  color: #FF3300; 
}

dl#tabs dt.all a { width: 99px; left: 23px; }
dl#tabs dt.live a { width: 75px; left: 122px; }
dl#tabs dt.djs a { width: 62px; left: 197px; }
dl#tabs dt.speakers a { width: 153px; left: 259px; }

dl#tabs dt.all { width: 99px; }
dl#tabs dt.live { width: 75px; }
dl#tabs dt.djs { width: 62px;  }
dl#tabs dt.speakers { width: 153px;  }

dl#tabs dd {
  margin-top: 44px;
  display: none;
  background: #f7f7f7;
  clear: both;
  overflow: hidden;
  zoom: 1;
  padding: 20px 0 20px 20px;
}

dl#tabs dd.open {
  display: block;
}

#header {
  background: #5e5e5e;
  border-bottom: dotted 1px #4e4e4e;
}

#artist_list {
  position: relative;
	background: #5e5e5e url(/images/artist_tabs.gif) no-repeat;
	background-position: 12px 0;
/*  overflow: hidden;
  zoom: 1;*/
}

#artist_list div.search {
  position: absolute;
  left: 455px;
  top: 17px;
}
#artist_list div.search, #artist_list div.search input {  
  background: transparent;
  width: 140px;
  height: 16px;
  border: 0;
  outline: 0;
}

#artist_list.all { background-position: 12px -44px; }
#artist_list.live { background-position: 12px -88px; }
#artist_list.djs { background-position: 12px -132px; }
#artist_list.speakers { background-position: 12px -176px; }

#artist_list li a, #artist_list li a:visited {
	font-family: Verdana, Arial, sans-serif;
	color: #666666;
}

#tabs.closed {
  height: 44px;
}

#artist_list li a:hover {
 	color: #ff1e00;   
}

div.artist_list_wrapper {
  background: #f7f7f7;
  border-bottom: dotted 1px #bdbdbd;
}

#quicklist {
	background: url(/images/quicklist.gif) bottom left no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 8px;
}

#quicklist .artist_name {
	color: #404040;
	font-weight: bold;
}

#quicklist a {
	font-style: italic;
	color: #666;
}

#quicklist a:hover {
	color: white;
}

#quicklist li {
	background: url(/images/grey_arrow.gif) 5px 3px no-repeat;
	border-bottom: dotted 1px #c6bdbd;
}

#quicklist li.last {
	border: none;
}

#quicklist h2 {
    background: url(/images/quicklist.gif) top left no-repeat;
    margin-left: 0;
    padding-left: 15px;
    color: #333;
}

.post p {
}

.post h3 {
	font-family: Arial, Helvetica, sans-serif;
}

.post .date, .post .author {
	font-weight: bold;
	font-size: 12px;
}

.post .posted_by {
	font-style: italic;
	font-size: 12px;
}

.post .post_body {
	margin: 36px 0 32px 0;
	color: #666666;
}

/*          Artist Page          */

#artist h1, #tours h1, #avails h1, #about h1, #contact h1, #inquiry h1, #sponsorship h1 {
	font-family: Arial, Helvetica, sans-serif;
}

#artist #left_column h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#artist a:hover.asset_link {
    background: none;
}

#artist .about a {
	font-weight: bold;
}

#artist .avails .inquiry a {
  text-transform: capitalize;
  background: url(/images/orange_arrow.gif) left center no-repeat;
  padding-left: 10px;
}

#artist .avails .inquiry a:hover {
}

#artist .avails, #artist .links, #artist .assets {
}

#artist .avails dt, #artist h3.other_contacts {
	font-weight: bold;
}

#artist h3.other_contacts {
	text-transform: lowercase;
}

#artist #wide_column h2, #tours #wide_column h2 {
	font-family: Arial, Helvetica, sans-serif;	
}

table.avails tr { border-top: dotted 1px #bebcb7 }

table.avails tr.first { border: none }

table.avails th, #tours table th, #artist .tour_dates th {
	text-transform: lowercase;
	font-weight: normal;
	font-style: italic;
}

td.venue { /* td.state */
	font-weight: bold;
}

td.artist_name {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}

td.artist_name a, td.artist_name a:visited {
	color: #666;
}

td.artist_name a:hover { color: white; }

td.venue a, td.venue a:visited, h2 a:link, h2 a:visited {
    color: #444;
}

td.venue a:hover, h2 a:hover {
    color: white;
}

#tours .tour_date_holder {
	border-top: dotted 1px #bebcb7;
}

#archives { background: url(/images/archives_divider.gif) bottom left no-repeat }

.diagonals {
	background: url(/images/diagonals.jpg);
}


/*          Footer          */

#footer { border-top: dotted 1px #bebcb7 }

#footer .agency { font-family: Arial, Helvetica, sans-serif }

#footer .right, #footer .year { font-style: italic }

#footer a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
}

/*          Error validation          */

#errorExplanation {
  width: 400px;
  border: 2px solid #ff3300;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 5px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 2px 2px 2px 5px;
  font-size: 12px;
  margin: -7px;
  background-color: #ff3300;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin: 15px 5px 5px 5px;
  padding: 5px;
  width: auto;
}

#errorExplanation ul li {
  font-size: 12px;
  margin-left: 5px;
  line-height: 14px;
  list-style: square inside;
}

.field-with-errors input {
    border-color: #ff3300;
}

/*          Utilities & Hacks          */

.clear {
	height: 1px;
	clear: both;
}

.hide {
	display: none;
}

/*          Login page          */

div.form { font-size:10px; margin:10px 0px;  }
div.form label { width:120px; float:left; }
div.form div.clearfix { padding:4px; vertical-align:top;  clear: left;}

div.login_button	{ width:60px; height:15px; display:block; background: url("http://app.windishagency.com/images/login-rollover.gif") 0px 0px no-repeat #000; }
div.login_button:link { background-position: 0px 0px; text-decoration:none; }
div.login_button:hover { background-position: 0px -16px; text-decoration:none; }

a:focus {
  outline: none;
}

.mp3_player {
  background: url(/images/mp3_player_bg.jpg);
  height: 124px;
  width: 237px;
  position: relative;
  line-height: 14px;
  margin-top: 5px;
}

.mp3_player .panel {
  position: absolute;
  top: 20px;
  left: 20px;
}

.mp3_player button {
  height: 45px;
  width: 46px;
  background: url(/images/mp3_button_bg.jpg) top left;
  border: 0;
  position: absolute;
  left: 14px;
  top: 61px;
  padding: 0;
}

.mp3_player button:hover {
  background-position: bottom left;
  cursor: pointer;
}

.mp3_player button .icon {
  width: 46px;
  height: 45px;
  display: block;
  background: url(/images/mp3_icon_bg.gif) bottom left;
  text-indent: -9999px;
}

.playing button .icon {
  background-position: top left;
}

.mp3_player p {
  font-size: 12px;
}

.mp3_player span.label {
  font-weight: bold;
}

.mp3_player .progress_holder {
  position: absolute;
  left: 66px;
  top: 72px;
  height: 25px;
  width: 152px;
}

.mp3_player .progress_holder .progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 0;
}

.mp3_player .progress_holder .download {
  background: #c0c0c0;
}

.mp3_player .progress_holder .playback {
  background: #a5a5a5;
}

input.prompting {
  color: #999;
  line-height: 11px;
}

div#artist_name_auto_complete {
  background: #dbdada;
  font-weight: bold;
  font-size: 12px;
  line-height: 15px;
  color: #ff3300;
}

div#artist_name_auto_complete ul {
  border: solid 5px #dbdada;
  margin-left: -5px;
}

div#artist_name_auto_complete ul li {
  margin-bottom: 5px;
  list-style: none outside;
}

div#artist_name_auto_complete ul li a:hover {
  color: #ff3300;
  background: transparent;
}


div#artist_name_auto_complete ul li.selected {
  background: #bbb;
}