/* screen styles for www-kirstymaccoll-com */
body { font-family: Arial, Helvetica, sans-serif; font-size: 92%; color: #000000; background-color: #FFF; background-image: url("/common/backgrounds/yellfade.gif"); background-repeat: repeat-y; margin: 0px; padding: 0px; text-align: left;}

a:hover { color: #FF0000;}
a.chords { font-size: 80%; color: #630031; background-color: #FFE708; padding-top: 0px; padding-right: 4px; padding-bottom: 0px; padding-left: 4px; text-decoration: none; }
a.chords:hover { font-size: 80%; color: #FFF; background-color: #FF0000; padding: 0 4px 0 4px; text-decoration: none; }
a.homebold, .homebold1  {   font-weight: bold;   color: #000000;   text-decoration: none; margin-left: 0; padding: 0; }
.homebold:hover, .homebold1:hover  {  color: #FF0000; text-decoration: underline;}
a.lyrics { font-size: 80%; color: #FFE708; background-color: #630031; padding: 0 4px 0 4px; text-decoration: none;}
a.lyrics:hover { font-size: 80%; color: #FFF; background-color: #FF0000; padding: 0 4px 0 4px; text-decoration: none;}
a.real:hover { font-size: 80%; color: #FFF; background-color: #FF0000; padding: 0 4px 0 4px; text-decoration: none;}
div.clearabove { clear:both; padding-top: 2em;}
div.clearabove h2 { margin: 0px; padding: 0px;}
div.newrow h2 { margin: 0px;}
div.newrow { clear:both;}
div.clearabove p, div.newrow p { margin: 0px; padding: 0px;}
div.discog { margin: 0 0 1em 0; clear:both; border-top: thin solid; }
div.discog p { margin: 0px; padding: 0px;}
div.songindex {}
div.songindex h2 { background-color:#FFFFCC; margin: 1em 0 0 0; padding: 0;}
div.unreleasedsongindex h2 { background-color:#FFECF1; margin: 1em 0 0 0; padding: 0; }
div.songindex p, div.unreleasedsongindex p { margin: 0; padding: 0;}
div.panel_fw  {  color: #CC33CC; font-family: "Comic Sans MS"; font-size:105%; background-color: #FFF9BF;   margin-left: 10em;  padding: 1em 1em 1em 5em;  border: 1px solid black; }
div.panel_blue {  color: #000000;  background-color: #CCFFFF; margin: 0px;  padding: 15px;  border: 1px solid black; }
div.panel_pink  {  color: #000000;  background-color: #FAFFD7;  margin: 0px;  padding: 15px;  border: 1px solid black; }
em { font-size: 28px; padding: 0 0 0 28px; margin: 0; width: 540px; }
form br { clear: left; }
h1  {  font-size: 112%;  font-weight: 600;  color: #FFFF33;  background-color: #660033;  margin: 20px 0 10px;  padding: 4px 2px; }
h1.main_h1 {  font-size: 1.8em;  font-weight: 600;  color: #660033;  background-color: #FFF;  margin: 0;  padding: 0; }
h1 a, h1 a:active, h1 a:visited, h1 a:link { color: #FFF; text-decoration: none;}
h2  { font-size: 105%; font-weight: 600; color: #660033; margin-top: 0em;}
h2.date { padding: 0.1em 0 0.1em 0; margin: 0; color: #660033; background-color:#FFFFCC}
h2.homepage { margin: 0 0 0 1.5em;}
h2.overline  { color: #660033; padding-top: 6px; clear:both; padding-bottom: 6px;}
h3  {  font-size: 96%;  font-weight: 600;  margin: 0px;  padding: 0px; }
h4  {  font-size: 92%;  font-weight: 600;  margin: 0px;  padding: 0px; }
hr { color: #660033; clear: both;} 
img.advert { border: 0; float:right;  padding-bottom: 1em; margin-bottom: 10px;} 
img.center  { border: 1px solid; clear: both; background-position: center; margin: 0px;}
img.left  { border: 1px solid; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px; float: left;}
img.realaudio { border: none; margin: 0px 10px;}
img.right { border: 1px solid; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; float: right;}
input { float: left; margin-bottom: 10px; }
label { display: block; width: 180px; padding-right: 20px; margin-bottom: 10px; float: left; }
ol  {  margin: 0 0 0 1em;  padding: 0 0 0 1em; }
ol.sounds li { padding-bottom: 2em;}
p.date { padding-top: 0; margin-top: 0; color: #000;}
ul  {  list-style-type: square; }
ul.menulist  { margin: 0px;  padding: 0px;  list-style-type: none;  list-style-position: outside; }
ul.menulist li { margin: 0.25em 0 0 0; }
ul.nobullet  {  text-indent: 0px;  list-style-type: none;  list-style-position: outside; }
ul.remixes li { padding-bottom: 10px;}
ul.sitemaplist a  { font-size: 110%; background-color: #FFFFCC; height: 35px; width: 120px; vertical-align: middle; text-align:center;}
ul.sounds  { list-style-type: none; list-style-position: outside; padding: 0px; margin: 0px;}

.albumtitle  {  font-weight: bold;  font-style: italic;  color: #212163; }
.alphabet { font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif; font-size: 120%; color: #FFFF00; margin: 0px; text-indent: 2px; padding: 0px 5px; background-color: #660033; } 
.alphabet a { font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif; font-size: 120%; color: #FFFF00; margin: 0px; text-indent: 2px; padding: 0px 5px; background-color: #660033;} 
.alphabet a:hover { color: #660033; background-color: #FFFFFF;} 
.block_blue  { font-weight: bold; color: #FFFFFF; margin: 0px 0px 0px 50px; text-indent: 2px; padding: 0px 5px; background-color:#003399;} 
.block_green  { font-weight: bold; color: #FFFFFF; margin: 0px 0px 0px 50px; text-indent: 2px; padding: 0px 5px; background-color:#006633; } 
.block_red  { font-weight: bold; color: #FFFFFF; margin: 0px 0px 0px 50px; text-indent: 2px; padding: 0px 5px; background-color:#CC0033;} 
.block_yellow { font-weight: bold; color: #FFFF00; margin: 0px 0px 0px 50px; text-indent: 2px; padding: 0px 5px; background-color: #000000; } 
.breadcrumb  {  font-size: 90%;  margin: 0px;  padding: 0px;  text-indent: 2px; }
.chords {  font-family: "Courier New", Courier, mono;}
.clearall  { clear:both; padding-top: 1em; }
.freeworld  {  font-size: 110%;  font-weight: bold;  color: #660033;   margin: 0px 0px 1px;  text-indent: 2px;  padding: 0px; } 
em {  font-size: 110%;  font-weight: bold;  color: #660033;   margin: 0px 0px 1px;  text-indent: 2px;  padding: 0px; } 
.home {  font-size: 90%; color: #000000;  margin: 0 0 0 0.2em;  padding: 0; }
.homebold, .homebold1  {  font-weight: bold;  color: #000000;  margin: 0.5em 0 0.5em 0.2em;  padding: 0; }
.infopane  {  margin: 10px 0px 1px;  padding: 0px; }
#invisible  { visibility: hidden; }
.newsdate  { font-size: 92%; color: #666; padding: 0px; margin: 0 0 0.5em 0;}
.nospacing  { padding: 0px; margin: 0 0 0.5em 0;}
.quot  {  color: #6C0000; }
.relatedpages   {  font-size: 110%;  font-weight: bold;  color: #660033;  margin: 10px 0px 1px;  margin-top: 20px;  padding: 0px;  padding-top: 6px;  text-indent: 2px;  border-top-width: thin; border-top-style: solid;  border-top-color: #660033; clear:both;} 
.songtitle  {  color: #9B2700;  font-weight: bold;  font-style: italic; }
.textonly { display: none;}
.youtube { border: none; padding: 5px 0 0 0; margin: 5px 0 0 0;}

#amazon { background-color: #FFFFCC; float: right;  padding:1em 0 1em 3em; border: thin solid;  width: 50%;  margin-left: 4em; }
#badgeregion   {  position:absolute;  z-index:51;  right: 2%;  top: 1%; } 
#banner { top:0; width:802px; height:110px; margin:0; padding: 5px 0 0 0; background-color: #000066; color: #FFFFFF; border-bottom:1px solid black; position: absolute; top: 0px; left: 50%; margin-left: -401px; }
#banner a img { border:none; }
#banner img { float:left; margin: 0 15px 0 12px; }
#banner p { padding: 0; margin: 0 0 -12px 200px; line-height: 16px; height: 16px; }
#branding  { margin-left: 5%;  border:solid thin;}
.leftgig {float: left; width: 48%; margin: 0 1em 1em 0; }
.rightgig {float: right; width: 48%; margin: 0 1em 1em 0; }
div.c1 { width: 24%; float: left; margin: 0 8px; padding: 0;  }
div.c1-left {  }
div.c1-left h2 { font-weight: bold; font-size: 1.6em; line-height: 1.6em; }
div.c1 img { margin: 1em auto 0.4em auto;  }
div.c2 { width: 24%; float: left; margin: 0 8px; padding: 0;  }
div.c2 img { margin: 1em auto 0.4em auto;  }
div.c3 { width: 24%; float: left; margin: 0 8px; padding: 0; font-size: 80%;  }
div.c3 h2 { clear: both; }
div.c3 img { margin: 1em auto 0.4em auto;  }
div.c3-top120 { margin: 120px 0 0 0; padding: 0; }
div.c4 { width: 24%; float: left; margin: 0 8px; padding: 0; font-size: 80%;  }
div.c4 img { margin: 1em auto 0.4em auto;  }

div.c12 { width: 300px; float: left; margin: 0 1em 0 10px; padding: 0;  }
div.c34 { width: 250px; float: right; margin: 0 1em 0 10px; padding: 0;  }

div.c23 { width: 44%; float: left; margin: 0 1em 0 10px; padding: 0;  }
div.c23a { width: 44%; float: left; margin: 0 6px 0 0; padding: 0 8px 0 0; }
div.c23b { width: 44%; float: left; margin: 0 0 0 6px; padding: 0; }

div.c234 { width: 72%; float: left; margin: 0 1em 0 10px; padding: 0;  }
div.c123 { width: 72$; float: left; margin: 0 1em 0 10px; padding: 0;  }

#content { min-height:100%; height:auto !important; float: right; width:600px; padding : 10px; } 
#content img { border: 1px solid black; }
#collage { float: left;}
#contentregion  {  position: absolute; z-index:50; left: 155px; background-color: #FFFFFF; padding-left: 20px; border-left-width:thin; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: solid; border-left-color:#FFF; padding-right: 20px; padding-top: 10px; padding-bottom: 0px; top: 47px; }
#digiguide{ float: right; padding-left: 1em; }
#footer { padding: 3px 0 3px 10px; clear: both; bottom: 0; background-color:#000066; color:#FFFBE5; border-top:1px solid black; }
#footer img { float: right; border: none; margin: -6px 0 0 0; padding: 0; }
#headerregion { margin-left: 155px; background-color: #FFF; padding-left: 20px; border-left-width: thin; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: solid; border-left-color: #FFF; padding-right: 20px; padding-top: 10px; padding-bottom: 0px; top: 0px;}
#inset { background-color:#FFE708; }
#menubar { min-height:100%; height:auto !important; float: left; width: 170px; margin:0; padding :0; background-color:#FFFFFF; }
#menubar p { margin-left: 20px; }
#menubar #currentpage a , #menubar #currentgallerypage a, #menubar #currentinfopage a, #menubar #currentmusicpage a, #menubar #currentvisitorpage a { background: #FFFFFF; color: #1155ff;  }
#nav {clear:both; margin: 10px; padding: 10px; }
#nav ul li { display: inline; border-right: 1px solid black; padding: 0 0.5em 0 0.25em; }
#pageinfo { position:absolute;  z-index:7;  left: 0%;  top: 1%;  width: 150px;}
#printheader  {  display: none; }
#photoregion  {   position:absolute;  z-index:8;  left: 2%;  top: 25%;  width: 96%; } 
#photocredit  {  position:absolute;  z-index:4;  right: 2%;  top: 2%; } 
#translation_bar { text-align: left; padding-bottom: 0.5em; padding-top: 1em;}
#translation_bar ul { list-style: none; margin: 0; padding: 0; border: none; display: inline; }
#translation_bar ul li { margin: 0; display: inline; border: none; padding-right: 2px;}
#wrapper { width:800px; margin: 114px auto 0.2em auto; padding: 0; text-align:left; background-color: #FFFFFF; border:1px solid black; }
#footer a:link, #footer a:visited { color: #FFFFFF; background-color:#000066; }
#footer a:hover, #footer a:active { color: yellow; background-color:#000066; }
#menubar a { display:block; padding: 6px 2px 6px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 100%; 
 font-weight: bold; }
#menubar a:link, #menubar a:visited { text-decoration:none; color:#000066; background-color: #FFFFFF; }
#menubar a:active, #menubar a:hover { color: red; background-color:#FFFFFF; text-decoration:none; }
#menubar ul { margin: 10px 0; padding: 0 0 0 5px; list-style: none; }
#menubar ul li { margin: 0; padding: 0; list-style-type:none; text-align: left; }
#menubar ul li.gallerysubpage, #menubar ul li.infosubpage, #menubar ul li.musicsubpage, #menubar ul li.visitorsubpage { padding-left: 20px; background-image: url(/nav/bullets/flower.png); background-repeat: no-repeat; background-position: 0 .5em; }
#postcard_form { margin-left: 0; }
#postcard_form textarea { width: 200; }
#sidebar { margin: 1em; float:right;  width: 180px; margin-left: 40px;}