/* --- begin andreas02.css ---
  an open source xhtml/css website layout by Andreas Viklund -
  http://andreasviklund.com .
  Free to use in any way and for any purpose as long as the
  proper credits are given to the original designer.

  Version: 1.0, July 27, 2005

  R.E.Korns  16-Jul-2012  15  Revised add switchsize
  R.E.Korns  06-Jan-2011  14  Revised
  R.E.Korns  16-Feb-2010  13  Revised
  R.E.Korns  08-Oct-2009  12  Revised
  R.E.Korns  07-Oct-2009  11  Revised
  R.E.Korns  26-Aug-2009  10  Revised
  R.E.Korns  25-Aug-2009  09  Revised
  R.E.Korns  23-Mar-2009  08  Revised
  R.E.Korns  26-Oct-2008  07  Revised
  R.E.Korns  16-Jul-2008  06  Revised
  R.E.Korns  15-Jan-2007  05  Revised
  R.E.Korns  14-Nov-2006  04  Revised
  R.E.Korns  29-Oct-2006  03  Revised
  R.E.Korns  23-Oct-2006  02  Revised
  R.E.Korns  30-Sep-2006  01  Revised
*/

body {
  padding: 0;
  margin: 0;
  font: 76% tahoma, verdana, arial, sans-serif;
  /*font: 90% georgia, serif;*/
  /*line-height: 0.7em;*/
  background: #444444;
  color: white;
}

a {
  text-decoration: none;
  color: #286ea0;
}

a:hover {
  text-decoration: underline;
}

#toptabs {
  margin: 10px auto -13px auto;
  font-size: 0.8em;
  width: 760px;
}

#toptabs p {
  text-align: right;
  color: #eeeeee;
}

.toptab {
  padding: 3px 5px 3px 5px;
  margin: 0 0 0 4px;
  text-decoration: none;
/*
  border-bottom: 1px solid #e0e0e0;
*/
  background: #666666 url(../images/corner3.gif) top right no-repeat;
  color: #eeeeee;
}

.toptab:hover {
/*
  border-bottom: 1px solid #eaeaea;
*/
  background: #666666 url(../images/corner3.gif) top right no-repeat;
  color: #1ccdff;
  text-decoration: none;
}

.activetoptab {
  padding: 3px 5px 3px 5px;
  margin: 0 0 0 4px;
  color: #f2dd1d;
  text-decoration: none;
/*
  border-bottom: 1px solid #ffffff;
*/
  background: #000000 url(../images/corner3.gif) top right no-repeat;
}

.activetoptab:hover {
  text-decoration: none;
}

#container {
  margin: 0 auto 15px auto;
  width: 760px;
  padding: 5px 20px 20px 20px;
  background: #000000;
}

#logo {
  margin: 15px 0 0 0;
}

#logo h1 a {
  color: #444444;
}

#logo h1 a:hover {
  text-decoration: none;
}

#navitabs {
  clear: both;
}

.navitab {
  padding: 4px 8px 4px 8px;
  margin: 0 0 4px 0;
  text-decoration: none;
  letter-spacing: 1px;
  color: #424980;
  background: #cccccc url(../images/corner4.gif) top right no-repeat;
  border-bottom: 1px solid #777777;
  border-left: 1px solid #777777;
}

.navitab:hover {
  text-decoration: none;
  background: #171c46 url(../images/corner4.gif) top right no-repeat;
  color: #cccccc;
}

.activenavitab {
  padding: 4px 8px 5px 8px;
  margin: 0 0 5px 0;
  text-decoration: none;
  color: #f2dd1d;
  background: #3d426c url(../images/corner4.gif) top right no-repeat;
}

.activenavitab:hover {
  text-decoration: none;
}

/* Former...
#desc {
  height: 200px;
  color: #ffffff;
  padding: 0;
  background: #505050 url(../images/front-carol-worthey.jpg) top left no-repeat;
  clear: both;
  margin: 5px 0 0 0;
}
*/

