/* XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {border: 0;margin: 0;padding: 0;font-size: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
b, strong {font-weight: bold;}
img {color: transparent;font-size: 0;vertical-align: middle;-ms-interpolation-mode: bicubic;}/*For IE.*/
li {display: list-item;}/*For IE6 + IE7.*/
table {border-collapse: collapse;border-spacing: 0;}
th, td, caption {font-weight: normal;vertical-align: top;text-align: left;}
/* Global Elements
----------------------------------------------------------------------------------------------------*/
body {text-align:center;font-family:Trebuchet MS, arial, sans-serif;background:#666 url(images/bb-brewery-bg.jpg) no-repeat 50% bottom;background-attachment:fixed;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-webkit-background-size:contain;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.clr {clear:both;margin:0;padding:0;font-size:0;height:0;line-height:0;}
.align-right {text-align:right;}
.align-left {text-align:left;}
.align-center {text-align:center;}
a:link, a:active, a:visited {color:#b64435;text-decoration:underline;}
a:hover {color:#799146;}
a:focus, a:active {outline:0;}
.sitesearch input {float:left;}
.sitesearch input.s {padding:9px 5px 8px;width:183px;font-size:12px;color:#959595;text-transform:uppercase;line-height:1;border:1px solid #799045;-moz-border-radius:2px;-webket-border-radius:2px;border-radius:2px;-moz-box-shadow: 1px 0 1px rgba(256,256,256,.25);outline:none;}
.vid-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.vid-container iframe,
.vid-container object,
.vid-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/* ChunkFive Webfont Setup
----------------------------------------------------------------------------------------------------*/
@font-face {
font-family: 'ChunkFiveRegular';
src: url('Chunkfive-webfont.eot');
src: url('Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
url('Chunkfive-webfont.woff') format('woff'),
url('Chunkfive-webfont.ttf') format('truetype'),
url('Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');
font-weight: normal;
font-style: normal;
}
.c {font-family:'ChunkFiveRegular', Arial, sans-serif;letter-spacing:0;text-transform:uppercase;font-weight:normal;}
/* Basic Structure
----------------------------------------------------------------------------------------------------*/
#wrapper {position:relative;margin:30px auto 300px;width:960px;text-align:left;background:#fff;-moz-border-radius:5px;-webket-border-radius:5px;border-radius:5px;-moz-box-shadow: 0 0 15px rgba(0,0,0,.25);-webkit-box-shadow: 0 0 15px rgba(0,0,0,.25);box-shadow: 0 0 15px rgba(0,0,0,.25);}
/* Masthead
----------------------------------------------------------------------------------------------------*/
header {display:inline;float:left;position:relative;width:960px;height:362px;background:url(images/bb-header-bg.jpg) no-repeat 0 0;-moz-border-radius:5px 5px 0 0;-webket-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
#logo {position:absolute;top:95px;left:-65px;}
#tools {float:right;margin:10px 48px 0 0;}
#tools ul {list-style:none;}
#tools ul li {float:left;margin:0 0 0 10px;}
#nav {clear:right;float:right;margin:272px 28px 0 0;}
#nav ul {list-style:none;}
#nav ul li {float:left;position:relative;font-size:18px;color:#cbc5a7;}
#nav ul li a {float:left;padding:15px 20px 10px;color:#cbc5a7;text-decoration:none;}
#nav ul li a:hover {color:#fff;}
#nav ul li.navExpander span {float:left;padding:15px 39px 10px 20px;background:url(images/bb-nav-category-bg.png) no-repeat right 20px;cursor:pointer;}
#nav ul li.navExpander:hover {text-shadow:none;}
#nav ul li.navExpander:hover span {color:#fff;background:#799146 url(images/bb-nav-category-bg.png) no-repeat right -73px;-moz-border-radius:5px 5px 0 0;-webket-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
#nav ul li.navExpander .subNav {display:none;position:absolute;top:44px;left:0;padding:10px 20px;width:144px;background:#799146;-moz-border-radius:0 0 5px 5px;-webket-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;z-index:9999;}
#nav ul li.navExpander .subNav li {font-size:13px;text-shadow:none;}
#nav ul li.navExpander .subNav li a {float:left;padding:5px 0;width:143px;color:#fff;text-decoration:none;}
#nav ul li.navExpander .subNav li a:hover {color:#cacf28;}
/* Main Content - reviews & news
----------------------------------------------------------------------------------------------------*/
#content {display:inline;float:left;width:960px;background:#fff url(images/bb-content-bg.jpg) no-repeat 0 0;}
#content .inner {float:left;width:100%;background:url(images/bb-gradient-up.jpg) no-repeat bottom left;}
#content h1 {float:left;font-size:22px;color:#837469;}
#content h2 {font-size:22px;color:#837469;}
#content h4 {font-size:22px;color:#837469;}
#content h5 {margin:20px 0 0 0;font-size:18px;color:#837469;}
#reviews {display:inline;float:left;padding:36px 48px 20px;width:576px;}
#reviews .more {float:right;margin:0 10px 0 0;font-size:14px;}
#reviews .photo {position:relative;border:5px solid #fff;overflow:hidden;-moz-border-radius:2px;-webket-border-radius:2px;border-radius:2px;-moz-box-shadow: 0 0 5px rgba(0,0,0,.25);-webkit-box-shadow: 0 0 5px rgba(0,0,0,.25);box-shadow: 0 0 5px rgba(0,0,0,.25);}
#reviews .photo a {position:relative;}
#reviews .photo img {position:absolute;}
#reviews .primary {float:left;margin:10px 0;width:288px;}
#reviews .primary .photo {width:268px;height:234px;}
#reviews .primary .photo img {width:268px;top:-80px;}
#reviews .primary .meta {margin:10px 0 0;font-size:11px;color:#999;}
#reviews .primary p {font-size:22px;margin:0 15px 10px 0;}
#reviews a {text-decoration:none;}
#news {display:inline;float:left;margin:36px 48px 0 0;width:228px;}
#news p {padding:10px 0;font-size:12px;color:#836e53;border-top:1px solid #ddd;}
#news p:first-child {border:none;}
#news p a {font-size:14px;text-decoration:none;}
#news p span {color:#a6a18f;}
/* Main Content - Homepage about & categories
----------------------------------------------------------------------------------------------------*/
#information {clear:both;display:inline;float:left;padding:30px 0 0 ;width:960px;background:url(images/bb-content-bg.jpg) no-repeat 0 0;}
#about {display:inline;float:left;padding:0 48px 36px;width:576px;}
#about p {margin:10px 0;font-size:14px;color:#938c71;}
#categories {display:inline;float:left;margin:0 48px 36px 0;width:228px;}
#categories h5 {margin:0;}
#categories ul {list-style:none;}
#categories ul li {float:left;margin:0;}
#categories ul li a {float:left;margin:5px 4px 0 0;padding:4px 10px;font-size:14px;font-weight:normal;line-height:1;text-decoration:none;white-space:nowrap;color:#fff;background:#beb8a3;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
#categories ul li a:hover {background:#799146;}
#categories .sitesearch {display:inline;float:left;margin:10px 0 0 0;width:228px;}
/* Main Content - shirts
----------------------------------------------------------------------------------------------------*/
#shirts {clear:both;display:inline;float:left;padding:30px 48px 0;width:864px;border-top:1px solid #e5d1e7;border-bottom:1px solid #e5d1e7;background:#fff;}
#shirts h6 {margin:0 0 10px 0;font-size:22px;color:#991914;}
#shirts .shirt {float:left;width:144px;}
/* Main Content - misc
----------------------------------------------------------------------------------------------------*/
#misc {clear:both;display:inline;float:left;padding:30px 0;width:960px;background:url(images/bb-content-bg.jpg) repeat-x 0 0;}
#misc a {font-size:12px;text-decoration:none;}
#misc h6 {margin:0 0 10px 0;font-size:22px;color:#a6a18f;}
#misc article {float:left;margin:0 0 0 48px;}
.projects {width:384px;}
.projects .project {float:left;width:192px;}
.support {width:144px;}
.hosting {width:240px;}
/* Main Content - posts
----------------------------------------------------------------------------------------------------*/
#content #post h1 {float:none;margin:10px 0 0 0;font-size:36px;color:#799146;font-weight:normal;line-height:1;}
#post {display:inline;float:left;padding:36px 48px 0;width:432px;}
.map #post {width:864px;}
#post .photo {position:relative;margin:20px 0;width:auto;border:5px solid #fff;-moz-box-shadow: 0 0 5px rgba(0,0,0,.25);-webkit-box-shadow: 0 0 5px rgba(0,0,0,.25);box-shadow: 0 0 5px rgba(0,0,0,.25);}
#post .meta {margin:10px 0 0;font-size:11px;color:#999;}
#post .meta a {text-decoration:none;}
#post p {margin:20px 0 30px;font-size:14px;color:#444;line-height:1.5;}
#post .photo p {margin:5x 0 5px;font-size:11px;color:#999;font-style:italic;}
#post ul,
#post ol {margin:10px 20px;font-size:14px;color:#444;}
#post ul li,
#post ol li {margin:10px 0;line-height:1.5;}
#post p.utwtags {font-size:12px;}
#post blockquote {margin:0 0 20px 0;padding:5px 20px;border-left:3px solid #ddd;}
#post blockquote p {margin:20px 0;color:#666;font-family:Georgia, serif;font-size:14px;font-style:italic;line-height:1.5;}
#post blockquote p span {display:block;font-size:11px;color:#999;}
#post h4 {font-size:22px;color:#799146;font-weight:normal;}
.videoWrapper {position:relative;padding-bottom:56.25%;padding-top:25px;height:0;}
.videoWrapper iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.socialContainer {float:left;padding: 0 0 20px 0;width:100%;background:#eee;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.socialContainer h5 {padding:0 0 0 20px;font-size:18px;}
.socialContainer #tweet, .socialContainer #plusone {float:left;}
.socialContainer #tweet {margin:0 0 0 20px;}
#comments {margin:20px 0 30px;padding:20px;background:#eee;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#comments h4 {font-size:28px;}
#comments .comment {margin:10px 0 20px 0;padding:20px;background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#comments .comment .comment-author {display:block;margin:10px 0 0 0;color:#799146;}
#comments .comment .comment-author cite {margin:0;font-size:18px;font-style:normal;}
#comments .comment .comment-meta {font-size:12px;}
#comments .comment .comment-meta a {color:#999;text-decoration:none;}
#comments .comment p {font-size:14px;}
#comments label {display:block;margin:10px 0;font-size:14px;}
#comments label input {display:block;padding:3px;width:300px;font-size:12px;color:#666;border:1px solid #bbb;}
#comments label textarea {display:block;width:380px;border:1px solid #bbb;}
#comments input#submit {padding:10px 20px;font-size:14px;color:#fff;background:#799146;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
/* Contact Form */
.wpcf7-form {padding:20px;background:#eee;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.wpcf7-form label {display:block;margin:10px 0 0 0;font-size:14px;}
.wpcf7-form input {padding:10px 20px;font-size:14px;color:#fff;background:#799146;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"] {display:block;padding:3px;width:300px;font-size:12px;color:#666;border:1px solid #bbb;background:#fff;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
.wpcf7-form textarea {display:block;width:380px;border:1px solid #bbb;}
div.wpcf7-mail-sent-ok {padding:20px;font-size:18px;color:#666;background:#fff;border:1px solid #ddd;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
/* Archive/Search Results */
.archive h1 span {color:#785D4D;}
.archive #post .photo {float:left;margin:0 10px 10px 0;width:80px;height:80px;border:5px solid #fff;-moz-box-shadow: 0 0 5px rgba(0,0,0,.25);-webkit-box-shadow: 0 0 5px rgba(0,0,0,.25);box-shadow: 0 0 5px rgba(0,0,0,.25);overflow:hidden;}
.archive .photo img {width:80px;}
.archive .entry {float:left;padding:20px 0;width:100%;border-top:1px solid #ddd;}
.archive #post .entry p {margin:0;}
.wp-pagenavi {clear:both;margin:20px 0;padding:10px 0;width:100%;background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.wp-pagenavi span, .wp-pagenavi span.extend {border:none;}
.wp-pagenavi span.pages {margin:2px;padding:2px 4px;color:#666;font-weight:bold;border:none;}
.wp-pagenavi span.current {margin:2px;padding:2px 4px;color:#666;font-weight:bold;border:none;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {margin:2px;padding:2px 4px;text-decoration:none;border:none;}
/* Main Content - sidebar
----------------------------------------------------------------------------------------------------*/
#sidebar {display:inline;float:left;padding:36px 48px 0 0;width:384px;}
#sidebar .ad {padding:24px;background:#eee;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#sidebar .recentReviews {margin:30px 0;}
#sidebar .review {float:left;margin:3px;width:80px;height:80px;border:5px solid #fff;-moz-box-shadow: 0 0 5px rgba(0,0,0,.25);-webkit-box-shadow: 0 0 5px rgba(0,0,0,.25);box-shadow: 0 0 5px rgba(0,0,0,.25);overflow:hidden;}
#sidebar .review img {width:80px;}
#sidebar #news {margin:20px 0;width:192px;}
#sidebar #news p {width:162px;}
#sidebar #information {clear:none;margin:20px 0;padding:0;width:192px;background:none;}
#sidebar #about {padding:0;width:192px;}
#sidebar #categories {display:inline;float:left;margin:10px 0;width:192px;}
#sidebar #categories h5 {color:#799146;}
#sidebar #categories .sitesearch {display:inline;float:left;margin:10px 0 0 0;width:192px;}
#sidebar .sitesearch input.s {width:140px;}
#sidebar #shirts {clear:none;padding:30px 0 0;width:384px;border-top:1px solid #e5d1e7;border-bottom:1px solid #e5d1e7;background:none;}
#sidebar #shirts h6 {font-size:18px;margin:0 0 10px 0;}
#sidebar #shirts .shirt {float:left;width:128px;}
#sidebar #misc {width:384px;background:none;}
#sidebar #misc article {margin:0 0 30px 0;}
/* Main Content - archives
----------------------------------------------------------------------------------------------------*/
#archives {clear:both;display:inline;float:left;padding:30px 48px;width:864px;border-top:1px solid #e9e7e3;background:url(images/bb-content-bg.jpg) repeat-x 0 0;}
#archives h6 {font-size:18px;color:#a6a18f;}
#archives ul {list-style:none;}
#archives ul li {float:left;position:relative;margin:0;}
#archives ul li a {float:left;margin:5px 4px 0 0;padding:4px 25px 4px 10px;font-size:14px;font-weight:normal;line-height:1;text-decoration:none;white-space:nowrap;color:#fff;background:#785d4d url(images/bb-archive-arrow.png) no-repeat right top;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
#archives ul li.active a, #archives ul li a:hover {background-color:#799146;background-position:right -33px;-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
#archives ul.flexo-list {position:absolute;top:27px;left:0;padding:5px 20px;width:144px;background:#799146;-moz-border-radius:0 5px 5px 5px;-webket-border-radius:0 5px 5px 5px;border-radius:0 5px 5px 5px;z-index:9999;}
#archives ul.flexo-list li {margin:3px 0;padding:0;background:none;}
#archives ul.flexo-list li a {float:none;display:block;margin:0;padding:2px 0;font-size:12px;width:143px;color:#fff;text-decoration:none;background:none;}
#archives ul.flexo-list li a:hover {color:#cacf28;}
/* Misc
----------------------------------------------------------------------------------------------------*/
table {margin:20px 0;width:100%;border-collapse;collapse;background:#fff;border:1px solid #ddd;}
table thead th {padding:10px;font-size:14px;color:#fff;background:#565b57;border:1px solid #565b57}
table.tablesorter thead th span {padding:0 15px 0 0;background:url(images/sort-arrow-default.png) no-repeat right 1px;cursor:pointer;}
table.tablesorter thead th.headerSortDown span {padding:0 15px 0 0;background:url(images/sort-arrow-down.png) no-repeat right 3px;}
table.tablesorter thead th.headerSortUp span {padding:0 15px 0 0;background:url(images/sort-arrow-up.png) no-repeat right 3px;}
table tbody td,
table td,
table tbody th {padding:7px 10px;font-size:12px;color:#444;border-top:1px solid #ddd;}
table tbody th {font-weight:bold;}
table tbody tr:nth-child(even) th,
table tbody tr:nth-child(even) td {background:#f5f5f5;}
table tfoot th,
table tfoot td {padding:10px;font-size:14px;color:#666;background:#ddd;border:1px solid #bbb}
/* Footer
----------------------------------------------------------------------------------------------------*/
footer {clear:both;position:relative;padding:0 48px;width:864px;height:48px;background:url(images/bb-footer-bg.jpg) repeat-x 0 0;}
footer p {padding:15px 0 0 0;font-size:12px;color:#a6a18f;}
footer p a:link, footer p a:active, footer p a:visited {color:#a6a18f;}
footer p a:hover {color:#fff;}
#hops {position:absolute;top:-100px;right:-33px;width:269px;height:212px;background:url(images/bb-hops.png) no-repeat 0 0;}
/* tablet specific styles
----------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#wrapper {width:768px;}
header {width:768px;background-position:50% 0;}
#logo {top:100px;}
#logo img {width:85%;}
#content, #information {width:768px;}
#reviews {padding:48px 24px 20px;width:440px;}
#reviews .primary {margin:10px 0 0 0;width:430px;}
#reviews .primary .photo {width:420px;height:100px;}
#reviews .primary .photo img {width:420px;top:-250px;}
#reviews .primary p {font-size:16px;}
#news {margin:48px 24px 0 18px;}
#about {padding:0 24px;width:468px;}
#categories {margin:0 24px 0 0;width:228px;}
#shirts {padding:30px 24px 0;width:720px;}
#shirts .shirt {width:120px;}
#shirts .shirt img {width:120px;}
#misc {display:none;}
.map #post {padding:36px 0 0;margin:0;width:100%;}
.map #post h1 {margin:10px;}
#sidebar {display:inline;float:left;padding:36px 48px 0 0;width:192px;}
#sidebar .ad {display:none;}
#sidebar #news p {width:192px;}
#sidebar #shirts {width:192px;}
#sidebar #shirts .shirt {width:91px;}
#sidebar #shirts .shirt img {margin:5px 0;width:91px;}
#sidebar #misc {width:384px;background:none;}
#sidebar #misc article {margin:0 0 30px 0;}
#archives {padding:20px 24px;width:720px;}
footer {padding:0 24px;width:720px;}
}
/* mobile specific styles (landscape)
----------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
#wrapper {margin:3%;width:94%;}
header {width:100%;height:100px;background-position:50% 50%;}
#logo {top:-40px;left:-40px;}
#logo img {width:200px;}
#tools {margin:5px 10px 0 0;}
.sitesearch input.s {width:100px;}
#nav {display:none;}
#content, #information {width:100%;}
#reviews {padding:24px 0 0;width:100%;}
#reviews h1 {margin-left:20px;}
#reviews .primary {margin:10px 0;width:50%;}
#reviews .primary .photo {margin:0 20px;width:auto;height:100px;text-align:center;}
#reviews .primary .photo img {width:auto;top:-220px;left:-220px;}
#reviews .primary .meta {margin:10px 20px 0;}
#reviews .primary p {margin:0 20px;font-size:16px;}
#news {margin:0;padding:24px 0;width:100%;}
#news h2 {font-size:18px;margin:0 20px;}
#news p {margin:0 20px;padding:10px 0;border-top:1px solid #e5d1e7;}
#news p a {font-size:12px;}
#news p span {color:#a6a18f;}
#information {margin:0;padding:20px 0 0 0;border:none;}
#information h4 {margin:10px 20px;font-size:18px;}
#information h5 {margin:10px 20px;font-size:16px;}
#about {padding:0;width:100%;}
#about p {margin:10px 20px;font-size:12px;}
#categories {margin:20px 0 0 0;width:100%;}
#categories h5 {display:none;}
#categories ul li {width:100%;}
#categories ul li a {margin:0;padding:10px 0;width:100%;font-size:14px;color:#beb8a3;text-align:center;background:url(images/bb-footer-bg.jpg) repeat-x 0 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
#categories .sitesearch {display:none;}
#shirts {display:none;}
#misc {display:none;}
#archives {display:none;}
#post,
.map #post {padding:36px 0 0;margin:0;width:100%;}
#post .meta {margin:10px 20px 0;}
#content #post h1 {margin:10px 20px 0;}
#post .photo {margin:20px;}
#post .photo img {width:100%;}
#post p {margin:10px 20px 20px;}
#post p img, #post .bb-p img {width:100%;max-width:420px;}
#post h4 {margin:10px 20px;}
#comments {margin-bottom:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
#comments h4 {margin:10px 0;}
#comments p {margin:10px 0 20px;}
.archive #post .photo {margin:0 10px 10px 20px;}
.archive #post .entry p {margin:0 20px;}
.archive #post .entry p .meta {margin:0;}
.wp-pagenavi {margin:20px 0 0 0;background:#ddd;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
#sidebar {margin:0;padding:0;width:100%;background:url(images/bb-content-bg.jpg) repeat-x 0 0;}
#sidebar .ad {display:none;}
#sidebar h5 {margin:10px 20px;}
#sidebar .recentReviews {margin:20px 0 0;}
#sidebar .recentReviews .review {margin:5px 0 5px 20px;}
#sidebar #news {margin:0;width:100%;}
#sidebar #news p {width:auto;}
#sidebar #information {margin:0;width:100%;}
#sidebar #about {margin:0;padding:20px 0 0 0;width:100%;border-top:1px solid #ddd;}
#sidebar #categories {margin:0;padding:0;width:100%;}
#sidebar #categories .sitesearch {display:none;}
footer {padding:0;width:100%;}
footer p {margin:10px 20px;text-align:center;}
#hops {display:none;}
}
/* mobile specific styles (portrait)
----------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 479px) {
#wrapper {margin:3%;width:94%;}
header {width:100%;height:100px;background-position:50% 50%;}
#logo {top:-40px;left:-48px;}
#logo img {width:200px;}
#tools {margin:5px 10px 0 0;}
#tools ul li {float:right;margin:0 0 5px 10px;}
#tools ul li.sitesearch {float:none;display:block;}
.sitesearch input.s {width:100px;}
#nav {display:none;}
#content, #information {width:100%;}
#reviews {padding:24px 0 0;width:100%;}
#reviews h1 {margin-left:20px;}
#reviews .primary {margin:10px 20px;width:85%;}
#reviews .primary .photo {border:none;width:100%;height:100px;}
#reviews .primary .photo img {position:relative;width:100%;top:-150px;left:0;}
#reviews .primary p {font-size:16px;}
#reviews .secondary {float:left;margin:0;width:300px;}
#reviews .secondary .photo {display:none;}
#reviews .secondary p {display:block;margin:0;padding:10px 0;font-size:12px;line-height:1;border-top:1px solid #e5d1e7;}
#reviews .secondary p a {text-decoration:none;}
#news {margin:0;padding:24px 0;width:100%;}
#news h2 {font-size:18px;margin:0 20px;}
#news p {margin:0 20px;padding:10px 0;border-top:1px solid #e5d1e7;}
#news p a {font-size:12px;}
#news p span {color:#a6a18f;}
#information {margin:0;padding:20px 0 0 0;border:none;}
#information h4 {margin:10px 20px;font-size:18px;}
#information h5 {margin:10px 20px;font-size:16px;}
#about {padding:0;width:100%;}
#about p {margin:10px 20px;font-size:12px;}
#categories {margin:20px 0 0 0;width:100%;}
#categories h5 {display:none;}
#categories ul li {width:100%;}
#categories ul li a {margin:0;padding:10px 0;width:100%;font-size:14px;color:#beb8a3;text-align:center;background:url(images/bb-footer-bg.jpg) repeat-x 0 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
#categories .sitesearch {display:none;}
#shirts {display:none;}
#misc {display:none;}
#archives {display:none;}
#post,
.map #post {padding:24px 0 0;margin:0;width:100%;}
#post .meta {margin:10px 20px 0;}
#content #post h1 {margin:10px 20px 0;font-size:22px;}
#post .photo {margin:20px;}
#post .photo img {width:100%;}
#post p {margin:10px 20px 20px;}
#post p img, #post .bb-p img {width:100%;max-width:420px;}
#post h4 {margin:10px 20px;font-size:18px;}
#comments {margin-bottom:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
#comments h4 {margin:10px 0;font-size:18px;}
#comments p {margin:10px 0 20px;}
#comments label input, #comments label textarea {width:100%;}
.archive #post .photo {margin:0 10px 10px 20px;}
.archive #post .entry p {margin:0 20px;}
.archive #post .entry p .meta {margin:0;}
.wp-pagenavi {margin:20px 0 0 0;background:#ddd;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
#sidebar {margin:0;padding:0;width:100%;background:url(images/bb-content-bg.jpg) repeat-x 0 0;}
#sidebar .ad {display:none;}
#sidebar h5 {margin:10px 20px;}
#sidebar .recentReviews {margin:20px 0 0;}
#sidebar .recentReviews .review {margin:5px 0 5px 10px;width:50px;height:50px;}
#sidebar .recentReviews .review img {width:50px;}
#sidebar #news {margin:0;width:100%;}
#sidebar #news p {width:auto;}
#sidebar #information {margin:0;width:100%;}
#sidebar #about {margin:0;padding:20px 0 0 0;width:100%;border-top:1px solid #ddd;}
#sidebar #categories {margin:0;padding:0;width:100%;}
#sidebar #categories .sitesearch {display:none;}
footer {padding:0;width:100%;}
footer p {margin:10px 20px;text-align:center;}
#hops {display:none;}
footer {padding:0;width:100%;}
footer p {margin:10px 20px;text-align:center;}
#hops {display:none;}
}