/* Non-essential visual styling for all browsers */

body {
	line-height: 1.3;
	font-family: Verdana,sans-serif;
	font-size: .73em;
	line-height: 1.5em;
	margin: 10px 0 12px 0;
	background: url(images/grad-black.jpg) repeat-x top;
	background-color: Black;
	color: #FFFFFF;
}

#centered {
	text-align: left;
	border: 1px solid #4A4A4A;
	background-image: url(images/3.png);
	background-repeat: no-repeat;
	background-position: right;
	background-color: Black;
}

p
{
	margin: 5px;
}

#middle {
	margin: 0em;
	width: 100%;
	text-align: center;
	margin-top: .6em;
	margin-left: .6em;
	margin-right: .6em;
	min-height: 470px;
}

div#container{width:750px;margin:0 auto; background-color: #333333;}

.top{
	position: absolute;
	top: 0;
	left: 0;
	font-size: 80%;
}

.identify_yourself{
	position: absolute;
	top: 20px;
	right: 50px;
	float: right;
	margin: 5px 5px 5px 5px;
	color: White;
	font-weight: normal;
	letter-spacing: 4px;
	font-size: 15px;
	background: Black url(../images/glow.png) no-repeat center;
}


.self_no_bg{
	position: relative;
	top: 0px;
	right: 5px;
	float: right; margin: 5px 5px 5px 5px;
}

.info_box {
	text-align: left;
	border: 1px solid #4A4A4A;
	background-color: #333333;
	color: #987456;
	max-width: 40%;
	padding: 5px;
}

.inline_5 {
	position: relative;
	top: -1px;
}

.inline_16 {
	position: relative;
	top: 4px;
}

.inline_24 {
	position: relative;
	top: 6px;
}

.inline_32 {
	position: relative;
	top: 8px;
}

.mpTagOrange {
	font-size: 90%;
}
/* basic link styles */

a:link {
	color: #FFFFFF;
	text-decoration: none;
	background: transparent;
	font-weight: normal;
	border-bottom: 1px dotted #CCCCCC;
}

a:visited {
	color: #FFFFFF;
	background: transparent;
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px dotted #CCCCCC;
}

a:hover {
	color: #CCCCCC;
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px dotted #CCCCCC;
}

/*styles for image links - no borders */

a.image_link:link {
	background: transparent;
	border-bottom: 0px;
}

a.image_link:visited {
	background: transparent;
	border-bottom: 0px;
}

a.image_link:hover {
	border-bottom: 0px;
}

/*styles for the next performance link */

a.next_up:link {
	color: #FFFFFF;
	text-decoration: none;
	background: transparent;
	font-weight: normal;
	letter-spacing: 4px;
	font-size: 11px;
	border-bottom: 0px;
}

a.next_up:visited {
	color: #FFFFFF;
	background: transparent;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 4px;
	font-size: 11px;
	border-bottom: 0px;
}

a.next_up:hover {
	color: #CCCCCC;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 4px;
	font-size: 11px;
	border-bottom: 0px;
}

/* styles for the top menu */

a.topnav:link {
	color: #FFFFFF;
	text-decoration: none;
	background: transparent;
	font-weight: normal;
	letter-spacing: 4px;
	font-size: 10px;
	padding: 5px 5px;
	border-bottom: 0px;
}

a.topnav:visited {
	color: #FFFFFF;
	background: transparent;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 4px;
	font-size: 10px;
	padding: 5px 5px;
	border-bottom: 0px;
}

a.topnav:hover {
	color: #CCCCCC;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 4px;
	font-size: 10px;
	padding: 5px 5px;
	border-bottom: 0px;
}

/*styles for bottom links - no borders */

a.bottom_link:link {
	background: transparent;
	border-bottom: 0px;
	font-size: 11px;
}

a.bottom_link:visited {
	background: transparent;
	border-bottom: 0px;
	font-size: 11px;
}

a.bottom_link:hover {
	border-bottom: 0px;
	font-size: 11px;
}

.on {
	color: #C3B7E1;
	font-weight: normal;
}

.bottom {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 325px;
	text-align: top;
	color: #000;
	font-size: 90%;
	padding-top: 3px;
	padding-left: 3px;
	background-image: url(images/michael_score.gif);
	background-repeat: no-repeat;
}

.bottom_text {
	position: relative;
	top: -14px;
	color: #000;
	font-weight: bold;
}

.bottom_menu {
	width: 880px;  margin: 0 auto;
	padding: 35px;
	background: Black url(images/glow.png) no-repeat center;
	font-size: 11px;
}


input, textarea{
	background-color: transparent;
	border: 1px solid #4A4A4A;
	color: White;
	background-image: url(images/glow.png);
	background-repeat: repeat;
	background-position: center;
}

/*--- forms ------------*/

#contactform {
	width: 45%;
	text-align: leftt;
	vertical-align: top;
	margin-left: 15px;
}

#contactform input,  #contactform textarea {
	margin-right: 1em;
	margin-bottom: 5px;
}

#contactform input:focus, #contactform select:focus, #contactform textarea:focus {
	border: 1px solid #6A6A6A;
	background-image: url(../images/opaque_10.png);
	background-repeat: repeat;
	background-image: none;
}

#contactform label {
	width: 35%;
	font-weight: bold;
	float: left;
	clear: left;
}

#contactform span.indent {
	margin-left: 35%;
}

/* Regular CSS for good browsers */

html, body {height: 100%; margin: 0; padding: 0;}

body {height: 100%; width: 100%; text-align: center;}

#centered {width: 880px;  margin: 0 auto;}

.floatleft { float: left; margin: 0px 5px 5px 0px; }
.floatright { float: right; margin: 5px 5px 5px 5px; }

img.floatright {
	border: 1px solid #4A4A4A;
}

img.fixed_loading_img {
	position: absolute;
	top: 20%;
	left: 50%;
}
/*the bg image is 880x480, so setting a width of 860 for left content makes it fill the bg
where desired while allowing for margins added elsewhere, like the contact page*/
.wide {
	width: 860px;
}

#detail_response{
	float: left;
	margin-right: 30px;
	height: 470px;
}
#inner_detail_response{
	vertical-align: top;
	margin-right: 20px;
	margin-left: 30px;
	height: 470px;
}

.profile_heading{
	letter-spacing: 4px;
	font-weight: bold;
}

.small {
	font-size: 90%;
}

.music_menu {
	position: absolute;
	left: 45%;
}

.bio_menu {
	position: absolute;
	left: 35%;
}

#next_up {
	position: relative;
	top: 325px;
}
.buy-button {
	background-image: url(images/button.jpg);
	font-size: 10px;
	width: 73px;
	height: 19px;
	background-position: center;
	font-weight: bold;
}
th.border_alternating {
	border-bottom: 1px solid #4A4A4A;
	padding: 3px 3px;
	background-color: transparent;
}
tr.faint {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

td.top_border {
	border-top: 1px solid #4A4A4A;
}

/*These next lines will remove the dotted lines that appear around image linkes when clicked */
a
{
outline: 0px;
}

a:focus
{
-moz-outline-style: none;
}