/*
Festival of the Arts
Screen Stylesheet
*/

/** =import
************************************************************/
@import url(reset.css);

/** =colors
************************************************************
dark brown (header): #231f16
gray (body text): #6c6759
red (links): #cb2524
darker red (hover): #ad0100
yellow: #ffeb1e
light yellow (hover bg): #fff9c1
warm brown: #8a6a37
light brown #6c6759
turquoise: #368474
almost black #231f16
************************************************************/

/** =fonts
************************************************************/
h1,
.recordset-notice,
#ticker,
.sidebox,
.intro,
#footer-sub,
body.letter,
body.letter h2{
  font-size: 13px;
  line-height: 1.38;
}
h1,
.callout,
.recordset-notice,
#ticker,
.sidebox,
.intro,
#footer-sub,
body.letter,
body.letter h2{
  font-family: Baskerville, Georgia, "Times New Roman", Times, serif;
  letter-spacing: 0;
  font-weight: normal;
  line-height: 1.38;
}
body,
input, button, textarea,
h2,h3,h4,h5,h6,
#footer .nav,
.marker,
.browser,
.recordset,
.schedule,
h1 a.logout{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
pre, code, kbd, tt, samp {
  font-family: "Andale Mono", "Courier New", Courier, monospace;
}
.amp {
  font-family: Baskerville, Palatino, Constantia, "Book Antiqua", "URW Palladio L", "Palatino Linotype", serif; font-style: italic; font-weight: normal;
}

/** =image replacement
************************************************************/
.browser .prev,
.browser .next,
#nav-main li a,
#badge,
.replace,
#ticker h3,
#ticker .social li a,
form .notice{
  text-indent: -999em; display: block; font-size: 1px; overflow: hidden;
}

/** =baseline
************************************************************/
body {
  line-height: 1.5; 
  color: #6c6759;
  background: #fff; 
  font-size: 12px;
}

/* lists */
ol { list-style: decimal; }
ul { list-style: disc; }
dt { font-weight: bold; }
ul li{
  background: url(/assets/images/bullet-black.png) no-repeat 0 .5em;
  padding-left: .75em;
  list-style: none;
}
dt { color: #000; font-size: 14px; }
dd { margin-bottom: .75em; }
.js dd { margin-bottom: .0em; }
.js dd.last { margin-bottom: .75em; }

/* margins */
p, table, form, pre, ul, ol, dl, address, .ruled { margin-bottom: 1.5em; }
ul, ol { margin-top: 1.5em; }
ol { margin-left: 1.5em; }
li { margin-bottom: .75em; line-height: 1.25; }
li ol, li ul { margin-bottom: 0; margin-top: .75em; }

li p, blockquote p { margin-bottom: .75em; }
li:last-child,
blockquote p:last-child { margin-bottom: 0; }

/* blockquotes */
blockquote {
	font-style: italic;
	margin: 1.5em;
	font-size: 14px;
}
blockquote em,
blockquote cite { font-style: normal; }

/* links */
a {
  color: #cb2524;
  text-decoration: none;
}
a:focus,
a:hover {
  background-color: #fff9c1;
  color: #ad0100;
}
a.alt:hover{
  background: none;
  text-decoration: underline;
}
.biglink{
  cursor: pointer;
}
.biglink-hover,
.biglink-hover a{
  color: #ad0100;
}
.biglink-hover .framed,
.biglink-hover .framed-alt{
  border-color: #ad0100;
}
a.img{
  background: none;
  text-decoration: none;
  border: 0;
}

/** =headings
************************************************************/
h1,h2,h3,h4,h5,h6 {
  line-height: 1.2em;
  color: #231f16;
}
h2{
  border-bottom: 1px solid #d9d5ca;
}
h2,h3{
  letter-spacing: -.025em;
}
h2,h3,h4,h5,h6{
  font-weight: bold;
}
h1 {
  background: #cb2524;
  color: #fff;
  text-shadow: #cb2524 0 0 1px;
  font-size: 30px;
  color: #fff;
  letter-spacing: 0;
  padding: 14px 22px;
  margin-bottom: 16px;
  margin-left: -76px;
  position:relative;
}
h2 { font-size: 24px; margin-bottom: .5em; }
h3 { font-size: 16px; margin-bottom: .25em; }
h4,h5,h6 { font-size: 14px; }

/** =common
************************************************************/
.note {
  font-size: 11px;
  color: #B0ACA2;
}
.nobull li  {
  padding: 0;
  background: none;
}
.brand{
  text-transform: lowercase;
  font-weight: bold;
}
img.framed,
a.framed,
p.framed img { border: 2px solid #d9d5ca; }
img.framed-alt,
a.framed-alt,
p.framed-alt img {
  border: 3px solid #d9d5ca;
  background: #fff;
  padding: 1px;
}
.framed img,
.framed-alt img{
  display: block;
}
p.caption, .caption span {
  margin-bottom: .69em;
}
img.right,
p.caption.right   { margin: 0 0 0 10px; }
img.left,
p.caption.left    { margin: 0 10px 0 0; }

.caption span{
	display:block;
	font-size:0.9em;
	font-style:italic;
	text-align: right;
}
.caption span.text-left{
  text-align: left;
}

.no-pad     { margin-bottom: 0; }
.half-pad   { margin-bottom: .75em; }
.full-pad   { margin-bottom: 1.5em; }

.intro{
  color: #6c6759;
  font-size: 18px;
  margin-bottom: 1em;
}
.ui-tabs-hide {
  display: none;
}
.ruled li{
  background: url(/assets/images/dotted-beige.png) repeat-x 0 100%;
  padding: .15em 0 .45em;
  margin: 0;
}
.no-border,
.event-category h2,
#guide-index h2{
  border: none;
}
a.download,
.downloads a{
  background: url(/assets/images/icn-download.png) no-repeat 2px 0;
  padding: 0 0 3px 20px; /* bottom margin prevents cutting off image */
}
ul.downloads{
  list-style: none;
  margin: .75em 0;
}
ul.downloads li{
  background: none;
  padding: 0;
}

/** =columns
************************************************************/
.floatcols{
  float: left;
  margin: 0 16px 1.5em 0;
}
.floatcols-last{
  margin-right: 0 !important;
}
#content .main .column-wrapper-2 .floatcols { width: 288px; }
#content .main .column-wrapper-4 .floatcols { width: 136px; }

/** =shadowbox 
************************************************************/
a.shadowbox{
  position: relative;
  background: none;
}
a.shadowbox .icn-zoom{
  position: absolute;
  right: 4px;
  bottom: -4px;
}

/** =notifications
************************************************************/
.recordset-notice{
  text-align: center;
  font-size: 18px;
  border-width: 1px;
  border-top: none;
  font-style: italic;
  padding: .8em;
  margin-bottom: 1.5em;
  border: 2px solid #ddd;
  border-top: 0;
}
.schedule .error{
  background-color: #FBE3E4;
  border-color: #FBC2C4;
  color: #8a1f11;
}
form .error input,
form .error textarea{
	background: #ffdfdf;
	border-color: #c69b9b;
	border-bottom-color: #efcaca;
}
form .error label,
form .error input,
form .error textarea,
#submiterror{
	color: #a63333;
}
form .notice{
	background: url(/assets/images/icn-exclamation-sm.png) no-repeat;
	width: 17px;
	height: 16px;
	position: absolute;
	top: 50%;
	right: -22px;
	margin-top: -8px;
}
form .group{
	position: relative;
}
form .textarea .notice{
	top: 6px;
	margin-top: 0;
}
#submiterror{
	background: url(/assets/images/icn-exclamation-lg.png) 100% .3em no-repeat;
	padding-right: 40px;
	margin: .75em -30px 0 0;
	text-align: right;
}