#desc {
  height: 200px;
  color: #ffffff;
  padding: 0;
  clear: both;
  margin: 5px 0 0 0;
}

#desc p {
  width: 290px;
  font-size: 1em;
  /*line-height: 1.3em;*/
  /*line-height: 1.2em;*/
  line-height: 1.15em;
  padding: 0 0 0 15px;
}

#desc h2 {
  padding: 10px 15px 0 15px;
  color: #ffffff;
}

#desc a {
  color: #ffffff;
  text-decoration: underline;
}

.desc_home {
  background: #505050 url(../images/front-carol-worthey.jpg) top left no-repeat;
}
.desc_bioc {
  background: #505050 url(../images/front-composer.jpg) top left no-repeat;
}
.desc_commission {
  background: #505050 url(../images/front-piano-rack.jpg) top left no-repeat;
}
.desc_events {
  background: #505050 url(../images/front-events.jpg) top left no-repeat;
}
.desc_bioa {
  background: #505050 url(../images/front-beyond-the-storm.jpg) top left no-repeat;
}
.desc_gallery {
  background: #505050 url(../images/front-flowershop.jpg) top left no-repeat;
}
.desc_store {
  background: #505050 url(../images/front-main-street.jpg) top left no-repeat;
}


#main {
  width: 580px;
  float: left;
  padding: 0 15px 0 0;

  border-right: 1px solid #777777;
}

#main h1 {
  margin:0 0 16px;
  font-size:1.6em;
  font-weight:bold;
  letter-spacing:-1px;
  /*color:#505050;*/
}

#main h1 a {
  font-weight:normal;
}

#main h2 {
  margin:0 0 16px;
  font-size:1.7em;
  font-weight:normal;
  letter-spacing:-1px;
  /*color:#505050;*/
}

#main h2 a {
  font-weight:normal;
}

#main h3 {
  margin:0 0 10px;
  font-size:1.5em;
  /*color:#505050;*/
  font-weight:normal;
}

#main h3 a {
  font-weight:normal;
}

#main ul {
  /*margin:0 0 18px 10px;*/
  padding:2px;
}

#main ul li {
  list-style:none;
  margin-bottom:2px;
}

#main ul li a {
  padding:2px;
  font-weight:bold;
}

#main ul ul {
  /*margin:0 0 6px 20px;*/
  font-weight:normal;
}

#main ul.entrylist li {
  list-style: circle;
  /*margin:0 15px 4px 15px;*/
  padding:0;
}



#mainsf {
  width: 580px;
  float: left;
  padding: 0 15px 0 0;
  font: 110% georgia, serif;
  line-height: 0.9em;
  font-weight: normal;
  text-align: left;

  border-right: 1px solid #777777;
}

#mainsf h1 {
  font-size: 1.7em;
  line-height: 1.0em;
  font-weight: bold;
  /*text-decoration: underline;*/
  /*letter-spacing:-1px;*/
}


#mainsf h1 a {
  font-weight:normal;
}

#mainsf h2 {
  font-size: 1.5em;
  line-height: 1.0em;
  font-weight: bold;
  /*letter-spacing:-1px;*/
}

#mainsf h2 a {
  font-weight:normal;
}

#mainsf h3 {
  font-size: 1.3em;
  line-height: 1.1em;
  font-weight:normal;
}

#mainsf p {
  font-size: 1.1em;
  line-height: 1.0em;
  font-weight: normal;
  text-align: left;
}

#mainsf h3 a {
  font-weight:normal;
}

#mainsf ul {
  /*margin:0 0 18px 10px;*/
  padding:2px;
}

#mainsf ul li {
  list-style:none;
  margin-bottom:2px;
  line-height: 1.2em;
}

#mainsf ul li a {
  padding:2px;
  font-weight:bold;
}

#mainsf ul ul {
  /*margin:0 0 6px 20px;*/
  font-weight:normal;
}

