html{margin:0;padding:0;}
body {font-family: Verdana, sans-serif; margin: 0; padding: 0; color: #222; background-color: #444;}
iframe {padding: 0;margin:0;}
body.admin { background-color: #fff; }

object, embed {margin: 0; padding: 0;}

.content {padding: 10px;}
.content h2 {font-size: 12px; background-color: #808DFF; padding: 2px; padding-left: 6px; font-weight: normal; font-style: italic;}
.content h3 {font-size: 11px; font-weight: normal; margin: 0; margin-bottom:4px; margin-top:2px;}
.content p {font-size: 11px; font-style:normal; }
.content p a {font-size: 10px; font-style:normal}

a { color: #268CCD; }

a:link, a:visited { color: #268CCD; text-decoration: none; }

a:hover { text-decoration: underline; }

h1 { font-weight: bold;font-style:italic;font-family: Verdana, serif; font-size: 130px; color: #FFF; margin: 0; }
h1 a {color: #fff;}


/*h2, h3 { font-style:italic;font-size: 12px }*/
#wrapper_admin h3 {font-size: 18px;}

img { border: none; }

/* ------------------------------------

 headers

------------------------------------- */


#Header {
	/*width: 100%;*/
	background: #036;
	padding: 1px 0 0 0;
	margin: 0;
	text-align: left;
  position: relative;
	}	

#Header h1 /* client name */ {
	padding: 0 0 10px 0;
	margin: 7px 0 0 30px;
	font-size: 24px;
	font-weight: normal;
	color: #fc0;
	text-align: left;
	}	

#Header h1 span /* project name */ {
	/*padding: 0 0 7px 0;
	margin: 0 0 5px 32px;*/
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	border: none;
	font-family: "Lucida Grande", arial, sans-serif;
	}	

#Header h3 {
	padding: 0 30px 0 32px;
	margin: 7px 0 0 0;
	font-size: 9px;
	font-weight: normal;
	font-family: verdana;
	text-align: left;
}

#Header h3.global {
  position: relative;
  float: right;
  text-align: right;
  width: 300px;
}

#Header h3 span#floatright {
  text-align: right;
  width: 300px;
  position: relative;
  float: right;
}

#Header h3 span.pipe {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

#Header h3 a.current {
	font-weight: bold;
	text-decoration: none;
}

#fresh_all h2 {
	padding: 0 0 2px 0;
	margin: 0;
	border-bottom: 1px dotted #ccc;
}

#Header a:hover.image {
	background-color: none;
	background-color: transparent;
}

/*-------------------------------------------------
TABS
-------------------------------------------------*/

#Tabs {
	margin: 0 0 0 30px;
	height: 25px;
	padding: 0;
}

#Tabs ul {
	margin: 0; padding: 0;
}

#Tabs li {
	margin: 0; padding: 0;
	display: inline;
	list-style: none;
	border: none;
}

#Tabs ul#MainTabs {
}

div#Tabs a:link,
div#Tabs a:visited {
  text-decoration: none;
}

#Tabs a:hover {
	color: #fff;
	background: #333;
}

#Tabs ul#MainTabs a:link, #Tabs ul#MainTabs a:visited {
  float: left; /* for IE6 */
	font-size: 12px;
	font-weight: normal;
	padding: 4px 8px 6px 8px;
	margin: 0;
	background-color: #0047AB;
	margin-right: 2px;
}

#Tabs ul#MainTabs a:link.current, #Tabs ul#MainTabs a:visited.current {
	background: #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	color: #222;
	font-weight: bold;
	text-decoration: none;
    margin: 0;
}


/* CLEARING DIV */

.c { height:1%; clear:both; }

.c:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden; }

/*.c {display: inline-table;}*/


/* -------------------------------------

 wrappers

------------------------------------- */

#wrapper { width: 390px; background-color: #fff; margin-top: 0px; min-height: 220px; background-image: url('/images/content_bottom.gif'); background-position: bottom; background-repeat: no-repeat;}
#wrapper_admin { margin: 0 auto; width: 768px; padding: 10px;}
#wrapper_admin h2 {font-size:24px}


/* --------------------------------------

 forms

---------------------------------------- */

label { font-size: 0.8em; font-weight: bold; }

input, textarea { display: block; margin-bottom: 20px;}
input[type=hidden] {display:none; margin:0;}

#artist_form {width: 400px; float: left;}

#artist_links_form, #artist_tunes_form { width: 300px; /* position: absolute; top: 0; right: 0; */ float: right; border-left: 1px solid #268CCD; padding-left: 15px; margin-bottom: 20px;}


#artist_form input, #artist_form textarea, #artist_links_form input { display: block; margin-bottom: 20px;}

#artist_form input[type=checkbox] { display:inline; margin-bottom: 0; }


/* --------------------------------------

 links

---------------------------------------- */

#links a, #tunes a, #tunes p, #links p {font-size: 0.8em;}


/* --------------------------------------

 errors

---------------------------------------- */



.errorExplanation { font-size: 1em;border-left: 1px solid #cc0000 ;padding-left: 15px }

#flash {margin: 0; padding: 0;}

#flash p { font-weight: bold; }

#flash p#error { color: #c00; }

#flash p#notice { color: #268CCD; }

/* --------------------------------------

 lists

---------------------------------------- */

ul { list-style: none; }

/* --------------------------------------

 public facing

---------------------------------------- */


.content #show_artist h2 a { text-decoration: none; font-size:1.2em;}
.content #show_artist .border img { margin-top: 3px; margin-left: 3px; width:50px; margin-right: 20px; border-top:2px solid #ccc; border-left:2px solid #ccc;border-bottom: 2px solid #666;border-right: 2px solid #666}
.border {height: 60px; margin-right: 10px; background-color: #eee; border-bottom: 2px solid #666;border-right: 2px solid #666;border-left: 2px solid #ccc;border-top: 2px solid #ccc;}
.content #show_artist h2.heading { text-decoration: underline;}
#show_artist ol { font-size: 0.7em; margin-left: 8px;}


.scrolled {overflow: auto; height: 200px; min-height: 200px;}
.scrolled img {width: 200px;}
#artists_content {height: 258px;}
#actual_artists_content {height: 225px;}
#actual_artists_content p, #actual_artists_content ol, #artists_content p, #artists_content ol {padding: 2px; padding-left: 6px; font-size: 10px; background-color: #8ADBFF; margin: 0;margin-bottom:2px;}
#actual_artists_content ol, #artists_content ol {list-style-position: inside}
#actual_artists_content h2, #artists_content h2 {margin: 0; margin-bottom: 2px;}
#actual_artists_content a, #artists_content a {color: #000000; font-size: 10px;}
#bom object {float:right;}

.left {float: left; width: 220px;}