/** =icons
************************************************************/
.icn-clock,
.icn-compass,
.icn-info{
  padding-left: 22px;
  background: no-repeat 0 .1em;
}
.icn-clock { background-image: url(/assets/images/icn-clock.png) }
.icn-compass { background-image: url(/assets/images/icn-compass.png) }
.icn-info { background-image: url(/assets/images/icn-info.png) }
.icn-cal-add {
  background: url(/assets/images/icn-cal-add.png) no-repeat;
  width: 16px;
  height: 16px;
  padding: 2px 0 2px 20px;
}

/** =layout
************************************************************/
body { background: #fff url(/assets/images/bg-noise.png); }
#content,
#footer-sub {
  width: 744px;
  padding: 0 76px 16px;
  margin: 0 auto;
}
#header,
#footer{
  margin: 0 auto;
  width: 776px;
  padding: 0 60px;
}
#wrapper { background: url(/assets/images/bg-noise-top.png) repeat-x; }
#header { background: url(/assets/images/bg-header-top.png) no-repeat 0 96px; position: relative; padding-top: 100px; }
#content { background: url(/assets/images/bg-matte.png) repeat-y; padding-top: 16px;}
#footer { background: url(/assets/images/bg-footer.png) no-repeat; }
#footer-sub{
  text-align: center;
  margin-top: 26px;
  margin-bottom: 26px;
}
#sponsors {
  height: 100px;
}
#footer .inner{
  padding: 16px;
}
#home .main{
  width: 554px;
}
#home .aside{
  width: 250px;
  float: left;
}
.main{
  float: left;
  display: inline;
  margin-right: 16px;
  width: 592px;
  position: relative;
}
.aside{
  float: left;
  display: inline;
  width: 212px;
  margin-right: -76px;
  position: relative; /* prevent clipping in ie6 */
}
.mod{
  display: block;
  margin-bottom: 16px;
}
a.mod img {
  display: block;
}

