/* CSS Reset
html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
html5doctor.com/html-5-reset-stylesheet/
-----------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
list-style:none;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
/* END RESET CSS */
/* Minimal base styles
-----------------------------------------------------------*/
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
pre, code, kbd, samp { background:#222; border:1px solid #333; color:#ddd; display:block; font-family: monospace, sans-serif; left:10px; /*position:absolute;*/ top:10px; z-index:1000; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }
a:hover, a:active { outline: none; }
small { font-size:85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align:top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {
padding: 15px;
/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
/*white-space: pre;*/ /* CSS2 */
/*white-space: pre-wrap;*/ /* CSS 2.1 */
/*white-space: pre-line;*/ /* CSS 3 (and 2.1 as well, actually) */
/*word-wrap: break-word;*/ /* IE */
}
/* align checkboxes, radios, text inputs with their label
by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], input[type=check], input[type=radio], button { cursor: pointer; }
::-moz-selection{ background:#c3a514; color:#222; text-shadow: none; }
::selection { background:#c3a514; color:#222; text-shadow: none; }
/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #c3a514; }
/* make buttons play nice in IE:
www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button { width: auto; overflow: visible; }
/* bicubic resizing for non-native sized IMG:
code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }
/* Non-semantic helper classes
-----------------------------------------------------------*/
.ir { background-color:transparent; background-position:0 0; background-repeat:no-repeat; display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }
.hidden { display:none !important; visibility:hidden; }
.visuallyhidden { position:absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility:hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }
/* Primary Styles
Author: Overit Media
Stephen Orsini
Doc Fuller
Scott Nadeau
-----------------------------------------------------------*/
/* Global
-----------------------------------------------------------*/
html { background:url(../images/bg_html.jpg) repeat-x scroll center top #1e1e1e; }
body { background:url(../images/bg_body.jpg) no-repeat scroll center top transparent; font-family:tahoma,helvetica,arial,sans-serif; font-size:13px; *font-size:small; *font:x-small; line-height:1.22; }
#container { margin:0 auto; width:960px; }
a:link
, a:visited { color:#f4dc36; text-decoration:underline; }
a:hover { text-decoration:none; }
a:focus
, a:active { outline:none; }
.yellow { color:#f4dc36; }
/* Navigation
-----------------------------------------------------------*/
#navigation { height:198px; position:relative; }
#navigation #logo { height:166px; left:16px; position:absolute; top:20px; width:222px; }
#navigation a#sp_facebook { background:transparent url(../images/sp_facebook.gif) scroll 0 0; height:76px; left:229px; position:absolute; top:10px; width:300px; }
#navigation a#sp_facebook:hover { background-position:0 -76px; }
#navigation #menu { bottom:0; padding:4px 0 0; position:absolute; right:-4px; width:710px; }
#navigation #menu li { background-image:url(../images/bg_menu.png); background-repeat:no-repeat; display:block; float:left; height:108px; }
#navigation #menu li.active { background-position:50% 45px; }
#navigation #menu a,
#navigation #menu a:hover { background-image:url(../images/sp_menu.jpg); background-repeat:no-repeat; display:block; height:45px; overflow:hidden; text-indent:-999em; }
/* Main Menu
-----------------------------------------------------------*/
a#sp_about { background-position:-1px 0; width:77px; }
a#sp_about:hover { background-position:-1px -45px; }
li.active a#sp_about { background-position:-1px -90px; cursor:default; }
a#sp_events { background-position:-78px 0; width:80px; }
a#sp_events:hover { background-position:-78px -45px; }
li.active a#sp_events { background-position:-78px -90px; cursor:default; }
a#sp_beer101 { background-position:-158px 0; width:86px; }
a#sp_beer101:hover { background-position:-158px -45px; }
li.active a#sp_beer101 { background-position:-158px -90px; cursor:default; }
a#sp_beerfinder { background-position:-245px 0; width:112px; }
a#sp_beerfinder:hover { background-position:-245px -45px; }
li.active a#sp_beerfinder { background-position:-245px -90px; cursor:default; }
a#sp_photos { background-position:-357px 0; width:84px; }
a#sp_photos:hover { background-position:-357px -45px; }
li.active a#sp_photos { background-position:-357px -90px; cursor:default; }
a#sp_videos { background-position:-441px 0; width:78px; }
a#sp_videos:hover { background-position:-441px -45px; }
li.active a#sp_videos { background-position:-441px -90px; cursor:default; }
a#sp_contests { background-position:-519px 0; width:98px; }
a#sp_contests:hover { background-position:-519px -45px; }
li.active a#sp_contests { background-position:-519px -90px; cursor:default; }
a#sp_contact { background-position:-617px 0; width:90px; }
a#sp_contact:hover { background-position:-617px -45px; }
li.active a#sp_contact { background-position:-617px -90px; cursor:default; }
/* Search Bar
-----------------------------------------------------------*/
#searchbar { height:27px; position:absolute; right:0; top:16px; }
#searchbar a { background:url(../images/sp_small-buttons.gif) no-repeat scroll 0 0 transparent; float:left; height:27px; }
#searchbar a#login-link { background-position:-319px 0; width:58px; }
#searchbar a#login-link:hover { background-position:-319px -27px; }
#searchbar a#signup-link { background-position:-377px 0; margin-left:15px; width:64px; }
#searchbar a#signup-link:hover { background-position:-377px -27px; }
#searchbar a#logout-link { background-position:-1442px 0; margin-left:15px; width:64px; }
#searchbar a#logout-link:hover { background-position:-1442px -27px; }
#searchbar a#dashboard-link { background-position:-1506px 0; margin-left:15px; width:88px; }
#searchbar a#dashboard-link:hover { background-position:-1506px -27px; }
#searchbar #search-form { float:left; margin-left:15px; }
#searchbar #search { background:url(../images/bg_search_header.png) no-repeat scroll 0 0 transparent; float:left; height:27px; width:226px; }
#searchbar #search label { cursor:default; display:block; float:left; width:52px; }
#searchbar #search input { background:transparent; border:none; color:#d1d1d1; font-family:arial,sans-serif; float:left; height:21px; padding:3px 4px; width:164px; }
#searchbar #search-form .buttons { background:url(../images/sp_submit.png) repeat scroll 0 -200px transparent; height:27px; float:left; margin-left:2px; width:28px; }
#searchbar #search-form .buttons #search-submit { background:none; border:none; height:27px; text-indent:-999em; width:28px; }
/* Main Content (left side)
-----------------------------------------------------------*/
#main { background: url(../images/bg_main.png) repeat-x scroll center bottom transparent; float:left; padding-bottom:22px; position:relative; width:470px; z-index:1; }
#home #main { padding-bottom:3px; }
#main_header { background:url(../images/bg_main_header.png) no-repeat scroll 0 0 transparent; border-bottom:1px solid #2c2c2c; padding:30px 0 4px; }
#main_header h1 { background:url(../images/bg_heading-hash.gif) repeat-y scroll 0 0 transparent; bottom:4px; color:#fff; font-size:40px; font-weight:normal; line-height:30px; padding:0 30px; text-transform:uppercase; }
#main_header h1 small { color:#c3a514; display:block; font-size:27px; line-height:27px; }
#main .entry { border-top:1px solid #616161; color:#ccc; font-size:12px; line-height:16px; padding:20px 30px; }
#main .entry h2 { color:#c3a514; font-size:19px; font-weight:normal; line-height:16px; margin:32px 0 16px; text-transform:uppercase; }
#main .entry h3 { color:#c3a514; font-size:19px; font-weight:normal; line-height:16px; margin:0 0 16px; text-transform:uppercase; }
#main .entry p
, #main .entry ul
, #main .entry ol { margin-bottom:16px; }
#main .entry p.title { color:#fff; font-weight:bold; margin-bottom:0; }
#main .entry p.subtitle { text-transform:uppercase; }
#main .entry img { background:url(../images/bg_img.gif) repeat scroll 0 0 transparent; border:1px solid #202020; margin:0 0 6px 20px; padding:0 0 0 6px; -moz-box-shadow:1px 1px 0 #3e3e3e, -1px -1px 0 #3e3e3e, -1px 1px 0 #3e3e3e, 1px -1px 0 #3e3e3e, -2px 0 0 #1d1d1d, 2px 0 0 #1d1d1d, 0 2px 0 #1d1d1d, 0 -2px 0 #1d1d1d; -webkit-box-shadow:1px 1px 0 #3e3e3e, -1px -1px 0 #3e3e3e, -1px 1px 0 #3e3e3e, 1px -1px 0 #3e3e3e, -2px 0 0 #1d1d1d, 2px 0 0 #1d1d1d, 0 2px 0 #1d1d1d, 0 -2px 0 #1d1d1d; }
#main .entry div.img img
, #main .entry p img:first-child { margin-left:0; }
#main .entry ul li { list-style:disc; margin-left:16px; }
#main .entry ol li { list-style:decimal; margin-left:20px; }
#main .entry table { margin-bottom:16px; width:400px; }
#main .entry th { color:#fff; text-align:left; }
/* Generic (Privacy Policy)
-----------------------------------------------------------*/
#generic #main { padding-bottom:6px; width:960px; }
#generic #main h1 { float:left; }
#generic #main .entry { }
#generic #main .entry h2 { color:#f4dc36; font-size:18px; font-weight:normal; line-height:24px; margin-top:0; }
#generic #main .entry h2 span { color:#fff; font-family:tahoma,helvetica,arial,sans-serif; font-size:14px; font-weight:normal; line-height:24px; position:relative; top:-1px; }
/* Sitewide Search Results
-----------------------------------------------------------*/
#main .search-result { background:url(../images/bg_entry.png) repeat-x scroll 0 100% transparent; border-bottom:1px solid #333; border-top:1px solid #111; }
#main .search-result h2 { color:#f4dc36; font-size:24px; margin:0 0 12px; }
#main .search-result p { margin-bottom:12px; }
#main .search-result a.read-more { float:right; }
/* Featured Slide
-----------------------------------------------------------*/
#main #featured-slide-container { overflow:hidden; position:relative; }
#main #featured-slide { background:url(../images/bg_featured-slide.gif) no-repeat scroll 0 0 transparent; display:block; height:324px; overflow:hidden; padding-top:3px !important; position:relative; width:2350px; }
#main #featured-slide li { float:left; width:470px; }
#main #featured-slide a.image-link {}
#main #featured-slide a.detail-link { background:url(../images/bg_featured-slide.png) no-repeat scroll 0 0 transparent; display:block; height:47px; margin-top:12px; padding:14px 80px 14px 20px; text-decoration:none; width:370px; }
#main #featured-slide a.detail-link h2 { color:#f4dc36; font-size:26px; font-weight:normal; line-height:21px; overflow:hidden; white-space:nowrap; }
#main #featured-slide a.detail-link p { color:#b4b4b4; font-size:11px; line-height:21px; overflow:hidden; text-transform:uppercase; white-space:nowrap; }
/* Slide navigation
-----------------------------------------------------------*/
#slide-indicator { height:14px; position:absolute; top:242px; z-index:30; }
#slide-indicator a { background-image:url(../images/sp_featured-slide-indicator.jpg); background-repeat:no-repeat; display:block; float:left; height:14px; outline:none; text-indent:-999em; width:94px; }
#slide-indicator a.active,
#slide-indicator a:hover { background-position:0 -14px; }
#slide-nav { position:absolute; top:130px; width:470px; z-index:20; }
#slide-nav a:active,
#slide-nav a { background-image:url(../images/sp_featured-slide-nav.png); background-repeat:no-repeat; display:block; height:60px; /*opacity:.7; filter:alpha(opacity=70);*/ overflow:hidden; outline:none; position:absolute; text-indent:-999em; width:75px; }
#slide-nav a:hover { /*opacity:1; filter:alpha(opacity=100);*/ }
#slide-nav a#featured-slide-next { background-position:-75px 0; right:-7px; }
#slide-nav a#featured-slide-prev { background-position:0 0; left:-7px; }
/* Find an Event
-----------------------------------------------------------*/
#find-an-event { background:url(../images/bg_find-an-event.png) no-repeat scroll 0 0 transparent; margin-left:-2px; padding:25px 22px; width:432px; }
#find-an-event #fae_form { display:block; float:left; height:60px; margin-bottom:4px; width:336px; }
#find-an-event a.more:link
, #find-an-event a.more:visited { background:url(../images/sp_submit.png) no-repeat scroll 100% -397px transparent; clear:both; color:#979797; font-size:11px; padding:0 12px 0 0; text-decoration:none; text-transform:uppercase; }
#find-an-event a.more:hover { color:#c3a514; }
/* Find an Event Gravity Style Form
-----------------------------------------------------------*/
#fae_form .gfield { clear:none; margin-right:10px; }
#fae_form #field_1_4 { width:134px; }
#fae_form .gform_footer { clear:none; float:right; height:41px; margin:14px 0 0; width:42px; }
/* Beer 101
-----------------------------------------------------------*/
#beer101 .entry { padding:20px 0; }
/* Accordion
-----------------------------------------------------------*/
#beer101 #accordion dt { background:url(../images/sp_accordions.gif) repeat-x scroll 0 0 transparent; display:block; height:39px; margin-top:1px; overflow:hidden; }
#beer101 #accordion dt a { cursor:pointer; text-decoration:none; }
#beer101 #accordion dt h2 { background:url(../images/sp_submit.png) no-repeat scroll 0 -290px transparent; color:#fff; font-size:24px; font-weight:normal; line-height:35px; margin:0; padding:0 30px; text-transform:uppercase; }
#beer101 #accordion dt:hover { background-position:0 -50px; }
#beer101 #accordion dt.open { background-position:0 -100px; }
#beer101 #accordion dd { display:block; padding:10px 30px 20px !important; width:410px !important; }
#beer101 #accordion p
, #beer101 #accordion li
, #beer101 #accordion blockquote { color:#ccc; font-size:12px; line-height:15px; }
#beer101 #accordion h3 { color:#c3a514; font-family:featureditem, arial, helvetica, sans-serif; font-size:19px; font-weight:normal; line-height:16px; margin:32px 0 16px; text-transform:uppercase; }
/* Beer Finder
-----------------------------------------------------------*/
#sharethis { background-color:#131515; padding:10px 0; }
#sharethis .helper { background:url(../images/bg_heading-hash.gif) repeat-y scroll 0 0 transparent; height:39px; padding-left:30px; }
#sharethis ul { display:block; float:right; padding:4px 30px 0 0; }
#sharethis ul li { display:block; float:left; margin-left:10px; }
#sharethis ul li a { background:url(../images/sp_small-buttons.gif) no-repeat scroll 0 0 transparent; height:25px; }
#sharethis ul a#sharefblike { background-position:-75px 0px; width:66px; }
#sharethis ul a#sharefblike:hover { background-position:-75px -25px; }
#sharethis ul a#shareretweet { background-position:-141px 0px; width:94px; }
#sharethis ul a#shareretweet:hover { background-position:-141px -25px; }
#sharethis ul a#shareemail { background-position:0px 0px; width:75px; }
#sharethis ul a#shareemail:hover { background-position:0px -25px; }
/* Related
-----------------------------------------------------------*/
#related { background:url(../images/bg_related.gif) repeat-x scroll 0 0 transparent; padding:20px 30px; }
#related h4 { color:#c3a514; font-size:24px; font-weight:normal; margin-bottom:10px; text-transform:uppercase; }
#related ul li { float:left; margin-left:16px; width:125px; }
#related ul li:first-child { margin-left:0; }
#related ul li a { text-decoration:none; }
#related ul li img { background:url(../images/bg_img.gif) repeat scroll 0 0 transparent; border:1px solid #202020; padding:0 0 0 6px; -moz-box-shadow:1px 1px 0 #3e3e3e, -1px -1px 0 #3e3e3e, -1px 1px 0 #3e3e3e, 1px -1px 0 #3e3e3e, -2px 0 0 #1d1d1d, 2px 0 0 #1d1d1d, 0 2px 0 #1d1d1d, 0 -2px 0 #1d1d1d; }
#related ul li a:hover img { border-color:#c3a514; }
#related ul li span.title { color:#fff; display:block; font-size:14px; line-height:15px; margin-top:4px; }
#related ul li span.style { display:block; font-size:18px; line-height:18px; margin-bottom:10px; }
/* Beer Finder Gravity Style Form
-----------------------------------------------------------*/
#bfl_form .description { padding:0 32px 20px; }
#bfl_form .gform_wrapper #gform_5 .gform_body .description p { color:#ccc; }
#bfl_form { padding:20px 0; }
#bfl_form #field_5_1
, #bfl_form #field_5_2
, #bfl_form #field_5_3
, #bfl_form #field_5_5 { margin-right:10px; padding-left:26px; width:200px; }
#bfl_form #field_5_1 { width:420px; }
#bfl_form #field_5_4 { width:202px; }
#bfl_form #field_5_4
, #bfl_form #field_5_6
, #bfl_form #field_5_7
, #bfl_form #field_5_8 { clear:none; }
#bfl_form #field_5_1 input { width:376px; }
#bfl_form #field_5_2 ul.selectReplacement li
, #bfl_form #field_5_3 ul.selectReplacement li
, #bfl_form #field_5_4 ul.selectReplacement li { width:148px; }
#bfl_form #field_5_5 ul.selectReplacement li
, #bfl_form #field_5_6 ul.selectReplacement li { width:78px; }
#bfl_form #field_5_7 input { width:98px; }
#bfl_form #field_5_5
, #bfl_form #field_5_6
, #bfl_form #field_5_7 { background:url(../images/bg_bf_form.png); margin:0; padding-right:10px; padding-top:10px; padding-bottom:10px; width:128px; }
#bfl_form #field_5_7 { padding-right:40px; }
#bfl_form .gform_footer { background-position:100% -300px; float:right; height:48px; margin-right:30px; width:88px; }
#gforms_confirmation_message { color: #fff; font-size: 16px; min-height: 223px; }
/* Search Results
-----------------------------------------------------------*/
#beerfinder .entry { background:url(../images/bg_entry.png) repeat-x scroll 0 100% transparent; border-bottom:1px solid #333; border-top:1px solid #111; width:410px; }
#beerfinder .entry h2 { color:#f4dc36; font-size:24px; margin-top:0; }
#beerfinder .entry img { margin:0 20px 0 0; }
#beerfinder .entry .details { display:block; float:left; }
#beerfinder .entry .details p { display:block; margin-bottom:12px; width:264px; }
#beerfinder .entry .details p strong { color:#fff; text-transform:capitalize; }
#beerfinder .entry .details a.ir { background:url(../images/sp_small-buttons.gif) no-repeat scroll -986px 0 transparent; height:27px; width:153px; }
#beerfinder .entry .details a.ir:hover { background-position:-986px -27px; }
#beerfinder #main #pagination { padding:10px 30px; }
/* Contests
-----------------------------------------------------------*/
#contests .entry { background:url(../images/bg_entry.png) repeat-x scroll 0 100% transparent; border-bottom:1px solid #333; border-top:1px solid #111; }
#contests .entry h2 { color:#f4dc36; font-size:24px; margin-top:0; }
#contests .entry img { margin:0 20px 0 0; }
#contests .entry .details { display:block; float:left; width:264px; }
#contests .entry .details p { display:block; margin-bottom:12px; width:264px; }
#contests .entry .details p strong { color:#fff; text-transform:capitalize; }
#contests .entry .details a.ir { background:url(../images/sp_small-buttons.gif) no-repeat scroll -1595px 0 transparent; height:27px; width:156px; }
#contests .entry .details a.ir:hover { background-position:-1595px -27px; }
/* Contest */
#contest #main { padding-bottom:0; }
#contest .entry .gform_body { }
#contest .entry .gform_body .gfield { clear:none; float:left; list-style:none; margin-left:0; width:204px; }
#contest .entry .gform_body #field_7_3 { margin-bottom:9px; }
#contest .entry .gform_body .gfield input { width:150px; }
#contest .entry .gform_footer { background-position:100% -200px; clear:none; margin:20px 0 0; width:99px; }
#contest a.more:link
, #contest a.more:visited { background:url(../images/sp_submit.png) no-repeat scroll 100% -397px transparent; clear:both; color:#979797; font-size:11px; padding:0 12px 0 0; text-decoration:none; text-transform:uppercase; }
#contest a.more:hover { color:#c3a514; }
/* Events
-----------------------------------------------------------*/
#events #main_header { background-position:50% -2px; border-bottom:1px solid #444; }
#events .entry { background:url(../images/bg_entry.png) repeat-x scroll 0 100% transparent; border-bottom:1px solid #333; border-top:1px solid #111; }
#events #error_message em { color:#F4DC36; }
#events .entry h2 { color:#f4dc36; font-size:24px; margin-top:0; }
#events .entry img { margin:0 20px 0 0; }
#events .entry .details { display:block; float:left; }
#events .entry .details p { display:block; margin-bottom:12px; text-transform:uppercase; width:264px; }
#events .entry .details p strong { color:#fff; text-transform:capitalize; }
#events .entry .details a.ir { background:url(../images/sp_small-buttons.gif) no-repeat scroll -441px 0 transparent; height:27px; width:156px; }
#events .entry .details a.ir:hover { background-position:-441px -27px; }
#events #pagination { padding-bottom:0; }
#main #event-search-results div.loading { color: #fff; height: 320px; padding-top: 80px; text-align: center; width: 100%; }
#main #event-search-results div.loading span { clear: both; display: block;}
/* Events Detail
-----------------------------------------------------------*/
a#sp_visit-website
, a#sp_view-map
, a#sp_print-this { background:url(../images/sp_small-buttons.gif) no-repeat scroll 0 0 transparent; height:27px; }
a#sp_visit-website { background-position:-710px 0; float:left; margin-right:8px; width:102px; }
a#sp_visit-website:hover { background-position:-710px -27px; }
a#sp_view-map { background-position:-812px 0; width:84px; }
a#sp_view-map:hover { background-position:-812px -27px; }
a#sp_print-this { background-position:-896px 0; width:90px; }
a#sp_print-this:hover { background-position:-896px -27px; }
/* Photos
-----------------------------------------------------------*/
#photos #main { padding-bottom:6px; width:960px; }
#photos #main h1 { float:left; }
#photos #main .entry { border-left:1px solid #585858; margin-left:187px; min-height:438px; padding-bottom:55px; }
#photos #main .entry h2 { color:#f4dc36; font-size:18px; font-weight:normal; line-height:24px; margin-top:0; }
#photos #main .entry h2 span { color:#fff; font-family:tahoma,helvetica,arial,sans-serif; font-size:14px; font-weight:normal; line-height:24px; position:relative; top:-1px; }
/* Search Photos
-----------------------------------------------------------*/
#searchbar-photos { margin-left:220px; position:absolute; }
#searchbar-photos #search-form { width:720px; }
#searchbar-photos #search { float:left; }
#searchbar-photos #search label { color:#ccc; cursor:default; float:left; font-size:14px; font-weight:bold; }
#searchbar-photos #search .ginput_container { float:left; margin:-8px 0 0 10px; }
#searchbar-photos #search input { width:218px; }
#searchbar-photos #search input::-webkit-input-placeholder { color:#414141; }
#searchbar-photos #search input:-moz-placeholder { color:#414141; }
#searchbar-photos #search-form .buttons { background:url(../images/sp_submit.png) no-repeat scroll 100% -200px transparent; height:38px; float:left; margin:-8px 0 0 6px; width:40px; }
#searchbar-photos #search-form .buttons #search-submit { background:transparent; border:none; height:38px; text-indent:-999em; width:40px; }
#searchbar-photos a#search-by-location { background:url(../images/sp_submit.png) no-repeat scroll 100% -500px transparent; float:right; height:44px; margin:-10px 0 0; width:214px; }
#searchbar-photos a#search-by-location:hover { background-position:100% -550px; }
/* Navigation Photos
-----------------------------------------------------------*/
#navigation-photos { border-top:1px solid #616161; display:block; padding:20px 0; position:absolute; white-space:nowrap; width:187px; }
#navigation-photos li a { color:#fff; display:block; font-size:12px; font-weight:bold; line-height:15px; padding:0 30px 10px; text-decoration:none; white-space:normal; }
#navigation-photos li a:hover { color:#f3d932; }
#navigation-photos li.current a { background:#000; color:#f3d932; cursor:default; }
#navigation-photos a#submit-your-photos { background:url(../images/sp_small-buttons.gif) no-repeat scroll -1139px 0 transparent; height:27px; margin:20px 0 0 30px; width:117px; }
#navigation-photos a#submit-your-photos:hover { background-position:-1139px -27px; }
/* Thumbs
-----------------------------------------------------------*/
#photos #main .entry ul#thumbs { margin:0; }
#photos #main .entry ul#thumbs li { float:left; list-style:none; margin:0 27px 20px 0; width:120px; }
#photos #main .entry ul#thumbs li.last { margin-right:0; }
#photos #main .entry ul#thumbs li a { color:#fff; height:140px; text-decoration:none; width:123px; }
#photos #main .entry ul#thumbs li a img { margin-left:0; }
#photos #main .entry ul#thumbs li a:hover img { border-color:#f4dc36; }
#photos #main .entry ul#thumbs li a span.title { white-space:nowrap; }
#photos #main .entry ul#thumbs li a span.meta { color:#ccc; display:block; font-size:11px; }
/* Locations
-----------------------------------------------------------*/
#photos #main .entry ul#alpha_nav { margin-bottom:60px; }
#photos #main .entry ul#alpha_nav li { float:left; list-style:none; margin:0; text-align:right; width:26px; }
#photos #main .entry ul#alpha_nav li:first-child { text-align:left; width:34px; }
#photos #main .entry ul#alpha_nav li a { font-size:24px; text-decoration:none; }
#photos #main .entry ul#alpha_menu li#alpha_col1
, #photos #main .entry ul#alpha_menu li#alpha_col2
, #photos #main .entry ul#alpha_menu li#alpha_col3 { display:block; float:left; list-style:none; margin:0; width:33%; }
#photos #main .entry ul#alpha_menu li li { line-height:normal; list-style:none; margin:0; }
#photos #main .entry ul#alpha_menu li li span { color:#c7b63c; font-size:24px; text-transform:uppercase; }
#photos #main .entry ul#alpha_menu li li ul { margin-bottom:20px; }
#photos #main .entry ul#alpha_menu li li li a { color:#fff; font-size:11px; font-weight:bold; text-decoration:none; }
#photos #main .entry ul#alpha_menu li li li a:hover { color:#f3d932; }
/* Videos
-----------------------------------------------------------*/
#videos #main { padding-bottom:6px; width:960px; }
#videos #main h1 { float:left; }
#videos #main .entry { border-left:1px solid #585858; margin-left:187px; min-height: 670px; }
#videos #main .entry h2 { color:#f4dc36; font-size:18px; font-weight:normal; line-height:24px; margin-top:0; }
#videos #main .entry h2 span { color:#fff; font-family:tahoma,helvetica,arial,sans-serif; font-size:16px; font-weight:normal; line-height:22px; margin-top:0; }
/* Search Videos
-----------------------------------------------------------*/
#searchbar-videos { margin-left:220px; position:absolute; }
#searchbar-videos #search-form { width:720px; }
#searchbar-videos #search { float:left; }
#searchbar-videos #search label { color:#ccc; cursor:default; float:left; font-size:14px; font-weight:bold; }
#searchbar-videos #search .ginput_container { float:left; margin:-8px 0 0 10px; }
#searchbar-videos #search input { width:218px; }
#searchbar-videos #search input::-webkit-input-placeholder { color:#414141; }
#searchbar-videos #search input:-moz-placeholder { color:#414141; }
#searchbar-videos #search-form .buttons { background:url(../images/sp_submit.png) no-repeat scroll 100% -200px transparent; height:38px; float:left; margin:-8px 0 0 6px; width:40px; }
#searchbar-videos #search-form .buttons #search-submit { background:transparent; border:none; height:38px; text-indent:-999em; width:40px; }
/* Navigation Videos
-----------------------------------------------------------*/
#navigation-videos { border-top:1px solid #616161; display:block; left:0; padding:20px 0; position:absolute; width:187px; }
#navigation-videos li a { color:#fff; display:block; font-size:12px; font-weight:bold; line-height:15px; padding:0 30px 10px; text-decoration:none; white-space:normal; }
#navigation-videos li a:hover { color:#f3d932; }
#navigation-videos li.current a { background:#000; color:#f3d932; cursor:default; }
#navigation-videos a#submit-your-videos { background:url(../images/sp_small-buttons.gif) no-repeat scroll -1329px 0 transparent; height:27px; margin:20px 0 0 30px; width:113px; }
#navigation-videos a#submit-your-videos:hover { background-position:-1329px -27px; }
/* Thumbs
-----------------------------------------------------------*/
#videos #main .entry ul#thumbs { margin:0; }
#videos #main .entry ul#thumbs li { float:left; list-style:none; margin:0 27px 20px 0; width:120px; }
#videos #main .entry ul#thumbs li.last { margin-right:0; }
#videos #main .entry ul#thumbs li.no-results { float:left; list-style:none; margin:0 27px 20px 0; width:auto; }
#videos #main .entry ul#thumbs li a { color:#fff; text-decoration:none; }
#videos #main .entry ul#thumbs li a img { margin-left:0; }
#videos #main .entry ul#thumbs li a:hover img { border-color:#f4dc36; }
#videos #main .entry ul#thumbs li a span.title { display:block; white-space:nowrap; }
#videos #main .entry ul#thumbs li a span.meta { color:#ccc; display:block; font-size:11px; }
/* Contact
-----------------------------------------------------------*/
#c_form { border-top:1px solid #616161; padding: 20px 30px; position:relative; }
/* Gravity Form
-----------------------------------------------------------*/
#c_form #field_1_1 input
, #c_form #field_1_2 input { width:162px; }
#c_form #field_1_3 input { width:127px; }
#c_form #field_1_2
, #c_form #field_1_4
, #c_form #field_1_5 { clear:none; margin-left:10px; }
#c_form #field_1_5 { width:83px; }
#c_form #field_1_5 ul.selectReplacement li { width:18px; }
#c_form #field_1_6 .ginput_container { background-position:0 -500px; height:100px; }
#c_form #field_1_6 .ginput_container:hover
, #c_form #field_1_6 .ginput_container:focus { background-position:0 -600px; }
#c_form #field_1_6 .ginput_container textarea { height: 76px; width: 274px; }
#c_form .gform_footer { background-position:-510px -200px; bottom:56px; position:absolute; right:30px; width:90px; }
/* Pagination
-----------------------------------------------------------*/
#main #pagination { clear:both; display:block; height:15px; padding:10px 30px; }
#main #pagination ul { display:block; position:relative; width:100%; }
#main #pagination ul li { list-style:none; margin:0; }
#main #pagination ul li.current
, #main #pagination ul li.pageNum { color:#fff; font-weight:bold; padding:0 5px; }
#main #pagination ul li a:link
, #main #pagination ul li a:visited { color:#ccc; font-size:11px; text-decoration:none; text-transform:uppercase; }
#main #pagination ul li a:hover { color:#c3a514; }
#main #pagination ul li.pagenum { left:25%; position:absolute; width:50%; }
#main #pagination ul li.prev { left:0; }
#main #pagination ul li.next { right:0; text-align:right; }
#main #pagination ul li.prev
, #main #pagination ul li.next { position:absolute; width:25%; }
#main #pagination ul ul { text-align:center; }
#main #pagination ul ul li { display:inline; }
#main #pagination ul ul li a { padding:0 5px; }
/* Sidebar Pagination
-----------------------------------------------------------*/
#sidebar #pagination { display:block; height:15px; padding:10px 30px; }
#sidebar #pagination ul { display:block; position:relative; width:100%; }
#sidebar #pagination ul li { list-style:none; margin:0; }
#sidebar #pagination ul li.current
, #sidebar #pagination ul li.pageNum { color:#fff; font-weight:bold; padding:0 5px; }
#sidebar #pagination ul li a:link
, #sidebar #pagination ul li a:visited { color:#ccc; font-size:11px; text-decoration:none; text-transform:uppercase; }
#sidebar #pagination ul li a:hover { color:#c3a514; }
#sidebar #pagination ul li.pagenum { left:25%; position:absolute; width:50%; }
#sidebar #pagination ul li.pageNum.currentPage {position:relative; left:0;}
#sidebar #pagination ul li.prev { left:0; }
#sidebar #pagination ul li.next { right:0; text-align:right; }
#sidebar #pagination ul li.prev
, #sidebar #pagination ul li.next { position:absolute; width:25%; }
#sidebar #pagination ul ul { text-align:center; }
#sidebar #pagination ul ul li { display:inline; }
#sidebar #pagination ul ul li a { padding:0 5px; }
/* Nextgen Gallery Pagination
-----------------------------------------------------------*/
#photos #main .entry ul#thumbs #pagination { display:block; height:15px; left:50%; margin-left:-262px; padding:10px 30px; position:absolute; width:652px; }
#photos #main .entry ul#thumbs #pagination ul { display:block; position:relative; width:652px; }
#photos #main .entry ul#thumbs #pagination ul li { list-style:none; margin:0; }
#photos #main .entry ul#thumbs #pagination ul li.current
, #photos #main .entry ul#thumbs #pagination ul li.pageNum { color:#fff; font-weight:bold; padding:0 5px; width:auto; }
#photos #main .entry ul#thumbs #pagination ul li a:link
, #photos #main .entry ul#thumbs #pagination ul li a:visited { color:#ccc; font-size:11px; text-decoration:none; text-transform:uppercase; }
#photos #main .entry ul#thumbs #pagination ul li a:hover { color:#c3a514; }
#photos #main .entry ul#thumbs #pagination ul li.pagenum { left:163px; position:absolute; width:326px; }
#photos #main .entry ul#thumbs #pagination ul li.prev { left:0; text-align:left; }
#photos #main .entry ul#thumbs #pagination ul li.next { right:0; text-align:right; }
#photos #main .entry ul#thumbs #pagination ul li.prev
, #photos #main .entry ul#thumbs #pagination ul li.next { position:absolute; width:163px; }
#photos #main .entry ul#thumbs #pagination ul ul { text-align:center; width:326px; }
#photos #main .entry ul#thumbs #pagination ul ul li { display:inline; float:none; }
#photos #main .entry ul#thumbs #pagination ul ul li a { padding:0 5px; }
/* Sidebar
-----------------------------------------------------------*/
#sidebar { background:url(../images/bg_main.png) repeat-x scroll center bottom transparent; border-top:2px solid #1b1b1b; float:right; padding-bottom:6px; width:487px; }
/* Call Out
-----------------------------------------------------------*/
.callout { margin:0px; }
.callout p { color:#ccc; font-size:12px; line-height:16px; margin-bottom:16px; }
.callout img { float:left; }
/* Promos
-----------------------------------------------------------*/
#promos { clear:both; }
#promos .kwicks { height:240px; overflow:hidden; position:relative; width:487px; }
#promos .kwicks li { float:left; width:161px; height:240px; overflow:hidden; position:relative; }
#promos .kwicks li a { background:url(../images/bg_promo.png) repeat scroll center top transparent; display:block; height:240px; left:50%; margin-left:-140px; position:absolute; width:280px; }
#promos .kwicks li.active a { background:none; }
#promos .kwicks li span.arrow { background:url(../images/sp_submit.png) no-repeat scroll 0 0 transparent; bottom:15px; height:52px; position:absolute; right:20px; width:52px; }
#promos .kwicks li span.title { bottom:15px; left:20px; line-height:21px; position:absolute; width:100px; z-index:10; }
#promos .kwicks li span.title a {}
#promos .kwicks li span.title span span { background-color:#141414; color:#d1d1d1; float:left; font-size:26px; height:19px; margin-top:-4px; padding:1px 3px 7px; }
#promos .kwicks li.active span.title span { color:#fff; }
#promos #kwick1 { background:url(../multimedia/mm_05.jpg) no-repeat scroll center top transparent; }
#promos #kwick2 { background:url(../multimedia/mm_06.jpg) no-repeat scroll center top transparent; }
#promos #kwick3 { background:url(../multimedia/mm_07.jpg) no-repeat scroll center top transparent; }
/* VIP Call Out
-----------------------------------------------------------*/
#vip-link { background:url(../multimedia/mm_10.png) no-repeat scroll 0 0 transparent; clear:both; height:211px; width:487px; }
#about #vip-link { background:url(../multimedia/mm_04.jpg) no-repeat scroll 0 1px #333; border-top:1px solid #111; height:61px; padding-top:1px; }
#vip-alt { margin-top:2px; }
a#sp_signup-its-free { background:transparent url(../images/sp_signup-its-free.gif) no-repeat scroll 0 0; clear:both; float:left; height:211px; width:244px; }
a#sp_available-in-app-store { background:transparent url(../images/sp_available-in-the-app-store.gif) no-repeat scroll 0 0; float:left; height:211px; width:243px; }
/* Beer Finder
-----------------------------------------------------------*/
#beerfinder #sidebar #promos { border-top:2px solid #555; }
#beerfinder-beer #main { overflow: hidden; }
#beerfinder-beer #sidebar .callout { background:#fff; height:250px; padding:0 30px; position:relative; width:427px; }
#beerfinder-beer #sidebar .callout img { display:block; float:none; margin:0 auto; }
#beerfinder-beer #beer-overlay { background:url(../images/bg_beer-overlay.png) no-repeat scroll 0 0 transparent; display:block; height:250px; left:0; position:absolute; width:487px; z-index:10; }
#beerfinder-beer .entry table td { color: #ccc;}
a#aficionados-link { background:url(../multimedia/mm_11.jpg) no-repeat scroll 0 0 transparent; height:185px; width:487px; }
/* Buy this Beer
-----------------------------------------------------------*/
#sidebar_beerfinder { background:url(../images/bg_sidebar_beerfinder.gif) repeat-x scroll 0 0 transparent; clear:both; padding:25px 0; }
#sidebar_beerfinder h5 { margin-left:30px; }
#sidebar_beerfinder p { color:#ccc; font-size:12px; line-height:16px; padding:0 30px; margin-bottom:16px; }
#sidebar_beerfinder #beerfinder-key { background:url(../images/sp_beer-finder.png) repeat-x scroll 0 -848px transparent; height:38px; overflow:hidden; padding:0 34px; }
#sidebar_beerfinder #beerfinder-key span { background:url(../images/sp_beer-finder.png) no-repeat scroll 0 0 transparent; float:left; height:38px; }
#sidebar_beerfinder #beerfinder-key span.has-keg { background-position:0 -886px; width:144px; }
#sidebar_beerfinder #beerfinder-key span.has-btl { background-position:0 -924px; width:160px; }
#sidebar_beerfinder #beerfinder-key span.has-Either { background-position:0 -962px; width:98px; }
#sidebar_beerfinder .entry { border-top:1px solid #111; border-bottom:1px solid #333; padding:20px 30px; }
#sidebar_beerfinder .entry .helper { background:url(../images/sp_beer-finder.png) no-repeat scroll 0 0 transparent; padding-left:44px; }
#sidebar_beerfinder .has-both .helper { background-position:0 0; }
#sidebar_beerfinder .has-btl .helper { background-position:0 -200px; }
#sidebar_beerfinder .has-keg .helper { background-position:0 -400px; }
#sidebar_beerfinder .entry .helper a.get-directions { background:url(../images/sp_small-buttons.gif) no-repeat scroll -598px 0 transparent; float:right; height:27px; width:112px; }
#sidebar_beerfinder .entry .helper a.get-directions:hover { background-position:-598px -27px; }
#sidebar_beerfinder .entry .helper h2 { color:#fff; font-size:24px; line-height:36px; }
#sidebar_beerfinder .entry .helper span { color:#ccc; font-size:12px; line-height:16px; }
#sidebar_beerfinder .entry .helper span.address { clear:both; display:block; margin-bottom:5px; }
#sidebar_beerfinder .entry .helper span.phone { clear:both; display:block; margin-bottom:5px; }
#sidebar_beerfinder .entry .helper span.phone span.ir { background:url(../images/sp_beer-finder.png) no-repeat scroll 0 -800px transparent; float:left; height:18px; }
#sidebar_beerfinder .entry .helper span.phone span.carry-out { background-position:0 -800px; width:76px; }
#sidebar_beerfinder .entry .helper span.phone span.dine-in { background-position:0 -830px; width:58px; }
#sidebar_beerfinder .entry .helper span.distance { clear:both; color:#fff; display:block; margin-bottom:5px; }
#sidebar_beerfinder .entry .helper strong { color:#f4dc36; }
#sidebar_beerfinder #input_2_6 li
, #sidebar_beerfinder #input_2_7 li { margin-right:10px; }
/* Gravity Form
-----------------------------------------------------------*/
#bf_form #field_2_3
, #bf_form #field_2_4
, #bf_form #field_2_5 { background:url(../images/bg_bf_form.png) repeat scroll 0 0 transparent; }
#bf_form .gfield { clear:none; padding:10px 10px 20px 0; width:138px; }
#bf_form #field_2_3 { padding-left:26px; }
#bf_form #field_2_5 { padding-right:26px; }
#bf_form #field_2_6 { display:block; padding-top:0; width:312px; }
#bf_form #field_2_6 .gfield_label { display:none; }
#bf_form #field_2_6 .ginput_container { background:none; }
#bf_form .gform_footer { clear:none; float:right; height:42px; margin:0 30px 0 0; width:132px; }
/* Events
-----------------------------------------------------------*/
#events #find-an-event { background:url(../images/bg_find-an-event-long.png) no-repeat scroll 0 0 transparent; padding-bottom:20px; position:relative; width:447px; z-index:1; }
/* Gravity Form
-----------------------------------------------------------*/
#fael_form #field_3_2 input { width:148px; }
.event_detail #fael_form #field_3_2 input
, .event_detail #fael_form #field_3_5 input
, .event_detail #fael_form #field_3_6 input { height:38px; }
#fael_form #field_3_2
, #fael_form #field_3_7
, #fael_form #field_3_9 { clear:none; margin-left:10px; width:138px; }
#fael_form #field_3_8 { width:138px; }
#fael_form #field_3_7
, #fael_form #field_3_9 { margin-right:100px; }
#fael_form #field_3_3
, #fael_form #field_3_4
, #fael_form #field_3_5 { position:absolute; left:334px; }
#fael_form #field_3_3 { width:138px; }
#fael_form #field_3_4 { top:90px; width:138px; }
#fael_form #field_3_5 { top:153px; width:138px; }
#fael_form .gform_footer { float:right; margin-right:-4px; }
p.note { color: #fff; font-size: 11px; font-style: italic; padding-bottom: 18px;}
/* Events Calendar & Categories
-----------------------------------------------------------*/
#events-calendar { background:url(../images/bg_entry.png) repeat scroll 0 bottom transparent; border-top:2px solid #181818; border-bottom:2px solid #555; position:relative; z-index:0; }
/* Categories
-----------------------------------------------------------*/
#events-categories { border-right:1px solid #555; float:left; min-height:231px; padding:20px; width:160px; }
#events-categories h3 { color:#fff; font-size:23px; font-weight:normal; height:42px; padding:6px 0 0; }
#events-categories h3 span { color:#f4dc36; }
#events-categories li a { color:#ccc; font-size:12px; font-weight:bold; line-height:18px; text-decoration:none; white-space: nowrap;}
#events-categories li a:hover { color:#f4dc36; }
#events-categories li.current-cat a { background:#000; color:#f4dc36; cursor:default; margin-left:-4px; padding:0 4px; }
/* Calendar
-----------------------------------------------------------*/
#calendarnav { display:block; height:30px; position:absolute; right:20px; top:20px; width:246px; }
#calendarnav a { background:url(../images/sp_submit.png) no-repeat scroll 0 0 transparent; height:42px; width:42px; }
#calendarnav a#calendarprev { background-position:-508px -100px; float:left; outline:none; }
#calendarnav a#calendarnext { background-position:-558px -100px; float:right; outline:none; }
#calendarnav a#calendarprev:hover { background-position:-508px -150px; float:left; outline:none; }
#calendarnav a#calendarnext:hover { background-position:-558px -150px; float:right; outline:none; }
#calendarwrapper { float:right; padding:20px; width:246px; }
#calendarwrapper .calendar { color:#b4b4b4; margin:0 auto 10px; width:218px; }
#calendarwrapper caption { color:#fff; font-family:featureditem,arial,helvetica,sans-serif; font-size:23px; height:42px; padding:6px 0 0; }
#calendarwrapper caption span { color:#f4dc36; }
#calendarwrapper th
, #calendarwrapper td { font-size:12px; height:28px; text-align:center; vertical-align:middle; }
#calendarwrapper td { background-color:#474747; border-bottom:1px solid #222; border-right:1px solid #222; }
#calendarwrapper td.pad { background-color:transparent; border:none; }
#calendarwrapper td.today { background-color:#646464; color:#fff; }
/* Contact
-----------------------------------------------------------*/
#contact #sidebar .helper { background:url(../images/bg_entry.png) repeat-x scroll 0 100% transparent; padding:20px 30px 38px; }
#map { background:url(../images/bg_map.gif) no-repeat scroll 0 0 transparent; display:block; height:100px; margin-bottom:20px; }
#map a { background:url(../images/sp_small-buttons.gif) no-repeat scroll -598px 0 transparent; float:right; height:27px; margin:1px; width:112px; }
#map a:hover { background-position:-598px -27px; }
#contactinfo { color:#ccc; font-size:12px; line-height:16px; }
#contactinfo dl { float:left; width:160px; }
#contactinfo dl.leftcol { float:left; margin-right:10px; width:240px; }
#contactinfo dt { color:#fff; font-weight:bold; }
#contactinfo dd { font-size:10px; font-weight:bold; margin-bottom:16px; }
#contactinfo a#todecrescente { clear:both; font-weight:bold; margin:16px 0 0 250px; }
/* Gravity Form Elements
-----------------------------------------------------------*/
.gfield { clear:left; display:block; float:left; margin-bottom:10px; }
.gfield_label { padding:0 0 0 18px; }
.gfield label { color:#b4b4b4; font-size:12px; font-weight:bold; }
.ginput_container { background:url(../images/sp_input.png) no-repeat scroll 0 0 transparent; display:block; height:38px; padding-left:18px; }
.ginput_container:hover { background-position:0 -38px; }
.gform_footer { background:url(../images/sp_submit.png) no-repeat scroll right 0 transparent; clear:left; float:left; height:42px; width:132px; }
.gform_footer img { display:none; }
input
, textarea { background:transparent; border:none !important; }
input:focus
, textarea:focus { outline:none; }
input[type=submit] { display:block; height:100%; overflow:hidden; padding:0; text-indent:-999em; width:100%; }
input[type=text]
, input[type=tel]
, input[type=email]
, input[type=password]
, input[type=file] { background:url(../images/sp_input.png) no-repeat scroll right -100px transparent; color:#414141; font-size:12px; height:14px; padding:13px 18px 11px 0; width:102px; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; }
textarea { color:#414141; font-size:12px; overflow:auto; padding:13px 18px 11px 0; resize:none; }
input.datepicker { background-position:right -300px; width:102px; }
.ginput_container:hover input[type="text"].datepicker { background-position:right -338px; }
.ginput_container:hover input[type="text"]
, .ginput_container:hover input[type="email"] { background-position:right -138px; }
.gfield_required
, .validation_message
, .validation_error { color:#f4dc36; }
.gfield_required { font-size:10px; font-weight:normal; }
.validation_message { font-size:10px; padding:0 0 4px 18px; }
.validation_error { font-style:italic; margin-bottom:10px; }
/* Radio
-----------------------------------------------------------*/
.gfield_radio { height:38px; margin-left:18px; }
.gfield_radio
, .gfield_radio li { display:block; float:left; margin-right:20px; }
.gfield_radio label { line-height:38px; margin:0; }
.radio { background:url(../images/sp_input.png) no-repeat scroll -576px -394px transparent; cursor:pointer; display:block; float:left; height:38px; width:28px; }
.radio.selected { background-position:-576px -444px; }
.radiolabel { display:block; float:left; height:38px; margin-left:-30px!important; padding-left:30px; }
/* Select
-----------------------------------------------------------*/
select.replaced { display:none; }
.selectContainer { background:url(../images/sp_input.png) no-repeat scroll right -200px transparent; height:38px; position:relative; }
.selectContainer.onTop { z-index:1000; }
ul.selectReplacement { height:38px; overflow:hidden; position:relative; top:0; z-index:0; }
.ginput_container:hover ul.selectReplacement
, .ginput_container:hover .selectContainer
, .selectContainer:hover
, .selectContainer:active
, ul.selectReplacement:hover
, ul.selectReplacement:active { background-position:right -238px; cursor:pointer; }
ul.selectReplacement li { color:#414141; cursor:pointer; display:block; font-size:12px; overflow:hidden; padding:11px 24px 11px 0; position:absolute; top:-999em; white-space:nowrap; width:auto; }
ul.selectOpen { background-color:rgba(250,250,250,.9); border-bottom:5px solid #000; border-left:5px solid #000; border-right:5px solid #000; height:auto; max-height:260px; margin:0 12px 0 -6px; overflow-y:auto; padding:0; position:relative; top:33px; }
ul.selectOpen li { margin-left:0 !important; padding:6px 10px; position:relative; top:0; }
ul.selectReplacement li.selected { position:absolute; top:0; width:80%!important; }
ul.selectOpen li.selected { position:relative; top:0; width:100%!important; }
ul.selectOpen li:hover
, ul.selectOpen li.hover
, ul.selectOpen li.selected:hover { background-color:rgba(250,250,250,.95); }
/* Date Picker Calendar
-----------------------------------------------------------*/
#ui-datepicker-div { background:rgba(250,250,250,.9); border:5px solid #000; border-radius:15px; display:none; font-family:helvetica,arial,sans-serif; font-size:11px; padding:6px 9px; width:170px !important; z-index:1000!important; -moz-border-radius:15px; -webkit-border-radius:15px; }
#ui-datepicker-div .ui-datepicker-header { height:12px; position:relative; }
#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev { left:0; position:absolute; top:0; }
#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next { position:absolute; right:0; top:0; }
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title { left:50%; margin-left:-60px; position:absolute; text-align:center; top:0; width:120px; }
#ui-datepicker-div a { color:#414141; text-decoration:none; }
#ui-datepicker-div a:hover { cursor:pointer; text-decoration:underline; }
#ui-datepicker-div option { padding:0; text-align:center; }
#ui-datepicker-div .ui-datepicker-current-day a { font-weight:bold; }
#ui-datepicker-div .ui-datepicker-current-day { background:#c3a514; }
#ui-datepicker-div table { margin-top:6px; width:100%; }
#ui-datepicker-div td { text-align:center; padding:5px 0 2px; }
#ui-datepicker-div thead td { color:#999; font-size:9px; font-weight:bold; }
.ui-datepicker-control
, .ui-datepicker-links { clear:both; font-size:9px; text-transform:uppercase; }
.ui-datepicker-links { padding-top:6px; }
.ui-datepicker-clear { float:left; }
.ui-datepicker-close { float:right; }
.ui-datepicker-prev { display:block; float:left; width:33%; }
.ui-datepicker-current { display:block; float:left; text-align:center; width:34%; }
.ui-datepicker-next { display:block; float:right; text-align:right; width:33%; }
/* Footer
-----------------------------------------------------------*/
#footer { background:url(../images/bg_footer.jpg) repeat-x scroll center bottom transparent; clear:both; height:287px; padding:53px 0 0; }
#footer .container { background:url(../images/bg_footer_inner.jpg) no-repeat scroll center bottom transparent; height:287px; position:relative; z-index:0; }
#footer .inner { height:287px; margin:0 auto; position:relative; width:960px; }
/* footer callout
-----------------------------------------------------------*/
#footercallout { display:block; height:128px; overflow:hidden; position:absolute; top:42px; width:420px; }
#footercallout p { color:#868686; font-size:12px; line-height:14px; margin-bottom:14px; }
#footercallout a.more:link
, #footercallout a.more:visited { background:url(../images/sp_submit.png) no-repeat scroll 100% -397px transparent; clear:both; color:#979797; float:left; font-size:11px; padding:0 12px 0 0; text-decoration:none; text-transform:uppercase; }
#footercallout a.more:hover { color:#c3a514; }
#footerphotos { position:absolute; left:93px; top:0; }
#footerphotos ul { display:block; }
#footerphotos li { float:left; }
#footerphotos li a img { border:1px solid #202020; margin:0 20px 10px 0; -moz-box-shadow:1px 1px 0 #3e3e3e, -1px -1px 0 #3e3e3e, -1px 1px 0 #3e3e3e, 1px -1px 0 #3e3e3e, -2px 0 0 #1d1d1d, 2px 0 0 #1d1d1d, 0 2px 0 #1d1d1d, 0 -2px 0 #1d1d1d; }
#footerphotos li a:hover img { border-color:#c3a514; }
/* links
-----------------------------------------------------------*/
#footerlinks { bottom:56px; font-size:11px; position:absolute; width:465px; }
#footerlinks p { color:#4a4a4a; }
#footerlinks ul li { float:left; }
#footerlinks ul li a:link
, #footerlinks ul li a:visited { background:url(../images/sp_submit.png) no-repeat scroll 0 -498px transparent; color:#696969; font-size:10px; font-weight:bold; line-height:16px; margin-right:10px; padding:0 0 0 15px; text-decoration:none; text-transform:uppercase; }
#footerlinks ul li a:hover { color:#c3a514; }
/* social
-----------------------------------------------------------*/
#sociallinks { height:25px; left:506px; position:absolute; top:114px; width:420px; }
#sociallinks ul li { float:left; }
#sociallinks ul li a { background-image:url(../images/sp_small-buttons.gif); background-repeat:no-repeat; height:25px; margin-right:10px; }
#sociallinks #fblike { background-position:-75px 0; width:66px; }
#sociallinks #fblike:hover { background-position:-75px -25px; width:66px; }
#sociallinks #retweet { background-position:-141px 0; margin-right:0; width:94px; }
#sociallinks #retweet:hover { background-position:-141px -25px; margin-right:0; width:94px; }
#sociallinks #follow { background-position:-235px 0; width:59px; }
#sociallinks #follow:hover { background-position:-235px -25px; width:59px; }
#sociallinks #rss { background-position:-294px 0; width:25px; }
#sociallinks #rss:hover { background-position:-294px -25px; width:25px; }
/* twitter
-----------------------------------------------------------*/
#tweet { left:608px; position:absolute; top:42px; width:320px; }
.twaggr-tweet { color:#979797; font-size:12px; line-height:14px; padding-bottom: 4px; text-align:center; }
.twaggr-tweet a { color:#979797; margin: 0; padding: 0; text-decoration: none;}
.twaggr-tweet a:hover { color: #F4DC36;}
.twaggr-tweet .twaggr-tweet-date { color:#5f5f5f; display:block; font-size:9px; font-weight:bold; line-height:14px; text-align:right; }
.twaggr-tweet .twaggr-tweet-profile-image,
.twaggr-tweet .twaggr-tweet-name,
.twaggr-tweet .twaggr-tweet-user {
display: none;
}
#bird { background:url(../images/bg_bird.png) no-repeat scroll 0 0 transparent; height:53px; position:absolute; right:0; top:-53px; width:123px; }
/* Shadowbox General Elements
-----------------------------------------------------------*/
#sb-container { display:none; position:fixed; z-index:1000; }
/* Shadowbox Submit Video or Photo
-----------------------------------------------------------*/
#submit-form-container { display:none; position:relative; z-index:20; }
#submit-form-overlay { background:#414141; filter:alpha(opacity=79); height:100%; left:0; opacity:0.79; .position:absolute; position:fixed; top:0; width:100%; z-index:999; }
#submit-form { background:url(../images/bg_submit-photo-video.png) no-repeat scroll 0 0 transparent; display:block; height:407px; margin:-267px 0 0 -295px; left:50%; padding:66px 60px; .position:absolute; position:fixed; top:50%; width:471px; z-index:1000; }
#submit-form a#submit-form-close { background:url(../images/sp_submit.png) no-repeat scroll 0 -700px transparent; cursor:pointer; display:block; height:25px; position:absolute; right:66px; top:72px; width:24px; }
#submit-form a#submit-form-close:hover { background-position:0 -750px; }
#submit-form .gform_wrapper { }
#submit-form span.heading { color:#bbb; font-size:26px; }
#submit-form span.subheading { color:#777; font-size:11px; text-transform:uppercase; }
#submit-form .gfield { margin-bottom:14px; width:194px; }
#submit-form .gfield .ginput_container { background-position:0 -700px; height:28px; margin:4px 0; padding-left:12px; }
#submit-form .textarea .ginput_container { background-position:0 -800px; height:98px; margin:4px 0; padding-left:12px; }
#submit-form .select .ginput_container { background:none; padding-left:0; }
#submit-form .upload .ginput_container { background-position:100% -800px; }
#submit-form .upload .file-selected { background-position:100% -850px; }
#submit-form .ginput_container li { display:block; float:left; height:24px; width:75px; }
#submit-form .ginput_container li label { font-weight:normal; }
#submit-form .gfield .validation_message { padding-left:1px; }
#submit-form input[type="text"]
, #submit-form input[type="email"] { background-position:100% -700px; color:#cbcbcb; font-size:12px; height:15px; padding:8px 12px 5px 0; width:170px; }
#submit-form .selectContainer { background-position:100% -700px; color:#cbcbcb; font-size:12px; height:28px; padding:0; width:182px; }
#submit-form .selectContainer ul.selectReplacement li { padding:8px 12px 5px 0; }
#submit-form .selectContainer ul.selectOpen li { padding:8px 0 5px 12px; width:170px; }
#submit-form ul.selectReplacement li { color:#cbcbcb; font-size:12px; height:15px; padding:8px 12px 5px 0; }
#submit-form ul.selectOpen { background:#111; border-bottom:1px solid #353535; border-left:1px solid #353535; border-right:1px solid #353535; height:130px; margin:0 -12px; overflow-y:auto; padding:0; position:relative; top:28px; width:193px; z-index:120; }
#submit-form ul.selectOpen li { padding-left:12px; width:100%; z-index:110; }
#submit-form ul.selectReplacement li.selected { position:absolute; top:0; width:70%!important; }
#submit-form ul.selectOpen li.selected { position:relative; top:0; width:100%!important; }
#submit-form ul.selectOpen li:hover
, #submit-form ul.selectOpen li.hover
, #submit-form ul.selectOpen li.selected:hover { background:#222; }
#submit-form input[type="file"] { cursor:pointer; filter:alpha(opacity=0); height:30px; opacity:0; position:absolute; }
#submit-form textarea { height:74px; padding:12px 12px 12px 0; width:168px; }
#submit-form .gform_footer { background-position:100% -200px; clear:none; float:right; height:44px; margin:10px 20px 0; width:114px; }
#submit-form .gfield_label { padding:0; }
#submit-form #field_2_2,
#submit-form #field_3_2,
#submit-form #field_2_4,
#submit-form #field_3_5 { clear:none; margin-left:20px; }
#submit-form #field_2_3 .ginput_container { background:none; margin-left:0; padding:0; }
#submit-form .gfield_radio { margin:0; }
#submit-form .gfield_radio li { float:left; }
#submit-form div.checkbox { background:url(../images/sp_input.png) no-repeat scroll -588px -500px transparent; color:#868686; cursor:pointer; float:left; height:16px; width:17px; }
#submit-form div.checkbox.checked { background-position:-588px -550px; }
#submit-form .inner { margin:15px 20px 20px; }
#submit-form #gforms_confirmation_message { color:#ccc; }
#submit-form h5 { color:#bbb; font-size:26px; margin-bottom:10px; }
#submit-form p { color:#ccc; margin-bottom:10px; }
/* Shadowbox Signup Elements
-----------------------------------------------------------*/
#signup-form-container { display:none; }
#signup-form-container #sb-overlay-alt { background:#414141; filter:alpha(opacity=79); height:100%; left:0; .position:absolute; opacity:0.79; position:fixed; top:0; width:100%; z-index:999; }
#signup-form-container #sb-wrapper-alt { background:url(../images/bg_signup.png) no-repeat scroll 0 0 transparent; height:610px; left:50%; margin:-363px 0 0 -295px; padding:60px; position:fixed; width:471px; top:50%; z-index:1010; }
#signup-form-container #sb-wrapper-alt #sb-title-alt { background:url(../images/bg_signup-title.jpg) no-repeat scroll 0 0 transparent; height:203px; }
#signup-form-container #sb-wrapper-alt #sb-wrapper-inner-alt { background:url(../images/bg_signup-wrapper-inner.gif) repeat-x scroll 0 0 transparent; height:401px; }
#signup-form-container #sb-wrapper-alt #sb-body-alt { padding:20px 30px; position:relative; }
#signup-form-container #sb-wrapper-alt #sb-body-alt #signup-close { background:url(../images/sp_submit.png) no-repeat scroll 0 -700px transparent; cursor:pointer; display:block; height:25px; position:absolute; right:6px; top:6px; width:24px; z-index:100; }
#signup-form-container #sb-wrapper-alt #sb-body-alt #signup-close:hover { background-position:0 -750px; }
#signup-form-container #sb-wrapper-inner-alt span.heading { color:#bbb; font-size:26px; }
#signup-form-container #sb-wrapper-inner-alt span.subheading { color:#777; font-size:11px; text-transform:uppercase; }
#signup-form-container #sb-wrapper-inner-alt iframe { background:transparent; height:380px; overflow:hidden; width:100%; }
html#signup
, html#signup body { background:transparent; overflow:hidden; }
#su_form { color:#ccc; margin:15px 0 20px; }
#su_form .gfield { margin-bottom:14px; }
#su_form .ginput_container { background-position:0 -700px; height:28px; margin:4px 0; padding-left:12px; }
#su_form input[type="text"]
, #su_form input[type="tel"]
, #su_form input[type="email"] { background-position:100% -700px; color:#cbcbcb; font-size:12px; height:15px; padding:8px 12px 5px 0; width:170px; }
#su_form .gform_footer { background-position:100% -600px; float:left; height:44px; width:114px; }
#su_form .gfield_label { padding:0; white-space:nowrap; }
#su_form #field_4_2
, #su_form #field_4_5 { clear:none; margin-left:20px; }
#su_form #field_4_3 { width:408px; }
#su_form #field_4_3 .ginput_container { background:none; height:auto; padding:0; }
#su_form #field_4_3 .ginput_container li { display:block; float:left; height:24px; width:204px; }
#su_form #field_4_3 .ginput_container li label { font-weight:normal; }
#su_form div.checkbox { background:url(../images/sp_input.png) no-repeat scroll -588px -500px transparent; color:#868686; cursor:pointer; float:left; height:16px; width:17px; }
#su_form div.checkbox.checked { background-position:-588px -550px; }
#su_form .validation_message { margin:-4px 0 0 -14px; position:absolute; }
#su_form .validation_error { display:none; }
#su_form #gform_wrapper_5 { float:right; }
#su_form #gform_wrapper_5 .gform_body { float:right; margin-top:10px; }
#su_form #gform_wrapper_5 .gform_footer { background:url(../images/sp_submit.png) no-repeat scroll -526px -697px transparent; float:left; height:20px; margin-top:15px; width:80px; }
#su_form #gform_wrapper_5 .gform_footer:hover { background-position:-526px -747px; }
#su_form #gform_wrapper_5 .gfield_label { display:none; }
#su_form #field_5_1 .ginput_container { background:none; height:auto; padding:0; }
#su_form #field_5_1 .ginput_container li { display:block; float:left; height:24px; width:204px; }
#su_form #field_5_1 .ginput_container li label { font-weight:normal; }
/* Shadowbox Login Elements
-----------------------------------------------------------*/
#login-form-container { display:none; }
#login-form-container #sb-overlay-alt { background:#414141; filter:alpha(opacity=79); height:100%; left:0; .position:absolute; opacity:0.79; position:fixed; top:0; width:100%; z-index:999; }
#login-form-container #sb-wrapper-alt { background:url(../images/bg_login.png) no-repeat scroll 0 0 transparent; height:290px; left:50%; margin:-262px 0 0 -295px; padding:60px; position:fixed; width:471px; top:50%; z-index:1010; }
#login-form-container #sb-wrapper-alt #sb-wrapper-inner-alt { background:url(../images/bg_signup-wrapper-inner.gif) repeat-x scroll 0 0 transparent; height:273px; }
#login-form-container #sb-wrapper-alt #sb-body-alt { padding:20px 30px; position:relative; }
#login-form-container #sb-wrapper-alt #sb-body-alt #login-close { background:url(../images/sp_submit.png) no-repeat scroll 0 -700px transparent; cursor:pointer; display:block; height:25px; position:absolute; right:6px; top:6px; width:24px; }
#login-form-container #sb-wrapper-alt #sb-body-alt #login-close:hover { background-position:0 -750px; }
#login-form-container #sb-wrapper-inner-alt iframe { background:transparent; height:400px; overflow:hidden; width:100%; }
html#login
, html#login body { background:transparent; }
#li_form { margin:15px 0 20px; }
#li_form h2 { color:#bbb; font-size:26px; margin-bottom:10px; }
#li_form p { color:#ccc; margin-bottom:10px; }
#li_form .gfield { margin-bottom:14px; }
#li_form .ginput_container { background-position:0 -700px; height:28px; margin:4px 0; padding-left:12px; }
#li_form input[type="text"]
, #li_form input[type="password"]
, #li_form input[type="email"] { background-position:100% -700px; color:#cbcbcb; font-size:12px; height:15px; padding:8px 12px 5px 0; width:170px; }
#li_form .gform_footer { background-position:100% -650px; clear:none; float:right; height:44px; width:114px; }
#li_form .retrieve .gform_footer { background-position:100% -200px; float:left; margin-top:10px; }
#li_form .gfield_label { padding:0; }
#li_form .password { clear:none; margin-left:20px; }
#li_form li.rememberme input { float:left; }
#li_form li.rememberme label { font-weight:normal; white-space:nowrap; }
#li_form #input_4_4 { width:250px; }
#li_form div.checkbox { background:url(../images/sp_input.png) no-repeat scroll -588px -500px transparent; color:#868686; cursor:pointer; float:left; height:16px; width:17px; }
#li_form div.checkbox.checked { background-position:-588px -550px; }
/* Shadowbox Age Verification
-----------------------------------------------------------*/
#sb-container.verification { display:block; }
#sb-container.verification #sb-overlay { background:#414141; filter:alpha(opacity=79); height:100%; left:0; opacity:0.94; .position:absolute; position:fixed; top:0; width:100%; z-index:999; }
#sb-container.verification #sb-wrapper { background:url(../images/bg_verification.png) no-repeat scroll 0 0 transparent; height:489px; left:50%; margin:-304px 0 0 -295px; padding:60px; position:fixed; width:471px; top:50%; z-index:1010; }
#sb-container.verification #sb-wrapper #sb-title { display:none; }
#sb-container.verification #sb-wrapper #sb-wrapper-inner { height:240px; padding: 0px; }
#sb-container.verification #sb-wrapper-inner a#yes-verified
, #sb-container.verification #sb-wrapper-inner a#no-verified { background:transparent; height:60px; margin:266px 50px 0; }
#sb-container.verification #sb-wrapper-inner a#yes-verified { float:left; margin-right:0; width:150px; }
#sb-container.verification #sb-wrapper-inner a#no-verified { float:right; margin-left:0; width:120px; }
/* Shadowbox Photos
-----------------------------------------------------------*/
body#photos #sb-container { display:none; }
body#photos #sb-container #sb-overlay { background:#414141; filter:alpha(opacity=79); height:100%; left:0; opacity:0.79; .position:absolute; position:fixed; top:0; width:100%; z-index:999; }
body#photos #sb-container #sb-wrapper { background:url(../images/bg_sb-photos.png) no-repeat scroll 0 0 transparent; height:545px!important; left:50%!important; margin:-332px 0 0 -331px!important; padding:60px; position:fixed; width:543px!important; top:50%!important; z-index:1010; }
body#photos #sb-container #sb-wrapper #sb-title { height:28px; left:60px!important; position:absolute; top:100px!important; width:543px!important; }
body#photos #sb-container #sb-wrapper #sb-title
, body#photos #sb-container #sb-wrapper #sb-title span.title { color:#f2d72e; font-size:12px; font-weight:bold; left:120px; position:absolute; text-align:center; text-transform:uppercase; width:303px; }
body#photos #sb-container #sb-wrapper #sb-title span.date { color:#cbcbcb; font-size:10px; font-weight:bold; position:absolute; right:30px; }
/*
body#photos #sb-container #sb-wrapper #sb-wrapper-inner { height:640px!important; left:60px!important; position:absolute; text-align:center; top:61px!important; width:543px!important; }
*/
body#photos #sb-container #sb-wrapper #sb-wrapper-inner { height:640px!important; position:relative; text-align:center; width:543px!important; }
body#photos #sb-container #sb-wrapper #sb-wrapper-inner img { border:1px solid #202020!important; -moz-box-shadow:1px 1px 0 #3e3e3e, -1px -1px 0 #3e3e3e, -1px 1px 0 #3e3e3e, 1px -1px 0 #3e3e3e, -2px 0 0 #1d1d1d, 2px 0 0 #1d1d1d, 0 2px 0 #1d1d1d, 0 -2px 0 #1d1d1d; position:relative!important;}
body#photos #sb-container #sb-wrapper #sb-wrapper-inner #sb-body
, body#photos #sb-container #sb-wrapper #sb-wrapper-inner #sb-body #sb-body-inner { height:538px; }
body#photos #sb-container #sb-info-inner { left:60px; position:absolute; top:60px!important; width:543px!important; }
body#photos #sb-container #sb-info-inner #sb-counter { color:#fff; font-size:10px; font-weight:bold; left:30px!important; position:absolute; top:40px!important; }
body#photos #sb-container #sb-info-inner #sb-nav-close { background:url(../images/sp_submit.png) no-repeat scroll 0 -700px transparent; cursor:pointer; display:block; height:25px; position:absolute; right:6px; top:6px; width:24px; }
body#photos #sb-container #sb-info-inner #sb-nav-close:hover { background-position:0 -750px; background-size:600px 900px!important; }
body#photos #sb-container #sb-info-inner #sb-nav-next { background:url(../images/sp_submit.png) no-repeat scroll 0 -650px transparent; background-size:600px 900px!important; cursor:pointer; display:block; height:32px; right:24px; position:absolute; top:226px; width:18px; z-index:1100; }
body#photos #sb-container #sb-info-inner #sb-nav-previous { background:url(../images/sp_submit.png) no-repeat scroll 0 -600px transparent; background-size:600px 900px!important; cursor:pointer; display:block; height:32px; left:24px; position:absolute; top:226px; width:18px; z-index:1100; }
/* Shadowbox Videos
-----------------------------------------------------------*/
body#videos #sb-container { display:none; }
body#videos #sb-container #sb-overlay { background:#414141; filter:alpha(opacity=79); height:100%; left:0; opacity:0.79; .position:absolute; position:fixed; top:0; width:100%; z-index:999; }
body#videos #sb-container #sb-wrapper { background:url(../images/bg_sb-photos.png) no-repeat scroll 0 0 transparent; height:545px!important; left:50%!important; margin:-332px 0 0 -331px!important; padding:60px; position:fixed; width:543px!important; top:50%!important; z-index:1010; }
body#videos #sb-container #sb-wrapper #sb-title { height:28px; left:60px!important; position:absolute; top:100px!important; width:543px!important; }
body#videos #sb-container #sb-wrapper #sb-title
, body#videos #sb-container #sb-wrapper #sb-title span.title { color:#f2d72e; font-size:12px; font-weight:bold; left:120px; position:absolute; text-align:center; text-transform:uppercase; width:303px; }
body#videos #sb-container #sb-wrapper #sb-title span.date { color:#cbcbcb; font-size:10px; font-weight:bold; position:absolute; right:30px; }
/*
body#videos #sb-container #sb-wrapper #sb-wrapper-inner { height:640px!important; left:60px!important; position:absolute; text-align:center; top:61px!important; width:543px!important; }
*/
body#videos #sb-container #sb-wrapper #sb-wrapper-inner { height:640px!important; position:relative; text-align:center; width:543px!important; }
body#videos #sb-container #sb-wrapper #sb-wrapper-inner img { border:1px solid #202020!important; -moz-box-shadow:1px 1px 0 #3e3e3e, -1px -1px 0 #3e3e3e, -1px 1px 0 #3e3e3e, 1px -1px 0 #3e3e3e, -2px 0 0 #1d1d1d, 2px 0 0 #1d1d1d, 0 2px 0 #1d1d1d, 0 -2px 0 #1d1d1d; position:relative!important;}
body#videos #sb-container #sb-wrapper #sb-wrapper-inner #sb-body
, body#videos #sb-container #sb-wrapper #sb-wrapper-inner #sb-body #sb-body-inner { height:538px; }
body#videos #sb-container #sb-info-inner { left:60px; position:absolute; top:60px!important; width:543px!important; }
body#videos #sb-container #sb-info-inner #sb-counter { color:#fff; font-size:10px; font-weight:bold; left:30px!important; position:absolute; top:40px!important; }
body#videos #sb-container #sb-info-inner #sb-nav-close { background:url(../images/sp_submit.png) no-repeat scroll 0 -700px transparent; cursor:pointer; display:block; height:25px; position:absolute; right:6px; top:6px; width:24px; }
body#videos #sb-container #sb-info-inner #sb-nav-close:hover { background-position:0 -750px; }
body#videos #sb-container #sb-info-inner #sb-nav-next { background:url(../images/sp_submit.png) no-repeat scroll 0 -650px transparent; cursor:pointer; display:block; height:32px; right:24px; position:absolute; top:226px; width:18px; }
body#videos #sb-container #sb-info-inner #sb-nav-previous { background:url(../images/sp_submit.png) no-repeat scroll 0 -600px transparent; cursor:pointer; display:block; height:32px; left:24px; position:absolute; top:226px; width:18px; }
/* Image Replacements
-----------------------------------------------------------*/
#ir_beer-of-the-month { background-image:url(../images/ir_beer-of-the-month.gif); height:31px; width:195px; }
#ir_buy-this-beer { background-image:url(../images/ir_buy-this-beer.gif); height:33px; margin-bottom:15px; width:210px; }
#ir_find-an-event { background-image:url(../images/ir_find-an-event.gif); float:left; height:54px; margin:0 15px 10px 0; width:77px; }
#ir_gotbeer-photos { background-image:url(../images/ir_gotbeer-photos.gif); float:left; height:47px; margin:0 15px 10px 0; width:78px; }
#ir_share-this-beer { background-image:url(../images/ir_share-this-beer.gif); float:left; height:39px; width:68px; }
#ir_share-this-event { background-image:url(../images/ir_share-this-event.gif); float:left; height:39px; width:68px; }
#ir_share-this-photo { background-image:url(../images/ir_share-this-photo.gif); float:left; height:39px; width:68px; }
#ir_share-this-video { background-image:url(../images/ir_share-this-video.gif); float:left; height:39px; width:68px; }
#ir_welcome-to-got-beer { background-image:url(../images/ir_welcome-to-got-beer.gif); float:left; height:60px; margin:0 15px 0 0; width:110px; }
/* WordPress Specific
-----------------------------------------------------------*/
.aligncenter { display:block; margin:0 auto; }
.alignleft { float:left; }
.alignright { float:right; }
/* ie6
-----------------------------------------------------------*/
.ie6 #main { overflow-x:hidden; }
/* ie7
-----------------------------------------------------------*/
.ie7 #home #main { padding-bottom:2px; }
.ie7 input[type=submit] { font-size:0; height:32px; line-height:0; text-indent:0; }
.ie7 #c_form { border-top:1px solid #616161; padding: 20px 30px 0; position:relative; }
.ie7 .validation_message { width:150px; }
.ie7 #main_header { width:100% ; }
.ie7 #main_header #searchbar-photos { margin:4px 0 0 60px; width:720px; }
.ie7 input { background-position:right -101px; }
.ie7 div.ginput_container:hover input { background-position:right -139px; }
.ie7 #main_header #searchbar-photos #search-form { float:left; width:auto; }
.ie7 #navigation-photos { left:0; position:absolute; }
.ie7 #bfl_form #field_5_5
, .ie7 #bfl_form #field_5_6
, .ie7 #bfl_form #field_5_7 { margin:0; padding-right:10px; padding-top:10px; padding-bottom:10px; width:128px; }
.ie7 #bfl_form #field_5_4 { width:200px; }
.ie7 #bfl_form #field_5_5 { clear:both; }
.ie7 #bfl_form #field_5_7 { width:156px; }
.ie7 #bfl_form .gform_footer { float:none; position:relative; left:344px; }
.ie7 #bfl_form .gform_footer input { height:44px; }
.ie7 #beerfinder .entry { clear:both; display:block; float:left; height:192px; }
.ie7 #beerfinder-beer .entry table {width:410px; } /* Edit 10/14 */
#photos.ie7 #sb-container #sb-info-inner #sb-nav-close
, #videos.ie7 #sb-container #sb-info-inner #sb-nav-close
, #photos.ie7 #sb-container #sb-info-inner #sb-nav-close:hover
, #videos.ie7 #sb-container #sb-info-inner #sb-nav-close:hover { background:url(../images/sb_close.gif) no-repeat scroll 0 0 transparent; }
#photos.ie7 #sb-container #sb-info-inner #sb-nav-next
, #videos.ie7 #sb-container #sb-info-inner #sb-nav-next { background:url(../images/sb_next.gif) no-repeat scroll 0 0 transparent; }
#photos.ie7 #sb-container #sb-info-inner #sb-nav-previous
, #videos.ie7 #sb-container #sb-info-inner #sb-nav-previous { background:url(../images/sb_prev.gif) no-repeat scroll 0 0 transparent; }
.ie7 ul.selectOpen { background-color:#fff; }
.ie7 ul.selectOpen li:hover
, .ie7 ul.selectOpen li.hover
, .ie7 ul.selectOpen li.selected:hover { background-color:#eee; }
.ie7 #ui-datepicker-div { background-color:#fff; }
/* ie8
-----------------------------------------------------------*/
.ie8 #home #main { padding-bottom:2px; }
.ie8 ul.selectOpen { background-color:#fff; }
.ie8 ul.selectOpen li:hover
, .ie8 ul.selectOpen li.hover
, .ie8 ul.selectOpen li.selected:hover { background-color:#eee; }
.ie8 #ui-datepicker-div { background-color:#fff; }
.ie8 body,
.ie8 #footer > .container,
.ie7 body,
.ie7 #footer > .container {
text-align: center;
}
.ie8 #container,
.ie8 #footer > .container .inner,
.ie7 #container,
.ie7 #footer > .container .inner {
text-align: left;
margin: 0 auto;
}
.ie8 #footercallout,
.ie8 #footerlinks,
.ie7 #footercallout,
.ie7 #footerlinks {
text-align: left;
left: 0;
}
.ie8 #beerfinder-beer #sidebar .callout img,
.ie7 #beerfinder-beer #sidebar .callout img {
text-align: center;
}
.ie8 #beerfinder-beer #sidebar .callout,
.ie7 #beerfinder-beer #sidebar .callout {
width: 487px;
padding: 0;
}
.ie8 #signup-form-container,
.ie7 #signup-form-container {
text-align: left;
}
.ie8 #signup-form-container > div,
.ie7 #signup-form-container > div{
}
.ie8 #beerfinder-beer #signup-form-container,
.ie7 #beerfinder-beer #signup-form-container,
.ie8 #beerfinder-beer #login-form-container,
.ie7 #beerfinder-beer #login-form-container {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 999;
}
.ie8 #beerfinder-beer #signup-form-container .container,
.ie7 #beerfinder-beer #signup-form-container .container,
.ie8 #beerfinder-beer #login-form-container .container,
.ie7 #beerfinder-beer #login-form-container .container {
text-align: left;
}
.ie8 #beerfinder-beer #signup-form-container #sb-overlay-alt,
.ie7 #beerfinder-beer #signup-form-container #sb-overlay-alt,
.ie8 #beerfinder-beer #login-form-container #sb-overlay-alt,
.ie7 #beerfinder-beer #login-form-container #sb-overlay-alt { background:#414141; filter:alpha(opacity=79); height:100%; left:0; opacity:0.79; position:absolute; top:0; width:100%; z-index:999;
}
.ie8 #beerfinder-beer #signup-form-container #sb-wrapper-alt #sb-wrapper-inner-alt,
.ie8 #beerfinder-beer #signup-form-container #sb-wrapper-alt #sb-title-alt,
.ie7 #beerfinder-beer #signup-form-container #sb-wrapper-alt #sb-wrapper-inner-alt,
.ie7 #beerfinder-beer #signup-form-container #sb-wrapper-alt #sb-title-alt,
.ie8 #beerfinder-beer #login-form-container #sb-wrapper-alt #sb-wrapper-inner-alt,
.ie8 #beerfinder-beer #login-form-container #sb-wrapper-alt #sb-title-alt,
.ie7 #beerfinder-beer #login-form-container #sb-wrapper-alt #sb-wrapper-inner-alt,
.ie7 #beerfinder-beer #login-form-container #sb-wrapper-alt #sb-title-alt{
width: 471px;
text-align: left;
}
.ie8 #beerfinder-beer #signup-form-container #sb-wrapper-alt,
.ie7 #beerfinder-beer #signup-form-container #sb-wrapper-alt,{ background:url(../images/bg_signup.png) no-repeat scroll 0 0 transparent; height:610px; left:50%; margin:-363px 0 0 -295px; padding:60px; position:absolute; width:471px; top:50%; z-index:1010; }
.ie8 #beerfinder-beer #login-form-container #sb-wrapper-alt,
.ie7 #beerfinder-beer #login-form-container #sb-wrapper-alt { background:url(../images/bg_signup.png) no-repeat scroll 0 0 transparent; position:absolute; width:471px; top:50%; z-index:1010; }
/* Shadowbox Signup Elements
-----------------------------------------------------------
#signup-form-container { display:none; }
#signup-form-container #sb-overlay-alt { background:#414141; filter:alpha(opacity=79); height:100%; left:0; .position:absolute; opacity:0.79; position:fixed; top:0; width:100%; z-index:999; }
#signup-form-container #sb-wrapper-alt { background:url(../images/bg_signup.png) no-repeat scroll 0 0 transparent; height:610px; left:50%; margin:-363px 0 0 -295px; padding:60px; position:fixed; width:471px; top:50%; z-index:1010; }
#signup-form-container #sb-wrapper-alt #sb-title-alt { background:url(../images/bg_signup-title.jpg) no-repeat scroll 0 0 transparent; height:203px; }
#signup-form-container #sb-wrapper-alt #sb-wrapper-inner-alt { background:url(../images/bg_signup-wrapper-inner.gif) repeat-x scroll 0 0 transparent; height:401px; }
#signup-form-container #sb-wrapper-alt #sb-body-alt { padding:20px 30px; position:relative; }
#signup-form-container #sb-wrapper-alt #sb-body-alt #signup-close { background:url(../images/sp_submit.png) no-repeat scroll 0 -700px transparent; cursor:pointer; display:block; height:25px; position:absolute; right:6px; top:6px; width:24px; z-index:100; }
#signup-form-container #sb-wrapper-alt #sb-body-alt #signup-close:hover { background-position:0 -750px; }
#signup-form-container #sb-wrapper-inner-alt span.heading { color:#bbb; font-size:26px; }
#signup-form-container #sb-wrapper-inner-alt span.subheading { color:#777; font-size:11px; text-transform:uppercase; }
#signup-form-container #sb-wrapper-inner-alt iframe { background:transparent; height:380px; overflow:hidden; width:100%; }
html#signup
, html#signup body { background:transparent; overflow:hidden; }*/
/* ie9
-----------------------------------------------------------*/
.ie9 #home #main { padding-bottom:2px; }
.ie9 .kwicks .line1 .cufon.cufon-canvas:first-child { display:none!important; }
/* iPad
-----------------------------------------------------------*/
/* Print Styles
*/
@media print {
* { background: transparent !important; color: #444 !important; text-shadow: none; text-transform:none!important; }
a, a:visited { color: #444 !important; text-decoration: underline; }
/*a:after { content: " (" attr(href) ")"; } */
abbr:after { content: " (" attr(title) ")"; }
.ir a:after { content: ""; } /* Don't show links for images */
blockquote { page-break-inside:avoid; }
pre { border:1px solid #999; page-break-inside:avoid; }
img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
/* Display None */
#navigation
, #sidebar
, #footer
, #ycp_button
, #signup-form-container
, #sb-container
{ display:none!important; }
}
/*
* Media queries for responsive design
*/
@media all and (orientation:portrait) {
/* Style adjustments for portrait mode goes here */
}
@media all and (orientation:landscape) {
/* Style adjustments for landscape mode goes here */
}
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 1024px) {
.gform_wrapper .gform_body ul.gform_fields li.gfield div.ginput_container select,
.gform_wrapper .gform_body ul.gform_fields li.gfield div.ginput_container select:active,
.gform_wrapper .gform_body ul.gform_fields li.gfield div.ginput_container select:hover { background:url(../images/sp_input.png) no-repeat scroll 100% -200px!important; border:none; color:#414141; height:39px; padding-left:0; width:104%; }
/* Prevent iOS, WinMobile from adjusting font size */
html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
}