/*this is the primary style shett of the site*/
body {
     background-color: #000000;
     color: #ffffff;
     font-family: Verdana, Helvetica, Arial, sans-serif;
     font-size: 1em;
     background-image: none;
     margin: 0px;
     padding: 0px;
     background-position: center;
 }
#header {
     background-color: #000000;
     margin: 0%;
     margin-top:1%;
     padding: 0%;
     padding-right: 10%;
     bottom: 0%;
     width: 100%;
 }
#header p {
     font-size: .6em;
     text-align: right;
     color: #4c4c4c;     
     margin: 0px;
     margin-right: 3%;
     border:none;     
     border-top: 1px #333333 solid;
     border-bottom: 1px #333333 dotted;
 }
#header h1 {
     text-align: right;
     margin: 0px;
     padding:0%;
     padding-top: 1%;
     color: #4c4c4c;
     font-style: normal;
     font-family: Verdana, Helvetica, Arial, sans-serif;     
 }

#header h2 {
     font-size: .6em;
     border: none;
     margin: 0px;
    padding: 0px;
     background-image: none;
     text-align: left;
     color: #4c4c4c;
     background-position: center;
 }
#outer-image {
     height: 199px;
     width: 590px;
     left: 30%;
     background-image:  url("images/sitedesign/iamman.jpg");
     background-position: left;
     background-repeat: no-repeat;
     border: 1px #333333 dotted;
     border-top:none;
     padding: 0px;
     margin: 0px;
     margin-top: 0%;
     position: relative;
     text-align: center;
 }

#musiccontent {    
     left: 40%;    
     margin: 0px;
     padding: 0px;
     padding-top: 1%;
     width: 50%;
     height: auto;   
     background-color:#000000;
     position: absolute;
     margin-top: 0%;
     border: none;
 }

#musiccontent p img {
     text-align: center;
     margin: 0px;
     padding: 0px;
 }
#musiccontent ul li {
     font-size: .8em;
     list-style-type: none;
     margin: 0em;
     padding: 0em;
 }

#gallerycontent {    
     left: 20%;    
     margin: 0px;
    padding: 0px;
     padding-top: 1%;
     width: 72%;
     height: 100%;   
     background-color:#000000;
     position: absolute;
     margin-top: 0%;
     border: none;
 }
#main-text {    
     left: 30%;    
     margin: 0px;
    padding: 0px;
     padding-top: 1%;
     width: 590px;
     height: 100%;   
     background-color:#000000;
     position: absolute;
     margin-top: 0%;
     border: none;
 }
#main-text p img {
     text-align: center;
     margin: 0px;
     padding: 0px;
 }
#main-text ul li {
     font-size: .8em;
     list-style-type: none;
     margin: 0em;
     padding: 0em;
 }


#bio {
     border: none;
     left: 60px;
     top: 242px;
     height: auto;
     position: absolute;
     margin: 0%;
     margin-top: 0%;
     padding:0%;
     padding-left: 2%;
     width: 19%;
}

#navbar {
     position: absolute;
     top: 5%;
     left: 5%;
     width: 70px;
     border: none;
 }

#navbar ul li a:link, #navbar ul li a:visited {
     display: block;
     text-decoration: none;
     font-weight: normal;
     border-bottom: #000000 solid 1px;
     padding-top: 3px;
     padding-bottom: 3px;
     padding-left: 20px;
     color: #666666;
     font-size: 1.4em;
 }
#navbar ul li a:hover {
     display: block;
     text-decoration: none;
     font-weight: normal;
     border-bottom: #000000 solid 1px;
     padding-top: 3px;
     padding-bottom: 3px;
     padding-left: 25px;
     color: #ffffff;
 }
#navbar ul li {
     list-style-type: none;
     margin: 0;
     padding: 0;
 }

#navbar ul {
margin: 0;
padding: 0;
}
#navbar ul li span#currentpage {
     background-color: #000000;
     color: #333333;
     display: block;
     text-decoration: none;
     font-weight: normal;
     border: #191919 solid 1px;
     border-top:none;
     border-right:none;
     padding-top: 3px;
     padding-bottom: 3px;
     padding-left: 10px;
     height: auto;
 }