#mainsf ul.entrylist li {
  list-style: circle;
  /*margin:0 15px 4px 15px;*/
  padding:0;
}

.forms {
  background: #1d1d1d;
  color: white;
}

.oldblock {
  width: 547px;

  background: #1d1d1d;
  padding: 15px;
  clear: none;
}

.block {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;

  width: 547px;

  background: #1d1d1d;
  border:2px solid #262626;
  padding: 15px;
  clear: none;
}

.block p {
  width: 510px;
/*
  font-size: 1em;
  line-height: 1.3em;
*/
  background: #1d1d1d;
  padding: 0 0 0 15px;
}

.blockw {
  width: 687px;

  background: #1d1d1d;
  padding: 15px;
  clear: none;
}

.blockw p {
  width: 650px;
/*
  font-size: 1em;
  line-height: 1.3em;
*/
  background: #1d1d1d;
  padding: 0 0 0 15px;
}

.blocklt {
  width: 527px;

  background: #2d2d2d;
  padding: 1px 10px 1px 10px;
  clear: none;
}

.blocklt p {
  width: 490px;
  background: #2d2d2d;
  padding: 0 0 0 15px;
}

.splitcontentleft {
  float:left;
  width:48%;
}

.splitcontentright {
  float:right;
  width:48%;
}

.fullcontent {
  clear:both;
  float:none;
  width:100%;
}

.fullhome {
  clear:both;
  float:none;
  width:99%;
}

#sidebar {
  width:164px;
  float:right;

  background: #424980;
  background-color: #424980;
  /* top,right,bot,left */
/*
  padding: 0 0 80px 12px;
  padding: 0 0 0 10px;
  border-left: 1px solid #777777;
*/
}

#sidebar p {
  /*width:116px;*/
  width:136px;

  font-size: 0.9em;
  line-height: 1.3em;
/*
  margin: 0 0 12px 0;
*/
  margin: 0 12px 12px 0;
  padding: 0 0 0 10px;
}

#sidebar h3 {
  width:116px;

/*
  font-size: 0.9em;
  line-height: 1.3em;
  margin: 0 0 12px 0;
  margin: 0 12px 12px 0;
*/
  padding: 0 0 0 10px;
}

.sidelink {
  text-align: left;
  display: block;
  width: 120px;
  padding: 3px 4px 3px 8px;
  margin: 5px 10px 5px 0;
  background: #cccccc url(../images/corner5.gif) top right no-repeat;
  color: #424980;

}

.sidelink:hover {
  text-decoration: none;
  color: #cccccc;
  background: #171c46 url(../images/corner5.gif) top right no-repeat;
}

.sidelinkactive {
  text-align: left;
  display: block;
  width: 120px;
  padding: 3px 4px 3px 8px;
  margin: 5px 10px 5px 0;
  text-decoration: none;
  color: #f2dd1d;
  background: #171c46 url(../images/corner5.gif) top right no-repeat;
}

#footer {
  height:16px;

  clear: both;
  background: #1a2256;
  color: #808080;
  font-size: 0.9em;
  padding: 8px 0 8px 0;
  border-top: 1px solid #777777;
  border-bottom: 1px solid #777777;
  text-align: center;
}

#footer a {
  color: #808080;
}



#news {
  margin: 25px 0 15px 0;
  padding: 0;
  font: 110% georgia, serif;
  line-height: 0.9em;
  font-weight: normal;
  text-align: center;
}

#news h1 {
  font-size: 1.7em;
  line-height: 1.0em;
  font-weight: bold;
  text-decoration: underline;
}

#news h2 {
  font-size: 1.5em;
  line-height: 1.0em;
  font-weight: bold;
}

#news h3 {
  font-size: 1.3em;
  line-height: 1.1em;
}

#news p {
  text-align: center;
}



h1 {
  margin: 0 0 20px 0;
  font-size: 2.1em;
  font-weight: normal;
}

h2 {
  margin: 0 0 20px 0;
  font-size: 1.6em;
  font-weight: normal;
}

