* {
margin: 0;
padding: 0;
}

.imageLoader {
background: url(/images/design/hoverhome.png);
background: url(images/design/hoverbeer.png);
background: url(images/design/hoverpubs.png);
background: url(images/design/beergardens-hover.png);
background: url(images/design/partypubs-hover.png);
background: url(images/design/category.png);
visibility: hidden;
}

img {
border: none;
margin-top: 2px;
margin-bottom: 5px;
}

img.img-head {
  margin-top: 0;
}

body {
background: url(/images/design/wood.jpg) repeat;
background-attachment: fixed;
font-family: Arial, verdana, sans-serif;
}

h1 {
margin-top: 20px;
margin-bottom: 20px;
font-family: Georgia, Times, serif;
font-size: 3.2em;
color: #6e6e6e;
text-align: center;
}

h2 {
font-family: Georgia, Times, serif;
font-size: 1.1em;
}

h2.links {
color: #603f08;
font-size: 1.4em;
margin-top: 10px;
margin-bottom: 5px;
}

h3 {
font-size: 1em;
font-family: Georgia, Times, serif;
}

p {
font-size: 0.8em;
color: #565656;
margin-bottom: 5px;
}

a {
color: #000;
outline: none;
}

a.white {
  color: #fff;
}

a:hover {
text-decoration: none;
}

ul {
list-style: none;
color: #565656;
font-size: 0.8em;
}

.red {
  color: red;
  font-weight: bold;
}

/* @general */

.fleft { float: left; }
.fright { float: right; }

.box_140 { width: 140px; }

.pn { padding: 0; }
.mn { margin: 0; }

/* @header */

#header {
background: #fff url(/images/design/bar.jpg) repeat-x;
width: 902px;
height: 210px;
margin: 0 auto;
position: relative; 
}

h1#logo {
Background: url(/images/design/pbg-logo.png) no-repeat;
text-indent: -2000px; 
height: 260px;
width: 265px;
position: absolute;
margin-top: -10px;
margin-left: -50px;
}

/* @left */

#leftbar {
margin-left: 7px;
list-style: none;
float: left;
width: 140px;
margin-top: 25px;
}

h2#location-head {
background: url(/images/design/location.png) no-repeat;
width: 130px;
height: 50px;
text-indent: -2000px;
margin-bottom: 1px;
}

h2#brewery-head {
background: url(/images/design/brewery.png) no-repeat;
width: 130px;
height: 50px;
text-indent: -2000px;
margin-bottom: 1px;
}

/* @categories */

.categories li {
  padding-top: 1px;

}

.categories li a {
  background: url(/images/design/category.png) no-repeat;
  height: 18px;  
  width: 130px; 
  padding: 3px 0 0 15px;
  margin: 0;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  display: block;
  outline: none;
}

.categories li a:hover {
background: url(/images/design/category-hover.png) no-repeat;
}

h1.cat-header {
background: #fff;
margin-top: 20px;
margin-bottom: 0px;
padding-bottom: 20px;
font-family: Georgia, Times, serif;
font-size: 2em;
color: #6e6e6e;
text-align: center;
}

/* @right */

#rightbar {
  width: 218px;
  float: right;
  margin-top: 25px;
}

h2.botm {
  background: url(/images/design/botm-header.png) no-repeat;
  width: 209px;
  height: 50px;
  text-indent: -2000px;
}

h4.botm-beer {
  background: url(/images/design/botm-image-beer.png) no-repeat;
  width: 209px;
  height: 300px;
  text-indent: -2000px;
}

h4.botm-name {
  background: url(/images/design/botm.png) no-repeat;
  width: 209px;
  height: 50px;
  text-align: center;
}

h4.botm-name a {
font-weight: 100;
font-size: 1.2em;
color: #fff;
}

.transp-bg, .transp-bg_half {
  margin: 2px 0;
  width: 209px;
}

.transp-bg  {
  background: url(/images/design/transp-bg.png) no-repeat; 
  height: 60px;
}

.transp-bg_half  {
  background: url(/images/design/transp-bg_half.png) no-repeat; 
  height: 30px;
}

p.three-lines {
  color: #fff; 
  font-size: 13px;
  padding-top: 6px;
  padding-left: 10px;
}

p.three-lines a {
  text-decoration: none;
}

a.spec-cat {
  display: block;
  width: 209px;
  height: 60px;
  margin-bottom: 2px;
}

a.spec-cat img {
  margin: 0;
}

/* @head nav */

ul#nav {
list-style: none;
position: absolute;
bottom: 5px;
left: 250px;
}

#nav li {
float: left;
margin-right: 15px;
}

ul#nav a {
display: block;
height: 100px;
width: 100px
}

/* @containers */

#master {
background: url(/images/design/transp.png) repeat-y;
width: 900px;
margin: 0 auto;
overflow: hidden;
}

#content-in {
background: #fff;	
}

#content {
float: left;
width: 520px;
margin-top: 25px;
background: url(/images/design/contentend.png) no-repeat bottom;
padding-bottom: 39px;
}

.clear {
clear: both;
}

h1#top10 {
background: url(/images/design/favorite.jpg) no-repeat;
text-indent: -2000px;
width: 520px;
height: 100px;
margin-top: 0px;
margin-bottom: 24px;
}

h1#pubs-header {
background: url(/images/design/pubs-header.jpg) no-repeat;
text-indent: -2000px;
width: 520px;
height: 100px;
margin-top: 0px;
margin-bottom: 24px;
}

