/* PNG FIX */
body, .png, td { behavior: url(/iepngfix.htc) }

/* LAYOUT */
body  { text-align: center; color: black; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #3F3C2B; background-image: url(shantala/pattern_white.png); margin:0; padding: 0 }

#benjy { background-color: #660000; }
#workshops { background-color: #959a5e; }
#about { background-color: #083633; }
#music { background-color: #1f2c46; }
#gallery, #videos { background-color: #333333; }
#links { background-color: #360834; }
#calendar { background-color: #3d2b00; }

#cd { text-align: left; color: black; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #FEFAEA; margin: 0; }

#plain { text-align: left; color: black; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #FEFAEA; margin: 0; }

#wrapper    { position: relative; width: 842px; margin-right: auto; margin-left: auto; }
#header      { margin-right: auto; margin-left: auto; width: 842px; padding-top: 10px }
#container  { background-image: url(shantala/content_bkgd.png); background-repeat: repeat-y; }
#content     {  text-align: left; padding: 0 20px; min-height:300px; height:auto !important; height:300px; background-image: url(shantala/content_top.png); background-repeat: no-repeat; }
#content_home     {  position: relative; text-align: left; padding: 0; min-height: 629px; height:auto !important; height: 629px; background-image: url(shantala/home.jpg); background-repeat: no-repeat; }
#content_flash     {  position: relative; text-align: left; padding: 0; min-height: 629px; height:auto !important; height: 629px; background-image: url(shantala/intro_background.jpg); background-repeat: no-repeat; }
#foot { position: relative; height: 38px; overflow: hidden; background-image: url(shantala/footer.png); background-repeat: no-repeat; clear: both; text-align: right; }
#benjy_foot { position: relative; height: 38px; overflow: hidden; background-image: url(shantala/footer2.png); background-repeat: no-repeat; clear: both; text-align: right; }
#footer    { color: #716c5b; font-size: 0.8em; text-align: right; padding: 4px 18px 20px 0 }
#foot img, #benjy_foot img {
border: 0;
}
#playerlaunch { 
position: absolute;
right: 38px;
bottom: 9px;
}
#playerlaunch a, #playerlaunch a:link, #playerlaunch a:active, #playerlaunch a:visited {
display: block;
width: 128px;
height: 16px;
overflow: hidden;
background-image: url(shantala/speakericon.png);
background-position: 0 -16px;
background-repeat: no-repeat;
}
#playerlaunch a:hover {
background-position: 0 0;
}
#socialnetworking {
position: absolute;
right: 15px;
bottom: 10px;
}

#menu { position: relative; top: 7px; padding-bottom: 50px; border: 1px solid none }