h3 {
  margin: 20px 0 10px 0;
  font-size: 1.4em;
  font-weight: normal;
}

p {
  margin: 0 0 15px 0;
  line-height: 1.5em;
  text-align: left;
}

.right {
  text-align: right;
}

a img {
  border: 0;
}

.photo {
  padding: 5px;
  display: block;
  margin: 0 auto 15px auto;
  background-color: #000000;
}

.photo2 {
  padding: 0px;
  display: block;
  margin: 0 0 0 0;
  background-color: #1d1d1d;
}

.photosidebar {
  padding: 5px;
  display: block;
/*
  margin: 0 auto auto auto;
*/
  margin: 0 0 0 0;
  background-color: #424980;
}

.photoleft {
  padding: 5px;
  display: block;
  margin: 0 auto 15px auto;
  background-color: #000000;
  float: left;
}

.photoright {
  padding: 5px;
  display: block;
  margin: 0 auto 15px auto;
  background-color: #000000;
  float: right;
}

.photoblock {
  padding: 5px;
  display: block;
  margin: 0 auto 15px auto;
  background-color: #1d1d1d;
}

.photoblockleft {
  padding: 12px;
  display: block;
  margin: 0 auto auto auto;
/*
  margin: 0 auto 15px auto;
  background-color: #1d1d1d;
*/
  background-color: #1d1d1d;
  float: left;
}

/*
.photoblockright:hover {
  border-color: #888888;
}
*/

.photoblockright {
  padding: 12px;
  display: block;
  margin: 0 auto auto auto;
/*
  margin: 0 auto 15px auto;
  background-color: #1d1d1d;
*/
  background-color: #1d1d1d;
  float: right;
}

.hide {
  display: none;
}

/* --- Searchbar styles --- */

.searchbar {
  margin:5px 0 15px;
}

.searchbar form fieldset {
  margin-left:8px;
  border:0 solid;
}

.searchbar .s {
  width:110px;
  margin:0 5px 0 0;
  padding:2px;
  border:1px solid #aaaaaa;
}

.searchbar .searchbutton {
  width:30px;
  padding:2px;
  border:1px solid #aaaaaa;
  font-size:0.9em;
  text-align:center;
}

.clear {clear: both;}
.small {font-size: 0.8em;}
.hide {display: none;}
.textcenter {text-align: center;}
.textright {text-align: right;}
.textleft {text-align: left;}
.important {color: #f02025; background-color: inherit; font-weight: bold;}

.font-sans  { font: 76% tahoma, verdana, arial, sans-serif; }
.font-serif { font: 110% georgia, serif; }

/* --- Special Text Colors --- */

.postdate      { color: #868dc0; /* Blue Light  */ }
.highlight     { color: #868dc0; /* Blue Light  */ }

.gold          { color: #f2dd1d; /* ...         */ } 
.bluesidepanel { color: #424980; /* ...         */ } 
.bluefooter    { color: #1a2256; /* ...         */ } 
.bluedark      { color: #171c46; /* ...         */ } 
.bluebr        { color: #171c46; /* ...         */ } 
.bluelt        { color: #868dc0; /* ...         */ } 
.graylt        { color: #cccccc; /* ...         */ } 
.gray5         { color: #555555; /* ...         */ } 
.graydark      { color: #777777; /* ...         */ } 
.lime          { color: #35fd43; /* ...         */ } 
.orange        { color: orange;  /* was #ff4e00 */ }

/* --------------------------- */

.contrast1 {
  color:#000000;
  background:#999999;
}

.contrast2 {
  background:#555555
}


.borderflash {
  border: 2px solid transparent;
}

.borderflash:hover {
  border: 2px solid #ffffff;
}


.rounded-corners-5 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.rounded-corners-8 {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
}

.rounded-corners-10 {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}

.rounded-corners-20 {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
}

.switchsize {
  cursor: pointer;
}
.switchsize:hover {
  cursor: hand;
}

/* --- end andreas02.css --- */