body {
    background-color: #666;
	background: -moz-radial-gradient(center center , ellipse farthest-corner, #666 0%, #336050 100%) repeat scroll 0 0 transparent;
	font-family: Gill Sans, Gill Sans MT, Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	margin:0 auto;
	padding:10px;
	width:1000px;
	}

.right {float: right }

blockquote {
	margin: 10px 0px 0px 15px;
	padding: 0 45px;
	background: url(/images/quote-20.png) no-repeat 20px 0;
	font-size: 12px;
	font-style: italic;
	font-family: Gill Sans, Verdana, Arial, Helvetica, Sans-Serif;
	color: #004400; }

.window blockquote {background: transparent; 
	margin: inherit;
	padding: 0 10px;
	font-size: 12px;
	font-style: italic;
	font-family: Gill Sans, Verdana, Arial, Helvetica, Sans-Serif;
	color: #004400; }

.window blockquote p:before { content:open-quote; }
.window blockquote p:after { content:close-quote; }

table
{
  border:0;
  border-collapse: collapse;
 }

div { float:left; margin:0; padding:0}

td 
{
	padding:0;
	vertical-align:top;
}


.standout { background-color: #C0C0C0 }

.sunlogolayer {  }

#heart0, #heart1  {
	z-Index:90;
	visibility:hidden;
	position:absolute;
	top:10px;
	left:89px;
	width:95px;
	overflow:hidden;
	height:23px;
	width:40px;
}
#heart1  {
	top:100px;
	left:100px;
}


img {
	border: 0;
	margin-top: 0px;
}

.topicstart { padding-right:4px;  }
	
#smallsignature
{ margin-top:-10px; width:53px; height:51px;}


.frametop {margin-top:10px; margin-bottom: -28px }

h1 { font-size:24pt;  font-weight:300; color: #999; margin-bottom: 0px }
h2 { font-size:18pt;  font-weight:300; color: #060; margin-bottom: 0 }
h3 { font-size: 14pt; font-weight:300; color: #999;   margin-bottom: 0 }
h4 { font-size: 12pt; font-weight:700; color: #999; margin-bottom: -18px }
h5 { font-size: 12pt; font-weight:300; color: #050; margin-top:0; margin-bottom: 0 }
h6 { font-size: 10pt; font-weight: 500; font-style: italic; margin-left: 20px; margin-bottom: 0 }

.blacktext { color:#000 }

hr { color: #66cc66; height: 1px; margin-bottom: 0; margin-top: 10px; background-color:#66cc66; }

p {
	margin-top: 0px;
	line-height: 14px;
	margin-bottom: 12px;
}

.listheader {margin-bottom: 0; font-weight: 700; }

div#centeralbumcol p {margin-bottom: 6px; padding:0 }

div#flashdivider + p {margin-top:12px; margin-bottom:6px;}

p.nb { font-style:italic }

h1.mainpagesubtitle, p.mainalbumpagesubtitle, p.mainsongpagesubtitle, p.mainpagesubtitle 
{ /* This style used as the post titles on homepage/archive */
	font-family: Gill Sans, Gill Sans MT, Verdana, Arial, Sans-Serif;
	font-size: 28px;
	line-height: 1;
	font-variant: small-caps;
	font-weight: 300;
	padding: 0px 0px 4px 4px;
	margin: 0px 10px 4px 0px;
	color: #666;
	width: 800px;
	text-shadow: 2px 2px 2px #ccd5cc;
}

p.mainalbumpagesubtitle { width: 628px }

p.mainpagesecondleveltitle
{ color:#666; width:600px; margin: 0; padding:0; font-size: 11pt;  font-weight:600; }

.greencenterheader {
	margin-bottom: 0px; 
	color:#66cc66; 
	font-weight: bold;
	text-align:center
}


ol {
	margin-top: 0;
	list-style:decimal;
	list-style-type:upper-roman;
	margin-left: 20px;
	left: 0px;
	padding-left: 0px;
 }
 
ol ol {	list-style-type:lower-alpha; margin-left: 10px; }

ul {
	margin-top: 0;
	margin-left: 15px;
	left: 0px;
	padding-left: 0px;
 }

li {margin-bottom: 10px; }

div {
	margin-top: 0;
	padding-top: 0;
}

#mainpagecontent > p
{ margin-top: 0px; }



#albumpoem { float:none; min-height:290px; }

#albumrow
{
	clear:both;
	margin: 0;
    width:720px; 
	padding:0; 
	padding-top:10px;
}

#albumrow2
{
	clear:both;
	margin: 10px 0 0 0;
    width:720px; 
	padding: 10px 0 0 0; 
}


#leftalbumcol2
{
	left:0px;
	margin:0;	
	width:200px;
	overflow:hidden
}

.buypic  {margin:0 24px 0px 24px; padding: 0px; height:75px; text-align: center; overflow:hidden; border:5px #fff solid; 
-webkit-box-shadow: 3px 3px 2px #999; -moz-box-shadow: 3px 3px 2px #999;}

.buyform {margin:0px 34px 6px 34px; padding:6px 2px 3px 2px;

}
.buydesc { text-align:left}
.blackcolumn { vertical-align: top; border: 1px solid #66cc66;  }

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#whyupc {margin-bottom:0}

#biotext { width:540px;}

#thanksimage, #sendtoimage, #bioimage {float: right; background:#ededed; margin:5px 15px 0 10px; padding:0;}

#missingimg {float:right;  margin:5px 100px 0 100px; padding:0;}

.missing { margin-right:150px }


#weblogaboutcolumn {
		-moz-border-radius: 8px;
		border-radius: 8px;	
		 margin: -64px 0px 0 310px; text-align:center; padding:10px 10px 10px 10px; width: 120px; 
		 background:#ebf8eb;
}		

#biorightcolumn { margin: -150px 0px 0 670px; text-align:center; padding:10px 10px 0 10px; width: 120px; 
  background-color:#e9f4eb;
  border: solid 3px #ddffee;  
  border-radius: 3px;	
	box-shadow: 3px 3px 3px #333333;
}

#mailinglistpic  {float:right; width:300px; margin: 0px 0px 0 10px;
border:5px #fff solid; -webkit-box-shadow: 3px 3px 2px #999; -moz-box-shadow: 3px 3px 2px #999; background:#ebf8eb;
}

#tourschedule {width: 276px; height: 150px; margin-left:20px }

p#buytickets { margin-top:10px }

div#simpletopicpic  { margin: 20px 0 6px 434px; }

div#simpletopictext {  margin:10px 0 0 0; width:600px;  }

#buysongscontainer { height:16px; padding:0 }

#downloadlinksdiv  { margin-bottom:10px; }

p.topicbottom { height:30px; margin: -10px 0 0 0; clear:both; padding:0; background-repeat: no-repeat; background-position:center }

.topicsubheading {margin:0; font-weight:600; font-style:italic; color:#666}


div.flashdivider + p.topicbottom, table + p.topicbottom { margin: 10px 0 0 0; } { margin: 10px 0 0 0; }

.spacerhack { height:10px; clear:both }

.swag-downloads-l {margin: 0 0 0 50px; }
.swag-downloads-r {
	margin: 0 380px 0 0;
	float:right;
}
.swag-cards { text-align:center; width:33%;  margin:0; padding:0}

#swag-albums {padding-bottom:0px;} 

#swag-swag {clear:both; margin: 10px 0 ; padding-top:10px }

.swag-downloads-l h6, .swag-downloads-r h6  {margin:0; padding:0}

.swag-downloads-l p, .swag-downloads-r p  {margin:0 0 0 15px;}

.swag-downloads-l img, .swag-downloads-r img, .swag-cards img {border:5px #fff solid; background: #fff; 
-webkit-box-shadow: 3px 3px 2px #aaa; -moz-box-shadow: 3px 3px 2px #aaa;
}

.swag-cards h6 {margin:0; padding:0}

.swag-cards p {margin:0px; padding:0}

#comingsoon
{ margin-top:80px; color:#666; font-weight:300}

#mediakitpic {
	float:right;
	text-align:center;
	margin:0px 2px 0 0px;
	padding:0;
	width: 260px;
	top: 50px;
}

#mediakitpic p img {border:2px #fff solid; -webkit-box-shadow: 3px 3px 2px #aaa; -moz-box-shadow: 3px 3px 2px #aaa; }

div.tips {
background-image:url(/images/cell-dark.png);
float:right;
width:240px;
margin-right:15px;
padding: 6px;
border: solid 1px #ddffee;
border-radius: 0 0 4px 4px;
box-shadow: #666 3px 3px 3px;
}

div#maintext
{ margin: 0; left:0; width:400px;}

#mfp-image {float:right; background: url(/images/cell-dark.png); margin: 6px 14px 16px 36px}

#maintext #myplayer {padding:10px 0 20px 0}


/**************************/
#bookingimage {float: right; margin:5px 16px 0 16px; padding-bottom:15px;}

#bookingsecondcolumn {position:absolute; margin: 300px 0px 0 625px; text-align:center; padding:0; width: 220px;
background-image: url(/images/cell-dark.png);
}

#bookingsecondcolumn ul li { margin-right: 20px; }

.bookingtopic { margin-left: 20px; }


#sharethisfooter { width: 700px; clear:both;}
#newsfooter { margin: 0 0 10px 0; color:#0C0; width: 50px; text-align:right; float:right;}


#footerplayer {  width: 100px; margin-left:60px; height: 16px; }
#footercopy   {  text-align:right; margin:0; padding:0; width:108px;  }
#footerlogo   {   margin:0; padding:0 0 0 6px; width:65px; }
#footerterms  {  margin:0; padding:0; width:80px;  }
#socialnets { margin:0px 0 0 0px; width:170px; }
#pgtop {padding: 0px 12px 0 0; float:right; margin:0 0 0 2px; width:60px; }

#sitemap {padding: 0px 0px 0 0; 
	  	 margin:0 0 0 2px; 
		text-align:center;
		width:230px;
}

#pagebottom {
	margin: 15px 0 2px 0px;
	text-align:center;
	padding-top:4px;
	width:970px;
}

#freebies table { width: 418px}

#freebies td.rt-img
{ height: 85px; padding-bottom: 6px;
}

#fbalbumshare {position:absolute; top:66px; left:812px; height:46px; }

#musicianlinks { 
margin: -700px 0 0 558px; 
text-align:center; 
padding:10px 10px 0 10px; 
width: 175px; 
box-shadow: 3px 3px 2px #414144; background:#ebf8eb;
}

.p125 {background:url(/images/suntower-icon-125.png) no-repeat; width:100px; height:150px; text-indent:-9999; display:block; }

.p100 {background:url(/images/suntower-icon-100.png) no-repeat; width:100px; height:70px; text-indent:-9999; display:block; }

.p75 {background:url(/images/suntower-icon-75.png)   no-repeat; width:75px;  height:50px; text-indent:-9999; display:block; }

.p50{background:url(/images/suntower-icon-50.png)    no-repeat; width:50px;  height:30px; text-indent:-9999; display:block; }

.p35 {background:url(/images/suntower-icon-35.png)   no-repeat; width:35px;  height:20px; text-indent:-9999; display:block; }

.p25 {background:url(/images/suntower-icon-25.png)   no-repeat; width:25px;  height:15px; text-indent:-9999; display:block; }

.p25:hover  {background-position: 0 -15px}
.p35:hover  {background-position: 0 -22px}
.p50:hover  {background-position: 0 -32px}
.p75:hover  {background-position: 0 -47px}
.p100:hover {background-position: 0 -63px}
.p125:hover {background-position: 0 -60px}

#homelogo {
	width: 156px; height:43px; overflow:hidden; margin:0px 8px 4px 10px;  padding:4px 0 0 6px; }
#homelogo a { background: url(/images/jchmusic_logo.png) no-repeat; width:156px; height:43px; text-indent:-9999; display:block;}
#homelogo a:hover {background-position:0px -43px;}

#mainpageheader
{
	width:934px;
	height:55px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

.frameimgdiv
{width:420px; overflow:hidden; margin:0 0 12px 0;  text-shadow: #ccc 5px 1px 5px;}


#playerbody {background: url(/images/cell.gif); border: solid 3px #ddffee; }

#pgcontainer, #boxcontainer {
	width:950px; 
	margin:0 auto; 
	margin-bottom:10px; 
	padding: 0;  
	background: url(/images/cell.gif); 
	border: solid 5px #eee;
	box-shadow: 3px 3px 6px #333;
	border-radius: 0 0 8px 8px;		
}

#contentwrapper
{width:840px; min-height:386px; margin:20px 0 0px 70px; padding: 0; }

#mainpagecontent
{
	margin: 12px 0 0 40px;
	z-index:22;
	padding: 0;
	width: 750px; 
	min-height: 400px; 
	border-radius: 2px 2px 10px 10px; 
	box-shadow: 0  0px 0px #fff;
}
#mainpageunder
{
	margin: 0;
	padding: 0;
	background: #fff;
/*	background-color: #cfcccc; */
  opacity: 0;
	z-index:1;
	float: left;
	position: absolute;
	width: 870px; 
	height: 400px; border-radius: 2px 2px 10px 10px; 
	box-shadow: 0  0px 0px #fff;
}


div.frameimgdiv h1 { font-size:24pt; width:400px; padding:0; margin:0; font-weight:300; color: #fff;}

#topmenu { height:13px; width:920px; margin:0; padding:0; padding-left:30px; background: #ebf8eb;}

#topmenu ul{
margin: -3px 0 0 0;
padding: 0;
font-variant:small-caps;
font-size:13px;
}

/*Top level list items*/
#topmenu ul li{
padding: 0;
text-align:center;
float: left;
width: 6.6%;
}

/*Top level menu link items style*/
#topmenu ul li a{
color:#66cc66;	 
}

#topmenu ul li a:hover{ color:#FC3}

td.freebie-desc
{ width: 170px;
  padding: 0 0px 8px 0;
  margin-bottom:10px;
}

li.freebie-player
{ 
  margin-bottom:10px;
}


td.freebie-player
{ width: 25px;
  padding: 0 8px 8px 0;
  margin-bottom:10px;
}

td.freebie-share
{ width: 85px;
  padding: 0 0px 8px 0;
  margin-bottom:10px;
}

td.freebie-image
{ width: 80px;
  padding: 0 0px 8px 0;
  margin-bottom:10px;
}

#linksimg { width:300px; height:297px; float:right; margin-left: 10px; }

#mfp-image, .disc-video-left, .disc-video-middle, .disc-video-right, #mainmediakitimg, .whiteshadow,
.marquee, #bookingimage, #linksimg, #bioimage, #searchimage, #thanksimage, #sendtoimage, #contactimage {
	border:5px #fff solid; 
  box-shadow: 3px 3px 2px #444;
}

#bookingsecondcolumn {
  background-color:#e9f4eb;
  border: solid 3px #ddffee;  
	border-radius: 3px;	
}

#detroit-image {float:right; border:5px #fff solid; -webkit-box-shadow: 4px 4px 4px #ddd; -moz-box-shadow: 4px 4px 4px #ddd}

#missingimg { margin: 0 10px; }

.notopmargin {margin-top:0 !important}

#mainmediakitimg { width:252px; height:323px; margin-bottom:12px }
#mediakitpic > a:first-child { opacity: 1 }

p.dropcap:first-letter {
  font-size: 18px;
  color: #003300;
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}

.songtitle { color: #040; font-size:14px}
.songlocationfooter { color: #040; }

.song_section_header { margin:0; text-align:center; }
.padbottom { margin-bottom: 10px !important;}
.song_left_col { width: 200px; float: left; margin-right: 10px }
.song_right_col { width: 200px; float: right; }
.wide {width: 420px !important; }
.wider {width: 300px !important }
.tri-wide {width: 620px !important; }
.quad-wide {width: 830px !important; }
.song_left_col table tbody td { vertical-align:top; width:50%; padding:0 0 8px 0; }
.song_right_col table tbody td { vertical-align:top; width:50%; padding:0 0 8px 0; }

.song_left_col table tbody td + td,
.song_right_col table tbody td + td { font-style:italic}

#song_footer { 
position: absolute;
left: 20px;
bottom: 10px;
right: 20px;
}

#boxes .window,
#boxes .songlyrics
 {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  display:none;
  z-index:10001;
  padding:20px;
}

#boxes .songcomment {
  position:absolute;
  left:40px;
  top:40px;
  width:200px;
  display:none;
  z-index:9998;
  padding:10px;
}

#boxes .songlyrics,
#boxes #song_1, 
#boxes #song_2, 
#boxes #song_3, 
#boxes #song_4,
#boxes #song_5,
#boxes #song_6,
#boxes #song_7,
#boxes #song_8,
#boxes #song_9,
#boxes #song_10,
#boxes #song_11,
#boxes #song_12,
#boxes #song_13,
#boxes #song_14,
#boxes #song_15,
#boxes #song_16,
#boxes #player
{
  width:250px; 
  padding:20px;
  background-color:#ebf8eb;
  border:5px #fff solid;
  box-shadow: 4px 4px 4px #333;
  border-radius: 8px;	
}  
  
#boxes .songcomment, 
#boxes #comment_1, 
#boxes #comment_2, 
#boxes #comment_3, 
#boxes #comment_4,
#boxes #comment_5,
#boxes #comment_6,
#boxes #comment_7,
#boxes #comment_8,
#boxes #comment_9,
#boxes #comment_10,
#boxes #comment_11,
#boxes #comment_12,
#boxes #comment_13,
#boxes #comment_14,
#boxes #comment_15,
#boxes #comment_16
{
	opacity: .9;
	color:#676;
  font-style:oblique;
  left:40px;
  top:40px;
  width:200px; 
  padding:10px 10px 10px 24px;
  background-color:#e9f4eb;
  border: solid 2px #ccddcc;  
	border-radius: 2px;	
	box-shadow: #333 3px 3px 3px;
}

#boxes h3 { font-size: 16px; margin-bottom: 4px; margin-left: -8px; font-variant: normal }

#leftalbumcol p a { vertical-align:top }
#rightalbumcol p a { vertical-align:top }

.buysong,
.commentlink { margin-left: 10px; font-size: larger }


/*CSSHorizontalMenu.css*/
.horizontalcssmenu ul{
}

/*Top level list items*/
.horizontalcssmenu ul li, #sidemenualbums li{
position: relative;
display: inline;
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0px;
top: 0px;
position: absolute;
display: inline;
visibility: hidden;
z-index: 100;
}

ul#album2ndrow  {
 display: block; width: 600px; top: 18px; visibility: hidden; z-index: 100;
}

