/* GLOBAL ELEMENT STYLES */

a {border-bottom: 1px dashed #f93; color:#333; font-weight:bold; text-decoration:none; }
a:hover {border-bottom:1px solid #c00; color:#c00; text-decoration:none; }
#main-nav a, #main-nav a:hover, #top-bar a, #top-bar a:hover {border-width:0px;}

blockquote {margin:15px 0px; padding:0px 15px; line-height:1.4em; text-align:center;}
blockquote em {display:block; margin-top:5px; text-align:right;}
h1 {display:inline-block; color:#ccc; font-size:4em; line-height:1em;}
h2 {margin:15px 0px 5px; color:#777; font-size:1.5em;}
h2 + p {margin-top:5px;}
p {margin:15px 0px; line-height:1.4em;}
span.sc {font-size:1.1em; font-variant:small-caps;}



/* GLOBAL CLASSES */
.block {display:block; margin-bottom:.8em;}
.bottom-nav {margin-top:15px; border-top:1px solid #c00; padding-top:10px; text-align:center;}
.top-nav {margin-bottom:15px; border-bottom:1px solid #c00; padding-bottom:10px; padding-right:10px; text-align:right;}
.clear {width:100%; clear:both;}
.left {float:left; margin-right:10px;}
.small {font-size:.85em;}



/* INDEX TWEAKS */
.bigger {font-size:1.15em; line-height:1.3em;}
.divider {margin:10px 0px; border-bottom:1px solid #999; padding:5px 10px; line-height:1.5em;}
.flyer-left {display:inline-block; float:left; width:330px; margin:25px 10px 15px;}
.flyer-left a {display:block; width:80px; margin:5px auto; font-size:.9em;}

#index-news {margin-bottom:30px;}
#index-news h1 {margin:30px 0px 5px; color:#999; font-size:20px;}
#index-news h1 span {display:block; font-weight:normal; font-size:1.6em; line-height:1em}
#index-news h1 span.boldhead {font-weight:bold; font-size:3.2em;}
#index-news h1 span:nth-child(3) {margin-top:20px;} 
#index-news h2 {margin:30px 0px 10px; color:#999; font-size:2em;}
#index-news #flyers {margin:15px 0px;}
#index-news #flyers a {display:inline-block; border-width:0px !important;}
#index-news #flyers a:hover {filter:invert(100%);}
#index-news #flyers img {display:inline-block; margin:0px 5px; background-color:orange;}
#index-news p, #index-news li {font-size:1.3em; line-height:1.5em;}
#index-news li {list-style-type:none; margin-bottom:8px;}
#index-news a, #index-news strong {color:#555;}


div.about {margin-top:20px; border-top:1px solid rgba(0,0,0,.6); border-bottom:1px solid rgba(0,0,0,.6); clear:both;}
div.about blockquote {margin:15px 0px; padding:0px 15px; font-size:1.3em; line-height:1.5em; text-align:center;}
div.about blockquote em {display:inline; margin-top:5px;}

div.listing {display:inline-block; float:left; width:470px; margin:10px 0px 10px 15px; padding-left:25px;}
span a {display:inline-block; margin:0px 6px; font-size:.9em;}
span.block em {display:block; margin:10px 0px 0px;}
span.block h3 {margin: 15px 0px 5px; border-bottom:1px solid rgba(0,0,0,.6); padding:0px 5px 5px; font-size:1.4em; line-height:1.5em;}
span.block span {display:block; padding:0px 5px 5px; font-size:1.15em; line-height:1.4em;}
span.concert-details {margin:0px 5px;}

ul.horiz {border-top:1px solid rgba(0,0,0,.6);border-bottom:1px solid rgba(0,0,0,.6); padding:10px 0px;}
ul.horiz-top {border-top:1px solid rgba(0,0,0,.6); padding:10px 0px;}
ul.horiz li {display:inline-block; width:23%; list-style-type:none; text-align:center;}
ul.horiz-top li {display:inline-block; width:90%; list-style-type:none; padding:3px 12px;}
ul.indent {padding-left:20px;}
ul.indent li {list-style-type:none;}



/* CONTACT PAGE */
#emailform fieldset {width:380px; border-width:0px; border-right:1px solid #c00;}
#emailform form {width:400px;}
#emailform input, #emailform textarea {width:340px; margin:2px 0px; border:1px solid #999; padding:4px 3px; color:#999; font-family:helvetica,arial,sans-serif; font-size:1.05em; line-height:1.2em;}
#emailform input.selected, #emailform textarea.selected {border-color:#c00; color:#333;}
#emailform input.submit {float:right; width:100px; margin:10px 30px;}
#emailform input.submit:hover {color:#c00;}
#smail {width:250px;}
#smail span {display:inline-block; width:250px; font-size: 1.1em; line-height:1.4em;}



/* LIST HEADER */
#listheader h1 {font-size:4em;}
#listheader h2 {display:inline-block; margin-left:5px; color:#333; font-size:2.2em; font-weight:normal; text-transform:uppercase; letter-spacing:.03em;}
#listheader > span {display:block; margin:7px 0px; font-size:1em;}
#listheader .listnav {display:inline-block; margin:0px 8px;}
#listheader ul#subnav, #details ul#subnav, #discog-detail ul#subnav {width:790px; margin-top:20px; padding:0px; border:1px solid #c00; border-width:0px 0px 2px !important;}
#listheader ul#subnav li, #details ul#subnav li, #discog-detail ul#subnav li {display:inline-block;}
#listheader ul#subnav li a, #details ul#subnav li a, #discog-detail ul#subnav li a  {display:inline-block; margin-right:10px; padding:3px 10px; border-bottom-width:0px; font-size:1.2em; font-weight:bold; text-align:center; text-decoration:none;}
#listheader ul#subnav li a:hover, ul#subnav li a.selected, #discog-detail ul#subnav li a.selected {background-color:#c00; color:#fff;}



/* LIST OF WORKS */
#workslist-left, #workslist-right {display:inline-block; width:390px; margin-top:10px; float:left;}
#workslist-right {border-left:1px solid #999; padding-left:10px;}
#workslist-left li, #workslist-right li {display:block; width:350px; margin:5px 7px 5px 0px; border-bottom:1px dotted #000; padding:5px 10px 5px; color:#777; font-size:1.3em; line-height:1.2em; font-weight:bold;}
#workslist-left li:last-child, #workslist-right li:last-child {border-bottom-width:0px;}
#workslist-left li span.meta, #workslist-right li span.meta {display:inline-block; margin-right:10px; padding:3px 0px; color:#777; font-size:.8em; font-weight:normal;}
#workslist-left li a.meta, #workslist-right li a.meta {font-size:.8em !important;}
#workslist-left li a.icon, #workslist-right li a.icon {font-size:.8em !important;}
a.icon + span {position:relative; display:inline-block; width:15px; height:20px; margin-bottom:-5px; margin-left:8px; background:url(../gifs/interface/note.png) no-repeat bottom right; }

#workslist-left li a.meta + span.meta, #workslist-right li a.meta + span.meta {display:block; padding-top:0px; font-size:.8em; line-height:1.2em;}



/* DETAIL HEADER */
#detailheader, #details, #discog-detail {width:800px; margin:15px 70px 5px; min-height:100%; overflow:auto;}
#detailheader h1 {color:#ccc; font-size:4em; line-height:1em;}
#detailheader h1 + div {margin:10px 0px; font-size:1em;}
#detailheader span.meta {display:inline-block; margin:0px 5px; color:#ccc; font-size:2em; font-variant:small-caps;}
#detailheader span.meta b {color:#000;}
#details span.meta {display:inline-block; margin:0px 5px; color:#ccc; font-size:2em; font-variant:small-caps;}


/* DETAILS CONTENT SECTION */
#details #sound {float:right; width:335px; height:35px; margin-top:15px; padding-right:20px; text-align:right;}
#details #playlist {float:left; width:335px; height:85px; margin-top:15px; margin-left:430px; }
#details #playlist:after {display:block; visibility:hidden; width:100%; height:0px; clear:both; content:"."}
#details ul#subnav {margin-top:35px;}
#details div.show {display:block;}
#details div.hide {display:none;}

#details #left {float:left; width:500px; margin-right:20px;}
#details #left span {width:94%; margin:15px 3% 5px; font-size:2em; line-height:1em;}
#details #left p {width:94%; margin:0px; padding:0px 3%; font-size:1.15em; line-height:1.5em;}

#details #right {float:left; width:250px; margin-top:15px; border-left:1px solid #c00; padding:10px 0px 20px 20px; line-height:1em;}
#details #right a {font-weight:normal;}
#details #right li {padding:3px 0px; list-style-type:none; font-size:1.15em; line-height:1.3em;}

#details #right span {margin:15px 0px 10px;}
#details #right span.list {display:block; margin-top:0px; font-size:1.15em; line-height:1.3em;}
#details #right ul {width:200px;}


/* RECORDING/PERFORMANCE DETAILS */
#recording-left, #recording-right {float:left; width:380px;}
#recording-left {margin:15px 5px;}
#recording-right {margin:15px 0px; border-left:1px solid #c00; padding-left:20px;}

#recording span.meta {margin:0px;}
#recording li {list-style-type:none; margin:3px 0px; padding-left:90px !important;  font-size:1.15em; line-height:1.5em; }
#recording li > span {display:inline-block; float:left; width:86px; margin-left:-90px; color:#999; font-weight:bold; font-variant:small-caps;}



/* DISCOGRPAHY DETAIL INFO */
#disc-data #left  {position:relative; float:left; width:500px; margin-right:20px;}
#disc-data #left img {display:inline-block; margin:10px 20px; border:1px solid #333;}
#disc-data #left ul {position:absolute; display:inline-block; top:15px; left:250px; width:200px; margin:0px 10px;}
#disc-data #left li {width:100px !important; list-style-type:none; margin:3px 0px; padding-left:90px !important; font-size:1.15em; line-height:1.3em;}
#disc-data #left span {display:inline-block; float:left; width:85px !important; margin-top:0px; margin-left:-85px !important; color:#999; font-size:1em !important; font-weight:bold; font-variant:small-caps; }

#disc-data #right {float:left; width:250px; margin-top:10px; border-left:1px solid #c00; padding:5px 0px 20px 20px;}
#disc-data #right li {width:240px; list-style-type:none; margin:8px 0px; font-size:1.15em; line-height:1.3em;}
#disc-data #right li a {font-size:.85em;}
#disc-data #right span.meta {margin-top:0px !important; color:#ccc; font-size:2em; font-variant:small-caps;}




/* NEWS ITEM LIST */
.newslist {}
.newslist li {display:block; padding:5px 0px; color:#777; font-size:1em; line-height:1.1em;}
.newslist2014 li {display:block; padding:8px 0px; color:#000; font-size:1em; line-height:1.5em;}

#news-content {display:none;}

/* NEWS STORY OVERLAY */
#news-story {display:none; position:absolute; top:0px; left:0px; z-index:50; width:100%; border:4px solid #999; background-color:rgba(0,0,0,.85);}
#story-content {width:90%; height:600px; margin:20px auto; padding:15px; background-color:#fff;}

#story-content h3 {font-size:1.35em;}
#story-content h4 {margin-top:15px; font-size:1.15em;}
#story-content li {list-style-type:none;}
#story-content p, #story-content div {margin:8px 0px;}
#story-content span {display:block; margin:2px 0px;}
#story-content span.sc {display:inline !important;}

#story-content a.close {float:right; display:inline-block; font-size:1.1em; font-variant:small-caps;}



/* PHOTO GALLERY */
.gallery {width:750px !important;}
.gallery h1 {/* margin-bottom:15px; */}
.gallery img.left {margin-left:6px; margin-right:10px; padding:5px;}
.gallery img.center {margin-right:10px; padding:5px;}
.gallery img.right {margin-right:6px; padding:5px;}
.gallery table {width:750px; border-width:0px;}
.gallery td {width:175px; padding-bottom:15px; padding:5px; text-align:center;}
.gallery td.middle {width:400px;}

/* PHOTO OVERLAY */
#photo-overlay {display:none; position:absolute; z-index:100; top:0px; left:0px; width:100%; background-color:rgba(0,0,0,.85);}
#photo-overlay #top {width:100%; background-color:#999;}
#photo-overlay #top a, #photo-overlay #top span {margin:5px 20px;}
#photo-overlay a.close {float:right; display:inline-block; font-size:1.1em; font-variant:small-caps; border-bottom-width:0px;}
#photo-overlay span {display:inline-block;}
#photo-overlay #theImg {margin-bottom:400px; padding-top:30px; text-align:center;}

.bottom-nav a.page {display:inline-block; margin:0px 5px; padding:2px; font-size:1em;}
.bottom-nav a.selected, .top-nav a.selected {border:1px solid #c00;}


/* PRESS */
.press div {width:100%; margin:10px 0px 5px; line-height:1.5em;}
.press h2 {margin-top:25px; }
.press li {padding:1px 0px; list-style-type:none;}
.press p {margin:5px 0px;}
.press span {display:block;}
.press span + span {margin-top:5px; color:#777; font-style:italic; }


/* RESUME */
ul#resumesection {width:790px; margin-top:10px; padding:0px; border:1px solid #c00; border-width:0px 0px 2px !important;}
ul#resumesection li {display:inline-block;}
ul#resumesection li a {display:inline-block; width:150px !important; margin-right:10px; padding:3px 5px; border-bottom-width:0px; font-size:.9em; font-weight:bold; text-align:center; text-decoration:none;}
ul#resumesection li a:hover, ul#resumesection li a.selected {background-color:#c00; color:#fff;}
.resume {position:relative; top:0px; width:770px; padding:20px 10px 5px;}
.resume div {margin-bottom:15px; line-height:1.4em;}
.resume h4 {margin-bottom:5px; font-size:1.3em;}
.resume h5 {font-size:1em; font-weight:normal;}
.resume h4 + p, .resume h5 + p {margin-top:3px;}
.resume + .bottom-nav {margin-top:0px;}
.resume ul {margin:10px 0px;}
.resume li {padding:3px 0px; list-style-type:none; line-height:1.4em;}