/* ---------------------------------------
West End String Quartet Style Sheet
author: Greg Kamprath
version: 2009.09.19
--------------------------------------- */


/* Color glossary - unfortunately I think this isn't accurate
bright orange = #fd6c47
orange = #a52000
dark orange = #661300
*/

/* 8888888888888888888888888888888888888888888888 more general styling 888888888888888888888888888888888888 */
/* === general  ||||||||||||||||||||||||||||||||| */
* {
   padding: 0;
   margin: 0; }
body {
   color: #333;
   font-family: Arial, Verdana, Sans-serif;
   font-size: 13px;                    
   background: #ccc url(../images/backgroundtile.gif) repeat-y 50% 0; }
h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11, h12, h13 {
   padding-top: 0;
   padding-bottom: .75em;
   font-family: "New Century Schoolbook", Palatino, Bookman, "Times New Roman", Times, serif; 
   font-style: italic; 
   font-size: 13px;
   letter-spacing: .1em; }
h1 {
   font-size: 1.5em;
   color: #a52000; }
h2, h3 {
   font-size: 1.2em;
   color: #a52000; }
h4 {
   padding-bottom: 0; }
h4 + p { 
   padding-left: 1em;
   margin-bottom: 1em; }
p {
   padding: 0em 0em .5em 0em;
   text-indent: 1.5em;
   line-height: 1.3em; }
p + p {
   padding: 0em 0em .5em 0em; }
ul    { 
   list-style-type: none;
   padding: 0em 0em .5em 0em; }
li {
   margin-left: 20px; }
abbr { border:0; }
a:link, a:hover, a:active, a:visited { 
   text-decoration: none;
   color: #a52000;
   border: none;
   border-bottom: #fff dotted 1px; }
a:hover, a:active {
   color: #661300;
   border-bottom: #333 dotted 1px; }
.left {
   float: left; }
.right {
   float: right; }
.noindent {
	text-indent: 0; }
.black {
	color: #000; }
img.left, img.right {
   border: 1px solid #000;
   margin-left: 14px;
   margin-right: 14px;
   margin-top: .5em;
   margin-bottom: .5em; }
.error {
   color: #FF0000; }
li.error {
   margin-left: 30px; }
input.submit {
   margin-top: .5em; }
.clear {
   clear: both; }



/* #wrapper ||||||||||||||||||||||||||||||||||||||| */
#wrapper {
   width: 752px;
   padding: 0;    
   margin-left: auto; 
   margin-right: auto; 
   background: #fff; }

/* 88888888888888888888888888888888888888888888888888 start major DIVs 8888888888888888888888888888888 */   
/* #header ||||||||||||||||||||||||||||||||||||| */
#header {
   padding: 0 0 20px 0;
   background: #fff; }
#header a:link, #header a:visited {
   display: block; }
#headerpic {
   position: absolute;
   top: -100%;
   width: 750px;
   height: 150px;
   border: #000 1px solid; }
#namesplash {
   padding: 0;
   margin: 0;
   width: 750px;
   height: 150px;
   background: url('../images/headerpic.jpg');
   border: 1px solid #000; }
#namesplash h2 {
   padding: 0;
   margin: 30px 0 0 380px;
   font-size: 1.6em;
   font-weight: normal;
   font-style: italic;
   letter-spacing: .25em; }
#index {
   margin-left: 10px; }
#index h1 {
   width: 750px;
   padding: 0; 
   margin-top: 1em;
   margin-bottom: 0em;
   color: #a52000;
   font-size: 1.8em;
   letter-spacing: .8em;
   text-align: center; }
#index img { 
   margin-top: 10px;
   margin-bottom: 10px;
   border: #000 1px solid;
   border-color: #000; }

   
/* #nav |||||||||||||||||||||||||||||||||||||||| */
#nav {
   font-family: Times New Roman, serif;
   font-style: italic;
   font-size: 1.2em;
   letter-spacing: .1em; }
#nav ul {
   height: 1em; 
   padding-top: .5em;
   padding-bottom: .5em; }
#nav li {
   margin: 0;
   padding-left: 4px;
   padding-right: 4px;
   border-left: #000 1px solid;
   border-right: #000 1px solid; }
#nav li + li {
   border-left: #000 0px solid;
   border-right: #000 1px solid; }
#nav a:link, #nav a:visited {
   /* adjust this padding to widen or shorten the nav */
   padding-left: 11px;
   padding-right: 11px;
   color: #000;
   border: 0px #fff solid;
   border-left: #fff 1px solid;
   border-right: #fff 1px solid; }
#nav a:hover, #nav a:active {
   color: #a52000;
   border-left: #999 1px solid;
   border-right: #999 1px solid; }
#nav a:link, #nav a:visited {
   display: block; }
#nav li {
   float: left;
   text-align: center; }
   
/* #content |||||||||||||||||||||||||||||||||||| */
#content {
   float: left;
   width: 470px;
   padding-left: 15px;
   padding-right: 15px;
   background: #fff; }
#content .vevent {
   margin: 0 0 1em 0;
   padding: .5em .5em .5em .5em;
   border: 1px #000 solid;
   border-color: #a52000; }
#content .old {
   border: 1px solid #666;
   color: #666; }
#content abbr.dtstart {
   padding-right: 1em;
   border-right: #a52000 solid 1px; }
