/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;}

html, body {height: 100%;}
body {background: #720D2A; font: 100.01%/1em Arial, Helvetica, Tahoma, sans-serif;}

/* TYPOGRAPHY */
p, ol, ul {font-size: 14px; line-height: 1.5em; margin-bottom: 1em; color: #666;}
h1, h2, h3, h4 {line-height: 1.25em; margin-bottom: 0; color: #808080;}
h1, h2, .items_list h3, a.button, p.subtitle, legend {font-family: 'DeliciousBold', 'Arial Narrow', Arial, Helvetica, Tahoma, sans-serif; font-weight: normal;}
h1 {font-size: 26px; color: #4d4d4d; letter-spacing: -1px; border-bottom: 8px solid #ededdf; margin-bottom: 20px;}
h2 {font-size: 24px; color: #4d4d4d;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
ul, ol {list-style: none;}
.content li {line-height: 1.25em; padding: 0.25em 0; margin-left: 20px; list-style: disc;}
bold, strong, th {color: #4d4d4d; font-weight: bold;}
.title {font-size: 24px; line-height: 1em; border: 0 none; margin: 0; font-family: 'DeliciousBold', 'Arial Narrow', Arial, Helvetica, Tahoma, sans-serif; font-weight: normal;}
.entry h2 span.subtitle, .item_info h1 span.subtitle {font-size: 22px;}
span.subtitle {margin: -0.5em 0 0; color: #808080; font-family: 'DeliciousRoman', 'Arial Narrow', Arial, Helvetica, Tahoma, sans-serif; font-weight: normal;}
.subheading {font-family: 'DeliciousSmallCaps', 'Arial Narrow', Arial, Helvetica, Tahoma, sans-serif; font-size: 18px; font-weight: normal; line-height: 1em; color: #808080; margin-bottom: 0.5em;}
.odd {background: #e8e8e8;}
.even {background: #f8f8f8;}
p.center {text-align: center}
p.meta {font-style: italic;}
p.caption {font-size: 11px; margin: 0; text-align: center;}
.nomargin {margin: 0;}
.left {float: left;}
.right {float: right;}

/* LINKS */
a {text-decoration: none; color: #720D2A;}
a:hover, a:focus, a:active {text-decoration: underline;}
a.button {display: block; padding-top: 1px; border: 3px solid #EDEDDF; font-size: 20px; line-height: 30px; color: #ddd; text-align: center; text-shadow: -1px -1px 0 #4B041B; text-transform: uppercase; background: #720D2A url(http://www.chicagoacappella.org/images/interface/button-bg.gif) repeat-x 0 -2px; position: relative;}
a:hover.button, a:focus.button {text-decoration: none; color: #fff;}
a:active.button {text-decoration: none; background-position: 0 -48px;}
a.donate, a.email, a.tickets {display: block; padding-left: 30px; background: url(http://www.chicagoacappella.org/images/interface/icon-sprites.gif) no-repeat 0 0;}
a.donate {background-position: 0 0;}
a.email {background-position: 0 -20px;}
a.tickets {background-position: 0 -40px;}
a.more {font-size: 10px; text-transform: uppercase; letter-spacing: 0.5px; font-style: italic; color: #666; text-decoration: underline;}
a:hover.more, a:focus.more {color: #720D2A;}
a.more.tickets, a.more.donate {display: block; line-height: 40px; padding-left: 50px; background: url(http://www.chicagoacappella.org/images/interface/icon-sprites-big.png) no-repeat 0 0;}
a.more.tickets {background-position: 0 0;}
a.more.donate {background-position: 0 -40px;}
a span.subtitle {color: inherit;}
a.itunes, a.rhapsody, a.yahoo {display: block; height: 20px; padding-left: 30px;background: url(http://www.chicagoacappella.org/images/interface/music-sprites.gif) no-repeat 0 0;}
a.itunes {background-position: 0 0;}
a.rhapsody {background-position: 0 -20px;}
a.yahoo {background-position: 0 -40px;}
a.paginate {font-size: 14px;}

/* FORMS */
input.text, input.search, textarea {border: 1px solid #ccc; background: #f8f8f8;}
input:focus.text, input:focus.search, textarea:focus {border-color: #aaa; background: #fff;}
input.text {padding: 7px 5px 4px;}
textarea {padding: 5px;}
#top_search #keywords {float: left; width: 125px; padding: 2px 25px 2px 8px; height: 16px; line-height: 16px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; outline: none; content: value(Search);}
#top_search #search-button {float: right; margin: -20px 6px 0 0;}
.contact_form {padding: 20px; background: #EDEDDF;}
.contact_form li {clear: both; list-style: none; margin: 0;}
.contact_form fieldset {padding: 0 0 30px 20px; width: 312px;}
.contact_form legend {margin: 0 0 20px -20px; font-size: 22px; color: #4d4d4d;}
.contact_form label {display: block; float: left; clear: both; width: 312px; margin-bottom: 15px; padding-right: 10px; color: #404040; font-weight: bold; font-size: 15px; line-height: 1em;}
.contact_form label.error {float: none; clear: none; margin: 0 0 0 332px; padding:7px 5px 4px; color: #94485E; border-bottom: 2px solid; font-size: 14px; font-weight: normal; font-style: italic;}
.contact_form label.radio {float: none; clear: none; margin: 0 0 0 20px; padding: 0 0 10px; font-weight: normal; font-size: 14px;}
.contact_form input.text, .contact_form textarea {display: block; float: left; width: 300px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #666;}
.contact_form input.radio {clear: left; float: left; margin: 0;}
.contact_form select {float: left; width: 312px;}
.contact_form .field-city {clear: left; width: 162px;}
.contact_form .field-city input {width: 150px;}
.contact_form .field-state {clear: none; width: 38px;}
.contact_form .field-state input {width: 26px;}
.contact_form .field-zip {clear: right; width: 92px;}
.contact_form .field-zip input {width: 80px;}
.contact_form .field-number {width: 450px;}
.contact_form .field-number input {width: 26px; margin: -7px 6px 0 0;}
.contact_form .field-date {width: 450px;}
.contact_form .field-date input {width: 92px; margin: -7px 6px 0 0;}
input#gv_number {width: 38px;}

/* TABLES */
table {vertical-align: top; margin-bottom: 1em;}
td, th {font-size: 14px; line-height: 1.5em; /*text-align: left;*/ padding: 5px;}
td {color: #666;}
th {text-align: left;}

/* STRUCTURE */
#background {overflow: hidden; background: #fff;}
#wrapper {overflow: hidden; margin-bottom: 10px; background: #fff url(http://www.chicagoacappella.org/images/interface/wrapper-bg.gif) repeat-y 20px 0;}                 /* BACKGROUND IS ON THIS DIV INSTEAD OF NAV SO COLUMN HEIGHT WILL WORK */
.home #wrapper {background-image: none;}

/* HEADER */
#header {overflow: hidden; min-height: 150px; _height: 150px; margin-bottom: 4px; padding-bottom: 14px; background: #fff url(http://www.chicagoacappella.org/images/interface/header-bottom.gif) repeat-x 0 150px;}
.home #header {border: 0 none; margin-bottom: 0; padding-bottom: 0; background: transparent;}
a#logo {display: block; width: 202px; height: 150px; background: url(http://www.chicagoacappella.org/images/interface/site-logo.png) no-repeat left bottom; text-indent: -9999px;}

#topnav {float: right; margin-top: 10px;}
#topnav ul {margin: 10px 0 0;}
#topnav ul li {list-style: none; border-bottom: 1px solid #d7d7d7; font-size: 13px;}
#topnav ul li a {margin: 3px 0; color: #999;}

/* NAVIGATION */
#nav {padding-bottom: 100px;}
.home #nav {margin-left: 0; padding-top: 8px; background: transparent;}
#nav ul {float: left; width: 179px; padding: 12px 0 12px 10px; margin: 0 0 0 20px; border-bottom: 1px solid #D7D7D0;}
.home #nav ul {border: 0 none;}
#nav ul li {padding-left: 5px; list-style: none; text-transform: uppercase; font-family: 'DeliciousRoman', 'Arial Narrow', Arial, Helvetica, Tahoma, sans-serif; font-size: 18px; line-height: 1em;}
#nav ul li.current {border-bottom: 4px solid #ededdf;}
#nav ul li a {display: block; padding: 7px 0; margin: 0; color: #404040;}
.home #nav ul li a {color: #fff;}
.home #nav ul li a:hover, .home #nav ul li a:focus {color: #ccc;}
#nav ul li a:hover, #nav ul li a:focus {color: #720D2A;}
#nav ul li ul {width: 155px; padding: 6px 0 6px 20px; margin: 0; border: 0 none;}
#nav ul li ul li {padding: 0;}
#nav ul li ul li.current {list-style-type: disc; border: 0 none;}
#nav ul li ul li a {padding: 5px 0; color: #808080;}
#nav ul li ul li a:hover, #nav ul li ul li a:focus {color: #720D2A;}

/* COMMON */
.content {padding: 15px 0 65px;}
.page {}
.section {float: left; margin-bottom: 20px;}
.content .section {width: 700px;}
.column .section, .column.section {width: 340px;}
.entry {padding: 5px 0 10px; margin-bottom: 10px; border-bottom: 3px solid #EDEDDF; float: left;}
.entry object, .entry embed {margin-bottom: 10px;}
.padded {padding: 5px 30px}
/*.grid_6 .padded {width: 280px;}*/
.aside {background: #EDEDDF; padding: 5px;}
.aside p, .aside ul, .aside ol {font-size: 12px; color: #808080;}
.hide {display: none; visibility: hidden;}
.page_image {background: #EDEDDF; padding: 8px;}
.page_image img {margin: 0;}


/* FOOTER */
#footer {height: 140px; background: #720D2A url(http://www.chicagoacappella.org/images/interface/footer.gif) repeat-x; padding: 10px 0;}
#footer p, #footer li, #footer a {color: #AE8391;}
p#funders_label {font-size: 12px;}
ul.funders li {font-size: 12px; line-height: 1.25em; padding: 2px 0; *min-height:1%;}

/* HOME PAGE */
#home_main {height: 410px; margin-bottom: 10px; background: #444 url(http://www.chicagoacappella.org/images/interface/home-main-bg.jpg) no-repeat 0 0; border-bottom: 5px solid #6C273B; border-top: 5px solid #404040; position: relative;}
#home_photo {position: absolute; bottom: 0; right: 10px;}
#quote_overlay {padding: 10px 0; background: rgb(0,0,0); background: rgba(0,0,0,0.7); position: absolute; bottom: 0; right: 0;}
#quote_overlay p {color: #999; margin: 0; padding: 0 20px;}
p.quote {font-size: 24px; text-indent: -0.35em;}
p.quote_attr {font-size: 14px;}

#home_bottom {float: left; margin: 0 10px; padding: 0 10px;}
.feature {float: left; width: 204px; border: 8px solid #EDEDDF; margin: 0 5px 10px;}
.feature {min-height: 226px;}
.feature .inner {padding: 10px 15px;}
.feature h2 {font-size: 22px; border-bottom: 4px solid #ededdf; height: 48px; line-height: 48px; padding: 0; background: #999 url(http://www.chicagoacappella.org/images/interface/heading-bg.gif) repeat-x 0 -2px; text-align: center; color: #fff; font-weight: normal; text-transform: uppercase;}
.feature h2 a {color: #fff;}
.feature-half {min-height: 100px; background: #EDEDDF;}
.feature-half h2 {background-position: 0 -52px; margin-bottom: 4px;}
.feature-half p {padding: 0 15px;}
.feature-half a.button { font-size: 22px; line-height: 48px; height: 48px; border: 0; text-align: left; padding: 0 10px;}
#home_tickets {border-bottom: 4px solid;}
#home_donate span, #donate_button span {display: block; float: left; height: 40px; width: 42px; background: url(http://www.chicagoacappella.org/images/interface/icon-sprites-big.png) repeat-x 0 -120px; margin: 3px 10px 0 0;}
.feature h3, .feature p {font-size: 12px;}
.feature p {margin-bottom: 0.25em; line-height: 1.25em;}
.feature p.meta {font-size: 12px;}

#home_listen ul, #tracks ul {border-top: 1px solid #EDEDDF;}
#home_listen ul li, #tracks ul li {font-size: 11px; line-height: 1.25em; padding: 4px 5px; border-bottom: 1px solid #EDEDDF;}

ul#social {border: 0 none; padding: 0 10px; margin-bottom: 7px; font-size: 12px; line-height: 20px; background: #EDEDDF;}
ul#social li {padding: 5px 0;}
ul#social li a {display: block; height: 20px;}
ul#social li a img {float: left; padding-right: 6px;}
a#ccm_link, a#ccm_link img {float: left;}

/* ABOUT */
#board p.subheading {margin-bottom: 0;}
ul.top_list {float: left; display: inline; padding-bottom: 10px; border-bottom: 3px solid #EDEDDF;}
ul.top_list li {list-style: none; float: left; display: inline;}
.artist .padded {padding: 0 30px;}

/* NEWS */
.news .entry img {margin: 5px 0 10px;}

/* CONCERTS, VENUES, STORE */
.items_list {}
.items_list .entry {width: 700px;}
.list_image {width: 220px; height: auto; float: left;}
.store .list_image {margin-bottom: 10px;}
#season_sub_button {display: inline; float: right; padding: 5px 15px; margin-bottom: 20px;}

.item_info {float: left; width: 684px; border: 8px solid #EDEDDF; margin: 0 0 30px;}
.item_desc {float: left; width: 428px; padding: 18px;}
.item_img {float: right; width: 220px;}
.item_img img {width: 220px; height: auto; float: right;}

/* #left_column div, #right_column div {float: left; width: 340px;} */
.column .padded {width: 280px;}

#tickets, #buy_cd {width: 324px; border: 8px solid #EDEDDF; float: left;}
#buy_cd p, #buy_cd li {font-size: 12px;}
#tickets a.button, #buy_cd a.button {height: 48px; line-height: 46px; border: 0 none; padding: 0 10px; text-align: left;}
#tickets a.button span, #home_tickets span {display: block; float: left; height: 34px; width: 42px; background: url(http://www.chicagoacappella.org/images/interface/icon-sprites-big.png) repeat-x 0 -80px; margin: 3px 10px 0 0;}
a.button span.price {background: transparent; font-size: 18px; float: right; display: inline;}
#buy_cd .padded, #tickets .padded {width: 264px; border-top: 4px solid #ededdf; padding-top: 12px;}
.items_list #buy_cd {width: auto; border: 0 none; float: left;}
.items_list #buy_cd a.button {border: 4px solid #EDEDDF; width: 192px;}
.items_list #buy_cd .padded {width: 160px; border: 0 none;}

.section h2 {font-size: 22px; text-transform: uppercase; border-bottom: 8px solid #EDEDDF; padding: 26px 10px 0; margin-bottom: 0.5em;}
.section h3 {color: #666;}
#performers h3, #gala_supporters h3 {font-size: 14px; margin-bottom: 0.175em; font-weight: normal; color: #999; text-transform: uppercase;}
#details p, p.small {font-size: 11px;}
#download_links li {padding: 3px 0; list-style: none;}

#raffle .grid_4 img {float: right;}

#past_events td {border-bottom: 1px solid #EDEDDF; padding: 5px 10px;}
td.event_slot {text-align: right;}

#tracks td {font-size: 13px; line-height: 1.2em; list-style: none; margin: 0; padding: 5px;}
#tracks #musicplayer {width: 320px;}
#tracks span.composer {font-style: italic;}

/* BOOKING & PRESS */
.release h1 {border: 0 none; margin: 0; text-transform: uppercase; font-size: 22px;}
.content.press_photos {padding-bottom: 0;}
#photos_container {float: left; width: 720px;}
#photos_container p.caption {text-align: left;}
.photos_row {float: left;}
.single_photo {padding-bottom: 10px;}
.photo_thumb {padding-bottom: 5px;}

/* REVIEWS */
.review_excerpt {text-indent: -0.5em; /*padding: 0 100px;*/}
.review_attr {text-align: right;}
.review_date {color: #999; font-size: 12px;}

/* AUDIO */
.tags {margin-bottom: 20px; float: left; width: 100%;}
.tags li {list-style: none; font-size: 13px; margin: 0;}
.tags li a {padding: 0 5px;}
li#view_all {text-transform: uppercase; font-size: 12px; padding-top: 2px;}
.tags li.current {}
.tags li.current a {font-weight: bold; border-bottom: 4px solid #EDEDDF;}
#musicplayer {background: #ededdf; padding: 10px; margin: 0 auto 10px; width: 340px; clear: both;}
.audio_table td {padding: 0 5px;}
.audio_table.tracks td {padding: 5px 5px 0;}
.audio_table p {margin: 0;}
.audio_table td, .audio_table th {border-bottom: 1px solid #EDEDDF;}
.audio_table th {text-transform: uppercase; font-size: 14px;}
.audio_table tr.playing td {color: #4d4d4d;}
table#audio_list td, table#audio_list th {vertical-align: middle;}
table#audio_list td a {display: block; padding: 5px;}
table#audio_list tr.playing a {text-decoration: none; padding: 10px 5px;}
tr.playing, li.playing {background-color: #EDEDDF;}

/* SUPPORT */
#donate_button {padding: 0 10px; height: 48px; line-height: 48px; font-size: 22px; text-align: left;}
#giving_table {}
#giving_table th {text-align: center; padding: 5px 10px;}
#giving_table tr {}
#giving_table td {padding: 10px 0; vertical-align: middle; border-bottom: 1px solid #EDEDDF; border-left: 2px solid #fff;}
td.checked {background: #FCFCED; color: #4d4d4d; text-align: center; vertical-align: middle; font-size: 18px;}

/* TICKETS */
#subscriptions_tickets a.button {padding: 0 10px; width: 140px; text-align: left;}