/* @override http://sonnerie/css/high.css */

body.normal {
background: #879983 url(../images/swatch.png) repeat;
margin: 0;
padding: 0 0 50px;
font: 13px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

body.normal #content {
position: absolute;
width: 757px;
left: 50%;
padding: 0;
background: #36423c;
margin: 8% 0 50px -378px;
}

body.normal #main {
color: #c0c0c0;
padding: 20px 30px 50px;
margin: 0;
}

h1 {
color: #816d6d;
margin: 0;
padding: 25px 20px 5px 30px;
clear: both;
border-bottom: 10px solid #311f18;
letter-spacing: 12px;
font: 30px Geneva, Arial, Helvetica, sans-serif;
background: #4f3226 repeat url(../images/swatch3.png);
}

h2 {
color: #9c5344;
font-weight: normal;
font-size: 24px;
margin-top: 0px;
margin-bottom: 10px;
}

h3 {
color: #7b8c79;
font-size: 18px;
border-left: 7px solid #879983;
padding: 0 0 0 10px;
margin-top: 50px;
margin-bottom: 15px;
}

h4 {
color: #aa5b4c;
}



img {
border: 0 none;
}

img.rotate {
width: 100px;
height: 100px;
border: 1px dashed #6c7970;
padding: 5px;
}

.float-right {
float: right;
margin: 5px 0 5px 15px;
}

.float-left {
float: left;
margin: 5px 15px 5px 0;
}

.clear-both {
clear: both;
}

.clear-right {
clear: right;
}

.clear-left {
clear: left;
}

div.spacer {
clear: both;
padding-top: 20px;
}

.small {
font-size: 90%;
}


strong {
color: #b06f56;
font-weight: normal;
}

.error {
color: #b06f56;
text-align: center;
border: 1px dotted #b06f56;
padding: 20px;
margin: 70px 30px;
}

a, a:visited {
text-decoration: none;
color: #83a297;
border-bottom: dotted 1px #83a297;
}

a:hover, a:active {
color: #688178;
border-bottom-color: #455650;
}

.none {
display: none;
}

.small-h1 {
font-size: 18px;
}

.small-h2 {
font-size: 14px;
}

p {
text-align: justify;
margin-top: 0;
margin-bottom: 25px;
padding: 0;
line-height: 17px;
font-size: 13px;
}

/* @group footer */

#footer {
text-align: center;
font-size: 11px;
background: #4f3226 repeat url(../images/swatch4.png);
border-top: 10px solid #2a2c29;
padding: 20px 0;
clear: both;
color: #755c5e;
margin-top: 100px;
}

#footer a {
color: #755c5e;
border-color: #755c5e;
}


/* @end */

/* @group header */

/* @group breadcrumbs */

#breadcrumbs {
font-size: 12px;
padding: 0 0 10px;
background: repeat;
color: #43544e;
position: absolute;
top: -25px;
}

#breadcrumbs span.current {
text-decoration: none;
border: none;
color: #43544e;
}

#breadcrumbs a:link, #breadcrumbs a:visited {
text-decoration: none;
color: #4c5f59;
border-bottom: 1px solid #4c5f59;
}

#breadcrumbs a:hover, #breadcrumbs a:active {
border-bottom: 1px dotted #576e69;
color: #5a726d;
}

#breadcrumbs a.home:link, #breadcrumbs a.home:visited {
text-decoration: none;
color: #6f4636;
border-bottom: solid #643f31 1px;
}

#breadcrumbs a.home:hover, #breadcrumbs a.home:active {
border-bottom: dotted 1px #666666;
color: #8f5a46;
}

/* @end */




/* @group menu */
#menu {
border-right: 1px solid #414f43;
margin: 0;
padding: 0;
}

#menu ul {
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
text-align: center;
}

#menu ul li {
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#menu ul li a {
background: #bbc6ba;
border-top: 1px solid #414f43;
border-left: 1px solid #414f43;
border-bottom: 1px solid #414f43;
color: #7c7c7c;
border-right: none;
padding: 0;
margin: 0;
text-decoration: none;
display: block;
text-align: center;
font-size: 14px;
}

/* 
The following bullshit is because IE5 Win incorrectly implements the Box model. 125 and 23 are the correct dimensions, 126 and 25 are fake for IE5 Win only. See http://www.tantek.com/CSS/Examples/boxmodelhack.html
*/
#menu ul li a {
width: 126px;
height: 25px;
line-height: 25px;
voice-family: "\"}\"";
voice-family: inherit;
width: 125px;
height: 23px;
line-height: 23px;
}

