/* CSS STYLE SHEET

willdawes.co.uk
Written: 18-01-06 By R.Brignall
This version: 1.0.
Must seek permission from webmaster@willdawes.co.uk
to reproduce this file. */

html { height: 100%; margin-bottom: 1px; }

body {
	background-color: #fff;
	background-image: none;
	background-repeat: no-repeat;
	background-attachment: fixed;
	margin: 20px;
	font-family: tahoma;
	font-size: 11px;
	color: #000000;			/* Font color */
	text-align: center;
}


b {
	display: inline;
	font-weight: 700
}

div.contentholder {
	background-color: #E6E3DA; /* #E0234D; */
      text-align: center;
      width: 800px;
      margin: 0px auto;
}

div.title {
      width: 720px;
      height: 70px;
      background: #BCB8A9 url(graphics/title2.jpg) no-repeat scroll 0% 0%;
	font-family: Times New Roman, Times, Serif;
	color: #6E0000;
      margin: 0px;
      text-transform: uppercase;
      padding: 120px 40px 10px 40px;
      text-align: left;
      font-size: 24px;
      font-weight: 500;
      letter-spacing: 8px;
}

div.navbar {
	width: 250px;
      height: 370px;
      background: #E6E3DA url(graphics/navbar.jpg) no-repeat scroll 0px 0px;
	margin: 0px;
	border: 0px;
	padding: 15px 0px;
	text-align: right;
      float: right;
}

span.navitem {
	display: block;
	margin: 0px;
	padding: 5px 15px 5px 0px;
	border: 0px;	
	width: auto;
	height: 19px;
	background-color: transparent; /* #bef; */
	font-family: Times New Roman, Times, Serif;
	font-size: 16px;
	font-weight: 400;
	text-align: right;
      text-transform: uppercase;
      letter-spacing: 2px;
	color: #353535;
}

div.mainholder {
      width: 800px;
      height: auto;
      min-height: 400px;
	padding: 0px;
	border: 0px;
      margin: 0px;
      background-color: #E6E3DA;
}


div.main {
	margin: 0px;
	padding: 10px 30px; 
	border-width: 0px; 
	width: auto;
      height: auto;
      background-color: #E6E3DA;
      font-family: Times New Roman, Times, Serif;
	font-size: 15px;
      letter-spacing: 2px;
      line-height: 15px;
	font-weight: 300;
	text-align: left;
	color: #353535;
}

div.main p {
      width: auto;
      padding: 0px 10px;
	font-size: 15px;
      letter-spacing: 2px;
      line-height: 24px;
      text-align: left;
}

div.main p.lclear {
      clear: left;
}

div.subtitle {
     padding: 10px;
     display: block;
     clear: left;
     text-align: left;
     font-size: 20px;
     letter-spacing: 14px;
     text-transform: uppercase;
     font-weight: 500;
     color: #6E0000;
}


div.bottombar {
     background: #E6E3DA url(graphics/base.jpg) no-repeat bottom;
     border-width: 0px;
     margin: 0px;
     color: #000;
     font-size: 9px;
     font-family: verdana;
     width: 800px;
     height: 50px;
     padding-top: 150px;
     text-align: center;
     line-height: 11px;
     letter-spacing: 1px;
}

/* Conducting / singing environments */

div.main p.group {
      width: 480px;
      margin: 0px 0px 20px 0px;
      padding: 5px 10px;
	font-size: 13px;
      letter-spacing: 1px;
      line-height: 20px;
      text-align: left;
      display: block;
      border-top: 1px solid #6E0000;
      background-color: #BCB8A9; /* #ADA895; */

}

span.groupname {
     display: inline;
     color: #6E0000;
     text-transform: uppercase;
}

span.grouplist {
     display: block;
     color: #353535;
     padding: 5px 0px;
}

/* Repertoire settings */
table.musiclist {
      width: 500px;
      margin: 0px 0px 20px 0px;
      padding: 10px 0px;
	font-size: 13px;
      letter-spacing: 1px;
      line-height: 20px;
      text-align: left;
      display: block;
      border-top: 1px solid #6E0000;
      background-color: #BCB8A9; /* #ADA895; */
}


tr.musicentry {
      padding: 0px 0px;
      margin: 0px 0px;
}

td.composer {
     color: #6E0000;
     text-transform: uppercase;
      vertical-align: top;
      padding: 5px 10px;
      margin: 0px;
      width: 150px;
      
}

td.pieces {
      vertical-align: top;
      text-align: left;
      padding: 5px 0px;
      margin: 0px;
      width: 280px;
}
td.pieces p {
	font-size: 13px;
      letter-spacing: 1px;
      line-height: 20px;
      text-align: left;
      padding: 0px 0px 0px 10px;
      margin: 0px;
}

/* Contact form settings */
div.formentry {
     width: 500px;
     margin: 0px 0px 20px 0px;
     padding: 0px 0px;
     border-top: 0px solid #460006;
     text-align: left;
}

span.caption {
     display: block;
     text-align: left;
     font-size: 14px;
     letter-spacing: 6px;
     text-transform: uppercase;
     font-weight: 500;
    color: #6E0000;
    padding: 5px 10px;
}

span.inputbox {
     clear: left;
     display: block;
     border-top: 0px solid #6E0000;
     padding: 0px;
}

input.text, textarea {
     background-color: #BCB8A9; /* #ADA895;*/
     font-family: Times New Roman, Times, Serif;
	font-size: 12px;
      letter-spacing: 3px;
	color: #353535;
	font-weight: 400;
	border-top: 1px solid #6E0000;
	border-right: 0px solid #6E0000;
	border-bottom: 0px solid #6E0000;
	border-left: 0px solid #6E0000;
      width: 480px;
      padding: 5px 10px;
}