/** =nav-main
************************************************************/
#nav-main{
  position: relative;
  z-index: 3;
}
#nav-main li a {
  background: url(/assets/images/nav-main.png) no-repeat;
  height: 50px;
}
#nav-main li.nav-1 a        { width: 94px; background-position: -0px 0px; }
#nav-main li.nav-1 a:hover  { background-position: -0px -50px; }
#nav-main li.nav-2 a        { width: 228px; background-position: -94px 0px; }
#nav-main li.nav-2 a:hover  { background-position: -94px -50px; }
#nav-main li.nav-3 a        { width: 132px; background-position: -322px 0px; }
#nav-main li.nav-3 a:hover  { background-position: -322px -50px; }
#nav-main li.nav-4 a        { width: 132px; background-position: -454px 0px; }
#nav-main li.nav-4 a:hover  { background-position: -454px -50px; }
#nav-main li.nav-5 a        { width: 81px; background-position: -586px 0px; }
#nav-main li.nav-5 a:hover  { background-position: -586px -50px; }
#nav-main li.nav-6 a        { width: 109px; background-position: -667px 0px; }
#nav-main li.nav-6 a:hover  { background-position: -667px -50px; }

/** =header
************************************************************/
#badge {
  background: url(/assets/images/badge-all-free.png) no-repeat;
  width: 135px;
  height: 129px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
#logo{
  position: absolute;
  z-index: 2;
  left: -2px;
  top: 0;
}
#logo a{ background: none; }

