/*

CSS Geary's Brewing Company
Created by Jeff Boulet
Created 07/2004
Revised 02/2008

*/

.contest {
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-align: center;
}

.contest h2 {
  line-height: 1.6em;
}

body {
  background-color: #000000;
  margin: 0;
}

/* container wrapping the entire page */

#container {
  text-align: center;
  border: 1px solid #ffcc66;
  width:760px;
}

/* bottom navigation */

#bottom_nav {
  color: #ffcc66;
  font-weight:500;
  background-color:#000000; 
  padding: 10px 0 10px 0; 
  text-align:center; 
  /* border-bottom: 1px solid #ffcc66; */
  width: 760px;
}

/* red strip at the bottom of the page / footer - no content */

#red_strip {
   border-top: 1px solid #000000; 
   background-color: #cc0000; 
   height: 20px;
}

/*  Turn off image borders and default borders around flash objects */

img, embed, object, param {
  border-width: 0;
  border-style: none;
}

/* Horizontal Rule look */

hr {
  color: #cccccc;
  height:1px;
  padding: 10px;
}

img.red_line {
  margin: 10px 0;
}

/* Horizontal Rule with extra padding */

hr.pad {
  margin: 16px 0 16px 0;
}

/* Default table style */

table {
  background-color: #ffffff;
  padding: 0;
  margin: 0;
  border-width: 0;
  border-style: none;
}


/* header styles */

h1, h2, h3, h4, h5, h6 {
  font-family:Georgia, "Times New Roman", Times, serif;
  margin: 5px 10px 5px 10px;
  vertical-align: top;
  text-align:left;
  color:#333333;
}

h1 {
  font-weight: bold;
  font-size: 20px;
  border-bottom: 1px solid #cccccc; 
  padding-bottom: 5px
}

h2 {
  font-weight: bold;
  font-size: 18px;
}

h3 {
  font-weight: bold;
  font-size: 15px;
}

h4 {
  font-weight: bold;
  font-size: 12px;
}

h5 {
  font-weight: bold;
  font-size: 11px;
}

h6 {
  font-weight: bold;
  font-size: 10px;
}


/*  Font defaults */
/* ---------see CSS2 style----------- */

p {
  font-family: verdana, arial, helvetica, sans-serif;
  color: #333333;
  margin: 10px 10px 10px 10px;
  text-align:left;
  font-size:11px;
  line-height:16px;
}

/* bold */

.bold {
  font-weight:bold;
}
  
.right {
  color: #333333;
  padding: 0;
  margin: 0 10px 0 0;
  text-align:left;
}

.alignright {
  font-weight: bold;
  text-align:right;
}

/* yellow background */

.yellow {
  background-color: #F9EED7;
  border:0; 
  
  /* uncomment for a dotted line border on left of yellow right bar */
  /* background-image:url(http://gearybrewing.com/images/dot.gif); */ 
  background-repeat:repeat-y;
}

/* default list styles */
/*address formating */

.tiny {
  font-variant:small-caps;
  color:#f06000;
  font-size: 12px;
  line-height: 16px;
}

.quote {
  font-size: 11px;
  line-height: 14px;
  padding: 10px 30px 10px 30px;
  margin: 20px 0 20px 0;
}

/* list styles */

ul {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  list-style: none;
  background-color:#ffffff;
  text-align: left;
}
  
.right_nav {
  list-style:none;
  font-style: italic;
  font-size:11px;
  line-height:13px;
  background-color: #FEE6B5;
  background-image:url(http://gearybrewing.com/images/dot.gif); 
  background-repeat:repeat-y;
  border:0;
  color: #333333;
}
  
#beer_wrap {
  background-color: #FEE6B5;
  border: 1px solid #FFB58C;
  color: #333333;
  margin:10px;
  padding: 5px;
}
  
/* default link styles */

a {
  color: #cc0000;
  text-decoration: none;
}

a:hover {
  color: #520000;
  text-decoration: underline;
}

/* links at the bottom of the page */

.home {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:12px;
  color: #ffcc66;
  background-color:#000000;
}

a.home:link {
  color: #ffcc66;
  text-decoration: none;
}
 
a.home:visited {
  color: #ffcc66;
  text-decoration: none;
}

a.home:active {
  color: #ffcc66;
  text-decoration: none;
}

a.home:hover {
  color: #ffcc66;
  text-decoration: underline;
}


/****************************************/
/*          left navigation             */
/****************************************/

#nav a:link, #nav a:visited {
  display: block;
  border-bottom: 1px solid #ffcc66;
  font-family: "Times New Roman", Times, serif;
  font-size: 13px;
  font-weight:bold;
  padding: 5px 0px 5px 0px;
  color: #ffcc66;
  text-decoration: none;
  width: 150px;
  text-align:left;
  background-image:url(http://gearybrewing.com/images/bn_cell.gif);
}

#nav a:hover{
  border-bottom: 1px solid #ffcc66;
  background-image:url(http://gearybrewing.com/images/bn_over.gif);
  background-position:left;
  font-family: "Times New Roman", Times, serif;
  font-size: 13px;
  font-weight:bold;
  text-decoration: none;
  color: #ffcc66;
  width: 150px;
  text-align:left;
}

/* beer sub-nav  */

#beer {
  text-align:left;
}

#nav #beer a {
  display: block;
  width: 144px;
  padding: 2px 0 2px 0;
  color: #ffcc66;
  font-size: 10px;
  line-height: 15px;
  text-decoration: none;
  background:#000000; 
  border: 0; 
}

