/*  Additional CSS Styles for Benny Be Music site
	www.sktdesign.com
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,*/

/* general site-wide styles added to replace attributes removed from HTML tags */
body {margin:0; padding:0; text-align:center;}
body#yellow_template {background:#fffded url(all_images/bground.jpg);}
body#blue_template {background:#def1ff url(all_images/kbg.gif);}
div#main {width:800px; margin-left:auto; margin-right:auto; text-align:left;}
		/* reset all styles inside div.new_content */
div.new_content, div.new_content p, div.new_content h1, div.new_content h2, div.new_content h3, div.new_content ul, div.new_content ol, div.new_content li, div.new_content a {font:12px/15px Arial, Helvetica, sans-serif; margin:0; padding:0;}
div.new_content p, div.new_content ul, div.new_content ol {margin-bottom:10px;}
div.new_content h1 {font-size:16px; line-height:20px; font-weight:bold; margin-bottom:15px;}
div.new_content h2 {font-size:14px; line-height:17px; font-weight:bold; color:#620063; border-bottom:1px solid #620063; padding-bottom:5px; margin-bottom:15px;}
div.new_content a:link {color:#620063; text-decoration:none;}
div.new_content a:visited {color:#b58a9c; text-decoration:none;}
div.new_content a:hover {text-decoration:underline;}
div.new_content .fl {float:left; margin:0 15px 10px 0; display:inline;}
div.new_content .cl {clear:left;}

td {vertical-align:top;}
div.new_content p.fine {font-size:90%;}

/* new navigation 04-2007 */
/* Suckerfish method: http://www.htmldog.com/articles/suckerfish/dropdowns/ */
div#header_nav_purple, div#header_nav_blue {font:11px/14px Arial, Helvetica, sans-serif; padding:0;}
	div#header_nav_purple {background:url(all_images/new/nav_bg1.jpg) 0 38px no-repeat;}
	div#header_nav_blue {background:url(all_images/new/nav_bg2.jpg) 0 38px no-repeat;}
#nav, #nav ul {padding:0; margin:0; list-style:none; line-height:1; z-index:100;}
#nav {padding:4px 5px 46px;}
#nav a {display:block; color:#faffbf; padding:6px 13px; text-decoration:none; height:10px !important;}
#nav a:hover {color:#fff; text-decoration:none;}
	div#header_nav_purple #nav a:hover {background-color:#b564ae;}
	div#header_nav_blue #nav a:hover {background-color:#764ae4;}
#nav li {float:left; width:100px; /* width needed or else Opera goes nuts */ font-weight:bold;}
#nav li#nav_home {width:61px;}
#nav li#nav_3sm {width:156px;}
#nav li#nav_stq {width:117px;}
#nav li#nav_jazz {width:56px;}
#nav li#nav_klez {width:100px;}
#nav li#nav_elv {width:57px;}
#nav li#nav_dj {width:96px;}
#nav li#nav_contact {width:71px;}
#nav li#nav_paymt {width:76px;}
#nav li ul {position:absolute; width:150px; left:-1999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
	div#header_nav_purple #nav li ul {background:#ede3bc; border:1px solid #650164;}
	div#header_nav_blue #nav li ul {background:/*#cbdfeb*/#d9cbad; border:1px solid #22015b;}
#nav li:hover ul, #nav li.sfhover ul {left:auto;}
#nav li ul li {font-weight:normal; width:150px;}
#nav li ul li a {height:14px !important; padding-top:7px; height /**/:21px;}
	div#header_nav_purple #nav li ul li a {color:#650164;}
	div#header_nav_blue #nav li ul li a {color:#22015b;}
	div#header_nav_purple #nav li ul li a:hover {background-color:#f4f1bd; font-weight:bold; color:#650164;}
	div#header_nav_blue #nav li ul li a:hover {background-color:/*#ecffff*/#fbebc8; font-weight:bold; color:#22015b;}

/* body text */
p.home {font:15px/20px Verdana, Arial, Helvetica, sans-serif;}
p.home a.home_link {color:#606; font-size:14px; font-weight:bold;}
p.dj {font:13px/16px Verdana, Arial, Helvetica, sans-serif; padding:0px 50px;}

div#rs_div {margin-left:350px; margin-top:20px;}
div#ctr_div {margin:20px 200px;}

/* for email_signup page */
form#email_signup label, form#email_signup input {margin:0; padding:0;}
form#email_signup p, form#email_signup h5 {font:bold 11px/15px normal Arial, Helvetica, sans-serif;}
form#email_signup p {margin:0 10px 7px;}
form#email_signup h5 {margin:0 35px 20px 0;	font-size:12px;}
form#email_signup label {float:left; width:150px; text-align:right; margin-right:3px; font:11px/12px normal Arial, Helvetica, sans-serif; padding-top:3px;}
form#email_signup img {margin-right:3px;}
form#email_signup input.tbox {width:165px; height:18px; padding:0; margin:0; font:10px/12px normal Arial, Helvetica, sans-serif; }
form#email_signup input.button {margin:10px auto 20px 163px;}

/* for clients.htm page  */
table#client_list td, table#client_list p, table#client_list h2, table#client_list h3, table#client_list li {font-family:Arial, Helvetica, sans-serif;}
table#client_list td.info {padding:0 100px;}
table#client_list p {font-size:12px; line-height:14px;}
table#client_list li {font-size:11px; line-height:14px;}
table#client_list td.col {width:50%; vertical-align:top;}
   /* used Leahy-Langridge Image Replacement:
      http://www.mezzoblue.com/tests/revised-image-replacement/  */
table#client_list h2#client_vendor_list {padding:15px 0 0 0; overflow:hidden; background-image:url(all_images/clients_images/hdr_client_vendor_list.gif);	background-repeat:no-repeat; height:0px !important; height /**/:15px;}
table#client_list h3 {padding:30px 0 0 0; overflow:hidden; background-repeat:no-repeat; height:0px !important; height /**/:30px; margin-bottom:3px;}
table#client_list h3#corporate {background-image:url(all_images/clients_images/hdr_corporate.gif);}
table#client_list h3#orgs {background-image:url(all_images/clients_images/hdr_orgs.gif)}
table#client_list h3#event_coords {background-image:url(all_images/clients_images/hdr_event_coords.gif)}
table#client_list h3#concert_venues {background-image:url(all_images/clients_images/hdr_concert_venues.gif)}
table#client_list h3#talent_agencies {background-image:url(all_images/clients_images/hdr_talent_agencies.gif)}
table#client_list h3#colleges {background-image:url(all_images/clients_images/hdr_colleges.gif)}
table#client_list h3#festivals {background-image:url(all_images/clients_images/hdr_festivals.gif)}
table#client_list h3#clubs {background-image:url(all_images/clients_images/hdr_clubs.gif)}
table#client_list ul {list-style:none; margin:0; padding:0 0 0 21px;}
table#client_list li {text-indent:-20px; padding-left:30px; margin:0 0 3px 0; background:url(all_images/clients_images/bullet_purple.gif) 0 4px no-repeat;}

/* for klezmania pages */
table#klez_home_table td {vertical-align:top;}
div#klez_sound {padding-left:33px;}

/* jazz ensembles page */
h1#h1_jazz_ensembles {/*llir*/ padding:136px 0 0 0; overflow:hidden; background-image:url(all_images/new/title-jazz_ensembles.gif); background-repeat:no-repeat; height:0px !important; height /**/:136px; float:left; width:256px; margin:0 80px 35px 42px; display:inline;}
div#jazz_intro {padding:30px 20px 0 0;}
table#jazz_lists {clear:left;}
table#jazz_lists td {vertical-align:top; height:auto; padding-bottom:50px;}
td.jazz_col {padding-left:49px; width:234px !important; width: /**/:283px;}
	.jazz_top td.jazz_col {height:260px;}
td.jazz_col h3 {/*llir*/ padding:24px 0 0 0; overflow:hidden; background-repeat:no-repeat; height:0px !important; height /**/:24px; border-bottom:2px solid #444;}
td.jazz_col h3#h3_jazz_string_duo {background-image:url(all_images/new/h-jazz_string_duo.gif);}
td.jazz_col h3#h3_jazz_trio {background-image:url(all_images/new/h-jazz_trio.gif);}
td.jazz_col h3#h3_jazz_quartet {background-image:url(all_images/new/h-jazz_quartet.gif);}
td.jazz_col h3#h3_jazz_quintet {background-image:url(all_images/new/h-jazz_quintet_sextet.gif);}
table#jazz_lists p {font-size:11px; line-height:14px;}
table#jazz_lists p.jazz_pieces {font-size:12px; font-weight:bold; margin:5px 0 0 0;}
table#jazz_lists p.jazz_notes {margin:3px 0 0;}
table#jazz_lists p.jazz_sample {margin:10px 0 0 0;}
table#jazz_lists p.jazz_sample a, 
table#jazz_lists p.jazz_sample span {color:#620063; font-weight:bold; font-size:13px; line-height:16px; text-decoration:none; display:block; padding:2px 0; vertical-align:bottom;}
table#jazz_lists p.jazz_sample a {background:url(all_images/new/img-speaker_rollover.gif) 0 0 no-repeat; padding-left:23px;}
table#jazz_lists p.jazz_sample a:visited {color:#b58a9c; background-position:0 -72px;}
table#jazz_lists p.jazz_sample a:hover {text-decoration:underline; background-position:0 -144px;}

/* contact page */
div#contact_page {margin:0 35px; width:730px;}
a.btn-contact {margin:10px; display:block; width:220px; /*llir*/ padding:50px 0 0 0; overflow:hidden; background-repeat:no-repeat; background-position:0 0; height:0px !important; height /**/:50px;}
a.btn-contact:hover {background-position:0 -50px;}

a#email-gen {background-image:url(all_images/new/contact-general.jpg);}
a#email-3sm {background-image:url(all_images/new/contact-3sm.jpg); float:left;}
a#email-stq {background-image:url(all_images/new/contact-stq.jpg); float:left;}
a#email-jazz {background-image:url(all_images/new/contact-jazz.jpg); float:left;}
a#email-klez {background-image:url(all_images/new/contact-klez.jpg); float:left; clear:left;}
a#email-elv {background-image:url(all_images/new/contact-elv.jpg); float:left;}
a#email-dj {background-image:url(all_images/new/contact-dj.jpg); float:left;}
a#email-ben {background-image:url(all_images/new/contact-ben.jpg); clear:left; position:relative; top:10px;}

/* song lists page */
div.new_content ul.song_lists {list-style:none; margin-left:100px; width:400px;}
div.new_content ul.song_lists li {font-size:13px; line-height:16px; color:#000; margin:5px 0; padding:0 10px;}
div.new_content ul.song_lists li.list_subcat {margin-top:10px; border-top:2px solid #666; padding-top:10px;}
ul.song_lists li a {display:block;}
ul.song_lists li a:link {color:#620063; font-weight:bold; text-decoration:none;}
ul.song_lists li a:visited {color:#b58a9c; font-weight:bold; text-decoration:none;}
ul.song_lists li a:hover {text-decoration:underline;}

/* 3 strings praise page 06.27.08 */
img#praise_text {margin:5px auto 25px auto;}

/* about.htm page 11.09.09 */
div#about_ben {float:right; width:500px; margin-left:20px;}

/* ecco la vita page 11.21.09 */
div#elv_info {float:right; width:414px; overflow:auto;}
	div#elv_info p, div#elv_info h1 {margin-right:19px; margin-left:14px;}
	h1#h1_ecco_la_vita {/*llir*/ padding:23px 0 0 0; overflow:hidden; background-image:url(all_images/new/title-ecco_la_vita.gif); background-repeat:no-repeat; height:0px !important; height /**/:23px; margin-top:8px;}
#img-elv_logo {margin:0 auto 20px 13px;}
#elv_samples {margin:0 auto 20px 20px;}
h3#h3_elv_samples {/*llir*/ padding:23px 0 0 0; overflow:hidden; background-image:url(all_images/new/h3_elv_samples.gif); background-repeat:no-repeat; height:0px !important; height /**/:23px; margin-bottom:8px;}
#elv_samples ul {list-style:none;}
#elv_samples li {margin-bottom:15px; text-indent:-23px; margin-left:23px;}
#elv_samples a {color:#080; background:url(all_images/new/img-speaker_rollover_elv.gif) 0 -1px no-repeat; padding-left:23px; font-size:14px; font-weight:bold;}
#elv_samples a:visited {color:#81aa81; background-position:0 -73px;}
#elv_samples a:hover {color:#b00; background-position:0 -145px; text-decoration:none;}
#elv_samples span.elv_instruments {color:#333; font-style:italic;}

/* klez parise 04.03.10 */
div.klez_praise_page {margin:12px 100px;}
/*#klez_praise {margin-left:325px;}*/
#klez_praise li.by_float {margin-left:325px;}
#klez_praise li {list-style:none; margin-bottom:15px; font-size:12.5px; line-height:1.3em; color:#111;}
#klez_praise li span {display:block; text-align:right; font-size:11px; font-style:italic; color:#333; margin-top:2px;}

/* klez albums 04.27.10 */
div.klez_albums {padding:30px; overflow:auto;}
div.klez_albums h1 {font-size:20px; float:left; width:450px;}
div.album {width:435px; float:left; background:#333; color:#fff; padding:30px 20px 20px 0; overflow:auto;}
	.album ul {list-style:none;}
	.album img {float:left; border:none;}
	div.new_content .album h3 {font-size:18px; margin-bottom:15px; font-weight:bold;}
	.album ul li {font-size:13px; line-height:18px; font-style:italic;}
	div.new_content ul.klezMedley {padding-left:280px; margin-bottom:3px;}
div.buyAlbum {width:405px; float:left; background:#555; color:#fff; padding:30px 25px 20px; margin-bottom:40px; overflow:auto;}
	.buyAlbum img {float:left; margin-right:5px; border:0;}
	div.new_content .buyAlbum p {font-size:13px; line-height:16px;}
	div.new_content p.cdBaby {width:130px; float:left; padding-right:10px; border-right:1px solid #fff; margin:0 30px 0 0;}
div.new_content div.album a, div.new_content div.buyAlbum a {color:#5bc3ff;}
ul#albumPraise {margin:32px 0 25px 485px;}
ul#albumPraise li {list-style:none; margin-bottom:15px; font-size:14.5px; line-height:1.3em; color:#111;}
ul#albumPraise li span {display:block; font-size:12px; font-style:italic; color:#333; margin-top:2px;}
.albumImg {margin-left:488px;}
.albumImg img {border:1px solid #666; margin-bottom:2px;}
div.new_content .albumImg p {font-size:9px; line-height:10px; text-align:right; color:#333;}