/** =ticker
************************************************************/
#ticker {
  background: #ffeb1e;
  color: #8a6a37;
  padding: 10px;
  position: relative;
}
#ticker .news {
  width: 446px;
}
#ticker .news h3 {
  float: left;
  width: 60px;
  margin: 0 6px 0 0;
}
#ticker .news h3 a {
  background: url(/assets/images/txt-news-ticker.png) no-repeat;
  width: 60px;
  height: 20px;
  letter-spacing: -1em;
  text-indent: -1000em;
  display:block;
  position: relative;
}
#ticker .news .entries {
  overflow: hidden;
  height: 20px;
}
#ticker .news .entry .date {
  font-size: 12px;
  margin-right: 5px;
  line-height: 18px;
}
#ticker .news .entry .title {
  font-size: 14px;
}
#ticker .social {
  width: 66px;
  position: absolute;
  /* top: 5px; removed sty in touch h3*/
  top: 13px;
  right: 11px;
}
#ticker .social h3 {
  background: url(/assets/images/txt-stay-in-touch.png) no-repeat 50% 0;
  height: 6px;
  margin: 0 0 5px;
}
#ticker .social li a{
  background-image: url(/assets/images/social-icns-sprite-yellow.png);
  width: 18px;
  height: 18px;
  padding: 2px 4px 0 0;  
}
#ticker .social li a {
  background-color: #FFEB1E;
}
#ticker .social li.myspace a { padding: 0; }
.social li a{
  background: url(/assets/images/social-icns-sprite-trans.png) no-repeat;
  padding: 0 0 2px 22px;
}
.social li a:hover{
  background-color: #fff9c1;
}
.social li.feed a:hover { background-position: 0 -50px; }
.social li.twitter a { background-position: 0 -100px;}
.social li.twitter a:hover { background-position: 0 -150px;}
.social li.facebook a { background-position: 0 -200px;}
.social li.facebook a:hover { background-position: 0 -250px;}
.social li.myspace a { background-position: 0 -300px;}
.social li.myspace a:hover { background-position: 0 -350px;}
.social li.flickr a { background-position: 0 -400px;}
.social li.flickr a:hover { background-position: 0 -450px;}
.social li.youtube a { background-position: 0 -500px;}
.social li.youtube a:hover { background-position: 0 -550px;}

/** =sidebox
************************************************************/
.sidebox {
  border: 3px solid #eeebe2;
  background: #fff;
  margin-bottom: 16px;
  font-size: 13px;
}
.sidebox .inner {
  border: 1px solid #fff;
  padding: 8px 11px;
  background: #fff url(/assets/images/bg-box-grad.png) repeat-y;
}
#home .sidebox .inner {
  padding: 6px 8px;
}
#home .poster-thumb {
  width: 76px;
}
.sidebox-img .inner{
  padding: 0;
}
.sidebox-img img{
  display: block;
}
.sidebox .ruled { margin: .75em 0;}
.sidebox a.more{
  float: right;
}
.sidebox .last,
.sidebox p:last-child,
.sidebox ul,
.sidebox ol,
.sidebox:last-child{
  margin-bottom: 0 !important;
}
.sidebox p{
  margin-bottom: .75em;
}
.sidebox dt{
  color: #6c6759;
}
.sidebox dl.fixed dt{
  width: 80px;
  float: left;
  clear: both;
}
.sidebox dl.fixed dd{
  margin-left: 80px;
  margin-bottom: 0;
  line-height: 1.61em;
}
.sidebox li{
  background: none;
  padding: 0;
  margin: 0 0 .5em;
}
.sidebox ul{
  margin: .75em 0;
}
.news-sidebar .date {
  display: block;
  font-size: 11px;
}

/** =footer
************************************************************/
#footer .nav a {
  font-weight: bold;
  text-decoration: none;
  margin: 0 .69em;
  font-size: 12px;
  text-shadow: #231f16 0 0 1px;
  background: none;
}
#footer .nav a:hover {
  color: #fff;
}
#footer .nav{
  text-align: center;
}
#footer .nav li{
  display: inline;
}
#footer .inner{
  background: #231f16;
}
#nav-footer-1{
  border-bottom: 1px solid #453d2c;
  padding-bottom: 6px;
  margin-bottom: 6px;
}
#legal {
  color: #756e5f;
  font-size: 14px;
  margin-bottom: .5em;
}
.blurb {
  font-size: 13px;
  font-style: italic;
}