.calendar_nav { line-height:1.5em; padding: 20px 0; clear:left; text-align:center; }
.calendar_nav a, .calendar_nav a:link, .calendar_nav a:active, .calendar_nav a:visited { color: #000; text-decoration: none; font-weight: bold; }
.calendar_nav a:hover { color: #000; text-decoration: underline; }


/* IMAGE CAPTIONS */
p.CAPIMG_ALT  { font-size: 0.8em; text-align: right; margin-top: 2px; margin-bottom: 6px }
span.CAPIMG_ALT  { color: #666; padding: 2px 4px }
.CAPIMG  { text-align: center; padding:0 10px 10px; width: 9em; position: relative; }
.left_CAPIMG { float: left; margin: 0 15px 0 -60px; position: relative;  }
.right_CAPIMG { float: right; margin: 0 -60px 15px 15px; position: relative; }

.floatl { float: left; margin-right: 1em; position: relative; }
.floatr { float: right; margin-left: 1em; position: relative; }


/* CONTENT */

.article { position: relative; padding: 0 150px 25px 150px; }
#about_box { margin: 0 70px 40px 400px; }
.about-title { color: #663300; font-style: italic; margin: 15px 0 10px 65px; }
#benjy-about { text-align: justify; margin: 0 375px 20px 60px }
.benjy-title {  margin-left: 60px }
#quotes-left { float: left; width: 395px; overflow: hidden; }
#quotes-left blockquote { text-align: right; margin: 0 20px 0 55px }
.right-content { margin-right: 50px }
.left-content { margin-left: 50px }
.right-content blockquote, .left-content blockquote { color: #663300; font-size: 1.3em; font-weight: bold; margin-right: 10px; margin-left: 10px }
.right-content cite, .left-content cite { display: block; text-align: right; color: #663300; font-size: 0.8em; font-weight: bold; margin-top: 5px }
#quotes-right { float: right; width: 370px; overflow: hidden; }
#quotes-right blockquote { text-align: left; margin: 0 0 0 15px }
#Lfeature, #Rfeature { margin: 25px; border: 1px solid #eee }
#downloads { background-color: #EFE2C4; border: 1px dotted #663300; } 
#downloads h2 { font-size: 1em; color: #FFF; padding: 5px; margin: 0 0 5px 0 }
.benjy_files { text-align: left; 
padding:0; margin: 0 }
.benjy_files h2 { background-color: #660000  }
.about_files { text-align: right; 
padding:0; margin: 0 15px }
.about_files h2 { background-color: #083633 }
.entry-content p a, .entry-content p a:link, .entry-content p a:active, .entry-content p a:visited, .entry-content p a:active { color: #000; font-weight: bold; text-decoration: underline }
.entry-content p a:hover { color: #3F3C2B; font-weight: bold; text-decoration: underline }



#Lfeature { padding: 20px 20px 20px 80px;}
#Lfeature .feature-title, #Lfeature .workshop-leader { margin-left: -60px }
#Rfeature { text-align: justify; padding: 20px 80px 20px 20px; }
#Lfeature h1, #Rfeature h1, .workshop h1 { font-size: 1.3em; font-style: italic; margin: 0 }
.workshop a, .workshop a:link, .workshop a:active, .workshop a:visited { color: #000; text-decoration: none  }
.workshop a:hover { text-decoration: underline }
#blog_container { }
#blog_box { margin-left: 380px; margin-right: 20px }
#blog_post_box { margin-left: 150px; margin-right: 150px }
.blog-content { text-align: justify; }
.blog-content img { float: left; margin-right: 10px; margin-bottom: 5px; }
.blog-content p { margin-top: 0; }
.blog-content a, .blog-content a:link, .blog-content a:active, .blog-content a:visited { color: #705646; }
.blog-content a:hover { color: #000; }
.blog-entry { position: relative; padding: 0 15px 0px 15px; }
.blog-entry h1 a, .blog-entry h1 a:link, .blog-entry h1 a:active .blog-entry h1 a:visited { color: #000; text-decoration: none; }
.blog-entry h1 a:hover { color: #000; text-decoration: underline;}
.blog-title { margin-bottom: 0 }
.date-posted { color: #666; font-size: 0.8em; margin-bottom: 10px; } 
.workshop-leader p { margin: 0 0 10px 0; padding: 0 }
.workshop { clear: left; margin: 20px 60px; padding: 20px; border: 1px solid #eee }
.workshop img { float: left; margin: 0 10px 10px 0; border: 0 }
.article blockquote {  color: #663300; font-weight: bold; font-size: 1.2em; margin: 0 0 0 35px }
.article cite { font-weight: normal; font-size: .8em; text-align: right; display: block; margin-top: 10px }
.entry-title { }
#contact_info { color: #663300; }
#contact_info h3 { margin: 0; padding: 0; border: 1px solid red }
#contact_info p { font-size: 1.2em; font-weight: bold; margin: 0; padding: 0 0 0 75px; }
.clear { height: 1px; width: 100%; clear: both;  }

/*---- #patternBar { position: absolute; top: 94px; left: 50px; width: 300px; height: auto; background-image: url(shantala/patternbar.png); background-repeat: repeat-y; z-index: 1 } */

#music_text { margin: 0 560px 0 15px; }
#music_menu { float: right; width: 750px; margin-bottom: 50px }
#benjy_music { margin-left:auto; margin-right:auto; width:680px; margin-bottom: 50px; border: 1px solid #663300 }
.cat_menu ul { list-style: none; margin: 0; padding: 0 }
.cat_menu li { list-style: none; clear: left; padding: 0; margin: 0; }
.cat_menu li ul { margin: 0; padding: 0 }
.cat_menu li li { width: 135px; height: 190px; overflow: hidden; float: left; clear: none; }
#benjy_music .cat_menu li li { width: 155px; height: 190px; overflow: hidden; float: left; clear: none; }
#video_menu .cat_menu li li { width: 190px; height: 190px; overflow: hidden; float: left; clear: none; }
ul.cat_menu a { color: black; text-decoration:none; }
.cat_menu li li img { border: 0 }
.cat_menu h1, #music_text h1, .set_title { color: #bfb797; font-size: 2em; font-style: italic; margin: 20px 0 10px 0; text-decoration: none }
.set_title a, .set_title a:link { color: #bfb797; font-size: .8em; font-style: italic; margin: 0 0 10px 60px; text-decoration: none }
#benjy_music h1 { color: #000; font-size: 2em; font-style: italic; margin: 20px 0 10px 0; }
.cat_menu h3 { font-size: .9em; text-align: center; width: 115px; margin-top: 5px; margin-bottom: 0; }
.cat_menu h4 { font-size: .8em; font-weight: normal; text-align: center; width: 115px; margin: 0; }
.cat_menu h5 { font-size: .8em; font-weight: normal; text-align: center; width: 115px; margin: 0 }


.new { height:45px; width:45px; overflow:hidden; background-image: url(shantala/new.png); position: absolute; }
.home { color: #705646; text-align: center; font-weight: bold }
.home a, .home a:link, .home a:active, .home a:visited { color: #705646; text-decoration: none }
.home a:hover { text-decoration: underline }
.home img { border: 0; margin-bottom: 5px }
.home span { font-weight: normal; font-size: .9em }

#flashDiv { 
position: absolute;
left:0;
top:35px;
z-index: 1;
}

#home_overlay {
position: absolute;
left:454px;
top:35px;
z-index: 50;
}

#welcome {
position: absolute;
right:25px;
top:68px;
z-index: 100;
}
#benjylink {
position: absolute;
right:25px;
top:183px;
z-index: 100;
}
#cdlink {
position: absolute;
right:35px;
top:358px;
z-index: 100;
}
#shri_ma {
position: absolute;
right:28px;
top:505px;
z-index: 100;
}

/* INDIVIDUAL CD PAGES */
#cd h1, .cd_background h1 { margin: 20px 0 1px 27px }
#cd h4, .cd_background h4 { margin: 0 0 10px 27px }
.cd_title a, .cd_title a:link { color: #000; text-decoration: none }
.col2 h2 { font-size: .9em; margin: 0 10px 10px 0; color: #999900; }
.col2 p { margin-top: 0 }
.col2 blockquote { color: #999900; font-size: 1.2em; font-weight: bold; margin-right: 10px; margin-left: 10px }
.col2 blockquote p { float: right; }
.col2 cite { color: #999900; font-size: .8em; font-weight: normal; text-align: right; clear: both; float:right; padding-top: 5px; padding-right: 4px }
.music_samples { width: 50%; float: left;  }
.music_samples ul, .music_downloads ul, #downloads ul { list-style-type: none; padding: 0; margin: 0 10px }
.music_samples li,  .music_downloads li, #downloads li { padding: 0 0 5px 0; margin: 0; }
.music_downloads li { font-size: 0.9em }
.music_samples object { display: inline }
.music_downloads { width: 50%; float:left; text-align: left; }
.music_downloads h2 { margin-left: 10px; }
.music_extras { float: left; width: 100%; border-top: 1px solid #999900; padding-top: 10px; background: url(shantala/extras_background.png); background-repeat: repeat-y; background-position: center 0  }
.music_extras a, .music_extras a:link, .music_extras a:active, .music_extras a:visited { color: #000; text-decoration: none }
.music_extras a:hover { color: #999900; text-decoration: underline }

#downloads a, #downloads a:link, #downloads a:active, #downloads a:visited { color: #000; text-decoration: none }
#downloads a:hover { color: #999900; text-decoration: underline }


.buy_cdbaby { color: #999900; }
.buy_cdbaby a,.buy_cdbaby a:link, .buy_cdbaby a:active, .buy_cdbaby a:visited, .buy_itunes a, .buy_itunes a:link, .buy_itunes a:active, .buy_itunes a:visited { display: block; height: 35px; overflow: hidden; color: #999900; font-weight: bold; font-size: 1.2em; line-height: 35px; text-align: center; padding-left: 30px; margin: 10px 10px 10px 0; border: 1px solid #999900; text-decoration: none }

.buy_cdbaby a,.buy_cdbaby a:link, .buy_cdbaby a:active, .buy_cdbaby a:visited { background: url(shantala/cdbaby.png); background-repeat: no-repeat; }

.buy_itunes a, .buy_itunes a:link, .buy_itunes a:active, .buy_itunes a:visited { background: url(shantala/itunes.png); background-repeat: no-repeat; }

.buy_cdbaby a:hover, .buy_itunes a:hover { background-color: #999900; color: #FFF; border: 1px solid #000; text-decoration: none }

#donate-button {
text-align: center;
display: block;
}

#donate-button img {
margin-right: auto;
margin-left: auto;
border: 0;
}


/* 2 Column (double page) settings */
.cd_box {  }
.cd_background { height: 100%; background: #FEFAEA none repeat scroll 0 0;}

.colmask {
color: #000;
font-size: 12px;
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
clear:both;
float:left;
overflow:hidden;
width:640px;
}
.colright, .colmid, .colleft {
float:left;
position:relative;
width:100%;
}
.col1, .col2, .col3 {
float:left;
overflow:hidden;
padding:0 0 1em;
position:relative;
}

.doublepage {
background:transparent none repeat scroll 0 0;
}
.doublepage .colleft {
background:transparent none repeat scroll 0 0;
right:70%;
}
.doublepage .col1 {
left:74%;
width:26%;
}
.doublepage .col2 {
left:75%;
width:65%;
text-align: justify;
}

.donatepage {
background:transparent none repeat scroll 0 0;
}

.donatepage .colleft {
background:transparent none repeat scroll 0 0;
right:70%;
}

.donatepage .col1 {
left:74%;
width:48%;
}

.donatepage .col2 {
left:75%;
width:43%;
text-align: justify;
}

.blogmask {
color: #000;
font-size: 12px;
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
clear:both;
float:left;
overflow:hidden;
width:780px;
}

.blogpage {
background:transparent none repeat scroll 0 0;
}

.blogpage .colleft {
background:transparent none repeat scroll 0 0;
right:72%;
}

.blogpage .col1 {
left:74%;
width:45%;
}

.blogpage .col2 {
left:75%;
width:50%;
text-align: left;
}

.blogpost {
background:transparent none repeat scroll 0 0;
}

.blogpost .colleft {
background:transparent none repeat scroll 0 0;
right:72%;
}

.blogpost .col1 {
left:74%;
width:38%;
}

.blogpost .col2 {
left:75%;
width:60%;
text-align: left;
}


#cols-list { width: 80%; margin-left: auto; margin-right: auto; }

/* FLICKR */
#gallery_thumbs { padding-top: 10px; }

#gallery_thumbs a {
float: left;
display: block; 
height: 260px;
overflow: hidden;
text-align:center;
width:260px;
}

#gallery_thumbs img { border: 0 }

div.link_list {
width:380px;
float:left;
padding-bottom: 50px;
}

.mem_list {
padding-left: 100px;
}

.mem_list_head { color: #7D5E72; font-size: 2em; font-style: italic; text-decoration: underline; }

.mem_list_column a, .mem_list_column a:link, .mem_list_column a:active, .mem_list_column a:visited { color: #360834; font-weight: bold; text-decoration: none; }

.mem_list_column a:hover { text-decoration: underline; }

.mem_list_column p { color: #967C87; padding: 0 0 5px 10px }


.blogmask dt { font-weight: bold; margin-top: 15px; }
.blogmask dd { margin-top: 5px; margin-left: 10px }
.blogmask dd a, .blogmask dd a:link, .blogmask dd a:active, .blogmask dd a:visited { color: #000; text-decoration: none }
.blogmask dd a:hover { color: #000; text-decoration: underline }

/*FLICKR*/
#gallerynav     { color: #919191; font-size: 10px; text-align: center; margin-top: 10px; margin-bottom: 10px; margin-left: 60px; margin-right: 60px }
#gallerynav a, #gallerynav a:link, #gallerynav a:active, #gallerynav a:visited    { color: #919191; text-decoration: none; text-transform: uppercase; margin: 0; padding: 0; height: auto; float: none }
#gallerynav a:hover  { color: #562718; text-decoration: none; background-color: transparent }
.previous { text-align: left; text-transform: uppercase; width: 120px; float: left }

.previous { text-align: left; text-transform: uppercase; width: 60px; float: left }
.previousthumb { text-align: left; text-transform: uppercase; padding-left: 12px; width: 60px; float: left }
.next { text-align: right; text-transform: uppercase; width: 60px; float: right }
.nextthumb    { text-align: right; text-transform: uppercase; width: 60px; float: right }

/*IMAGE START*/
#individual  { padding-top: 0;  }
#individual .flickrsetnav { text-align: center }
#ndividual .flickrsetnav a, .individual .flickrsetnav a:link, .individual .flickrsetnav a:visited { text-decoration: none }
#individual .image { text-align: center }
#individual .image img { padding-bottom: 10px; border: 0; }
#individual .setname { display: inline }
#individual_desc { text-align: center; padding-top: 0px; margin-left: 60px; margin-right: 60px;  }
.image_title { font-size: 11px; font-style: italic; font-weight: bold; margin-top: 10px; padding-bottom: 10 }
.image_description { color: #3b3b3b; font-size: 10px }
.image_description p { margin-bottom: 10px }
.image_description a, .image_description a:link, .image_description a:active, .image_description a:visited { color: #562718; text-decoration: none }
.image_description a:hover { text-decoration: underline }
.download { display: block; width: 255px; margin: 5px auto; }
.download a, .download a:link, .download a:active, .download a:visited { color: #919191; display: block; border: 1px solid #919191; padding: 5px; }
.download a:hover { background-color: #562718; color: #FEFAEA; text-decoration: none }
.image_taken { font-size: 10px; font-style: italic; margin-top: 10px; margin-bottom: 5px }
/*IMAGE END*/