/*	

Blue Tone Music | default stylesheet
	
Copyright 2006, Blue Tone Music.  Programming and hosting by Go Design, http://godesign.com.
Feel free to report any bugs, errors, or improvements to support@godesign.com.

Background pattern by Travis Beckham, http://squidfingers.com.

*/





/* --------------------[ basic styles ]-------------------- */

*	{
	margin: 0;
	padding: 0;
}

html, body	{
	background: #2F5372 url(../images/tile.gif) top left;
}

body	{
	font: 69%/1.6em "lucida grande", verdana, sans-serif;
	color: #000;
}

a { outline: none; }

#top p	{
	display: none;
}

p, #content ul	{
	margin: 1em 0;
}

#content li	{
	margin: 0 0 .5em 15px;
}

#content img, #content img.border	{
	padding: 3px;
	background: #fff;
	border: solid 1px #ccc;
}

#home #content img, #content img.noborder	{
	padding: 0;
	border: none;
}

a:link		{ color: #00589b; text-decoration: none; }
a:visited	{ color: #00589b; text-decoration: none; }
a:hover		{ color: #4B89BE; text-decoration: underline; }
a:active	{ color: #000; text-decoration: none; }

.clear {
    clear: both;    
}



/* --------------------[ containers ]-------------------- */

#top	{
	width: 758px;
	height: 299px;
	margin: 20px auto 0 auto;
	background: transparent url(../images/bg_top.png) no-repeat center top;
	position: relative;
}

#wrapper	{
	width: 663px;
	margin: 0 auto;
	background: transparent url(../images/bg_content.png) repeat-y center top;
	padding: 0 45px 0 50px;
}

#content	{
	position: relative;
	top: -100px;
}

#footer	{
	width: 758px;
	height: 50px;
	margin: 0 auto;
	background: transparent url(../images/bg_footer.png) no-repeat center top;
}





/* --------------------[ miscellaneous classes ]-------------------- */

.more	{
	margin: -.5em 0 1em 0;
}

.return	{
	margin: 3em 0 0 0;
	clear: both;
	border-top: solid 1px #ccc;
	padding-top: .5em;
}

.error	{
	color: red;
}

#content .divider	{
	margin: 3em auto 2.5em auto;
	display: block;
	float: none;
	border: none;
}

.disclaimer	{
	font-style: italic;
}

.photo	{
	margin: 1.5em 0;
}

p.caption	{
	margin: 0;
	font-style: italic;
}

.right	{
	float: right;
	margin-left: 2em;
}

.right p.caption	{
	text-align: right;
}

.left	{
	float: left;
	margin-right: 2em;
}

#content img.noborder, #content .noborder img	{
	border: none;
}





/* --------------------[ image replacement ]-------------------- */

h1, #featured h3, #featured li, #featured .headline, #nav li, p.logo	{
	text-indent: -9999px;
	overflow: hidden;
}





/* --------------------[ clear the dang floats ]-------------------- */

#wrapper:after, #featured ul:after, #artist_listing div:after	{
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}





/* --------------------[ sIFR ]-------------------- */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 10px;
	line-height: 8px;
}





/* --------------------[ headings ]-------------------- */

h1	{
	width: 235px;
	height: 75px;
	position: absolute;
	top: 55px;
	left: 15px;
}

h1 a	{
	height: 75px;
	display: block;
	background: url(../images/logo_hover.gif) no-repeat -9999px -9999px;
}

h1 a:hover	{
	background-position: left top;
}

h2	{
	padding-top: 15px; /* margins would break background */
	height: 9px;
	margin-bottom: 25px;
	color: #00589B;
}

h3	{
	color: #00589B;
	margin: 2em 0 -.25em 0;
	font: bold 1.2em "lucida grande", verdana, arial, sans-serif;
}

#featured h3	{
	width: 164px;
	height: 19px;
	background: url(../images/headers/we_are_your.gif) no-repeat left top;
	margin-top: 16px;
}

#genres h3, #services h3	{
	margin-top: 3em;
}





/* --------------------[ navigation ]-------------------- */

#nav h3	{
	display: none;
}

#nav	{
	position: absolute;
	right: 21px;
	top: 138px;
}

#nav ul	{
	width: 489px;
}

#nav li	{
	display: block;
	float: left;
	height: 17px;
	padding-bottom: 10px; /* clears room for the borders */
	list-style: none;
	margin-left: 20px;
}

#nav li a	{
	display: block;
	height: 17px;
}

#nav li a:hover 	{
	border: solid #055498;
	border-width: 0 0 2px 0;
}

#nav_directory a	{ background: transparent url(../images/nav/directory.gif) no-repeat center top; width: 78px; }
#nav_services a		{ background: transparent url(../images/nav/services.gif) no-repeat center top; width: 73px; }
#nav_genres a		{ background: transparent url(../images/nav/genres.gif) no-repeat center top; width: 68px; }
#nav_weddings a		{ background: transparent url(../images/nav/weddings.gif) no-repeat center top; width: 50px; }
#nav_testimonials a	{ background: transparent url(../images/nav/testimonials.gif) no-repeat center top; width: 62px; }
#nav_contact a		{ background: transparent url(../images/nav/contact.gif) no-repeat center top; width: 38px; }





