article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
      display: block;
    }

body, td, th {font-size: 18px; font-family: Lora, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", serif; }
/* body, td, th {font-size: 18px; font-family: 'Times New Roman', TimesNR, Times, serif;} */
.larger {font-size: 2.0em;}
.large {font-size: 1.1em;}
.smaller {font-size: 0.85em;}

body.pages {
background-image: url('../Gifs/gr_bkg.jpg');
background-attachment: fixed;
background-color: #008000;
 }

div.wrapper {
max-width: 1152px;
min-height: 680px;
margin-left: auto;
margin-right: auto;
/* background-image: url('../Jpegs/seamless_white_paper_warmer.jpg'); */
background-image: url('../Gifs/bkg_0162.jpg');
background-color: #fff8dd;
padding: 20px;
 }

nav {
position: fixed;
width: 180px;
margin-top: 20px;
z-index: 13; 
 }

nav ul {
margin:0; 
padding: 0; 
list-style:none; 
white-space:nowrap;
}

nav li {
display: block;
margin:0; 
padding:0; 
height:auto; 
float:left;
}

article {
margin-left: 240px;
margin-right: 85px;
margin-bottom: 50px;
z-index: 1;
 }
 
article.wide {
margin-left: 180px;
margin-right: 30px;
 }
 
article.narrow {
margin-left: 265px;
margin-right: 110px;
 } 
 
article.extranarrow {
margin-left: 325px;
margin-right: 175px;
 }
 
div.photoindexhead {
position: fixed; 
top: 3%; 
bottom: 70%; 
left: 0; 
right: 0;
 }
 
div.photoindexbody {
position: absolute; 
top: 30%; 
bottom: 8.75%; 
left: 32%; 
right: 22%; 
overflow: auto;
 } 
 
/* h1 {
text-shadow: -1px -1px 2px green;
 } */

h1.homepagelogo {
text-align: left;
 }

span.subhead {
display: block;
font-size: 24px;
line-height: 30px;
margin-top: 10px;
 }

input, textarea {
font-size: 18px;
 }
 
input.name {
 } 

input.address {
display: none;
}

p, td {
text-align: left;
line-height: 140%;
 }

footer {
position: fixed;
z-index: 12;
/* margin-left: 180px; */
width: 100%;
bottom: 0;
height: 35px;
border-style: none;
color: yellow;
background-image: url('../Gifs/gr_bkg.jpg');
background-color: #fff8dd;
 }

/* footer.resources {
position: fixed;
z-index: 12;
width: 100%;
bottom: 0;
height: 35px;
border-style: none;
color: yellow;
background-image: url('../Gifs/gr_bkg.jpg');
background-color: #fff8dd;
 }

footer.play {
position: fixed;
z-index: 12;
width: 100%;
bottom: 0;
height: 35px;
border-style: none;
color: yellow;
background-image: url('../Gifs/gr_bkg.jpg');
background-color: #fff8dd;
 }

footer.pix {
position: fixed;
z-index: 12;
width: 100%;
bottom: 0;
height: 35px;
border-style: none;
color: yellow;
background-image: url('../Gifs/gr_bkg.jpg');
background-color: #fff8dd;
 } */

figure {
margin-left: auto;
margin-right: auto;
margin-bottom: 25px;
 }

figcaption {
font-size: 0.85em;
font-style: italic;
text-align: right;
margin-top: 5px;
 }

img {
border: 0;
}

p.textmenu, p.smallbuttons, div.smallbuttons, ul.smallbuttons {
font: 28px 'AndikaBasicRegular', Verdana, Arial, sans-serif;
display: block;
list-style: none; 
margin-left: auto; 
margin-right: auto;
padding-left: 180px; 
text-align: center; 
font-size: 0.65em;
 }
 
ul.smallbuttons li {
display: inline;
 }
 
h2.splashtext {
font: 18px 'AndikaBasicRegular', Verdana, Arial, sans-serif;
display: block; 
margin-left: auto; 
margin-right: auto; 
margin-top: 50px;
text-align: center; 
color: green;
line-height: normal;
 } 

span.unitalic {
font-style: normal;
}
                    
img.mainbutton {
margin-bottom: 8px;
 }
 
img.left {float: left; }
img.right {float: right; }

div.left {float: left; }
div.right {float: right; }

p.smallbuttons img, ul.smallbuttons img {
vertical-align: -25%;
 }
 
div.hr {
  height: 15px;
  background: url(../Gifs/hr1.gif) no-repeat scroll center;
}
div.hr hr {
  display: none;
}

div.curphotos {
/* display: block; */
/* margin-left: auto; */
margin-left: 300px;
/* padding-left: 48px; */
/* padding-left: 60px; */
/* width: 480px; */
/* width: 180px; */
 }

div.curlist {
display: block;
margin-left: auto;
margin-right: auto;
width: 480px;
 }
 
div.curlist table {
margin-left: auto;
margin-right: auto;
 } 

div.curlist table {
td,th
{
  border-left: 200px;
}
 
 } 

div.playlistyears {
display: block;
margin-left: auto;
margin-right: auto;
width: 650px;
 }
 
div.photoyears {
display: block;
margin-left: auto;
margin-right: auto;
width: 500px;
 }
 
div.playlistyears table, div.photoyears table {
margin-left: auto;
margin-right: auto;
 }
 
div.playlistyears table /*, div.photoyears table */ /*, table.pix */ {
padding-left: 50px;
border-spacing: 10px;
 }
 
div.photoyears table /*, div.photoyears table */ /*, table.pix */ {
padding-left: 20px;
border-spacing: 10px;
 }
 
div.playlistyears table td, div.photoyears table td /*, table.pix */ {
padding-bottom: 20px;
 }
 
div.playlistyears table td.year, div.photoyears table td.year /*, table.pix */ {
padding-right: 50px;
 }
 
table.entryform td {
padding-bottom: 10px;
 }

div.collage {
position: relative;
top: 0;
width: 85%;
height: 425px;
left: 50%;
margin-left: -42%;
margin-top: 20px;
margin-bottom: 20px;
border: thin #61826B solid;
box-shadow: 5px 5px 10px #61826B;
 }

/* table.pix {
width: 100%;
margin-top: 50px;
 } */
 
td.playlistdivider {
display: block;
margin-left: auto;
margin-right: auto;
width: 400px;
 } 

p.buttonsright {text-align: right; font-size: 0.65em;}

h2.note, ul.note {background-image: url('../Gifs/sm_bkg.jpg'); color: #330000; 
   background-color: #ffe3cf; padding: 16px; font-size: 1.1em;}
  
span.stress {
color: #E02B50; 
font-weight: 900;
}   

aside.note, aside.leftnote {
max-width: 200px;
padding: 16px;
font-size: 18px; 
font-family: 'AndikaBasicRegular', Verdana, Arial, sans-serif;
background-image: url('../Gifs/sm_bkg.jpg');
color: #330000;
background-color: #ffe3cf;
border: thin #61826B solid;
box-shadow: 5px 5px 10px #61826B;
 }
 
aside.note {
float: right;
margin: 6px 0px 6px 16px;
 }
 
aside.leftnote {
float: left;
margin: 6px 16px 6px 0px;
 }
 
div.bignote {
padding: 16px;
font-size: 24px; 
font-family: 'AndikaBasicRegular', Verdana, Arial, sans-serif;
background-image: url('../Gifs/sm_bkg.jpg');
color: #330000;
background-color: #ffe3cf;
border: thin #61826B solid;
box-shadow: 5px 5px 10px #61826B;
margin-bottom: 65px;
 }

span.searchterm {
font-size: 18px; 
font-family: 'AndikaBasicRegular', Verdana, Arial, sans-serif;
color: #006400;
 } 
   
p.announce {font-style: italic; font-weight: bold; color: #003300;}
p.curqtrintro {margin-bottom: 40px;}
table.qtrlist {border-spacing: 20px; }
td.qtrdate {display: table-cell; width: 40px; padding-right: 8px; vertical-align: top; text-align: right;}
td.fourthqtrdate {display: table-cell; width: 46px; padding-right: 8px; vertical-align: top; text-align: right;}
td.qtrtext {display: table-cell; vertical-align: top; }
td.latest {text-align: left; font-style: italic; font-size: 1.25em; font-weight: bold; color: #cc0000;}
td.year, td.rightyear {text-align: left; font-size: 1.25em;}
td.title {display: table-cell; vertical-align: top; text-align: left;}
td.day {display: table-cell; vertical-align: top; text-align: right; padding-right: 12px;}
/* td.day:hover, td.title:hover {background-image: none; background-color: #ffd700;} */
small {font-variant: small-caps;}
a:link {text-decoration: none; color: #2C628B;}
a:visited {text-decoration: none; color: #A0522D;}
/* a:link {text-decoration: none; color: #006699;}
a:visited {text-decoration: none; color: #996600;} */
a:link:hover {color: #6495ED; text-decoration: underline;}
a:visited:hover {color: #F08080; text-decoration: underline;}
a:link:active, a:visited:active {color: #ffd700; text-decoration: underline;}
h2.note a:link:active, h2.note a:visited:active {color: #ffff00;}
span.digthis {font-style: italic;}
ol.songlist {line-height: 2;}
ol.halfstep {line-height: 1.5;}

ul.smallbuttons a:link, ul.smallbuttons a:visited {
color: yellow;
}
 
ul.smallbuttons a:hover {
color: #FFFACD;
text-decoration: none;
}
 
table.alpha {
   margin-left: auto;
   margin-right: auto;
   border-collapse: separate;
   border-spacing: 1.6em;
 }

table.alpha td {
   text-align: center;
   font-size: 26px; 
   font-family: 'AndikaBasicRegular', Verdana, Arial, sans-serif;
 }

ul.smallbuttons a:active {
color: #FFD700;
text-decoration: none;
}
 
div.center {
    position: absolute;
    width: 400px;
    left: 50%;
    margin-left: -200px;
 }


img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
 }
 
img.leftclear, img.homepage {
    display: block;
    margin-left: 0;
    margin-top: 20px;
 }
 
img.rightclear {
    display: block;
    margin-left: auto;
    margin-right: 0;
    margin-top: 20px;
 }
 
img.leftfree {
    display: block;
    margin-left: 0;
    margin-right: auto;
    vertical-align: top;
    margin-bottom: 20px;
    border: thin #61826B solid;
    box-shadow: 5px 5px 10px #61826B;
 } 

img.centerfree {
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: top;
    margin-bottom: 20px;
    border: thin #61826B solid;
    box-shadow: 5px 5px 10px #61826B;
 }

img.rightfree {
    display: block;
    margin-left: auto;
    margin-right: 0;
    vertical-align: top;
    margin-bottom: 20px;
    border: thin #61826B solid;
    box-shadow: 5px 5px 10px #61826B;
 }
 
img.lefttop {
    float: left;
    vertical-align: top;
    margin-right: 20px;
    margin-bottom: 10px;
    border: thin #61826B solid;
    box-shadow: 5px 5px 10px #61826B;
 } 

img.centertop {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    vertical-align: top;
    border: thin #61826B solid;
    box-shadow: 5px 5px 10px #61826B;
 }

img.midtop {
    margin-left: 170px;
    margin-right: auto;
    margin-bottom: 10px;
    vertical-align: top;
    border: thin #61826B solid;
    box-shadow: 5px 5px 10px #61826B;
 }

img.righttop {
    float: right;
    vertical-align: top;
    margin-left: 20px;
    border: thin #61826B solid;
    box-shadow: 5px 5px 10px #61826B;
 }
 
img.leftthumb {
    float: left;
    margin-top: 28px;
    margin-right: 20px;
    border: thin #61826B solid;
    box-shadow: 5px 5px 10px #61826B;

 }

img.rightthumb {
    float: right;
    margin-top: 28px;
    margin-left: 20px;
    border: thin #61826B solid;
    box-shadow: 5px 5px 10px #61826B;

 }

div.cats {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 720px;
 }
 
div.cats img {
    margin-right: 6px;
    margin-bottom: 6px;
 } 
 
div.whiskey {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 720px;
 }
 
div.whiskey img {
    margin-right: 18px;
 } 
 
img.miscpic {
    border: thin #61826B solid;
    box-shadow: 5px 5px 10px #61826B;
 }
 
div.sidebyside {
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
 }

p.sidebysideleft {
    font-size: 1.1em;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
 }
 
p.sidebysidecenter {
    font-size: 1.1em;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
 }
 
p.sidebysideright {
    font-size: 1.1em;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
 }
 
p.pixlead {
    font-size: 1.1em;
    text-align: left;
    margin-bottom: 50px;
 }
 
p.leftunderimage {
    font-size: 1.1em;
    text-align: left;
    margin-bottom: 50px;
 } 

p.centerunderimage {
    font-size: 1.1em;
    text-align: center;
    margin-bottom: 50px;
 } 

p.rightunderimage {
    font-size: 1.1em;
    text-align: right;
    margin-bottom: 50px;
 } 

td.large {vertical-align: top; }  

tr.middle {
 }

tr.middle td {
    text-align: center; 
    vertical-align: middle;
    font-size: 1.1em;
 }

tr.middle td.left {
    text-align: left; 
    padding-left: 20px;
    vertical-align: middle;
 }

tr.middle td.right {
    text-align: right; 
    padding-right: 20px;
    vertical-align: middle;
 }

table.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
 }

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    border: thin #61826B solid;
    box-shadow: 5px 5px 10px #61826B;
         }
    
img.dropcap {
    display:block;
    float:left;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
 }

audio.centered, p.centered, table.centered, td.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  
iframe#streams {
width: 670px; 
height: 1094px;
 }

iframe#player {
width: 670px; 
height: 1816px;
 } 

#outerdiv, #outerdiv2, #outerdiv3 {
width: 670px;
position: relative;
left: 50%;
margin-left: -10px;

}

/* the rect syntax is rect (top, right, bottom, left) */

#innerdiv {
position: absolute;
left: -320px;
top: -80px;
clip:rect(80px, 656px, 896px, 4px);
overflow: hidden;
}

#innerdiv2 {
position: absolute;
left: -320px;
top: -80px;
clip:rect(70px, 656px, 150px, 4px);
overflow: hidden;
}  
         
#innerdiv3 {
position: absolute;
left: -320px;
top: -150px;
clip:rect(172px, 656px, 1440px, 4px);
overflow: hidden;
}  
         
div#firstfollowing {
margin-top: 860px;
 }

div#secondfollowing {
margin-top: 180px;
 }

div#thirdfollowing {
margin-top: 1380px;
 }