/** =callout headings
************************************************************/
.callout {
  color: #fff;
  background: #231f16 url(/assets/images/hdg-point.png) no-repeat 0 100%;
  padding: 5px 8px 16px;
  margin: 0 0 .75em;
  text-shadow: #231f16 0 0 1px;
  border: 0;
}
#home h2.callout{
  font-size: 16px;
}
.news-read h2.callout {
  font-size: 16px;
}

/** =slideshow
************************************************************/
.slideshow{
  padding: 10px 10px 20px;
  position: relative;
  background: #231f16;
}
.slideshow,
.slideshow .slides,
.slideshow .slides img,
.slideshow .slides a{
  width: 610px;
  height: 270px;
  display: block;
}
.slideshow .slides {
  overflow: hidden;
}
.slideshow .pager {
  position: absolute;
  bottom: 4px;
  left: 50%;
  line-height: 1;
}
.slideshow .pager ul {
  padding-left: 6px;
  padding-right: 8px;
}
.slideshow .pager .prev-next,
.slideshow .pager ul {
  float: left;
}

.slideshow .pager a {
  background: url(/assets/images/slide-markers.png) no-repeat 2px 2px;
  width: 8px;
  height: 8px;
  letter-spacing: -1em;
  text-indent: -1000em;
  font-size: 1px;
  display:block;
  padding: 2px;
  overflow: hidden;
}
#prev-slide { background-position: -23px 2px; }
#next-slide { background-position: -48px 2px; }

#prev-slide:hover { background-position: -23px -40px; }
#next-slide:hover { background-position: -48px -40px; }


.slideshow .pager ul a.activeSlide{
  background-position: 2px -40px;
}
#home .slideshow {
  margin-left: -76px;
}

/** =category-list
************************************************************/
.category-list li{
  background: url(/assets/images/dotted-beige.png) repeat-x 0 100%;
  padding: 8px 0 10px;
  line-height: 1.5;
}
.category-list img{
  float: left;
  margin-right: 13px;
}
.category-list a{
  text-decoration: none;
}
.category-list li:hover,
.category-list .biglink-hover{
  background-color: #fff9c1;
}
.category-list.no-hover li:hover {
  background-color: none;
}
.category-list li:hover img,
.category-list .biglink-hover img{
  border-color: #d6cb81;
}

/** =filter
************************************************************/
#location-filter{ margin-bottom: .75em; }
#location-filter div.checkbox,
#location-filter .legend{
  float: left;
}
#location-filter .legend {
  font-weight: bold;
  margin: 0 6px 6px 0;
}
#location-filter div.checkbox {
  margin-left: 10px;
}
#location-filter div.first {margin-left: 0;}
#location-filter { display: none; }
.js #location-filter { display: block; }
#location-filter .inner{
  float: left;
}
#location-filter fieldset{
  padding: 0;
}
#location-filter label{
  font-size: 11px;
  font-weight: normal;
  color: #6c6759;
}

/** =schedule
************************************************************/
.schedule h2{
  margin-bottom: .25em;
}

/* tabs */
.schedule .tabs li{
  width: 190px;
  margin-right: 11px;
  white-space: nowrap;
}
.schedule .tabs li.nav-3{
  margin-right: 0;
}
.schedule .tabs a,
.schedule .tabs a span{
  background: url(/assets/images/tabs-above.png) no-repeat;
}
.schedule .tabs a{
  background-color: #eeebe2;
  color: #84827a;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -.05em;
  text-shadow: #eeebe2 0 0 1px;
}
.schedule .tabs a span{
  background-position: 100% 0;
  display: block;
  padding: 12px;
}
.schedule .tabs a:hover{
  color: #41403c;
  background-color: #d8d3c6;
  text-shadow: #d8d3c6 0 0 1px;
}
.schedule .tabs a:active{
  color: #231F16;
  background-color: #BAB7AB;
  text-shadow: #BAB7AB 0 0 1px;
}
.schedule .tabs .day,
.schedule .tabs .date{
  background: none;
  display: inline;
  padding: 0;
}
.schedule .tabs .day{
  font-size: 18px;
  text-transform: uppercase;
  margin-right: .15em;
}
.schedule .tabs li.ui-state-active a{
  background-color: #231f16;
  color: #fff;
  text-shadow: #231f16 0 0 1px;
}

