/* COLORS 

efeae2: light brown for left col bg
9ba147: green
d17f0f: orange
93733b: brown
a29853: olive
7f7735: dark olive
ceba5b: yellow green
e3c891: light tan
ccad6a: tan

*/

.gray-bg {background:#888}
.gray-type {color:#888}

/* STRUCTURE + BASE */

body {background:url(/grid.php?multiply=0x715929) top center repeat-y fixed #000}

#container1 {background:#efeae2} /* left column background color */

.line {display:block;border-bottom:1px solid #ccc;}
.dotted-brown {display:block;border-bottom:1px dotted #b29157;}
.dotted-green {display:block;border-bottom:1px dotted #b6b97e;}

/* ROLLOVERS */
a {color:#93733b;text-decoration:none}
a:hover {color:#9ba147}

a.TitleLink {color:#000;text-decoration:none}
a.TitleLink:hover {color:#9ba147}

/* Video HQ Text */
.vid-caption span {width:110px;height:15px;text-align:center;font:bold 10px verdana;margin:0;color:#ccc;}
.vid-caption span a:hover {background:#fff}

/* HOMEPAGE VIDEO LIST */
.brown {color:#93733b;text-decoration:none}

/* LEFT COLUMN RELATED LINKS */
#left ul.related-links li.related-link1 a {background:url(/images/left_column/related-link1.gif) no-repeat}
#left ul.related-links li.related-link2 a {background:url(/images/left_column/related-link2.gif) no-repeat}
#left ul.related-links li a:hover {background-position:0 -10px}


/* NAV TOP BAR */
#nav {background:url(/images/index/top-nav-bar.gif) no-repeat}

/* VIDEO BOX */
#videos p {font:11px verdana;line-height:15px;color:#000;padding:0;margin:10px 0 0 0}
#videos div {background:#efeae2;padding:10px}

/* SECONDARY HOMEPAGE FEATURE */
#secondary-feature {float:left;width:468px;margin-bottom:10px;border:1px solid}
#secondary-feature, #secondary-feature a {color:#9ba147}
#secondary-feature a {font:bold 10px georgia;line-height:20px;border-bottom:1px dotted;text-transform:uppercase}
#secondary-feature a:hover {color:#000}
#secondary-feature .text {float:left;width:218px}
#secondary-feature .text h3 {color:#9ba147;font-size:15px;margin:10px 0 10px 0;padding:0}
#secondary-feature .text h4 {color:#000;font-size:15px;margin:10px 0 10px 0;padding:0}
#secondary-feature .text p {font-size:12px;line-height:16px;margin:0;padding:0 10px 10px 0;color:#000}
#secondary-feature img {float:left;margin-right:10px}
#secondary-feature .text-programs p {float:left;width:218px;font:bold 10px georgia;text-transform:uppercase;line-height:15px;}
#secondary-feature .text ul {font-size:12px;line-height:16px;margin:0;padding:0 10px 10px 0;color:#000}

/* SECONDARY 2 */
#secondary-feature-2 {float:left;width:468px;margin-bottom:10px;border:1px solid}
#secondary-feature-2, #secondary-feature-2 a {color:#9ba147}
#secondary-feature-2 a {font:bold 11px georgia;}
#secondary-feature-2 a:hover {color:#000}
#secondary-feature-2 .text {float:left;width:218px}
#secondary-feature-2 .text h2 {color:#9ba147;font-size:17px;margin:5px 0 10px 0;padding:0;font-weight:bold}
#secondary-feature-2 .text h3 {color:#9ba147;font-size:15px;margin:5px 0 10px 0;padding:0}
#secondary-feature-2 .text h4 {color:#000;font-size:15px;margin:10px 0 10px 0;padding:0}
#secondary-feature-2 .text p {font-size:11px;line-height:15px;margin:0;padding:0 10px 10px 0;color:#000}
#secondary-feature-2 img {float:left;margin-right:10px}
#secondary-feature-2 .text-programs p {float:left;width:218px;font:bold 10px georgia;text-transform:uppercase;line-height:15px;}
#secondary-feature-2 .text ul {font-size:12px;line-height:16px;margin:0;padding:0 10px 10px 0;color:#000}

/* TERTIARY HOMEPAGE FEATURES */
#tertiary-features .onefifty {min-height:248px} /* change to the longest feature height */
#tertiary-features .onefifty .image {margin:10px}
#tertiary-features .onefifty p {font-size:12px;line-height:16px;margin:10px;padding:0}
#tertiary-features .onefifty a.more {font:bold 10px verdana;line-height:20px;border-bottom:1px dotted}
/* feature 1 */
#tertiary-features .feature1 {background:#f8ecdb} /* use 15% color for background */
#tertiary-features .feature1 a.more {color:#d17f0f}
/* feature 2 */
#tertiary-features .feature2 {background:#f8f5e7} /* use 15% color for background */
#tertiary-features .feature2 a.more {color:#ceba5b}
/* feature 3 */
#tertiary-features .feature3 {background:#f7f3e9} /* use 15% color for background */
#tertiary-features .feature3 a.more {color:#ccad6a}





/* LEFT COLUMN MAGAZINE */
#left #magazine {background:#93733b}
#left #magazine li a {color:#e3c891}

/* DOWNLOAD GRAPHICS */
a.dl span {background-image:url(/images/index/dl.gif)}
a.elink span {background-image:url(/images/index/elink.gif)}
a.dlpdf span, a.dlpdf2 {background-image:url(/images/index/dlpdf.gif)}
a.dldoc span, a.dldoc2 {background-image:url(/images/index/dldoc.gif)}

/* FOLKWAYS RECORDING */
#recording {width:230px;background-color:#e6e7d5;padding:0}
#recording div {padding:0 0 10px 0;overflow:hidden;}
#recording div p {font:10px verdana;line-height:14px;margin:0;padding:5px}
#recording div img {width:70px;height:70px;float:left;margin:0 10px 10px 10px;}
#recording img.title {margin-bottom:10px}
#recording a {color:#93733b;font:11px verdana;}
#recording a:hover {color:#9aa047}

/* related content */
#related-content {width:150px;background-color:#fff;padding:0;border:1px solid #9c7006;}
#related-content div {padding:0 0 5px 0;overflow:hidden;}
#related-content img.title {margin-bottom:5px}
#related-content ul {padding:5px;margin:0;font:11px verdana;line-height:16px;margin:0;}
#related-content li a {color:#999;font-weight:bold}
#related-content li a:hover {color:#9c7006}


/* related content 230px*/
#related-content-230 {width:230px;background-color:#fff;padding:0;border:1px solid #9c7006;}
#related-content-230 div {padding:10px 0 10px 0;overflow:hidden;}
#related-content-230 img.title {margin-bottom:5px}
#related-content-230 ul {padding:10px;margin:0;font:11px verdana;line-height:16px;margin:0 5px 5px 5px;}
#related-content-230 li a {color:#999;font-weight:bold}
#related-content-230 li a:hover {color:#9c7006}

/* related content 390px*/
#related-content-390 {width:390px;background-color:#fff;padding:0;border:1px solid #9c7006;}
#related-content-390 div {padding:0 0 10px 0;overflow:hidden;}
#related-content-390 img.title {margin-bottom:5px}
#related-content-390 ul {padding:0;margin:0;font:11px verdana;line-height:16px;margin:0 5px 5px 5px;}
#related-content-390 li a {color:#999;font-weight:bold}
#related-content-390 li a:hover {color:#9c7006}
#related-content-390 div p{font:11px verdana;line-height:18px;padding:5px 20px 0 20px; color:#999; font-weight:bold}
#related-content-390 a{color:#999; font-weight:bold}
#related-content-390 a:hover {color:#9c7006}

/* festival freebie */
#festival-freebie {width:390px;background-color:#fff;padding:0;border:1px solid #9c7007;}
#festival-freebie div {padding:0 0 10px 0;overflow:hidden;}
#festival-freebie div p{font:11px verdana;line-height:16px;padding:5px 20px 0 20px; color:#333; font-weight:bold}
#festival-freebie div p.sub{font:9px verdana;line-height:12px;padding:5px 20px 0 20px; color:#333}
#festival-freebie img.title {margin-bottom:5px}
#festival-freebie ol {padding:5px 0 0 20px;font:11px verdana;line-height:16px;margin:0 20px 5px 20px;}
#festival-freebie li.items {margin:10px 0 0 0;}
#festival-freebie li a {color:#999;font-weight:bold;}
#festival-freebie li a:hover {color:#9c7007}
#festival-freebie a{color:#999; font-weight:bold}
#festival-freebie a:hover {color:#9c7007}

/* FROM THE MALL HOME */
#mall p a {font:12px georgia;line-height:18px;color:#333;}
#mall p a:hover {color:#614605}
#mall div {background:#efeae2;padding:10px;min-height:420px}
#mall a.details {color:#848e43;font-family:verdana;font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:bold}
#mall a.details:hover {color:#214873}
#mall p.sub-head {color:#333;font-family:georgia;font-size:12px;}
#mall p.mall-date {color:#614605;font-family:verdana;font-size:11px;letter-spacing:1px;font-weight:bold;text-transform:uppercase;}

/* FROM THE MALL */
.blog p.date, .blog #collapse dt .date {font:bold 9px verdana;text-align: left;letter-spacing:1px;text-transform:uppercase;color:#999;margin:10px 0 30px 0;padding:5px 0 5px 0;display:block;width:100%;border-bottom:0px solid #ccc}
.blog p.title, .blog #collapse dt .title {font:bold 16px georgia;color:#333;letter-spacing:1px;}
.blog p.subscribe {font:10px verdana;margin:20px 0 0px 0}

/* Homepage Past Festival Highlights Video Previews */
#highlights {background:#efeae2;}
#highlights div {background:#efeae2;min-height:76px;margin:0;}
#highlights p a {font:10px verdana;line-height:13px;color:#94733b;}
#highlights p a:hover {color:#848e43}
#highlights a.details {color:#848e43;font-family:verdana;font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:bold}
#highlights a.more {font:bold 10px verdana;line-height:20px;border-bottom:1px dotted;color:#848e43;}
#highlights p {font-size:12px;line-height:16px;margin:10px;padding:0}

/* Homepage Special Events Boxes */
#special {background:#efeae2;min-height:486px;}
#special div {background:#efeae2;min-height:62px;padding:10px 10px 0 10px;margin:0;}
#special p a {font:12px georgia;line-height:16px;color:#94733b;}
#special p a:hover {color:#848e43}
#special a.details {color:#848e43;font-family:verdana;font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:bold}

/* Homepage Special Events Boxes */
#blog-home {background:#efeae2;min-height:130px;}
#blog-home div {background:#efeae2;min-height:56px;padding:10px 10px 10px 10px;margin:0;}
#blog-home p a {font:12px georgia;line-height:16px;color:#94733b;}
#blog-home p a:hover {color:#848e43}
#blog-home a.more {font:bold 10px verdana;line-height:20px;border-bottom:1px dotted;color:#848e43; margin-left:10px;}
#blog-home a.details {color:#848e43;font-family:verdana;font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:bold}

/* Festival 101 Video Previews */
#videos_101 div {min-height:107px;padding:0 10px 4px 0;margin:0;}
#videos_101 p a {font:10px verdana;line-height:13px;color:#94733b;}
#videos_101 p a:hover {color:#848e43}
#videos_101 a.details {color:#848e43;font-family:verdana;font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:bold}


.light-neutral-bg {background:#f8f0db}
.light-neutral-type {color:#f8f0db}

.neutral-bg {background:#c4bead}
.neutral-type {color:#c4bead}

.dark-neutral-bg {background:#a39e91}
.dark-neutral-type {color:#a39e91}

/* PRESS SECTION OR NEWS & NOTES (FROM FOLKWAYS) */


#media-inquiries, #related-content, #mailing-address {font:11px verdana;line-height:16px}

/* media inquiries box */
#media-inquiries {background:url(/images/index/media-inquiries.gif) no-repeat 10px 10px #fae8d9;margin-bottom:20px;padding:25px 10px 0 10px}
#media-inquiries p {margin:0;padding:0 0 10px 0}
#media-inquiries a {color:#e07007}
#media-inquiries a:hover {color:#000}

.floatright
{float: right; margin: 0 0 2px 10px; clear: right;}
.floatleft
{float: left; margin: 0 10px 2px 0; clear: left;}
.floatright_homepage
{float: right; margin: 3px 0 3px 0; clear: right;}
.floatleft_homepage
{float: left; margin: 0 10px 0 0; clear: left;}

.left-onethirty {margin-left:130px}

/* forestry colors */
.forestry-green-bg {background:#63a46c}
.forestry-ltgreen-bg {background:#96c29b}
.forestry-type {color:#63a46c}
.forestry-dark-green-type {color:#2a5634}
#forestry a {color:#63a46c}
#forestry a:hover {color:#96c29b}

/* water ways colors */
.water_ways-blue-bg {background:#286a9a}
.water_ways-ltblue-bg {background:#7eb8db}
.water_ways-type {color:#286a9a}
.water_ways-dark-blue-type {color:#286a9a}
#water_ways a {color:#286a9a}
#water_ways a:hover {color:#7eb8db}

/* silk road colors */
.silk_road-light-yellow-bg {background:#f7c455}
.silk_road-dark-yellow-bg {background:#e3a51e}
.silk_road-type {color:#862c2d}
#silk_road a {color:#9a3334}
#silk_road a:hover {color:#cd9933}

/* ONLINE EXHIBITION BOXES */
.exhibition_container {float:left;width:367px;position:relative}
.exhibition {width:100%;float:left;position:relative;clear:left;margin-top:15px;background:#eee}
.exhibition img {float:left;margin-right:10px}
.exhibition h3 {margin:0;padding:10px 15px 5px 0}
.exhibition p {padding-right:15px;font-size:12px;line-height:16px;color:#777}

/* BOXES */
.light-blue {background-color:#edf0f1;padding:10px}
.light-blue p {font:10px verdana;line-height:13px;margin:5px 0 0 0;padding:0}

/* DID YOU KNOW? and other green boxes */
.about-author   {background-image:url(/images/index/about-author.jpg);}
.about-authors  {background-image:url(/images/index/about-authors.jpg);}
.did-you-know   {background-image:url(/images/index/did-you-know.jpg);}
.further-listening {background-image:url(/images/index/further-listening.jpg);}
.further-reading {background-image:url(/images/index/further-reading.jpg);}
.ref-cited      {background-image:url(/images/index/ref-cited.jpg);}

.about-author, .about-authors, .did-you-know, .further-listening, .further-reading, .ref-cited 
    {background-repeat:no-repeat;padding:30px 10px 10px 10px;background-color:#e6e7d5;}

.about-author p, .about-authors p
    {margin:0 0 10px 0;padding:0;font:11px verdana;line-height:17px;}

.did-you-know ul, .did-you-know ul li, .further-listening ul, .further-listening ul li, further-reading ul, .further-reading ul li, .ref-cited ul, .ref-cited ul li
    {margin:0 0 10px 0;padding:0;font:11px verdana;line-height:17px;}

.did-you-know ul li, .further-listening ul li, .further-reading ul li, .ref-cited ul li
    {list-style:none;background:url(/images/index/bullet.gif) no-repeat 2px 8px;padding-left:15px; margin:5px 0 0 0;}
    
/* Video 3 Column Box 240px */
.twoforty {background:#f5f2ee;width:240px;position:relative;float:left;display:inline;}
.right-fifteen {margin-right:10px}

.light-brown-column {padding:10px;color:#000;height:260px;float:left;position:relative;display:inline;overflow:hidden;}
.light-brown-column img {width:220px;height:124px;float:left;display:block;margin-bottom:10px}
h6.brown-box {font:15px georgia;line-height:18px;margin-top:10px;}
p.brown-box {font:11px georgia;line-height:16px;margin-top:5px;}
p.brown-box span {padding:0 5px 0 0;font:bold 9px verdana;text-transform:uppercase;color:#93733b}

/* Video 3 Column Box 240px for the year launch pages */ 
.light-brown-column-short {padding:10px;color:#000;height:170px;float:left;position:relative;display:inline;overflow:hidden;}
.light-brown-column-short img {width:220px;height:124px;float:left;display:block;margin-bottom:10px}

/* Video 3 Column Box 240px long captions */ 
.light-brown-column-long {padding:10px;color:#000;height:280px;float:left;position:relative;display:inline;overflow:hidden;}
.light-brown-column-long img {width:220px;height:124px;float:left;display:block;margin-bottom:10px}


/* MORE VIDEOS mouse-over box */ 
#more-vids {display:block; width:130px; height:25px; background:url("/images/2009/more_vids.gif") no-repeat 0 0;}
#more-vids:hover {background-position: 0 -25px;}
#more-vids span {display: none;} 

/* SOLID LIGHT BROWN BOX */
.light-brown {background-color:#efeae2;padding:10px}
.light-brown img.title {display:inline;}
.light-brown p {font:10px verdana;line-height:13px;margin:5px 0 0 0;padding:0}
.light-brown span {font:bold 10px verdana;color:#95753c;margin-top:3px;text-align:right;}


/** Festival Network **/
#festival-network-tout ul {
  width: 108px;
  float: left;
  margin: 20 0 0 0; 
  padding: 0;
}

#festival-network-tout li { 
  width: 40%; 
  float: left; 
  list-style: none; 
  padding-left: 0px; 
  margin: 0 0 12px 0;
  font-size: .917em;  /*16px x .6875 = 11px */
  letter-spacing: 0.03em;
  font-weight: bold;  
}

#festival-network-tout li a {
  color: #c1af8f;
  padding: 4px 0 4px 29px;
  float: left;
}
  
#festival-network-tout li a:hover {
  color: #6c4824;
}  
  
#festival-network-tout li.facebook a {
  background: url(../images/index/festival_network.gif) 0px 0px no-repeat;  
}

#festival-network-tout li.facebook a:hover {
  background: url(../images/index/festival_network.gif) 0px -23px no-repeat;  
}

#festival-network-tout li.twitter a {
    background: url(../images/index/festival_network.gif) -115px 0px no-repeat;  
    margin-left: 45px;
}

#festival-network-tout li.twitter a:hover {
    background: url(../images/index/festival_network.gif) -115px -23px no-repeat;  
}

#festival-network-tout li.flickr a {
    background: url(../images/index/festival_network.gif) -240px 0px no-repeat; 
}

#festival-network-tout li.flickr a:hover {
    background: url(../images/index/festival_network.gif) -240px -23px no-repeat; 
}

#festival-network-tout li.myspace a {
     background: url(../images/index/festival_network.gif) -381px 0px no-repeat;  
}

#festival-network-tout li.myspace a:hover {
     background: url(../images/index/festival_network.gif) -381px -23px no-repeat;  
}

#festival-network-tout li.youtube a {
    background: url(../images/index/festival_network.gif) -550px 0px no-repeat;  
    margin-left: 45px;
}

#festival-network-tout li.youtube a:hover {
    background: url(../images/index/festival_network.gif) -550px -23px no-repeat;  
}

#festival-network-tout li.vimeo a {
    background: url(../images/index/festival_network.gif) -733px 0px no-repeat;  
    margin-left: 12px;
}

#festival-network-tout li.vimeo a:hover {
    background: url(../images/index/festival_network.gif) -733px -23px no-repeat;  
}

#festival-network-tout li.itunes a {
    background: url(../images/index/festival_network.gif) -239px 0px no-repeat;   
}

#festival-network-tout li.itunes a:hover {
    background: url(../images/index/festival_network.gif) -239px -23px no-repeat;   
}

#festival-network-tout li.linkedin a {
    background: url(../images/index/festival_network.gif) -1017px 0px no-repeat;   
    margin-left: 12px;
   }

#festival-network-tout li.linkedin a:hover {
    background: url(../images/index/festival_network.gif) -1017px -23px no-repeat;   
}

/* HOMEPAGE SLIDE SHOW */

.slideshow img.first { display: block }