ul#album2ndrow li { 
width: 80px !important; 
display: inline;
float: none;
}

/* Sub level menu links style */
.horizontalcssmenu ul li ul li a img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: .7;
filter:alpha(opacity=70);
opacity: 0.7;
-khtml-opacity: 0.7;
box-shadow: 2px 2px 3px #111;
}

#sidemenualbums li.active a img,
.horizontalcssmenu ul li ul li a:hover img, #sidemenualbums li a:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1.0  !important;
filter:alpha(opacity=100)  !important;
opacity: 1 !important;
-khtml-opacity: 1 !important;}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */


#detroit-cover-hover {height:149px; text-indent:-9999; display:block; background: url(/images/detroit-cover-hover.png) no-repeat}
#detroit-cover-hover:hover {background-position:0px -148px;}

#paypalreceipt {
  width:300px; 
  padding:15px 4px 10px 15px;
  margin: 0 20px;
  background-color:#fdfdfd;
  border:1px #fff solid; -webkit-box-shadow: 4px 4px 4px #999; -moz-box-shadow: 4px 4px 4px #999;}

#paypalreceipt p { font-size: 140%; }

#paypalreceipt ul { list-style:none }

iframe.youtube-player {border: solid 4px #fff; -moz-box-shadow: 4px 4px 4px #aaa; }

.dual_fade { margin-right:10px; -moz-box-shadow: 4px 4px 4px #aaa }

img#detroit-main_bg { background: url(/images/detroit-cover-hover-b.png); }

.right { float:right }


input[type="image"]
{ box-shadow: #666 0px 3px 3px; }

.portrait {border:4px solid #fff; } 

#rssheader,
#rssfooter
{ width: 40px; float: left; margin-top: 11px }

#rssheader a,
#rsslink
{ background: url(/images/rss_20.png) no-repeat; width: 20px; height: 20px; display: block }

#sfoot { clear: left; float: none }

#p1 input, #p1 textarea,
#contactform input, #contactform textarea, #contactform select
{ width: 224px;}
#contactform input[type="checkbox"] {width: 6px; margin-left: 0 }
#captchabox input { width: 196px; margin-bottom: 6px }

#scratch_submit { float: left; margin-left: 24px; margin-top: 66px}



.small_portrait
{
    box-shadow: 1px 1px 1px #444444;
}


.style_div { 
margin:0;
padding-top:0;
width:100%; 
float:left
}

#missing-complaint {
  margin-top: -70px !important;
  margin-left: 200px !important;	
	position: absolute;
}