/* table */
.schedule .recordset{ margin: 0; }
.schedule { margin-bottom: 1.5em; }
.schedule .recordset .event{
  width: 320px;
}
.schedule .recordset td.time,
.schedule .recordset th.time{
  width: 64px;
}
.schedule .recordset td.time{
  text-indent: -999em;
}
.schedule .recordset tbody th.time{
  text-indent: 0;
  font-size: 16px;
  color: #6a6558;
  font-weight: bold;
}
.schedule .recordset .date-heading td{
  border-top: 1px solid #eeebe2;
  padding-top: 16px;
}
.schedule .recordset tr.past td.time{
  color: #d7d7d7;
}
.schedule .recordset tbody th{
  text-align: center;
/*  color: #fff;*/
}

/** =browser
************************************************************/
.browser{
  background: #eeebe2;
  padding: 4px;
  position: relative;
}
.browser .tabs{
  margin: -1px 0 0 7px;
}
.browser .tabs a,
.browser .tabs a span{
   display: block;
   background: none;
}
.browser .tabs a{
  font-weight: bold;
  font-size: 11px;
  line-height: 1em;
  padding-left: 8px;
}
.browser .tabs a span{
  padding: 8px 8px 8px 0;
}
.browser .tabs a:hover{
  color: #610c0b;
}
.browser .tabs a:active{
  position: relative;
  top: 2px;
}
.browser .tabs li.ui-state-active a,
.browser .tabs li.ui-state-active a span{
  background: url(/assets/images/tabs-below.png) no-repeat 0 100%;
  color: #231f16;
  top: 0;
}
.browser .tabs li.ui-state-active a span{
  background-position: 100% 100%;
}
.browser .ui-tabs-panel{
  background: #fff;
  padding: 13px 16px 16px;
  border-bottom: 1px solid #e9e2d4;
  min-height: 4.5em;
}
.browser .prev,
.browser .next{
  background: url(/assets/images/circle-arrows.png) no-repeat;
  width: 13px;
  height: 13px;
  float: left;
}
.browser .prev { margin-right: 4px; }
.browser .next { background-position: 100% 0; }
.browser .next:hover{ background-position: 100% 100%; }
.browser .prev:hover{ background-position: 0 100%; }
.browser .controls {
  position: absolute;
  bottom: 7px;
  right: 12px;
}
.browser h4{
  margin-bottom: .25em;
}

/* category browser */
.category-browser{
  margin-bottom: 2em;
}
.category-browser h2{
  margin-bottom: .25em;
}

/** =recordset
************************************************************/
.recordset{
  font-size: 12px;
  border-bottom: 1px solid #d9d5ca;
  border-collapse: separate;
}
.recordset thead th,
.recordset tbody th{
  font-weight: bold;
}
.recordset tbody th {
  font-size: 16px;
}
.recordset thead th {
  background: #231f16;
  color: #a9a59a;
  border-top: none;
  border-color: #231f16 !important;
  padding: 11px 16px;
  text-transform: uppercase;
  letter-spacing: .025em;
}
.recordset .alt td,
.recordset .alt th {
  background: #fbf9f4;
}
.recordset td.first,
.recordset th.first {
  border-left: 1px solid #d9d5ca;
}
.recordset td.last,
.recordset th.last {
  border-right: 1px solid #d9d5ca;
}
.recordset h4{
  font-size: 14px;
  color: #231f16;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: .3em;
}
.recordset td,
.recordset th{
  padding: 10px 16px;
  background: #fff;
  border-top: 1px solid #eeebe2; /* declare this after border sides for better IE rendering */
}

