/*
CSS for Fest of Ale Site
*/

body { font-family: Verdana, Helvetica, Arial, san-serif; background-color: #d3bf5f; line-height: 125%;
 padding: 0; margin: 0;}

h1, h2, h3 {  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;}

h1{
 font-size: x-large;
 background-color: #A64B00;
 color: white;
 padding-top: 2em;
 padding-bottom: .2em;
 padding-left: .4em;
 margin: 0;
}
h2 {
 color: #A60000;
 font-size: 175%;
 font-weight: normal; 
 padding-top: 15px;
 padding-bottom: 15px;
 padding-left: .4em;
}

li { font-size: small;list-style-type: square;}
p { font-size: small; color: #A6000;}

#tagline p {
 font-style: italic;
 font-family: Georgia, Times, serif;
 background-color: #a66f00;
 border-top: 3px solid #6c3100;
 border-bottom: 3px solid #6c3100;
 padding-top: .1em;
 padding-bottom: .2em;
 padding-left: 8em;
 margin: 0;}

em { text-transform: uppercase;}

a {  font-weight: bold;}

a:link { 	color: black;}
a:visited {	color: white;}

a:hover { 	text-decoration: none;	color: white;	background-color: #6c3100;}

a:active {	color: aqua;	background-color: #6c3100;}

.fun { color: #a66f00; font-family: Arial Black, Georgia, Times, serif; letter-spacing: 0.05em;}


blockquote.fun {
 font-style: italic;
}


#navigation {
 width: 180px; background: #a66f00 }



h2, ul {
  margin-top: 10px;
}





#header {
 border-top: 3px solid #6c3100;
}



img.feature {
  float: right;
  margin: 10px;
}


/*
This section deals with the position of items on the screen.
It uses absolute positioning - fixed x and y coordinates measured from the
top-left corner of the browser's content display.
*/

#navigation, #bodycontent, #header { position: absolute;}
#navigation, #bodycontent {
  top: 16.54em;
}
#bodycontent {
  left: 200px;
}



#header {
  width: 100%;
}


#sitebranding {padding-left: 150px;background-color: black;}

.insetborder {border-width: 8px;border-style: inset;border-color: #6c5900;width: 250px;}

.photocredit {font-weight: normal;font-size: 65%;color: #7d6c1f; padding-left: .5em;}