/*be nice to Opera*/
html>body #menu ul li a {
width: 125px;
height: 23px;
line-height: 23px;
}

/* end bullshit */


#menu ul li a:hover {
color: #555555;
background: #9fa9a1;
}

#menu ul li a:active {
background: #78807b;
color: #404040;
}

#menu li#active a {
background: #748b78;
color: #ededed;
}

/* @end */

/* @end */

/* @group discs & reviews */

dl.reviews dt, dl.discs dt {
margin-top: 60px;
margin-bottom: 0;
padding: 5px 0 0 10px;
color: #9c5344;
font-size: 16px;
border-left: 1px solid #637d73;
border-top: 1px solid #465850;
clear: both;
}

dd {
margin-bottom: 0;
}

dd.subtitle {
color: #7b5a58;
font-size: 13px;
padding: 0 0 5px 15px;
margin: 0 150px 0 0;
border-left: 1px solid #637d73;
}

dd.subtitle .performers {
font-size: 11px;
color: #8d8587;
padding-left: 10px;
}

dd.disc-info, span.disc-info {
font: 12px "Courier New", Courier, mono, sans-serif;
color: #a88f78;
}

dd.review {
border-left: 1px solid #637d73;
padding: 20px 0 0 40px;
color: #bcbcbc;
font-size: 13px;
margin: 0;
}

dd.review-source {
color: #9e8671;
padding: 5px 0 20px 50px;
margin: 0;
font-size: 12px;
border-left: 1px solid #637d73;
text-transform: uppercase;
}

dd.review-read-more, p.review-read-more {
display: block;
}

dd.full-review {
border: 1px dashed #6e6e6e;
padding: 10px 15px 25px;
margin: 10px 40px;
}

dd.full-review p {
padding: 10px 10px 0 10px;
margin: 0;
color: #aaaaaa;
font-size: 13px;
}

dd.full-review p.review-source {
padding-bottom: 20px;
padding-top: 5px;
color: #9e8671;
font-size: 12px;
text-transform: uppercase;
}

dd.review-disc-award {
margin: 0;
padding-left: 75px;
border-left: 1px solid #637d73;
padding-top: 10px;
padding-bottom: 0;
}

dd.review-disc-award ul {
padding: 0;
margin: 0;
}

dd.review-disc-award li {
color: #bc4a50;
font-size: 12px;
letter-spacing: 2px;
padding-top: 5px;
padding-bottom: 5px;
list-style: outside circle;
}

/* @group reviews */

dl.reviews dd.review {
}

dl.reviews dd.subtitle {
margin-right: 0;
padding-top: 20px;
padding-bottom: 0;
font-size: 14px;
}

dl.reviews dd.review-read-more {
text-align: center;
padding-top: 15px;
padding-bottom: 35px;
margin:  0;
clear: both !important;
border-left: 1px solid #637d73;
}

p.review-read-more {
text-align: center;
padding-top: 20px;
padding-bottom: 65px;
margin:  0;
clear: both !important;
}

dl.reviews dd.review-read-more a:link, p.review-read-more a:link {
color: #9c776b;
border: 1px dotted #9c776b;
padding: 1px 4px 2px 8px;
}

dl.reviews dd.review-read-more a:hover, p.review-read-more a:hover {
border: 1px dotted #6b524a;
color: #81625a;
}

/* @end */

/* @group discs */

dl.discs dd img {
width: 100px;
height: 100px;
border: 1px dashed #6a6a6a;
padding: 5px;
font-size: 9px;
margin: 0 0 5px 30px;
}

dl.discs dd.disc-info {
text-align: right;
float: right;
width: 200px;
margin-top: -30px;
margin-bottom: 40px;
}


/* @end */

/* @end */


/* @group concerts */

/* @group search link */

.search-link {
margin: 120px 20px 0 0;
}

/* @end */

/* @group next concert details */

div.concert-details-float {
float: left;
width: 400px;
margin: 0 50px 0 0;
}

h4.next-concert {
font-size: 17px;
text-align: center !important;
padding: 0 0 15px;
margin: 0;
}

/* @end */

/* @group search */

p.search-results {
font-size: 11px;
background: #666666;
padding: 5px 10px;
margin-bottom: 20px;
}