#galleryfly {
     display: block;
     text-decoration: none;
     font-weight: bold;
     position: relative;
     left: 0%;
     top: 0px;
     background-color: #000000;
     font-size: 0.6em;
     border: #191919 solid 1px;
   border-left:none;
     border-bottom:none;
     padding: 0px;
     color: #666666;
     padding-top: 0px;
     margin-top:6px;
     margin-left:10px;
     margin-right: 0px;
     width: 100px;
     text-align: left;
 }
#galleryfly ul li a:link, #galleryfly ul li a:visited {
     display: block;
     text-decoration: none;
     font-weight: normal;
     padding-top: 3px;
     padding-bottom: 3px;
     border: none;
     color: #666666;
     background-color: #000000;
 }
#galleryfly ul li a:hover {
     color: #ffffff;
 }
#galleryfly ul li {
     list-style-type: none;
     margin: 0;
     padding: 0;
     border: none;
 }

#galleryfly ul {
     margin: 0;
     padding: 0;
     border: none;
 }
#galleryfly ul li span#currentpage {
     color: #333333;
     display: block;
     text-decoration: none;
     border: none;
     margin-right:80px;
     font-weight: normal;
 }

#mp3-link a:hover {
     font-size: 1em;
     list-style-type: none;
     margin: 0em;
     padding: 0em;
     color: #ffffff;
 }
h1 {
     font-size: 1em;
     text-align: left;
     letter-spacing: 5px;
     color: #333333;
     font-style: normal;
 }
h2 {
     font-size: 1.1em;
     border-bottom: 1px #333333 dotted;
     padding-top: 1em;
 }
h3 {
      font-size: 1.2em;
      color: #333333;
}
h4 {
     font-size: 0.8em;
     font-weight: normal;
     text-decoration: underline;
     text-align: center;
 }
 h5 {
     font-size: 0.8em;
     font-weight: normal;
     text-decoration: none;
     text-align: left;

 }

h6 {
     padding-top: 1%;
     padding-bottom:1%;
     border-top: 1px #333 dotted;
 }

p {
     font-size: .7em;
     line-height: 1.7em;
     text-align: left;
     padding:0%;
     margin:0%;
 }
#footer {
     font-size: .7em;
     font-weight: normal;
     position: fixed;
     bottom: 0%;
     left:5%;
     display: inline-block;
     text-align: center;
     padding: 0%;
     padding-top:10px;
     border-top: 1px #333333 dotted;
     padding-bottom: 5px;
 }

a:link {
     color: #999966;
     background-color:#000000;
     text-decoration: none;
 } 
a:visited {
     background-color: #000000;
     color: #999966;
     text-decoration: none;
  
 }

a:hover {     
     color: #ffffff;
     background-color: #000000;
     padding-left:5px;
     font-size: 1.8em;
 }

a:active {
     background-color: #000000;    color: #ffffff;
     font-size: 2.5em;

 }

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/photo_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#gallery {width:100%; height:100%; position:relative; border:0px solid #333; background:#000;

 }
#gallery ul {list-style:none; padding:5px; margin:0; width:195px; float:right; height:auto; overflow:auto;}

#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 4px 4px 0; border:1px solid #333; cursor:pointer;}
#gallery ul li img {display:block; width:50px; height:50px;}
#gallery ul li span {display:none; position:absolute; right:0%; top:400px; width:200px;font-family:verdana, arial, sans-serif; color:#333; font-size:11px; line-height:15px; text-align:justify;
     padding-top: 14px;
 }

#gallery ul li span b {color:#333;
     text-align: center;
 }
#gallery ul li span a {color:#fff;
     text-align: center;
     padding-left: 14px;
     padding-right: 14px;
 }

/* required for IE5.x and IE6 to display the start image size correctly */
#gallery ul li.click i img.default {margin:5px auto 0 auto; width:400px; height:400px; border:1px solid #333;}

#gallery ul li.off {display:none; }

#gallery ul li.click {border-color:#333; background:#000; cursor:default;}

#gallery ul li.click i {position:absolute; left:0%; top:0; width:545px; height:355px; } 

#gallery ul li.click i img {margin:5px auto 0 auto; width:auto; height:auto; border:1px solid #333; }

#gallery ul li.click span {display:block;}