#nav #beer a:hover {
  background-color:#333333;
}

/****************************************/
/*         end left navigation          */
/****************************************/

/* contains all page elements */

#container {
  text-align:center;
}

/* top banner */

#banner {
  position: absolute;
  top: 15px;
  left:15px;
  width: 100%;
  z-index:10;
}

/* image padding for color swatches */

.pad {
  margin: 0 5px 0 5px;
  background-position:center;
  vertical-align:middle;
}
  
/* paragraph formating for paragraphs in the right bar/nav */
p.r_nav {
   border-bottom: 1px dotted #666666;
   padding-bottom: 5px;
}

/* package design rollover */

#summer a:link {
  display: block;
  background-image:url(http://gearybrewing.com/images/summer_up.gif);
  background-position:left;
  background-repeat:no-repeat;
  background-color:#FEE6B5;
  padding: 5px 0px 5px 0px;
  text-align:left;
  height: 90px;
  margin: 0 0 0 1px;
}

#summer a:visited {
  display: block;
  background-image:url(http://gearybrewing.com/images/summer_visited.gif);
  background-position:left;
  background-repeat:no-repeat;
  background-color:#FEE6B5;
  padding: 5px 0px 5px 0px;
  text-align:left;
  height: 90px;
  margin: 0 0 0 1px;
}

#summer a:hover {
  display: block;
  background-image:url(http://gearybrewing.com/images/summer_over.gif);
  background-position:left;
  background-repeat:no-repeat;
  background-color:#FEE6B5;
  padding: 5px 0px 5px 0px;
  text-align:left;
  height: 90px;
  margin: 0 0 0 1px;
} 

/* contest form
----------------------------------------------------------------------------------*/

form.contest {
  padding: 15px;
}

form.contest ul {
  margin: 0;
  padding: 20px;
  border: 1px solid #e3e3e3;
  background-color: #f9f9f9;
  font-size: 15px;
  font-family: arial, helvetica, verdana, sans-serif;
  line-height: 20px;
}

form.contest li {
  margin-bottom: 10px;
}

form.contest label {
  display: block;
  float: left;
  width: 150px;
  padding: 4px 5px 0 0;
  text-align: right;
  color: #333;
  text-shadow: #ccc 1px 1px 0;
}

form .text input {
  width: 300px;
  border: 1px solid #333;
  border-radius:          3px;
  -moz-border-radius:     3px;
  -webkit-border-radius:  3px;
  padding: 4px 5px;
  font-family: "trebuchet ms", arial, verdana;
  font-size: 15px;
  color: #444;
}

form .text input:focus {
  box-shadow:         0 0 5px #000;
  -moz-box-shadow:    0 0 5px #000;
  -webkit-box-shadow: 0 0 5px #000;
}

form.contest .submit {
  padding-left: 155px;
}

input.validation-failed {
  background: #cc0000;
  color: #fff !important;
}

.validation-advice {
  margin: 16px 32px 16px 0;
  padding: 5px;
  border: 1px solid #cc0000;
  background: #fff;
  text-align: center;
}

/* lead in copy for contests on signup/index.php
-----------------------------------------------------------------------*/

.promo {
  padding: 15px 15px 0;
}

.promo h2 {
  margin-bottom: .5em;
  font-size: 30px;
  text-shadow: #ccc 2px 2px 0;
}

.promo p {
  font-size: 14px;
  line-height: 20px;
  color: #555;
  font-family: arial, helvetica, verdana;
}

.asterisk,
label span {
  color: #aa0000;
}

ul.breweries {
  line-height: 20px;
  list-style: circle;
}
 

/* unique backgrounds
-----------------------------------------------------------------------*/

/*form.seadogs  { background-image: url(../images/seadogs.jpg); }*/
/*form.brewfest { background-image: url(../images/brewfest_2010.jpg); }*/

/* contest admin area
----------------------------------------------------------------------------------*/

table#contestants {
  border-collapse: collapse;
  margin: 10px;
}

table#contestants th,
table#contestants td {
  text-align: left;
  font-family: verdana;
}

table#contestants th {
  width: 250px;
  padding: 10px;
  font-size: 12px;
  font-weight: bold;
}

table#contestants td {
  padding: 5px 10px;
  border: 1px solid #555;
  font-size: 11px;
}

#contestants th {
  border: 1px solid #000;
  color: #fff;
  background: #cc0000;
}

.clear {
  clear: both;
}


/* geary's imperial ipa
-----------------------------------------------------------------*/

.ipa {
  background: url(../images/imperial_ipa.gif) no-repeat;
  height: 185px;
  padding: 65px 0 0 225px;
  margin-bottom: 20px
}

.ipa a {
  color: #fff;
  font-family:Georgia, "Times New Roman", Times, serif;
}

.ipa a:hover {
  text-decoration: underline;
}

.ipa h2 a {
  font-size: 30px;
}

.ipa p a {
  font-size: 20px;
}

/* header
-----------------------------------------------------------------------*/

.header #home,
.header #store {
  float: left;
}

.distributor h4 {color: #cc0000;}
.distributor li p { margin: 5px 0 10px 20px;}
ul.distributor {margin: 20px 0 50px 0; padding: 0;}

/* beer show pages
-----------------------------------------------------------------------*/

.bottle {
  height: 400px;
  background: right -40px no-repeat;
}

.summer_ale {
  background: url(../images/geary_sm_summer_2010.jpg) right top no-repeat;
}