body {
    background : #282828;
    font : normal 76% Georgia, "Times New Roman", serif;
    color : black;
    text-align : center;
}
div#wrapper {
    margin : 0 auto;
    text-align : left;
    width : 900px;
    font-family : Lucida Grande, Helvetica, sans-serif;
}
a {
    text-decoration : none;
    color : #8c9f9c;
}
a:hover {
    color : #4942B9;
}
ul {
    list-style : none;
}

/* ----- home page */
a img {
    border : 5px solid #8c9f9c;
    margin-bottom : 15px;
}
a:hover img {
    border : 5px solid #274949;
}

h1 {
    margin : 60px 0 0 0;
    padding : 0;
    width : 400px;
    height : 100px;
    position : relative;
    /* hide image replaced text */
    font-size : 1px;
    color : #282828;
}
h1 a {
    background : url(/images/DanStueber.jpg) no-repeat left;
    position : absolute;
    width : 100%;
    height : 100%;
}

div.homesection {
    text-align : center;
    font-size : 1.8em;
    margin : 30px auto;
    width : 425px;
    padding : 5px;
    float : left;
}
div.homesection a {
    color : silver;
}
div.homesection a:hover {
    color : #274949;
}
div.navsection {
    width : 135px;
    height : 600px;
    float : left;
    margin : 0;
    padding : 0;
    font-size : 1.2em;
    line-height : 125%;
    background : #282828;
    position : relative;
}

/* ----- flintknapping and drumming pages */
div.flint {
    position : absolute;
    top : 0;
}
div.drum {
    position : absolute;
    bottom : 0;
}
div.nav {
    width : 100%;
}
div.nav p {
    margin-left : 15px;
    padding : 0;
}
div.nav ul {
    padding : 0 0 15px 0;
    margin-left : 15px;
}

div.nav img {
    border : 1px solid silver;
    margin : 20px 0 5px 15px;
}
div.nav a:hover img {
    border : 1px solid #274949;
}
div#textsection {
    width : 750px;
    height : 600px;
    float : left;
    margin : 0 0 30px 0;
    background : #8c8f8c; /*8c9f9c 383838;*/
    font-family : Palatino, Georgia, "Times New Roman", serif;
    font-size : 1.4em;
    line-height : 130%;
}
div#textsection a, 
div.nav a {
    /*color : #585858;*/
    color : white;
}
div#textsection a:hover,
div.nav a:hover {
    color : #274949;
}
div.selected {
    background : #8c8f8c;
}
body#flintpage div#textsection h2,
body#drumpage div#textsection h2 {
    font-size : 1.2em;
}
body#flintpage div#textsection p,
body#drumpage div#textsection p {
    margin : 0 40px 20px 40px;
}
body#flintpage div#textsection p#bio,
body#drumpage div#textsection p#bio {
    margin-top : 40px;
}

h2 {
    margin : 25px 20px 25px 22px;
}

/* ----- discography */
body#disc div#textsection {
    height : 64em;
}
ul.discography {
    float : left;
    display : inline; /* fix IE double-margin float bug */
    width : 340px;
    padding : 0;
    margin-left : 30px;
    line-height : 90%;
}
ul.discography li {
    height : 5.85em;
}
ul.discography p {
    margin : 0;
    padding : 0;
}
ul.discography p.title {
    padding : 6px 0 0 0;
}
ul.discography p.artist {
    font-size : .75em;
}
ul.discography p.label {
    font-size : .75em;
}
ul.discography img {
    vertical-align : top;
    height : 75px;
    width : 75px;
    float : left;
    padding-right : 15px;
}
ul.discography a img {
    border : none;
    margin : 0;
}
div#textsection ul.discography p.artist a {
   color : #ccc; 
}

/* ----- gigs */
body#gigspage div#textsection {
    height : auto;
    padding-bottom : 15px;
    font-size : 1.2em;
}
div#textsection h3 {
    margin-left : 30px;
}
ul#gigs {
    padding : 0;
    margin-left : 40px;
}
ul#gigs li {
    width : 400px;
    margin-bottom : 15px;
    padding-bottom : 5px;
    border-bottom : 1px dotted #ccc;
}
ul#gigs p {
    margin : 0;
    padding : 0;
}

/* ----- links */
ul.links li {
    padding-bottom : 5px;
}
div.divider {
    width : 500px;
    margin : 0 0 0 30px;
    border-bottom : 3px double #ccc;
}

/* ----- photos */
body#drumphotopage h2,
body#flintphotopage h2 {
/*    font-size : 1.2em;
    margin : 25px 20px 15px 22px;
*/
}
body#flintphotopage h4 {
    margin : 20px 25px 0px 25px;
    text-align : center;
}
body#drumphotopage p, 
body#flintphotopage p {
    line-height : 100%;
}
body#drumphotopage div#textsection {
    height : 710px;
}
body#flintphotopage div#textsection {
    height : 760px;
}

/* overrides for smooth gallery */
body#drumphotopage #myGallery,
body#flintphotopage #myGallery {
    width: 700px !important;
    height: 660px !important;
/*	min-height : 800px;*/
	background : #707070;
    margin : 25px;
	padding : 0;
	border: none;
}
body#flintphotopage #myGallery {
    margin : 10px 25px 25px 25px;
}
#myGallery .slideInfoZone {
	height: 70px;
   /* overflow : visible;*/
}
#myGallery .slideInfoZone h2 {
    margin : 10px;
	font-size: 100%;
}
#myGallery .slideInfoZone p {
	padding: 0;
	font-size: 100%;
    margin : 10px;
	color: #fff;
}
#myGallery .slideElement {
	height : 480px;  /* height of myGallery minus height of carouselMinimizedHeight (see jd.gallery.js) , approx; originally was 100% */
}
#myGallery a.carouselBtn {
    display : none;
}


/* ----- all pages */
div#footer {
    clear : both;
    padding-top : 0;
}
div#footer h3 {
    float : right;
    border-top : 3px double #585858;
    text-align : right;
    padding-top : 5px;
    margin-top : 0;
    color : silver;
    font-size : 1.2em;
}