body 			{ background-color:#fff; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:80%; line-height:1.5em; }
body > div 		{ width:750px; margin:auto; }

#make_an_offer			{ position:absolute; z-index:1; top:0; left:50%; width:auto; margin-left:-58px; padding:0 1px 1px 1px; background:#ddd; }
#make_an_offer a		{ display:block; padding:.3ex .5ex .5ex .5ex; background:inherit; text-decoration:none; text-transform:uppercase; color:#fff;
				  			border-right:solid 1px #fff; border-bottom:solid 1px #fff; border-left:solid 1px #fff; }
#make_an_offer:hover	{ background:#abd243; }

#header			{ position:relative; height:80px; margin:0 0 5px 0; border-bottom:solid 10px #abd243; }
#logo			{ position:absolute; left:0; bottom:0; height:42px; width:245px; margin:0; background:url('/live/images/header_logo.png') no-repeat; }
#logo span		{ display:none; }

.menu			{ margin:0; padding:0; list-style:none; text-transform:uppercase; }
.menu li		{ display:block; float:left; margin:0 0 0 1ex; }
.menu a			{ text-decoration:none; }

#main_menu			{ position:absolute; right:0; bottom:0; color:#fff; }
#main_menu li		{ height:19px; padding:3px; background:#abd243; }
#main_menu a		{ display:block; height:100%; width:100%; margin:-3px; padding:3px; background:#fff; color:#680; }
#main_menu a:hover	{ background:#ccc; color:#fff; }

#static_menu	{ position:absolute; top:0; right:0; }
#static_menu a	{ color:#666; }
#static_menu a:after				{ content:" · "; }
#static_menu li:last-child a:after	{ content:""; }

#content		{ position:relative; overflow:auto; }

div.notice		{ font-size:18px; border:solid 1px #ccc; padding:1ex; background:#e5e5e5; }

h2				{ width:730px; margin-top:10px; padding:10px; background:#abd243; font-weight:normal; text-transform:uppercase; color:#fff; }
h3:first-child	{ margin-top:0; }

.errorExplanation h2	{ width:auto; padding:0; background:none; color:#c00; }
form > div				{ clear:both; }
.fieldWithErrors				{ float:left; }
.fieldWithErrors:first-child	{ margin-right:1ex; color:#c00; }

a:link			{ color:#680; }
a:visited		{ color:#680; }
a img			{ border:none; }

th	{ text-align:left; }
td	{ vertical-align:top; }

.type			{ font-style:italic; }

#footer			{ margin-top:10px; border-top:solid 1px #bbb; padding-top:10px; color:#888; }


/* home page */

#slideshow-container{ height:200px; width:750px; overflow:hidden; }
#edit_home_pictures { display:block; position:absolute; z-index:10; padding:1ex; background:#000; color:#fff; }

.artist_list		{ float:left; width:400px; margin:10px 10px 0 0; font-size:110%; }
.artist_list h3		{ height:40px; width:400px; margin:0; background:url('/live/images/home_artists_heading.png') no-repeat; }
.artist_list h3 span, .agent_list h3 span { display:none; }

.artist_list a, .agent_list a { color:#000; }

.pages .agent_list		{ float:left; width:338px; margin-top:10px; background:#e5e5e5; border:solid 1px #ccc; font-size:110%; }
.pages .agent_list h3	{ height:40px; width:338px; margin:0; background:url('/live/images/home_agents_heading.png') no-repeat; }


.pages .artist_list ul, .pages .agent_list ul { margin:1em; padding:0; list-style:none; }

/* artist page */

.sidebar		{ float:left; width:210px; background:#e5e5e5; font-size:85%; }
.sidebar h2		{ margin-bottom:0; }
.sidebar div	{ margin-bottom:1ex; padding:1ex; }
.center_column	{ float:left; width:300px; margin:70px 10px 0 10px; }
.right_column	{ float:left; width:200px; margin:70px 0 0 0; }

.bandsite		{ margin-top:2em; }

q, cite			{ color:#680; }
.photos, .files	{ position:relative; overflow:auto; width:100%; margin:1em 0 1ex 0; padding:1ex; background:#f0f7df; border:solid 1px #e0e7cf; }
.photos div		{ float:left; margin:1ex; }


/* associates pages */

.associates .associate_list		{ margin:0; padding:0; list-style:none; }
.associates .associate_list > li{ margin:0 0 1em 0; padding:0 0 1em 0; border-bottom:solid 1px #ddd; }
.fn				{ font-weight:bold; }


/* availabilities page */

tr.artist td			{ border-top:solid 1px #ddd; }
table.availabilities td	{ padding-right:1em; }
td.artist				{ padding-bottom:1em; }


/* forms */

form > div			{ margin-bottom:1ex;}
fieldset > div		{ margin-bottom:1ex;}

label				{ display:inline-block; width:150px; text-align:right; }
label.image			{ width:auto; padding:2px; border:solid 2px #fff; }
label.image:hover	{ border-color:#abd243; }