.recordset .has-image {
  position: relative;
  margin-left: 61px;
}

.recordset .body p {
  margin-bottom: .7em;
  line-height: 1.4;
}


/** =event-info cells
************************************************************/
.event-info .site-link{
  margin-left: .25em;
}
.event-info h4{
  display: inline;
}


/** =food
************************************************************/
table.food td.type{
  color: #6c6759;
  font-weight: bold;
}
table.food td.number{
  width: 23px;
  padding-right: 10px;
}
table.food td.event-info{
  padding-left: 0;
}
.marker{
  background: url(/assets/images/circle-red.png) no-repeat;
  display: block;
  width: 23px; /* actual width is 22px, extra pixel centers text */
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: 22px;
  font-size: 14px;
  text-shadow: #cb2524 0 0 1px;
}

/** =performer category pages
************************************************************/
table.performers .event-info{
  width: 340px;
}
table.performers h4 img{
  vertical-align: middle;
}
td.time-loc .loc {
  display: block;
}
td.time-loc li{
  margin-bottom: .75em;
}
td.event-info .more-link {
  font-weight: bold;
  white-space: nowrap;
}
td.time-loc .inner{
  position: relative;
  padding: 3px 10px 0 0;
}
td.time-loc .ical{
  position: absolute;
  top: 0;
  right: -5px;
}

/** =welcome letter
************************************************************/
body.letter {
  background: none; margin: 0; padding: 0;
  font-size: 16px;
  position: relative;
  top: -3px;
  left: -7px;
}
body.letter p{
  line-height: 1.25em;
}
.letter-inner {
 padding: 60px 48px;
 width: 420px;
 background: url(/assets/images/bg-letter-matte.png) repeat-y 0 0;
 position: relative;
 height: 1270px;
}
img.dropshadow {
  display: block;
}
body.letter h2,
.salutation{
  color: #231f16;
}
body.letter h2{
  font-size: 20px;
  margin-bottom: 18px;
  border: none;
  font-style: italic;
}
.salutation{
  position: relative;
}
.salutation .title{
  color: #a39a82;
}
.salutation .term{
  font-size: 18px;
  font-style: italic;
  margin-bottom: 10px;
}
.salutation .name{
  font-size: 21px;
}
.salutation .name,
.salutation .title{
  line-height: 1.2em;
}
body.letter .logo{
  position: absolute;
  top: 17px;
  right: 17px;
}
.letter-photo{
  position: absolute;
  bottom: 20px;
  right: -26px;
  z-index: 9999;
  width: 229px;
  height: 136px;
}
.letter-photo .paperclip,
.letter-photo .photo{
  display: block;
  position: absolute;
}
.letter-photo .paperclip{
  z-index: 100;
}
.letter-photo .photo{
  z-index: 50;
  left: 8px;
  top: 5px;
}

/** =applications
************************************************************/
.applications p{
  margin-bottom: .5em;
}
.applications h3{
  font-size: 14px;
  letter-spacing: 0;
}
.applications li{
  margin-bottom: .8em;
}
.applications{
  margin-bottom: 2.25em;
}
.applications em{
  margin-left: .25em;
  font-weight: bold;
}

/** =support festival
************************************************************/
.address{
  font-size: 14px;
  line-height: 1.286em;
  margin-bottom: 1.286em;
}
.address .fn{
  font-size: 16px;
  font-weight: bold;
  color: #231f16;
}
.address .adr{
  margin: .5em 0;
}
.address .tel .type{
  font-weight: bold;
}

/** =friends of festival
************************************************************/
#our-goals img.right{
  margin-top: .5em;
}