input.submit {
      background-color: #ADA895;
      font-family: Times New Roman, Times, Serif;
      text-transform: uppercase;
      padding: 5px 10px;
	font-size: 12px;
      letter-spacing: 4px;
	color: #6E0000;
	font-weight: 400;
	border: 1px solid #6E0000;
}

input.submit:hover {
     background-color: #BCB8A9;
     cursor: hand;
     cursor: pointer;
}

/* Review / reviewer settings */

div.review {
     padding: 0px;
     margin: 20px 40px;
     border-top: 0px dotted #8a2230; 
     font-size: 12px;
     font-weight: 500;
     line-height: 19px;
     text-align: justify;
}

span.reviewer {
     display: block;
     border-top: 0px dotted #8a2230; 
     text-align: right;   
     font-size: 11px;
     font-weight: 500;
     font-style: italic; 
}

div.centerblock {
     text-align: center;
     margin: 0px auto;
     width: 550px;
}

/* Image settings */
img.rightimage {
     float: right;
     margin: 0px 10px;
     padding: 0px;
}

img.leftimage {
     float: left;
     margin: 0px 10px;
     padding: 0px;
}

div.thumbnailholder {
     width: 150px;
     height: 150px;
     margin: 0px 0px 10px 10px;
     padding: 0px;
     border-left: 1px solid #6E0000;
     border-top: 1px solid #6E0000;
     border-right: 0px solid #6E0000;
     border-bottom: 0px solid #6E0000;
     float: left;
     background-color: #BCB8A9;
     background-position: center;
     background-repeat: no-repeat;
     cursor: hand;
     cursor: pointer;
}


div.imageholder {
     width: 500px;
     height: 500px;
     margin: 0px;
     padding: 0px;
     border-left: 1px solid #6E0000;
     border-top: 1px solid #6E0000;
     border-right: 0px solid #6E0000;
     border-bottom: 0px solid #6E0000;
     float: left;
     background-color: #E6E3DA;
     text-align: center;
     background-position: center;
     background-repeat: no-repeat;
}

span.imagecaption {
     display: block;
     font-size: 14px;
     letter-spacing: 3px;
     font-weight: 500;
     color: #353535;
     text-align: center;
     font-family: Times New Roman, Times, Serif;
}


/* Concert listings */

div.yearline {
     border-bottom: 1px solid #6E0000;
     background-color: #BCB8A9;  
     width: 500px;
     text-align: center;
     margin: 10px 0px 0px 0px;
     padding: 0px 0px 1px 0px;
    text-transform: uppercase;
    font-size: 12px;
     line-height: 12px;
     height: 13px;
}
div.monthline {
     background-color: #BCB8A9;  
     border-bottom: 1px solid #6E0000;
     width: 500px;
     text-align: center;
     margin: 0px 0px 10px 0px;
     padding: 1px 0px;
     text-transform: uppercase;
     font-size: 11px;
     line-height: 11px;
     height: 12px;
}
span.currentyear {
     padding: 0px; 
     background-color: #E6E3DA;
     height: 13px;
}
span.currentmonth {
     padding: 0px; 
     background-color: #E6E3DA;
     line-height: 11px;
     height: 12px;
}

div.concert {
     clear: left;
/*     background-color: #BCB8A9; */
     padding: 5px 0px;
     width: 500px;
     min-height: 70px;
     margin: 10px 0px 0px 0px;
     border-top: 1px solid #6E0000;
     border-left: 0px solid #6E0000;
     text-align: left;
}

div.leftfloat {
     padding-left: 10px;
     float: left;
     width: 190px;
}
div.rightfloat {
     float: right;
     width: 290px;
     margin-left: 0px;
     padding: 0px 5px;
}
span.date {
    margin: 0px;
    border-top: 0px solid #6E0000;
    border-left: 0px solid #6E0000;
    width: 190px;
    text-transform: uppercase;
    display: block;
    font-size: 12px;
    padding: 0px;
    letter-spacing: 2px;
}
span.venue { /*TRBL*/
    display: block;
    border-left: 0px solid #6E0000;
    margin: 0px;
    padding: 5px 0px 0px 0px;
    width: 190px;
    text-transform: uppercase;
/*    font-variant: small-caps; */
    color: #6E0000;
    font-size: 10px;
}
span.role {
    width: 290px;
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
    display: block;
    color: #353535;
    font-size: 10px;
}
span.details {
     width: 290px;
     display: block;
     border-top: 0px solid #6E0000;
     border-bottom: 0px solid #6E0000;
     padding: 5px 0px 0px 0px;
    font-size: 12px;
    margin: 0px;
}


/* Links page */

div.linkbox {
    display: block;
    width: 500px;
    text-align: left;
    padding: 5px 0px;
    margin: 0px 0px 40px 0px;
    border-top: 1px solid #6E0000;
     background-color: #BCB8A9; /* #ADA895; */
}

span.link {
    display: block;
    text-align: left;
    font-size: 12px;
    padding: 5px 10px;
}


/* LINK COLOURS */

a { text-decoration: none; }
div.navbar a:link { color: #353535; }
div.navbar a:visited { color: #353535; }
div.navbar a:active { color: #353535; }
div.navbar a:hover { color: #6E0000; }

div.main a:link { color: #6E0000; }
div.main a:visited { color: #6E0000; }
div.main a:active { color: #6E0000; }
div.main a:hover { color: #AA0000; }

div.bottombar a:link { color: #353535; }
div.bottombar a:visited { color: #353535; }
div.bottombar a:active { color: #353535; }
div.bottombar a:hover { color: #6E0000; }

span.link a:link { color: #353535; }
span.link a:visited { color: #353535; }
span.link a:active { color: #353535; }
span.link a:hover { color: #6E0000; }