/* --------------------[ home page ]-------------------- */

#home .photo	{
	display: block;
	float: right;
	margin-left: 15px;
}

#featured	{
	clear: both;
	width: auto;
	padding: 0 10px;
	border: solid 1px #D3E2EF;
	background: #D3E2EF url(../images/diagonal.gif) top left;
	position: relative; /* gets the "many many more" <p> out of the container without breaking the links */
	top: 25px;
}

#featured ul	{
	margin-top: 17px;
}

#featured li	{
	display: block;
	float: left;
	width: 33%;
	height: 138px;
	margin: 0;
}

#featured li a	{
	display: block;
	width: 183px;
	height: 138px;
}

#featured_DJ_services a	{ background: transparent url(../images/featured/DJ_services.jpg) no-repeat left top; float: left; }
#featured_bluetones a	{ background: transparent url(../images/featured/bluetones.jpg) no-repeat left top; margin: 0 auto; }
#featured_chamber a	{ background: transparent url(../images/featured/chamberplayers.jpg) no-repeat left top; float: right; }

#featured .headline	{
	position: absolute;
	bottom: -55px;
	width: 128px;
	height: 17px;
	background: url(../images/headers/many_many_more.gif) no-repeat top left;
	left: 50%;
	margin-left: -68px;
}





/* --------------------[ genres ]-------------------- */

#genre_list	{
	width: 400px;
}


/* --------------------[ directory and artist listings ]-------------------- */

#directory #content li	{
	margin: 0 0 0 15px;
}

#article_image img	{
	float: right;
	margin: 0 0 2em 2em;
}

#artist_listing	h3 {
	font-size: 1.1em;
	margin: .5em 0 1em 0;
}

#artist_listing img	{
	float: right;
	margin: 0 0 1em 1em;
}

#artist_listing .even, #artist_listing .odd	{
	margin: 4em 0;
	padding: 1em 1em 0 1em;
}

#artist_listing .odd	{
	border: solid 1px #ccc;
	background: #eee;
}

#artist_listing .even img	{
	float: left;
	margin: 0 1em 0 0;
}

#artist_listing .even div.desc	{
	margin-left: 195px;
}

#artist_listing .even h3	{
	margin-top: 0;
}




/* --------------------[ contact ]-------------------- */

fieldset	{
	border: solid 1px #C8DCEC;
	width: 420px;
	margin-top: 3em;
	padding: 2em 15px;
}

legend	{
	font: bold 1.2em "lucida grande", verdana, arial, sans-serif;
	padding: 0 .5em;
	margin-left: -.6em;
	color: #055498;
}

label, input	{
	display: block;
	width: 250px;
	float: left;
	margin: 0 0 .5em 0;
}

label, #radio p	{
	width: 150px;
	color: #00589B;
	font-weight: bold;
}

option	{
	padding: 0 .5em;
}

select	{
	font: 1em "lucida grande", verdana, arial, sans-serif;
}
	
form br	{
	clear: left;
}

#sendit input	{
	width: auto;
	margin-right: .5em;
}

#sendit label	{
	width: 175px;
}

input.button	{
	padding: .2em 1em;
	margin: 3em 0 0 0;
	font: bold 1em "lucida grande", verdana, arial, sans-serif;
}

#info	{
	float: right;
	width: 17em;
}

#radio	{
	margin: 2em 0;
}

#radio label	{
	color: #000;
	font-weight: normal;
	width: auto;
	margin-right: 2em;
}

#radio p	{
	width: 100%;
	margin: 1em 0 .5em 0;
}

.comments	{
	margin-top: 1em;
	width: 100%;
}





/* --------------------[ testimonials ]-------------------- */

#testimonial_list	{
	margin: 2em 0;
}

blockquote	{
	margin: 3em 0;
	padding: 1px 30px 0 30px;
	background: url(../images/openquote.gif) no-repeat left 6px;
}

cite	{
	font-style: normal;
}

/* --------------------[ home page ]-------------------- */
body#directory #content h2 + #article_image {
    display: none;
}

#directory img.mc-mark {
    margin-bottom: 0;
}

table.dj-song-list {
    margin: 1.5em 0;
}

.dj-song-list tr.odd {
    background: #D4E7F7;
}

.dj-song-list tr.song-break th,
.dj-song-list th {
    margin: 0;
    background: #ccc;
    color: #666;
    text-align: left;
}

.dj-song-list td,
.dj-song-list th {
    padding: 4px 10px;
}
.
/* --------------------[ footer ]-------------------- */

#footer	{
	padding-top: 50px;
}

p.logo, p.logo a	{
	margin: 0;
	padding: 0;
	width: 153px;
	height: 11px;
}

p.logo	{
	position: relative;
	float: right;
	margin-right: 3px;
}

p.logo a	{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/gdlogo.png) no-repeat left top;
}


ul.gallery, .gallery li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.gallery li {
	margin: 0 !important;
}

.gallery img.hello {
	margin-bottom: -90px;
}