#content .summary { }
#content .location {
   display: block;
   margin: 1em 0 0 0;
   padding: 0;
   font-family: Helvetica, Arial, Sans-serif;
   font-size: .9em;
   font-weight: bold; }
#content .description {
   padding: 0;
   margin: 0;
   font-family: Helvetica, Arial, Sans-serif;
   font-size: .9em; }
#content div + div {
   margin-top: 1em; }
#content h3 {
   font-size: 1.5em; }
#content li {
   margin-bottom: .25em; }
#content h4.home {
   color: #a52000;
   margin-bottom: 1em; }
#content h4.homedate {
	font-weight: bold;
	font-style: normal;
	text-decoration: underline; }
   
/* #sidebar ||||||||||||||||||||||||||||||||||| */
#sidebar {
   float: left;
   width: 220px;
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 20px;
   background: #fff;
   border-left: #000 1px solid;
   border-color: #a52000; }
#sidebar div + div {
   margin-top: 1em; }
#sidebardates div.vevent {
   margin-top: 0; }
#sidebardates .vevent {
   border-top: 1px #000 solid;
   border-bottom: 1px #000 solid; }
#sidebardates .vevent + .vevent {
   border-top: 0px #000 solid;
   border-bottom: 1px #000 solid; }
#sidebardates a {
   display: block;
   padding: .5em 0 .5em 0;
   margin: 0; }
#sidebardates a:link, #sidebardates a:visited {
   color: #a52000; }
#sidebardates a:active, #sidebardates a:hover { 
   color: #661300; }
#sidebardates .old a:link, #sidebardates .old a:visited {
   color: #666; }
#sidebardates .old a:active, #sidebardates .old a:hover {
   color: #333; }
   
/* #footer |||||||||||||||||||||||||||||||||| */
#footer {
   float: left;
   clear: both;
   width: 752px;
   height: 1.5em;
   margin: 1em 0 2em 0;
   padding: 0;
   background: #fff;
   border-top: #333 1px solid;
   border-bottom: #333 1px solid; }
#footer p {
   display: inline;
   line-height: 1.5em;
   padding: .22em .5em .22em .5em;
   margin: 0;
   border-right: #333 solid 1px; }
#footer p + p {
   font-style: italic;
   border-width: 0px; }
#footer a{
   padding: 0;
   margin: 0; }

/* 8888888888888888888888888888888888888888 Start minor DIVs 88888888888888888888888888888888888888 */
/* concertnotes ||||||||||||||||||||||||||||| */
#concertnotes {
   margin-left: 40px;
   margin-bottom: 1em; }
#concertnotes h3 {
   margin-bottom: 0;
   font-size: 12px; }
h4.piece {
   margin-top: .5em;
   font-style: normal;
   text-decoration: underline; }
h4.composer {
   margin-bottom: .5em;
   color: #a52000; 
   font-weight: normal;
   text-decoration: none; }
.littlenote + h4 {
   margin-top: .5em; }
#concertnotes h4 + p {
   padding-left: 0;
   margin-bottom: 0; }
#concertnotes p {
   text-indent: 1.5em;
   line-height: 1em; }
#concertnotes .littlenote {
   font-size: .8em;
   text-indent: 0; }


/* projects |||||||||||||||||||||||||||||||||| */
#projects h4 {
   text-decoration: underline;
   margin-bottom: .5em; }
#projects p {
   margin-left: 0;
   padding-left: 0; }   
   
/* listen |||||||||||||||||||||||||||||||||||| */
#listen ul {
   margin-left: 30px; }
   
/* maillist form |||||||||||||||||||||||||||| */
#maillist {
   width: 200px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: .5em;
   padding-bottom: .5em;
   margin-left: auto;
   margin-right: auto;
   border: 1px #ccc solid; }
#maillist input.address {
   color: #555; }
   
/* maillist-dada form |||||||||||||||||||||||||||| */
#maillist-dada {
   width: 200px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: .5em;
   padding-bottom: .5em;
   margin-left: auto;
   margin-right: auto;
   border: 1px #ccc solid; }
#maillist-dada input.address {
   color: #555; }

/* comments ||||||||||||||||||||||||||||  different from user comment in that this is a div, that's a table */ 
#comments {
   border: 1px #ccc solid;
   width: 450px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: .5em;
   padding-bottom: .5em;
   margin-left: auto;
   margin-right: auto; }
   
/* usercomment ||||||||||||||||||||||||||| */
#usercomment { }
#usercomment th {
   text-align: right; }
   
/* members |||||||||||||||||||||||||||||||||| */
#members {
   width: 200px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: .5em;
   padding-bottom: .5em;
   margin-left: auto;
   margin-right: auto;
   border: 1px #ccc solid; }
#members h3 {
   text-align: center;
   font-style: italic;
   font-weight: bold;
   color: #333; }
#members ul {
   margin-left: 25px; }
#members li {
   margin-bottom: .5em; }

/* 8888888888888888888888888888888888888888888888888 start classes 888888888888888888888888888 */
/* .vevent ||||||||||||||||||||||||||||||||| */
.vevent {
   padding: 0;
   font-family: Times New Roman, Serif;
   line-height: 1.3em;   }
.vevent .dtstart {
   padding: 0;
   margin: 0;
   font-weight: bold; }
.vevent .summary {
   padding: 0;
   margin: 0 0 0 .5em;
   font-style: italic;
   letter-spacing: .05em; }