@import url(global.css);

#header {background:url(../images/rejoice_banner.jpg) no-repeat;}

#details {float:left; padding:10px 10px 0 35px; width:555px; margin-left:10px; margin-top:0;}
/*#intro, #schedule, #info {float:left; padding:10px 10px 0 35px; width:555px; margin-left:10px; margin-top:0;}*/
#intro h1 {font-size:3em; font-family:"Century Gothic", Tahoma, Arial, Helvetica, sans-serif; color:#5c2d22; font-weight:normal; background:transparent url(../images/rule.gif) bottom left repeat-x;}
#intro h3 {font-family:"Century Gothic", Tahoma, Arial, Helvetica, sans-serif; color:#5c2d22; font-weight:bold; padding-bottom:1em;}
#schedule h2, #info h2 {font-family:"Century Gothic", Tahoma, Arial, Helvetica, sans-serif; color:#6c3528; font-weight:bold;}
#intro ul {list-style-type:disc; padding:10px 10px 10px 27px; background:#4a2c14; color:#fddfa8; border:2px solid #ffffa8;}


/*=Table settings=========================================================*/
.alt {background-color:#fddfa8;}
table {background-color:#e2d8a3; border:1px solid #666; border-right-color:#000; border-bottom-color:#000; margin-top:15px;}
th, td {padding:4px 9px; border-left:1px solid #aaa;}
th {background-color:#f2c260; color:#000;}
td {font-size:1.3em;}
td.date, td.town {font-size:1.4em; font-weight:bold; padding-right:20px;}
td.town {cursor:pointer; width:200px;}
td.downarrow {background:url('../images/down.gif') no-repeat center right;}
td.soldout {font-size:0.8em; font-weight:bold; background-color:#5c2d22; color:#fddfa8; padding:4px 2px;}
td a img {padding:0;}
h4 {padding:3px 0; margin:10px 0 0 0; border-bottom:1px solid #5c2d22;}

/*=LYRICS PAGE===========================================================*/
/*#lyrics, #songs {float:left; padding:10px 10px 0 35px; width:555px; margin-left:10px; margin-top:0;}*/
#lyrics h1 {font-size:3em; font-family:"Century Gothic", Tahoma, Arial, Helvetica, sans-serif; color:#5c2d22; font-weight:normal; background:transparent url(../images/rule.gif) bottom left repeat-x;}
#menu {padding:15px; border:1px solid #5c2d22;}
#menu h3 {font-family:"Century Gothic", Tahoma, Arial, Helvetica, sans-serif; color:#5c2d22; font-weight:bold;}
#menu ul li {display:inline; padding:5px 5px 5px 0;}
.song {padding:15px;}
.song h3 {font-family:"Century Gothic", Tahoma, Arial, Helvetica, sans-serif; color:#5c2d22; font-weight:normal; border-bottom:1px solid #5c2d22;}

/*=PHOTOS PAGE==========================================================*/
#gallery h1 {font-size:3em; font-family:"Century Gothic", Tahoma, Arial, Helvetica, sans-serif; color:#5c2d22; font-weight:normal; background:transparent url(../images/rule.gif) bottom left repeat-x;}

ul {list-style-type:none;}
.tinted {filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
a img {border:none;}
a {outline: none;}

#gallery {position:relative;}

ul.controls {position:absolute; top:255px; z-index:2; display:none;}
ul.controls li {float:left; width:275px;}
li.right {text-align:right;}
ul.controls li a {display:block; width:275px;}

ul.large-images {width:550px; }
ul.large-images li {position:relative; border:5px solid #444;}
ul.large-images span {display:block; padding:4px 5px; width:530px; position:absolute; left:0; bottom:0; background:#222; color:#fff;}

ul.small-images {display:none; margin-top:5px;} /*turns off thumbnails. Javascript will turn them on*/
ul.small-images li {float:left; display:block; margin-right:17px;} /*Displaying thumbnails horizontally*/
ul.small-images li a {padding:10px; display:block;} /*Rules to permit change of b/g in next rule*/
.current a {background:#444;} /*applies broad grey border to current thumbnail*/
ul.small-images li a:hover {padding:5px;} /*reduce anchor padding to accommodate hover border*/
ul.small-images li a:hover img {border:5px solid #444;} /*border applied on hover*/

/*=SECONDARY-CONTENT=================================================*/
#secondary {position:relative; width:320px; margin-left:630px; margin-top:0;}
#secondary_wrapper {background:none;}
#secondary_content {position:absolute; top:27px; width:auto;}
#secondary_content .rightpanel {padding-bottom:20px;}
#secondary_content .rightpanel img {margin:5px 15px; border:3px solid #fff;}
#secondary_content .rightpanel img.noborder {border:none;}
#secondary_content h1 {font-size:2.3em; font-family:Tahoma, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#6c3528; background:transparent url(../images/side_rule.gif) bottom left repeat-x;}
#secondary_content h2 {font-size:1.9em; font-family:Georgia, "Times New Roman", times, serif; text-transform:uppercase; color:#6c3528;}
#secondary_content h6 {font-family:Tahoma, Arial, Helvetica, sans-serif; color:#222; background:#e2d8a3; }
#secondary_content p {font-size:1.1em; font-family:Arial, sans-serif;}