form#concerts-search {
border: 1px dotted #666666;
padding: 20px;
margin-top: 20px;
font-size: 12px;
}

/* @end */

/* @group navigation */

#last-month {
width: 233px;
float: left;
margin-bottom: 20px;
font-size: 10px;
color: #666666;
margin-top: 0;
padding: 0;
position: relative;
bottom: 10px;
}

#back-to-year {
width: 232px;
float: left;
text-align: center;
margin-bottom: 20px;
font-size: 10px;
color: #666666;
margin-top: 0;
padding: 0;
position: relative;
bottom: 10px;
}

#next-month {
width: 232px;
float: left;
text-align: right;
margin-bottom: 20px;
font-size: 10px;
color: #666666;
margin-top: 0;
padding: 0;
position: relative;
bottom: 10px;
}
/* @end */

/* @group months table */

/* @group years */

h2.years {
text-align: center;
color: #9b624c;
font-size: 16px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
margin: 50px 10px 0;
display: block;
font-weight: bold;
}

h2.years a {
color: #714637;
text-decoration: none;
border-bottom: 1px dotted #7a4d3b;
padding-bottom: 1px;
font-weight: normal;
}

h2.years a:hover {
color: #9f634e;
border-bottom: 1px dotted #a56850;
}

/* @end */

table#months {
clear: both;
padding: 0;
border-style: none;
margin-left: 108px;
margin-top: 5px;
margin-bottom: 50px;
border: 1px solid #363f37;
}

table#months td {
text-align: center;
margin: 0;
padding: 0;
width: 120px;
height: 40px;
font-size: 11px;
}

table#months td.normal {
border: 1px solid #363f37;
color: #363f37;
background: #4f5e51;
}

table#months td.normal a {
text-decoration: none;
border-bottom: 1px dotted #758978;
color: #97af9c;
}


table#months td.normal a:active, table#months td.normal a:hover {
color: #bcdcc0;
border-bottom-color: #99b39d;
}

table#months td.history {
background: #2f372f;
border: 1px solid #363f37;
}

table#months td.history a {
border-style: none;
color: #404c41;
}

table#months td.history a:hover, table#months td.history a:active {
border-bottom: 1px dotted #a8c5ac;
color: #8aa18d;
}

/* @end */

/* @group concert details */

div.concert-details {
border: 1px dotted #9bb69f;
margin: 0 0 30px;
padding: 0;
clear: both;
background: #2f3a35;
}

div.concert-details dl {
margin: 0;
padding: 0 0 10px;
}

div.concert-details dl dt {
background: #3c463d;
color: #7e9784;
font-size: 11px;
margin: 10px 10px 0;
padding: 1px 0 1px 5px;
border-left-color: #6d3931;
border-left-width: 5px;
border-top-width: 0;
}

div.concert-details dl dd {
padding: 0;
margin: 0 20px;
font-size: 11px;
color: #9f634e;
line-height: 15px;
}

div.concert-details dl dd.date-time {
color: #a96953;
letter-spacing: 1px;
display: inline;
font-weight: bold;
}

div.concert-details ul {
margin: 0;
padding-left: 20px;
}

div.concert-details ul li {
list-style: circle;
}

div.concert-details dl dd span.small {
font-size: 10px;
color: #9f634e;
letter-spacing: 1px;
}

div.concert-details span.piece {
font-style: italic;
color: #b68a79;
letter-spacing: 1px;
}

div.concert-details span.composer {
color: #918683;
}

div.concert-details a:link, div.concert-details a:visited {
color: #b37058;
text-decoration: none;
border-bottom: 1px dotted #8f5946;
}

div.concert-details a:hover, div.concert-details a:active {
border-bottom-color: #c47a60;
color: #c97e63;
}

/* @end */


/* @end */

/* @group biogs */

p.high-res-link {
float: left;
}

div.biog-portrait {
float: left;
}

div.biog-portrait img {
padding: 5px;
border: 1px dotted #666666;
margin-bottom: 7px;
margin-right: 20px;
}

div.biog-portrait-right {
float: right;
}

div.biog-portrait-right img {
padding: 5px;
border: 1px dotted #666666;
margin-bottom: 7px;
margin-left: 20px;
}

div.biog-portrait-right p {
margin-left: 20px;
}