/** =volunteers
************************************************************/
#page-volunteers .downloads li{
  margin-bottom: 1.5em;
}

/** =contact form
************************************************************/
#contact-form,
#contact-form .actions {
  position: relative;
}
.loading img{
  position: absolute;
  right: -22px;
  top: 7px;
}
#contact-form .captcha {
  margin-top: 1.5em;
}
#contact-form .captcha .notice {
  margin-top: 5px;
}
#contact-form .captcha-content {
  float: left;
  position: relative;
  margin-bottom: 20px;
  margin-top: 9px;
  width: 250px;
}
#contact-form .captcha-content input {
  float: none;
}
#contact-form .captcha-content label{
  margin: 0;
  padding: 0;
  width: auto;
  font-size: 11px;
  font-weight: normal;
  float: none;
  color: #666;
}
#contact-form .captcha-content label .note {
  font-style: italic;
  color: #999;
  display: block;
  line-height: 1em;
}
#contact-form .captcha-content .captcha-hints {
  font-size: 10px;
  font-style: italic;
  display: block;
  text-align: right;
  position: absolute;
  bottom: -1.4em;
  right: 0;
  color: #999;
}

/** =sponsors
************************************************************/
#sponsors{
  padding: 10px 38px 9px;
  overflow: hidden;
}
#sponsors a{
  height: 80px;
  width: 155px;
  overflow: hidden;
  position: relative;
}
#sponsors a,
#sponsors img{
  display: block;
}
#sponsors img{
  position: absolute;
  left: 0;
  top: 0;
}
#sponsors a{
  float: left;
  margin: 0 10px;
  background: none;
}
#sponsors a:hover img{
  top:-80px;
}

/** =corner badges
************************************************************/
.corner-badge{
  position: absolute;
  right: -17px;
  top: -17px  ;
}
.recordset td.loc div{
  position: relative;
}
.recordset tr.Canceled td{
  background-color: #FFD5DE;
}
.recordset tr.Delayed td{
  background-color: #FFF0C0;
}
.recordset tr.Mature td.last{
  background: url(/assets/images/badge-mature.png) 100% 0 no-repeat;
}
.recordset tr.Award td.last{
  background: url(/assets/images/badge-award.png) 100% 0 no-repeat;
}

/** =news
************************************************************/
.logo-twitter {
  vertical-align: middle;
  margin-top: -6px;
}
.news-list {
  background: none;
}
.news-list li {
  padding: 0 0 .69em;
  margin: 0 0 .75em;
}
.news-list .has-image .desc {
  margin-left: 110px;
}
.news-list .more {
  font-weight: bold;
  white-space: nowrap;
}
.nav-article {
  color: #CCC6BD;
}
.nav-article a.news-home-link {
  margin: 0 5px;
  padding: 0 5px;
  border: 1px solid #CCC6BD;
  border-top: none;
  border-bottom: none;
}

/** =PRINT ENTERTAINMENT SCHEDULE
************************************************************/

a.printable-version {
	float:right;
	font-weight:normal;
	font-size:60%;
	color:#999;
}
body.print {
  color:#000;
  background:none;                   
}
div.print-schedule table.recordset {
border:0 none;
border-collapse:collapse;
font-size:10px;
}

div.print-schedule table.recordset p {
	margin-bottom:0;
}
div.print-schedule table.recordset td, div.print-schedule table.recordset th {
border-top:1px solid #EEEBE2;
padding:0px 8px;
}
.print-day  {
	color:#999;
}

a.print-back {
	text-align:right;
  font-size:10px;
  font-weight:bold;
  padding:0 0 20px 4px; 
}

div.print-schedule td.event-info {
color:#333;
}

div.print-schedule table.recordset h4 {
color:#000;
font-size:10px;
font-weight:bold;
margin-bottom:0.3em;
}

div.print-schedule td.loc {
	color:#666;
	line-height:1em;
}