/* === Generic styles === */
body {
   background-color: #FFFFDD;
   font-family: Verdana, Arial, sans-serif;
}

h1 {
   font-family: "Times New Roman"; serif;
   font-size: 70px;
   padding-top: 0px;
   padding-bottom: 0px;
   margin-top: 0px;
   margin-bottom: 10px;
}

h2 { clear: both; }

hr { display: none; }

a { color: black; }

a:visited { color: gray; }

img { border : none; }

fieldset { 
   margin:5px;
   border: 1px solid purple;
}

table {
   border: 1px solid black;
   border-collapse:collapse;
   margin:5px;
   padding:5px;
}

th {
   font-weight:normal;
   border: 1px solid black;
   text-align:left;
}

td { border: 1px solid black; }

/* --- Table without borders --- */
table.noBorder { border: none; }

table.noBorder td { border: none; }

table.noBorder th { 
   border: none;
   font-weight:bold;
   text-align:center;
}

/* --- 2-column layout --- */

.leftcol {
   width:45%;
   margin: 10px;
   padding-right: 0px;
   padding-left: 10px;
   float: left;
}

.rightcol {
   width:45%;
   margin: 10px;
   padding-left: 0px;
   padding-right: 10px;
   float: right;
}

/* === Page header === */

#header {
   text-align: center;
   padding-top: 0px;
   padding-bottom: 0px;
   margin-top: 0px;
   margin-bottom:0px;
}

#camralogo { text-align: left; }

#branchlogo { text-align: right; }

#navbar {
   list-style: none;
   margin:auto;
   width:750px;
   text-align: center;
   padding-bottom: 5px;
   margin-bottom: 5px;
}

#navbar li {
   display: inline;
   text-align: center;
   border-bottom: 2px solid black;
   margin-left: 5px;
   margin-right: 5px;
}

.liHome { margin-left: 0px; }

#navbar a {
   text-decoration:none;
   font-weight:bold;
   color:black;
}

/* === Page footer === */

#footer {
   width: 100%;
   clear: both;
   font-size: small;
   border-top: 2px solid purple;
   padding-top: 5px;
   margin-top: 5px;
}

#disclaimer {
  width:500px;
  float: left;
}

#twitbook {
   width:300px;
   float: right;
   margin: 5px;
   padding-top:5px;
}

/* === Branch and Region === */

#branchMap { float:right; }

/* === Breweries === */

#brew_logos {
   text-align:center;
   list-style: none;
}

#brew_logos li {
   display: inline;
   text-align: center;
}

/* --- Individual brewery pages --- */

div.blo_reports {
   clear:both;
}

/* === Durham Drinker === */

#drinkers  {
   text-align:center;
   list-style: none;
   margin:30px;
   padding:0px;
}

#drinkers li {
   display: inline;
   text-align: center;
   padding: 2px;
}

#drinkers img {
   border: 1px solid black;
}

/* === Festival staffing form === */

#festLogo { 
   width: 300px;
   float: right;
}

#fhDetails, #fhAvail { width: 950px; }

#fhButtons {
  width:950px;
  padding:20px;
  text-align:center;
}

/* --- Contact details: --- */

div.formRow {
  clear: both;
  padding-top: 10px;
  width: 500px;
}

div.formRow span.formLabel {
  float: left;
  width: 200px;
  text-align: right;
}

div.formRow span.formInput {
  float: right;
  width: 250px;
  text-align: left;
}

/* --- Modification for POTY form (which otherwise uses above formatting) --- */
div.formRow span.formLabelPub {
  float: left;
  width: 400px;
  text-align: left;
}
div.formRow span.formInputPub {
  float: right;
  width: 70px;
  text-align: left;
}

/* --- Modification for CBOB form (which otherwise uses above formatting) --- */
div.formRow span.formLabelBeer {
  float: left;
  width: 100px;
  text-align: right;
}
div.formRow span.formInputBeer {
  float: right;
  width: 300px;
  text-align:left;
}
fieldset.beertype {
   width: 60%;
   margin-left: 20%;
}

#fhName, #fhEmail, #fhPhone, #fhMemNo { width:370px; }

/* --- Availability table: --- */

#fhKey { border: none; }

#fhKey th { border: none; }

#fhAvailTbl td {
  width:20px;
  border: 1px solid black;
  text-align:center;
}

#fhKey  .fhSetup, .fhFest, .fhTdwn {
  border: 1px solid black;
  width: 30px;
}

#fhKeyTitle { width:100px; }

td.fhKeyDesc {
  border: none;
  width: 100px;
  text-align:left;
  padding-left:5px;
}

/* Previous design: #999999 */
.fhSetup { background-color:#BBBBBB; }

/* Previous design: #993333 */
.fhFest { background-color:#996699; }

/* Previous design: #666666 */
.fhTdwn { background-color:#EEEEEE; }

#fhButtons button {
  padding:5px,10px,5px,10px;
  margin-left:5px;
  margin-right:5px;
}

#notice  {
   width: 930px;
   margin:auto;
   text-align:center;
   border: 1px solid purple;
/*   font-size: 12px;*/
   padding: 5px;

}

#extCal {
   width: 800px;
   margin:auto;
   padding-bottom:30px;
}

#surteespic {
   width:500px;
   margin-left:10px;
   float:right;
}

p.author {
   font-size:12px;
}

.twtr-tweet {

font-size: 12pt;
font-family: Verdana, Arial, sans-serif;
}

.twtr-user {
   /*background-color:#EEEECC;*/
   background-color:#DDDDBB;
}

.twtr-tweet a {
  text-decoration: underline;
}

.twtr-tweet a:visited {
  color:gray;
}

.twtr-ft {
   display: none;
}

.twtr-hd {
   display: none;
}
/*
.twtr-user { 
   display: none;
   text-decoration: underline; 
} */

/* Ale trail */
#aleTrailTn {
   margin:20px;
   border:1px solid black;
   float:right;
}