#biogs-float-right {
float: right;
font-size: 11px;
border: 1px dotted #666666;
margin-left: 20px;
width: 100px;
padding: 10px;
color: #666666;
	margin-bottom: 20px;
}

#biogs-float-right h4 {
font-size: 15px;
padding: 0;
margin: 0 0 10px;
}

#biogs-float-right p {
font-size: 10px;
color: #9b5345;
text-align: left;
line-height: 10px;
}

dl.biogs-float-right dt {
padding: 0;
margin: 7px 0 3px 0;
border: none;
font-size: 12px;
}

dl.biogs-float-right dd {
padding: 0;
margin: 0 0 10px;
color: #ab6d56;
}

dl.biogs-float-right dt.seperate {
border-top: 1px dotted #666666;
padding-top: 10px;
margin-top: 30px;
margin-bottom: 0;
}

/* @end */

/* @group contact */

.guess-error {
color: #c43937;
}

#contact-form {
border: 1px dotted #666666;
padding: 20px;
width: 520px;
float: left;
margin: 0 0 50px;
background: #2e3833;
}

#contact-form label {
width: 150px;
float: left;
text-align: right;
padding: 0 20px 0 0;
margin: 0 0 10px;
}

#contact-form input, #contact-form textarea {
background: #e1fff0;
color: #000;
width: 330px;
float: left;
padding: 0;
margin: 0 0 10px;
font: 14px Courier New, Courier, monospace;
}

#contact-form img {
float: left;
padding: 0;
margin: 0;
clear: both;
}

#contact-form textarea {
height: 300px;
}

#contact-form input.submit {
background: white;
width: inherit;
float: right;
margin: 0;
font: 13px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

/* @end */

/* @group promoters */

p.representation {
margin-left: 25px;
text-indent: -25px;
}

ul#sample-programmes {
color: #b7b1b1;
}

ul#sample-programmes li {
margin: 0;
padding: 0;
list-style: circle;
padding-bottom: 20px;
}

ul#sample-programmes span.special {
color: #88aaa1;
font-size: 15px;
}

ul#sample-programmes li ul {
margin: 0;
padding: 0 0 5px;
}

ul#sample-programmes li ul li {
list-style: disc inside;
margin: 0;
padding: 5px 0;
}

.performers-required {
font-size: 10px;
}

.num-performers {
font-size: 12px;
color: #b7c0f8;
}

.concert-title {
color: #aa634e;
}

dl.repList {
	width: 450px;
	height: 60px;
	margin-left: 50px;
	margin-bottom: -5px;
	font-size: 0.9em;
	margin-top: 20px;
}

dl.repList dt {
	float: left;
	width: 150px;
	height: 20px;
	margin: 0;
	font-weight: bold;
}

dl.repList dd {
	float: right;
	height: 20px;
	width: 300px;
	margin: 0;
}

/* @end */


/* @group front page */

body.index-page {
background: #879983 url(../images/swatch.png) repeat;
margin: 0;
padding: 0;
font: 13px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

/* styles for IE 5 Mac */
body.index-page #content {
background-color: transparent;
position: absolute;
top: 30px;
left: 30px;
}

/* following rules are invisible to IE 5 \*/
body.index-page #content {

top: 50%;
left: 0px;
width: 100%;
margin-top: -210px;
text-align: center;
min-width: 800px;
}
/* end IE 5 hack */ 

body.index-page #main {
position: relative;
text-align: left;
width: 757px;
height: 420px;
margin: 0px auto;
}




/* @group squares */




#squares {
padding: 0;
width: 372px;
display: inline;
text-align: center;
margin: 0;
}

#squares #swap-monica {
background-image:  url(../images/index-hover-monica.jpg);

}

#squares #swap-joe {
background-image:  url(../images/index-hover-joe.jpg);

}

#squares #swap-emilia {
background-image:  url(../images/index-hover-emilia.jpg);

}

#squares #swap-matthew {
background-image:  url(../images/index-hover-matthew.jpg);

}

#squares #swap-logo {
background-image:  url(../images/index-hover-logo.png);

}

#squares .photo {
position: relative;
font-family: arial, helvetica, sans-serif;
background-repeat: no-repeat;
white-space: nowrap;
display: inline;
width: 120px;
height: 120px;
margin: 2px; 
padding: 0;
float: left; 
}

#squares .clear-both {
clear: both;
height: 0;
margin: 0;
padding: 0;
line-height: 0;
font-size: 1px;
}

