@charset "UTF-8";
/* CSS Document */

body { margin: 0px; padding: 0px; color: #000; font-family: Verdana, Geneva, sans-serif; font-size:12px; background:url(../images/wall.jpg) repeat-x top; }

a {color: #484703; text-decoration: none;}
a:active {text-decoration: underline;}
a:hover {color: #F00; text-decoration:underline;}


#header { font-family:Impact, "Arial Black", Gadget, sans-serif; margin-top:-20px;  padding:0px; height: 100px; background:url(../images/roundel_bg.jpg) center no-repeat #484703}
#shortie { float:right; padding-top:24px;}
#moderation { float:right; font-family:Impact, "Arial Black", Gadget, sans-serif; font-size:16px; color:#b0af70; padding:50px 50px 0 0;}


#navigation { font-size:14px; padding-top: 50px; text-align:center; }
#navigation ul { list-style: none;}
#navigation li  { display:inline; margin-right:10px; }
#navigation li a , #navigation li a:visited{ color: #b0af70; text-decoration: none; }
#navigation li a:hover  { color: #fafae2; }
#navigation li a:link.active, #navigation li a:visited.active { color: #fafae2; }

body#distillery #navigation a#mn-distillery { color:#fafae2; }
body#committee #navigation a#mn-committee { color:#fafae2; }

.impactIntro{ font-family:Impact, "Arial Black", Gadget, sans-serif; font-size:14px; color:#484703}
.impactIntro a {color:red}

.expressions-name {color:#666; font-style:italic}

#container{width:780px; margin: auto; margin-top:60px;}

#subnav{ font-family:Impact, "Arial Black", Gadget, sans-serif; float:right; font-size:14px;}
#subnav ul {padding: 0; margin: 0;}
#subnav li {list-style: none; padding-bottom:3px;}
#subnav a { color:#484703; text-decoration:none; }
#subnav a:hover { color:#ff0000; text-decoration:none; }
#subnav a:link.active, #subnav a:visited.active   { color:#f00; text-decoration:none; }

#content { width:600px; float:left; margin:0 10px 0 10px;}

#content #left { float:left; margin-right:5px; width:200px}
#content #right { float:right; margin-leftt:5px; width:380px;}


.clearfix {clear:both}

.question {font-family:Impact, "Arial Black", Gadget, sans-serif; color: #b0af70; font-size:14px}
.answer {font-size:10px;}

#accordion { padding:80px 0 0 50px; float:right; width:200px }
#accordion a { font-family:Impact, "Arial Black", Gadget, sans-serif;  color:#b5b58c; text-decoration:none; font-size:14px; margin-bottom:10px; }
#accordion a:hover { color:#484703; text-decoration:none; }
#accordion a:link.active, #subnav a:visited.active   { color:#f00; text-decoration:none; }
#accordion .answer {display:none; margin-bottom:10px; font-size:12px}
#accordion #faq {font-family:Impact, "Arial Black", Gadget, sans-serif;  color:#484703; font-size:16px}


#contact #content {background:url(postbox.jpg) left bottom no-repeat;}


#timeline {margin:0; pading:0;}
#tm2_content, #tm3_content, #tm4_content, #tm5_content, #tm6_content {display:none} 

#distillery #subnav { margin-top:150px }

#didyouhear #container {margin-top:0px; background:url(didyouheargraphic.gif) no-repeat top left}
#didyouhear #content {margin-top:160px; }
#didyouhear #subnav { margin-top:210px }
#didyouhear #content #left { width:300px; }
#didyouhear #content #right { width:280px; padding-top:100px }
#didyouhear #content #right .links li { display:block; margin-bottom:14px}
#didyouhear #content #right .links li a { font-size:12px; font-weight:bold }
#didyouhear #content #right .links li a:visited.active   { color:#f00; text-decoration:none; font-size:14px}

#committee #content { width:350px;}
#shop #subnav {margin-right:250px}

/* Momentous Minutes Grid */
#mmgrid {font-family:Impact, "Arial Black", Gadget, sans-serif; width:350px; font-size:12px; padding-left:20px}
#mmgrid .thumb {float: left; margin:auto}
#mmgrid .desc {display:block; margin:8px 0 0 0px; text-align:center; }
#mmgrid a { color:#484703; text-decoration:none; }
#mmgrid a:hover { color:#ff0000; text-decoration:none; }
#mmgrid a:link.active, #subnav a:visited.active   { color:#f00; text-decoration:none; }
#mmgrid a img {border:none;}

#barrel-of-laughs { background:url(homeroof.jpg) repeat-x top;  margin: 0px; padding: 0px; }
#barrel-of-laughs #container { background:url(games_bg.jpg) no-repeat top left; margin-top:29px; height:600px;}
#barrel-of-laughs #content { margin-left:130px}
#barrel-of-laughs #gamesShortie {float:right; margin-top:-150px}
#barrel-of-laughs #gamesAngel { float:right; margin-top:-50px; }
#barrel-of-laughs h1 {font-family:Impact, "Arial Black", Gadget, sans-serif;  color:#484703; font-size:12px; font-weight:normal }
#barrel-of-laughs #pagecopy {float:left; padding-left:20px}
#barrel-of-laughs a {text-decoration:underline}


.item_image {float:left; width:80px}
.item_content {float:left; margin-left:15px; width:200px}
.item_image_resize { width: 80px; height : auto; }
.item_image_resize { height: 80px; width: auto; }
.items {border-bottom:1px solid black; margin-bottom:10px; padding-bottom:10px; margin-top:10px}


body#gigs_yarns #gigs_yarns_nav {background-color:#484703; font-family:Impact, "Arial Black", Gadget, sans-serif; font-size:20px; width:100px; float:left; margin-top:26px; padding:10px}
body#gigs_yarns #content { width:250px; float:left; margin:0 0 0 10px; padding:0}
body#gigs_yarns #gigs_yarns_nav a { color:#b5b58c; text-decoration:none}
body#gigs_yarns #gigs_yarns_nav a:hover { color:#f9fadd; text-decoration:none}


body#age {background:none;}
body#age form {text-align: center;}


/* Shop Specific */
.odd {background-color:#f9fadd}
.even {background-color: #b5b58c}
.errors {color: red}
ul.errors {color: red; list-style: none;}

.shoptitle {font-weight: bold; font-size: 120%; margin-top: 5px; margin-bottom: 10px}
.form-required {color: red}
label {font-weight: bold; }
.hint {font-weight: bolder; font-size: 110%; margin-top:30px; border-bottom: 1px solid black;}
.product {width: 200px; height: auto;}