h1#beer-header {
background: url(/images/design/beer-header.jpg) no-repeat;
text-indent: -2000px;
width: 520px;
height: 100px;
margin-top: 0px;
margin-bottom: 24px;
}

h1.search-results {
background: url(/images/design/search-results.jpg) no-repeat;
text-indent: -2000px;
width: 520px;
height: 100px;
margin-top: 0px;
margin-bottom: 24px;
}

h1#about {
background: url(/images/design/about.jpg) no-repeat;
text-indent: -2000px;
width: 520px;
height: 100px;
margin-top: 0px;
margin-bottom: 24px;
}

h1#contact {
background: url(/images/design/contact.jpg) no-repeat;
text-indent: -2000px;
width: 520px;
height: 100px;
margin-top: 0px;
margin-bottom: 24px;
}

h1#p-breweries {
background: url(/images/design/p-breweries.jpg) no-repeat;
text-indent: -2000px;
width: 520px;
height: 100px;
margin-top: 0px;
margin-bottom: 24px;
}

h1#links {
background: url(/images/design/beer-links.jpg) no-repeat;
text-indent: -2000px;
width: 520px;
height: 100px;
margin-top: 0px;
margin-bottom: 24px;
}

#end {
background: url(/images/design/contentend.png) no-repeat;
width: 520px;
height: 40px;
clear: both;
}

/* @footer */

#footer {
background: url(/images/design/masterend.png) no-repeat;
width: 900px;
margin: 0 auto;
height: 120px;
clear: both;
}

ul#foot {
list-style: none;
margin-left: 297px;
padding-top: 20px;
}

#foot li {
display: inline;
font-size: 12px;
margin-right: 15px;
}

#foot li a {
color: #fff;
text-decoration: none;
}

/* @post */

h1.rubrik a {
color: #603f08;
}

h2.rubrik a {
color: #603f08;
font-size: 1.4em;
}

.post {
padding-bottom: 15px;
margin-left: 10px;
width: 500px;
color: #fff;
overflow: hidden;
}

.post-head {
margin-left: -2px;
}

.post-pic {
float: left;
margin-right: 5px;
}

.post-pic2 {
float: left;
}

.post-pic3 {
float: right;
}

.beerpic {
float: right;
margin-left: 5px;
}

div.post-text {
color: #565656;
margin-top: 1px;
}

.info {
background: #fdf16a;
clear: both;
border: #d6cc5b solid 1px;
padding: 10px 10px;
}

.post-footer {
float: right;
font-size: 0.8em;
}

.post-link {
font-size: 0.8em;
}

.post a {
color: #2971bb;
}

/* @nav */

#home { 
background: url(/images/design/home.png) no-repeat 0 bottom; text-indent: -2000px;
}
#home:hover { 
background: url(/images/design/hoverhome.png) no-repeat;
}

#beer {
background: url(/images/design/beer.png) no-repeat 0 bottom; text-indent: -2000px;
}
#beer:hover { 
background: url(/images/design/hoverbeer.png) no-repeat;
}

#pubs {
background: url(/images/design/pubs.png) no-repeat 0 bottom; 
text-indent: -2000px;
}
#pubs:hover { 
background: url(/images/design/hoverpubs.png) no-repeat;
}

#body-home #home {
background: url(/images/design/hoverhome.png) no-repeat;
}
#body-beer #beer {
background: url(/images/design/hoverbeer.png) no-repeat;
}
#body-pubs #pubs {
background: url(/images/design/hoverpubs.png) no-repeat;
}


/* @search */

#searchform {
float: right;
margin-top: 170px;
margin-right: 20px;
}

#searchform label {
color: #fff;
text-transform: uppercase;
font-size: 10px;
line-height: 20px;
height: 20px;
}

#searchterm {
font-size: 12px;
line-height: 12px;
height: 12px;
padding: 4px;
width: 165px;
border: none;
font-family: Georgia, serif;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#submit {
font-size: 12px;
line-height: 20px;
height: 20px;
cursor: pointer;
background-color: transparent;
color: #fff;
border: none;
}

/* @article */

.beer-list {
font-style: italic;
}


/* @comments */

.comments_wrapper {
background: #f0f0f0;
width: 500px;
margin: 0px auto;
font-size: 1.1em; 
}

.form_wrapper {
background: #f0f0f0;
width: 500px;
margin: 0 auto;
padding: 10px 0;
}

.comments_wrapper p{
margin-left: 10px;
}

.form_wrapper p {
margin-left: 10px;
border-style: none;
}

.form_wrapper input {
border-style: none;
padding: 2px 2px;
margin: 2px 0;
}

.comments_wrapper h3{
margin-left: 10px;
}

li.odd {
background: #fff;
padding: 5px 0;
}

li.even {
background: #fbfdc0;
padding: 5px 0;
}

.form_wrapper textarea {
width: 478px;
border-style: none;
}

p.btn {
text-align: right;
margin-right: 20px;
}

p.btn input {
font-size: 12px;
padding: 5px 10px;
cursor: pointer;
background: #fff;
color: #565656;
border: #e1e1e1 solid 1px;
font-family: Arial, verdana, sans-serif;
}

/* @div */

p.pagination {
margin: 0 auto;
text-align: center
}

p#contact-link a {
color: #2971bb;
margin-left: 180px;
}

p.copy {
font-size: 0.7em;
text-align: center;
margin-top: 60px;
color: #fff;
}