#squares .photo a {
width: 120px;
height: 120px;
display: block;
float: left;
border-style: none;
}

#squares .photo img {
width: 120px; 
height: 120px; 
border: 0; 
}









/* @end */

/* @group menu */

#squares a.menu {
float: left;
display: block;
text-decoration: none;
font-size: 14px;
color: #1c2720;
padding: 0;
text-align: center;
border: 1px solid #6e8574;
display: inline;
}


#squares a.menu:hover {
color: #26352c;
background: #869186;
border-color: #1c2720;
}

/* 
The following bullshit is because IE5 Win incorrectly implements the Box model. 118 and 18 are the correct dimensions, 120 and 20 are fake for IE5 Win only. See http://www.tantek.com/CSS/Examples/boxmodelhack.html
*/
#squares a.menu {
width: 120px;
height: 20px;
line-height: 20px;
margin: 2px;
voice-family: "\"}\"";
voice-family: inherit;
width: 118px;
height: 18px;
line-height: 18px;
margin: 2px;
}

/*be nice to Opera*/
html>body a.menu {
width: 118px;
height: 18px;
line-height: 18px;
margin: 2px;
}

/* end bullshit */

/* @end */

/* @group quote styles */

#intro {
width: 230px;
height: 420px;
margin: 0;

position: absolute;
top: 0;
left: 470px;
}

#intro div.quote {
color: #1c2720;
padding: 0;
margin: 0;
position: absolute;
text-align: left;
font-family: Arial, sans-serif;
}

#intro div.source {
color: #537561;
font-size: 9px;
line-height: 8px;
text-indent: 0;
letter-spacing: 0;
word-spacing: 0;
padding: 5px 0 0;
margin: 0;
text-align: center;
}

#intro div.quote1 {
top: 10px;
text-align: right;
font-size: 13px;
letter-spacing: 2px;
line-height: 18px;
color: #0c110e;
background: none;
right: 10px;
}

#intro div.quote2 {
width: 130px;
font-size: 22px;
text-align: right;
line-height: 26px;
top: 250px;
right: -20px;
color: #243229;
background: none;
}

#intro div.quote3 {
top: 80px;
letter-spacing: 4px;
left: -10px;
line-height: 30px;
font-size: 40px;
color: #000000;
background: none;
}

#intro div.quote4 {
top: 190px;
width: 100px;
font-size: 12px;
left: 0;
letter-spacing: 2px;
line-height: 18px;
color: #314539;
background: none;
}

#intro div.quote5 {
font-size: 30px;
color: #2c3e33;
background: none;
white-space: nowrap;
letter-spacing: 4px;
top: 0;
left: -10px;
}

#intro div.quote6 {
top: 210px;
font-size: 35px;
width: 220px;
letter-spacing: -2px;
line-height: 20px;
left: -10px;
color: #1c2720;
background: none;
word-spacing: -2px;
}

#intro div.quote7 {
top: 80px;
font-size: 21px;
left: 90px;
line-height: 28px;
color: #475449;
background: none;
width: 140px;
text-align: right;
}

#intro div.quote8 {
width: 220px;
font-size: 16px;
letter-spacing: 4px;
line-height: 25px;
color: #1c2720;
background: none;
right: 0;
bottom: 0;
}

#intro div.quote9 {
width: 100px;
line-height: 20px;
font-size: 13px;
color: #466250;
background: none;
bottom: 0;
right: 0;
letter-spacing: 2px;
text-align: right;
}

#intro div.quote10 {
top: 180px;
font-size: 18px;
letter-spacing: 3px;
line-height: 20px;
left: -20px;
color: #2b3d32;
background: none;
width: 140px;
}

#intro div.quote11 {
top: 0;
font-size: 14px;
line-height: 12px;
left: 0;
color: #1c2821;
background: none;
}

#intro div.quote12 {
left: 0;
top: 60px;
font-size: 35px;
line-height: 35px;
color: #3c5445;
background: none;
text-align: right;
}

/* These styles are just for IE5/mac */
/*\*//*/
#intro div.quote {
position: relative;
font-size: 14px;
color: #2b3d32;
line-height: 14px;
text-indent: 0;
letter-spacing: 0;
word-spacing: 0;
text-align: right;
height: auto;
padding: 0;
top: 0;
left: 0;
margin-bottom: 13px;
width: auto;
font-style: italic;
}
/**/

/* @end */