/* -- RESET --*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; }
html { font-size: 62.5%; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

 /* -- GLOBALS -- */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin:0;
  padding:0;
}

html, body { height: 100%; }

body { font-family: 'PT Serif', Georgia, serif; font-size: 16px; line-height: 1.7; position: relative; -webkit-font-smoothing: antialiased; color: #222; background: #f9f9f9; }
html.off_canvas, .off_canvas body { overflow: hidden; height: 100%; }

.left { float: left; }
.right { float: right; }
.middle { text-align: center; }
.clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.no_float { float: none; }

.italic { font-style: italic; }

.buffer.recommended .amzn-native-search-bar-content { display: none !important; }

.pt_sans { font-family: 'PT Sans', Helvetica, serif; }

/* -- GRID -- */
.page_wrapper { min-height: 100%; min-width: 100%; width: 100%; background: #f9f9f9; z-index: 1; position: relative; -webkit-transition: -webkit-transform .30s ease-out; transition: transform .30s ease-out; }
.page_wrapper.focus_out { -webkit-transform: translate3d(268px,0,0); transform: translate3d(268px,0,0); }
.gutter { padding-left: 20px; padding-right: 20px; }
.container { width: 100%; max-width: 1140px; min-width: 755px; margin: 0 auto; overflow: visible; }
.main_content_wrapper, .message_wrapper { width: 780px; float: left; }
.left_content { float: left; margin: 0;  }
.right_content { width: 225px; float: left; margin: 0 0 0 25px; }
.full { width: 100%; max-width: 1140px; min-width: 755px; float: left; }
.sidebar { width: 300px; float: right; }
.center { margin: 0 auto; float: none; }
.main_content.center { margin-top: 0; }
.main_content.full { padding-left: 0; }

.body_overlay { display: none; height: 0; width: 0; position: absolute; top: 0; left: 0; z-index: 100; cursor: pointer; background: rgba(0, 0, 0, 0.2); }
.body_overlay.visible { display: block; width: 100%; height: 100%; }

/* -- TYPOGRAPHY -- */
a { text-decoration: none; color: #0d78bc; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5 { font-family: 'PT Sans', Helvetica, sans-serif; color: #333; font-weight: 700; }
h1 { font-size: 30px; }
h2 { font-size: 25px; margin-bottom: 20px; }
h3 { font-size: 19px; margin-bottom: 15px; }
h4 { font-size: 16px; margin-bottom: 10px; padding-bottom: 0px; }

h2 a { color: #333; }

p { font-size: 15px; line-height: 23px; margin-bottom: 20px; }
strong { font-weight: 700; }

hr { width: 100%; border: 0; padding: 0; border-top: medium double #ccc; margin: 20px 0; text-align: center; }

.single_link { color: #424242; font-style: italic; border-bottom: 1px solid #ccc; padding-bottom: 1px; }
.single_link:hover { border-bottom: none; }

/* -- FORMS --*/
form { margin: 15px 0; }
form label { font-size: 17px; display: block; margin-bottom: 1px; }
form input[type="text"], form input[type="password"], form input[type="email"], textarea { font-family: 'PT Sans', Helvetica, sans-serif; height: 44px; line-height: 26px; font-size: 15px; border: 1px solid #ccc; padding: 0 8px; width: 250px; }
form input[type="submit"] { font-family: 'PT Sans' Helvetica, sans-serif; font-size: 14px; padding: 0 30px; height: 44px; }
textarea { width: 470px; line-height: 1.4; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus {
  border-color: #0d78bc; outline: 0; outline: thin dotted \9;  }
::-webkit-input-placeholder, input:-moz-placeholder { color: #555; }


.fieldWrapper { margin: 25px 0; }
.global_errors {  }
.btn, input[type="button"].btn { text-align: center; letter-spacing: 1px;
  background: #0d78bc; 
  background-image: -webkit-linear-gradient(top, #1487cf, #287aad);
  background-image: -moz-linear-gradient(top, #1487cf, #287aad);
  background-image: -ms-linear-gradient(top, #1487cf, #287aad);
  background-image: -o-linear-gradient(top, #1487cf, #287aad);
  background-image: linear-gradient(to bottom, #1487cf, #287aad);
  background-color: #287aad;
  border-radius: 3px;
  font-family: 'PT Sans', Helvetica, sans-serif;
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  line-height: 44px;
  height: 44px;
  padding: 0 30px;
  font-size: 14px; 
  border: none;
  text-transform: uppercase;
  font-weight: 700; 
  text-decoration: none; box-shadow: none;  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.btn:hover { 
  text-decoration: none; opacity: 0.85; color: #fff; }
.btn.light {
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset, 0px 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 1px -1px 1px rgba(255, 255, 255, 0.98) inset, -1px 0px 1px rgba(255, 255, 255, 0.98) inset;
    background: linear-gradient(to bottom, #fff, #efefef) repeat scroll 0% 0% transparent;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #ccc;
    text-shadow: 0px 1px 1px #fff;
    margin: 0px;
    text-decoration: none;
    color: #333;
    padding: 0 15px;
    text-align: center; }
.btn.light:hover { border: 1px solid #999; opacity: 1; }
.btn.light:active { border: 1px solid #aaa; border-bottom: 1px solid #888; -webkit-box-shadow: inset 0 0 3px 2px #eee, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #eee, 0 1px 0 0 #ddd; }
.btn.small { font-size: 11px; padding: 0 7px; line-height: 24px; height: 24px; font-weight: 400; text-shadow: none; border: 1px solid #ddd; }
.btn.small:hover { border: 1px solid #999; }
.inline_form .text, .inline_form .btn { display: inline-block; }
.btn.orange { background: url(../images/button-orange.png); color: #fff; }
.btn.green { background: #12a802; color: #fff; }
.btn.gray { background: #eee; color: #424242; }

.btn.delete { color: #f53d33; }


/* -- UI --
 Generic, repeatable UI elements. Alerts, tooltips, labels, navbar, pagination, breadcrumbs */
.icon { display: inline-block; background-repeat: no-repeat; background-image: url('../images/icons-min.png'); vertical-align: text-top; }
.icons { display: inline-block; background-image: url(../images/icons-sprite.png); background-repeat: no-repeat; background-size: 71px 33px; }

.single { border-bottom: 1px solid #ccc; }
.double { padding: 0 10px 6px 0; background: url(../images/double-line.png) repeat-x bottom left; box-shadow: 10px 12px 3px -6px #f7f7f7; }

.item { margin: 0; padding: 18px 0; border-bottom: 1px solid #ddd; }
.item:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Ads */

/* Breadcrumbs */
.breadcrumbs { padding: 0; float: left; clear: both; margin-bottom: 15px; font-size: 13px; }
.breadcrumbs li { display: inline; }
.breadcrumbs a { color: #484744; padding: 0 5px; font-weight: 700; padding-bottom: 2px; font-family: 'PT Sans', Helvetica, sans-serif; }
.breadcrumbs a:hover { text-decoration: none; border-bottom: none; }
.breadcrumbs .home { padding-left: 0; }
.breadcrumbs .current { padding-left: 5px; }

/* Pagination */
.pagination { text-align: center; clear: both; }
.pagination ul { clear: both; margin: 0 auto; display: inline-block;  padding: 25px 0; }
.pagination li { float: left; display: inline-block; margin-right: 20px; font-size: 17px; }
.pagination .page_current { color: #fff; background: #424242; padding: 0 7px 2px 7px; border-radius: 3px; }
.pagination .next a, .pagination .previous a { border-bottom: none; }
.pagination .next a:hover, .pagination .previous a:hover { border-bottom: 1px solid #aaa; }
.pagination .next { margin-right: 0; }
.pagination a { color: #424242; }

/* Content Header */
.main_content_wrapper .content_header_link { color: #424242; }

/* Errors */
.fieldWrapper.error, .fieldWrapper .global_errors, .fieldWrapper .ajax_errors { margin-bottom: -2px; }
.error label, .global_errors, .ajax_errors { color: #c30; }
.errorlist { background: rgba(195, 12, 48, 0.08); padding: 10px; color: #c30; }
form .errorlist { width: 248px; }
.add_tack_form .errorlist { width: 500px; font-size: 17px; margin-top: -2px; }
.messages .facebook.error {display: none; }

/* Avatar */
.avatar { float: left; margin-right: 10px; }
.avatar img { border: 1px solid #979797;  border-radius: 50%; }
.avatar_wrapper { text-align: center; display: table-cell; vertical-align: middle; }
.avatar_wrapper * { vertical-align: middle; }
.avatar_wrapper span { display: inline-block; height: 100%; width: 1px; }
.avatar_wrapper img { background: none; padding: 0; border: none; box-shadow: none; border: none; }
.avatar_frame.medium { background: url(../images/avatar-frame-51x55.png) no-repeat; width: 51px; height: 55px; margin-right: 15px; }
.medium .avatar_wrapper { top: 6px; left: 2px; }
.white_frame { border-top: 1px solid #bbb; border-left: 1px solid #bbb; border-right: 1px solid #bbb; background: #fff; }

/* Comments */
.honeypot { display: none; }
.comment_login { padding: 20px 0;}
.comment_login p { font-size: 18px; font-style: italic; }
.comment_login .btn { font-style: normal; }
.add_comment { float: left; margin: 0 0 25px 0; }
.add_comment label { display: none; }
#id_comment { height: 100px; }
.add_comment .btn { float: right; }
.comment { margin-bottom: 25px; margin-left: 52px; }
.comment_wrapper.last { border-bottom: none; }
.comment_text { margin: 10px 0 25px 0 }
.comment_text p { margin-bottom: 10px; }
.comments_list .avatar .default { background: #fff url(../images/comment-avatar.png) no-repeat 3px 0; width: 45px; height: 45px; padding: 2px 3px; border: 1px solid #bbb; }
.comments_list h4 { font-size: 18px; margin-bottom: 0; line-height: 25px; }
.comments_list h4 a { color: #444; }
.comments_list h4 .date { font-size: 14px; margin-left: 5px; color: #888; font-weight: 400; }
.comments_list h4 .date a { color: #888; }
.comment_help_text { color: #454545; background: #eee; padding: 10px; clear: both; }

.comment_wrapper .avatar { margin-right: 0; }

.comment_text .comment_reply_wrapper { margin: 15px 0 0 0; padding: 0; }
.comment_reply_wrapper .btn.small { font-size: 11px; background: none; padding: 0 6px; display: inline-block; height: 22px; line-height: 22px; color: #424242; border: 1px solid #aaa; }
.comment_form { clear: both; }
.comment.comment_form_reply { margin-top: 35px; position: relative; clear: both; }
.comment_form.reply { display: none; width: inherit; position: relative; }
.comment_form.reply .avatar { position: absolute; top: 0;}
.comment_form.reply .add_comment { }
.comment_form.reply .fill { position: relative; margin: 0 0 0 50px; }
.comment_form.reply .add_comment textarea { width: 100%; max-width: none; overflow: auto; max-height: 350px; min-height: 100px; }
.comment_form.reply .btn_wrapper { float: right; margin-right: 0; position: relative; }

.threaded_comments { border-top: 1px solid #ddd; padding-top: 25px; margin-top: 15px; }
.threaded_comments:first-child { border-top: none; }
.threaded_comments ul { margin: 0 0 0 30px; padding: 20px 0 0 0; clear: both; border-top: 1px dashed #ddd; }
.threaded_comments ul .reply {  }
.threaded_comments .comment_wrapper { padding-bottom: 0; }

/* Tack box */
.tack_box_wrapper { float: left; width: 30%; margin: 0 5% 5% 0; padding: 0; position: relative; /*box-shadow: 0 0px 3px 0 rgba(66, 53, 14, .07); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);*/ }
.tack_box_wrapper:nth-child(3n) { margin-right: 0; }
.tack_box { padding: 0 0 12px 0; }
.tack_box a { color: #474747; }
.tack_box_wrapper .tacker { padding: 0 10px; height: 43px; clear: both; background: #f9f9f9; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.tack_box_wrapper .tacker .avatar { margin-top: 6px; display: inline-block; line-height: 1; }
.tacker .avatar img { max-width: 28px; height: auto; }
.tack_box_wrapper .tacker .user { display: inline-block; line-height: 42px; float: left; color: #474747; font-size: 14px; }
.tack_thumb { width: 100%; height: auto; padding: 0; }
.tack_thumb img { width: 100%; height: auto; display: block; border-bottom: 1px solid #ddd; }
/*.tack_thumb img { opacity: 1; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; }
.tack_thumb img:hover  { opacity: 0.7; }*/
.tack_box .title { font-size: 15px; line-height: 20px; font-weight: 400; height: 42px; margin: 0 0 7px 0; padding: 0; overflow: hidden; }
.tack_box .title a { color: #333; }
.hover_box { position: absolute; top: 0; right: 0; opacity: 0; padding: 14px 8px; background: rgba(255, 255, 255, 0.7); -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; }
.hover_box.visible, .services.visible { display: block; opacity: 1; }
.tack_thumb a:hover + ul { display: block; opacity: 1; }
.hover_box:hover { display: block; opacity: 1; }
.hover_box p { padding: 5px 9px; color: #fff; font-size: 13px; }
.hover_box li { padding: 4px 0; }
.hover_box .last { margin-right: 0; }
.hover_box .btn { width: 55px; height: 29px; padding: 0; line-height: 29px; font-weight: 700; }
.hover_box .btn i { display: inline-block; }
.hover_box .unlike i { background: url(../images/up-stache.png) no-repeat 50% 50%; background-size: 32px 13px; width: 32px; height: 13px; }
.hover_box .like i { background: url(../images/down-stache.png) no-repeat 50% 50%; background-size: 29px 13px; width: 29px; height: 13px; }
.hover_box .save i, .hover_box .saved i { background: url(../images/collection-save.png) no-repeat 50% 50%; background-size: 13px 13px; width: 13px; height: 13px; }
.hover_box .saved i { background: url(../images/collection-saved.png) no-repeat 50% 50%; background-size: 13px 13px; width: 13px; height: 13px; }

.tack_guts { padding: 12px 10px 5px 10px; height: 48px; }
.tack_guts .user { font-size: 15px; overflow: hidden; }
.tack_guts .stats { display: block; }
.tack_guts li { color: #898989; display: inline-block; line-height: 19px; font-size: 15px; position: relative; width: auto; margin-right: 23px; border: none; }
.tack_guts li:last-child { margin-right: 0; }
.tack_guts a { color: #333; }
.tack_guts .icon_count { display: inline-block; }
.tack_guts .icon_count, .tack_guts .icons { float: left; }
.likes .icons { background-position: -39px 0px; height: 13px; width: 32px; margin-right: 4px; margin-top: 3px; }
.likes.liked { color: #2b78a8; }
.likes.liked .icons, .likes .unlike .icons { background-position: -39px -13px; height: 12px; width: 32px; margin-top: 4px; }
.saves { width: auto; text-indent: 0; }
.saves .icon { background-position:-257px 0; width: 20px; height: 19px; }
.saves .icons { background-position: -21px -0px; height: 15px; width: 18px; margin-right: 5px; line-height: 15px; }
.saves.saved { color: #2b78a8; line-height: 19px; }
.saves.saved .icons { background-position: -0px -18px; height: 15px; width: 18px; }
.comment_count { margin-right: 0;  }
.comment_count .icons { background-position: -0px -0px; height: 18px; width: 21px; margin-right: 4px; }
.comment_count .icon_count { margin-top: 0px; float: left; }
.moderate { padding: 0; text-align: center; }
.moderate a { background: #666; border-radius: 3px; padding: 5px 15px; color: #fff; font-size: 9px; }

.tack_item .title { margin-bottom: 2px; font-size: 19px; }
.tack_item .title a { color: #484744; }
.tack_item .title a:hover { text-decoration: underline; }
.tack_item .tack_thumb { width: 100px; height: 100px; }
.tack_item .avatar { margin-right: 20px; }
.tack_item .avatar img { border-radius: 0; }
.tack_item .description { float: left; clear: none; }
.tack_item p { margin: 0; }
.tack_item .tack_guts { border: none; background: none; }

.user_wrapper h4 { margin-bottom: 0; line-height: 20px; }

/* Share button */
.services { display: block; background: #eee url(../images/tab-bg.png); border: 1px solid #ccc; margin-top: 5px; width: 100px; padding: 20px; }
.services li, .services a { display: block; color: #424242; padding-left: 10px;  }
.share_button { font-style: italic; }
.share_button span { background: url(../images/share.png) no-repeat; background-position: center right; padding-right: 25px; width: 15px; height: 17px; }

/* Sidebar */
.sidebar .module { margin-bottom: 35px; }
.sidebar h3 { font-size: 20px; margin-bottom: 12px; }

.sidebar .featured_collections a { color: #424242; font-weight: 400; }


/* Contact Us */
.contact-us { position: fixed; right: -1px; bottom: -6px; padding: 5px; background: #fff; border: 2px solid #ccc; }
.feedback-form { padding: 0px 10px; }
.feedback-form textarea { font-size: 12px; }
.feedback-form label { display: block; padding: 10px 0;  font-style: italic; }
.send-feedback { background: #333; display: inline-block; padding: 10px; color: #fff; }
.send-feedback:hover { padding-bottom: 15px; padding-top: 15px; }
.hide-form { float: right; }
.feedback-form, .hide-form { display: none; }

/* Forms */
.to_login { margin: 15px 0; font-size: 16px; background: #eee; float: left; padding: 10px; }
.to_login a { text-decoration: underline; margin-left: 5px; }
.to_login a:hover { text-decoration: none; }

/* -- LAYOUT -- */
/* General layout structure styles. Header, main content, sidebar, footer. */
.top_header + header { margin-top: 40px; }
.top_header { background: #454545; /*background: #fff url(../images/body-2.png);*/ height: 40px; color: #fff; line-height: 40px; position: fixed; z-index: 10; display: block; top: 0; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.top_header .container { text-align: center; }
.top_header p { margin: 0; line-height: 40px; }
.top_header .btn { margin-left: 10px; }

.messages { margin: 25px 0; padding: 15px; background: rgba(13, 120, 188, 0.09); border: 0px solid rgba(13, 120, 188, 0.5); color: #000; font-size: 17px; }

.billboard { position: relative; margin-bottom: 35px; text-align: center; padding: 0 0 15px 0; /*border-top: 1px solid #e5e5e5; border-bottom: 1px solid #ddd;*/ border-bottom: 7px double #ede2d1; border-top: 7px double #ede2d1; /*background: #f0f1f1;*/ padding: 15px; }
.billboard h3 { font-size: 22px; margin-bottom: 0; display: inline-block;}
.billboard.reserve h3 { float: none; } 
/*.antlers { background: url(../images/antlers.png) no-repeat; width: 108px; height: 97px; display: block; float: left; margin: -25 1px 0 -65px; }*/
.billboard_right {margin-top: 25px; }
.billboard .btn_wrapper { margin-left: 10px; display: inline-block; line-height: 41px; }
.billboard .btn_wrapper.small { margin-left: 6px; line-height: 28px; }
.billboard .btn { margin-left: 15px; }
.billboard .btn.small { font-size: 14px; padding: 3px 10px; }
.content { padding: 34px 0 0 0; }
.main_content { clear: both; }
.right_content a { color: #484744; }
.left_image { float: left; margin-right: 15px; display: inline-block; background: url(../images/podcast-round-button.png) no-repeat; width: 85px; height: 85px; }

.join_wrapper { display: none; }
.join_wrapper #join_banner_header { display: inline-block; line-height: 51px; }
.join_btn { background: #12a802; color: #fff; letter-spacing: 1px; text-transform: uppercase; padding: 0 18px 0 22px; font-size: 14px;}
.btn.join_btn { background-color: #7fbf4d; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #15c402), color-stop(100%, #11b300)); background-image: -webkit-linear-gradient(top, #15c402, #11b300); background-image: -moz-linear-gradient(top, #15c402, #11b300); background-image: -ms-linear-gradient(top, #15c402, #11b300); background-image: -o-linear-gradient(top, #15c402, #11b300); background-image: linear-gradient(top, #15c402, #11b300); border: 1px solid #11b300; -webkit-box-shadow: inset 0 1px 1px 0 #6ECC25; color: #fff; text-align: center; text-shadow: 0 -1px 0 #4BAB00; }
.btn.join_btn:hover { background-color: #76b347; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #12ba00), color-stop(100%, #10a600)); background-image: -webkit-linear-gradient(top, #12ba00, #10a600); background-image: -moz-linear-gradient(top, #12ba00, #10a600); background-image: -ms-linear-gradient(top, #12ba00, #10a600); background-image: -o-linear-gradient(top, #12ba00, #10a600); background-image: linear-gradient(top, #12ba00, #10a600); -webkit-box-shadow: inset 0 1px 0 0 #12ba00; box-shadow: inset 0 1px 0 0 #12ba00; cursor: pointer; }
.billboard.center { text-align: center; }
.billboard.center h3 { float: none; display: inline-block; text-align: center; line-height: 44px; }
.billboard.center .btn_wrapper { float: none; display: inline-block; }


.billboard .get_started, .billboard .get_started.podcast h3, .billboard .get_started.podcast .btn_wrapper { vertical-align: middle; }
.get_started.podcast { float: left; display: inline-block; }
.get_started.podcast .btn_wrapper { float: none; display: inline-block; line-height: 51px; }
.get_started.podcast h3 { float: none; display: inline-block; line-height: 83px; }
.podcast_btn { background: url(../images/podcast-btn.png) no-repeat; width: 128px; height: 51px; border: none; text-indent: -9999px; display: inline-block; }

.billboard.center .left_image, .billboard.center .get_started { float: none; vertical-align: middle; }
.billboard.podcast { margin-top: 15px; clear: both; }

.join_btn.green:hover { transition 0.2s; -webkit-transition: 0.2s; background: #0f9c00;  }

.billboard.after_content { text-align: center; }
.billboard.after_content h3, .billboard.after_content .btn_wrapper { float: none; display: inline-block; margin-bottom: 0; }
.billboard.after_content .btn_wrapper { margin-left: 0; }

.billboard.after_post { margin-top: 15px; }
.billboard.after_post .btn_wrapper { margin-left: 0; }
.left_image .podcast_button { border: 1px solid #ddd; }
.billboard .get_started { float: left; display: inline-block; }

/* Header */
.mobile_nav_wrapper { opacity: 0; height: 0; }
.mobile_nav_wrapper.close .profile_header { height: 0; }
.header_wrapper { background: url(../images/header.jpg) repeat-x; /*background: #32363A;*/ min-height: 58px; /*box-shadow: 0 4px 35px -5px #d6d1c7;*/ }
header h1 { float: left; position: relative; width: 224px; display: block; }
.logo { background: url(../images/logo.png) no-repeat; display: block; position: absolute; width: 179px; height: 79px; text-indent: -9999px; }
.tagline { margin-top: 17px; margin-left: 235px; color: #f1f1f1; font-style: italic; font-size: 18px; display: inline-block; }
.header_wrapper .left_nav { display: inline-block; float: left; margin-left: 215px; }
.left_nav li { display: block; float: left; line-height: 58px; height: 58px; margin: 0; border-right: 1px solid #555; padding: 0; font-family: 'PT Sans', Helvetica, sans-serif; }
.left_nav a { color: #eee; padding: 0 20px; height: 57px; display: inline-block; text-transform: uppercase; letter-spacing: 1px; font-size: 11px; font-weight: 700; }
.left_nav a:hover { text-decoration: none; }
.left_nav li:hover { background: rgba(0, 0, 0, 0.15); }
.left_nav li:first-child { border-left: 1px solid #555; }
.nav_wrapper { display: block; font-family: 'PT Sans', Helvetica, sans-serif; }
.nav_toggle { display: none; }
.nav { float: left; margin-left: 35px; color: #f1f1f1; }
.nav li { float: left; margin: 0; }
.nav a { font-size: 19px; color: #f1f1f1; height: 67px; line-height: 67px; padding: 0 30px; text-shadow: #444 1px 1px 2px; display: block; text-transform: lowercase; }
.nav a:hover { background: #343434; }
.nav .active { color: #fff; border-right: 1px solid #444; border-left: 1px solid #444; }
.nav .active:hover { border: none; padding: 0 31px; } 

.right_content_header { float: right; width: 300px; margin-top: 5px; }

.search_form { display: block; margin: 0; }
.search_form input[type="text"] { font-size: 14px; height: 40px; line-height: 40px; border: 1px solid #ccc; background: #fff url(../images/search-icon.png) 97% 50% no-repeat; padding: 8px 8px; width: 100%; color: #444; box-shadow: none; }
.search_form input[type="text"]:focus { box-shadow: none; border: none; }
.search_form input[type="text"]::-webkit-input-placeholder { color: #888; }
.search_form input[type="text"]:-moz-placeholder { color: #777; } 
.search_form input[type="text"]::-moz-placeholder { color: #777; }
.search_form input[type="text"]:-ms-input-placeholder { color: #777; }

body.search h3 span { font-style: italic; }

.user_nav.social_icons { margin-top: 0px; }
.social_buttons { padding-right: 0; width: 220px;}
.social_buttons li { float: left; padding: 4px 8px; vertical-align: middle; height: 25px; line-height: 1; margin: 0 6px 4px 0; }
.social_buttons li.last {  }
.social_buttons li.last a { }
.social_buttons li span { background-color: #eee; border: 1px solid #cdcdcd; padding: 2px 5px; border-radius: 3px; font-size: 14px; }
.social_buttons li:hover { background-color: rgba(0, 0, 0, .05); border-radius: 6px; }
.social_buttons li:hover span { background: #fff; }
.social_buttons a { display: block; color: #424242; padding: 6px; }
.twitter { background: url(../images/twitter@2x.png) no-repeat; height: 17px; width: 17px; background-size: 17px 17px; }
.twitter a { padding-left: 30px; }
.fb { background: url(../images/facebook@2x.png) no-repeat; width: 12px; height: 20px; background-size: 10px 17px; }
.fb a { padding-left: 19px; }
.g_plus { background: url(../images/gplus.png) no-repeat 0px 50%; }

.content_header .social_buttons, .footer .social_buttons { width: auto; float: right; margin: 0; }
.content_header .social_buttons li, .footer .social_buttons li { line-height: 1; height: 30px; margin: 4px 6px 4px 0; }
.content_header .social_buttons a, .footer .social_buttons a { text-indent: -9999px; }
.content_header .social_buttons .twitter, .content_header .social_buttons .fb, .footer .social_buttons .twitter, .footer .social_buttons .fb, .footer .social_buttons .g_plus { background-position: 0 50%; display: block; }
.content_header .social_buttons .twitter, .footer .social_buttons .twitter, .content_header .social_buttons .g_plus, .footer .social_buttons .g_plus { width: 15px; }


.user_header { float: right; }
.user_header .welcome { padding: 0 15px; margin-right: 20px; }

.user_nav { position: relative; display: block; line-height: 58px; }
.user_nav.logged_out { margin: 0 0 0 15px; }
.user_nav li { margin-right: 25px; display: block; float: left; position: relative; }
.user_nav .invites { line-height: 58px; }
.user_nav .or_login { color: #ccc; font-weight: 400; font-size: 17px; }
.user_nav h3 { float: left; padding-right: 10px; line-height: 61px; margin-bottom: 0; color: #fff; font-size: 17px;  }
.user_nav .avatar_wrapper img { max-width: 34px; height: auto; }
.user_nav .dropdown { padding: 0; display: block; }
.user_nav .dropdown:hover { padding: 0; }
.user_nav .dropdown span { font-size: 15px; line-height: 58px; color: #777; text-shadow: none; }
.user_nav a { font-size: 16px; padding: 4px; color: #eee; }
.user_nav a:hover { padding: 4px; background: none; }
.add_button { margin-right: 0;}
.add_button a, .add_button a:hover { background: #c7451c; padding: 0; color: #fff; display: block; line-height: 58px; border-radius: 0px; text-align: center; height: 58px; font-weight: 700; }
.add_button .btn_text { padding: 0 18px; }
.add_button .plus { display: inline-block; text-align: center; border-left: 1px solid rgba(255, 255, 255, 0.15); width: 40px; height: 100%; float: right; font-size: 20px; font-weight: 400; }

.user_nav li ul { z-index: 999; position: absolute; left: -9999px; float: left; min-width: 200px; margin: 0; overflow: visible; background: #333; box-shadow: 1px 2px 23px -6px #333; top: 58px; }
.user_nav li ul li { display: block; float: none; height: auto; margin: 0; padding: 0; }
.user_nav li ul li.first { overflow: visible; padding-top: 10px; }
.user_nav li:hover ul { left: 0; }

.user_nav li.about .holder { color: #fff; font-size: 16px; }
.user_nav li.about ul { min-width: 150px; padding-top: 15px; }


.user_nav li ul li a { text-shadow: none; display: block; text-decoration: none; padding: 0 0 0 15px; font-size: 14px; color: #dedede; line-height: 35px; }
.user_nav li ul li a:hover { padding: 0 0 0 15px; background: #555; text-decoration: none; }
.user_nav li ul li.last a { margin-bottom: 15px; }
.user_nav .invites a { padding: 5px 6px; background: #222; margin-right: 3px; font-size: 14px; border-radius: 4px; }
.user_nav li.separator { border-top: 2px solid #555; margin-top: 8px; }
.user_nav li.separator a { margin-top: 8px; }


.slogan { float: left; font-size: 19px; padding-bottom: 3px; line-height: 30px; color: #484744; }

/* Main Content */
.content_wrapper { clear: both; min-height: 400px; width: 100%; }

.tab, .simple_nav { font-family: 'PT Sans', Helvetica, sans-serif; }

.simple_nav { margin: 0 0 19px 0; padding-bottom: 1px; border-bottom: 1px solid #e1e0e0; clear: both; }
.simple_nav li { display: inline; padding: 0 25px 5px 25px; }
.simple_nav a { color: #424242; text-transform: uppercase; letter-spacing: 1px; font-size: 13px; }
.simple_nav li:first-child { padding-left: 8px ;}
.top_nav { margin-bottom: 15px; }
.top_nav .simple_nav { margin-bottom: 10px; }
.category_drop { display: none; }

.tab { border-bottom: 1px solid #ccc; box-shadow: none; }
.tab li { padding: 0 28px 0px 0; }
.tab a { letter-spacing: 1px; }
.tab .active a, body.home .tab .all a, body.popular .tab .popular a, body.following .tab .following a { font-weight: 700; }

.sub { border-bottom: none; box-shadow: none; margin: 0 0 15px 0; }
.sub li { margin: 0 25px 5px 0; padding: 0; }
.sub .active { font-weight: 700; }
.sub a { background: none; border: none; text-transform: lowercase;  }
.sub .active a { background: none; display: inline; }

.user_list h2 { margin-bottom: 0; }

/* Sidebar */
.sidebar { padding: 0; }
.sidebar a { font-weight: 700; }

.ad { margin: 0 auto; }
.sidebar .shirt .btn_wrapper { margin: 8px 0; }
.sidebar .shirt .btn { }
.sidebar form .text { width: 100%; }

.module.about_gm { }
.module.about_gm p { margin: 0; }
.follow_list { margin-top: 20px; }
.follow_list li { display: inline-block; margin-right: 8px; height: 20px; font-size: 0; }
.follow_list li:last-child { margin-right: 0; }
.follow_list .twitter_btn {  }

.module .inline_form .text { width: 200px; }
.module .inline_form .btn { width: 96px; height: 38px; text-transform: uppercase; line-height: 38px; letter-spacing: 1px; font-weight: 700; }

.fb_gm_button { background: url(../images/fb-gm.png) no-repeat; width: 156px; height: 67px; display: block; margin-bottom: 10px; }
.fb_gm_button:hover { box-shadow: 0 0 26px -1px rgba(66, 130, 193, .20); }
.fb_gm_link a { color: #424242; font-style: italic; font-size: 17px; border-bottom: 1px solid #ccc; padding-bottom: 1px; }
.fb_gm_link a:hover { border-bottom: none; }

.activity .item_link { padding: 0; margin-bottom: 15px; line-height: 24px; clear: both; display: block; font-family: 'PT Sans', Helvetica, serif; }
.activity a { color: #424242; font-size: 14px; }
.activity a:hover { text-decoration: none; color: #222; }
.activity h5 { margin-bottom: 0; }

.latest_reserve li { margin: 0 0 25px 0; }
.latest_reserve img { width: 300px; height: auto; border-radius: 0; border: 1px solid #ccc; margin-bottom: 7px; display: block; }
.latest_reserve .item_title { font-weight: 700; font-size: 16px; }
.latest_reserve .item_title:hover { text-decoration: underline; }
.latest_reserve .reserve_link_wrapper { margin-bottom: 0; }
.latest_reserve .reserve_link { color: #333; font-weight: 700; }

/* Footer */
.footer { margin: 75px auto 0; padding: 45px 0; text-align: center; clear: both; box-shadow: none; }
.footer.double { background-position: top left; }
.footer .more { /*background: rgba(0, 0, 0, 0.03);*/ padding: 15px; margin: 0 -20px 35px -20px; border-top: 7px double #ede2d1; border-bottom: 7px double #ede2d1; }
.footer .thirds { display: inline-block; width: 33%; }

.footer .thirds { display: block; text-align: left; }
.footer .thirds a { color: #333; }
.footer .thirds h3 { margin-bottom: 5px; }

.footer_links li { display: inline; padding-right: 25px; }
.footer .social_buttons { float: none; margin: 13px auto; text-align: center; width: 158px; }
.footer a { color: #717272; }
.footer a:hover { text-decoration: underline; }
.copyright { margin-top: 15px; }

/* -- SPECIFIC PAGES -- */

/* Home */

.home_reserve .tack_box_wrapper:nth-child(3n) { margin-right: 5%; }
.home_reserve .tack_box_wrapper:nth-child(4n) { margin-right: 0; }

/* Tack Detail */
.tack_content_wrapper { margin: 20px 0 0 0; }
.tack_wrapper .avatar { float: left; margin-top: 2px; width: 40px; height: auto; }
.tack_info_wrapper { margin-left: 55px; }
img.no_avatar { background: #fff; }
.profile_frame img.no_avatar { width: 179px; border: 1px solid #bbb; }
.no_avatar.big { width: 55px; height: auto; }
.edit { float: right; }
.tack_title_wrapper { }
.tack_title_wrapper .avatar { height: auto; }
.tack_title { font-size: 29px; line-height: 35px; margin: 0; padding-top: 0; }
.tack_title a { color: #484744; }
.via { color: #666; font-size: 15px; }
.via a { color: #666; }
.via .poster { font-weight: 700; }
.via a:hover { border-bottom: none; }
.collection { font-weight: 700; }
.edit_controls_wrapper { margin: 10px 0; }
.edit_controls .btn.small { margin-right: 5px; }
.fluid_video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.fluid_video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.tack_image img { border: 1px solid #ccc; max-width: 515px; height: auto; }
.description { clear: both; margin: 15px 0 25px 0; font-size: 17px; line-height: 27px; }
.left_content.no_float { float: none; }
.buttons { width: 100%; }
.buttons.horizontal { margin: 10px 0 0 0; }
.buttons li { margin: 16px 0; }
.buttons.horizontal li { display: inline-block; margin: 0 19px 0 0; }
.buttons.horizontal li:last-child { margin-right: 0; }
.buttons li:first-child { margin-top: 0; }
.buttons .btn_count_wrapper { display: inline-block; line-height: 50px; }
.buttons .count_wrapper { position: relative; display: inline-block; }
.buttons .count_arrow {   border-left:1px solid #ccc;
  border-bottom:1px solid #ccc;
  background-color:white;
  display:inline-block;
  width:12px;
  height:12px;
  -transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=-0.70710678, M21=0.70710678, M22=0.70710678, sizingMethod='auto expand')";
  position:absolute;
  left:3px;
  top:20px;
 }
.buttons .count { padding: 0; border-radius: 4px; margin-left: 9px; line-height: 50px; width: 68px; font-size: 14px; display: inline-block; background: #fff; border: 1px solid #ccc; text-align: center; font-weight: 700; }
.buttons .count.liked { color: #0d78Bc; font-weight: 700; }
.buttons .btn { width: 105px; border-radius: 4px; height: 50px; padding: 0; line-height: 50px; display: inline-block; font-weight: 400; }
.buttons.horizontal .btn { width: 90px; }

.buttons .user_stats .count_wrapper { margin-left: 5px; }
.buttons .user_stats.save { margin-left: 12px; }
.buttons .user_stats.save .count_wrapper { margin-left: 15px; }

.buttons .btn.no_text { text-indent: -9999px; }

.buttons i, .buttons .count { display: inline-block; }
.buttons i, .share_toggle i { vertical-align: middle; margin: 0 auto; line-height: 1; font-style: normal; font-weight: normal; font-stretch: normal; font-kerning: auto; -moz-osx-font-smoothing: grayscale; }
.buttons .unlike, .buttons .saved { color: #0d78bc; }
.buttons .unlike i { background: url(../images/up-stache.png) no-repeat 0 50%; background-size: 51px 20px; width: 51px; height: 20px; }
.buttons .like i { background: url(../images/down-stache.png) no-repeat 0 0%; width: 49px; height: 21px; }
.buttons .save i { background: url(../images/collection-save.png) no-repeat 0 50%; width: 27px; height: 22px; margin-top: -2px; }
.buttons .saved i { background: url(../images/collection-saved.png) no-repeat 0 50%; width: 27px; height: 22px; }

.buttons .facebook .btn, .buttons .twitter_btn .btn { width: 60px; }
.buttons .share .btn  { width: auto; line-height: 35px; text-align: center; padding: 0 13px; font-size: 20px; }

.share_toggle { font-size: 13px; width: 165px; }
.share_toggle i { background: url(../images/share-icon.png) no-repeat 0 0; display: inline-block; line-height: 48px; width: 26px; height: 21px; margin-left: 8px; margin-top: -4px; }
.share_toggle:hover { font-weight: 700; }

.show_share { display: none; }
.share_services { background: rgba(0, 0, 0, 0.08); padding: 10px; }
.share_services a { text-indent: -9999px; }
.share_drop textarea { width: 100%; }

.added_in { margin: 20px 0 0 0; font-style: italic; }
.added_in a { color: #424242; }

.tack_info .info_wrapper { float: left; }
.user_info a, .user_link { font-weight: 700; }
.user_info a:hover, .user_link:hover { border-bottom: none; }
.user_info .collection { font-style: italic; }
.flag_wrapper { clear: both; margin-bottom: 15px; }
.flag_wrapper a { font-style: italic; color: #424242; font-size: 15px; line-height: 16px; }
.flag_wrapper .icon { background: url(../images/flag.png) no-repeat; width: 16px; height: 16px; background-size: 16px 16px; margin-right: 5px; }
.flag.hidden,
.unflag.hidden,
.like.hidden,
.unlike.hidden, 
.hover_box .like.hidden,
.hover_box .like.hidden,
.follow.hidden
{ display: none; }
.tack_info .stats { clear: both; margin-top: 15px; }
.liked_by_list { margin: 15px 0; }
.liked_by { clear: both; margin: 15px 0; }
.liked_by a { font-weight: 700; color: #424242; }
.tack_info .avatar { width: 34px; height: auto; }

.count { font-family: 'PT Sans', Helvetica, serif; }
.share_tack { margin-bottom: 15px; }
.share_drop { background: rgba(0, 0, 0, 0.06); padding: 15px; margin-top: 10px; }
.social_share { margin: 6px 0; }
.social_share li { padding: 0; margin: 0 13px 0 0; margin-left: 0; display: inline-block; background: none; }
.social_share a.btn { width: 40px; height: 35px; line-height: 35px; }
.social_share a.btn:hover { font-weight: normal; }
.social_share .btn_count_wrapper { line-height: auto; }
.social_share .count_wrapper { margin-right: 0; }
.social_share .count { width: 60px; line-height: 35px; font-size: 12px; padding: 0; margin-left: 4px; }
.social_share .count_arrow { width: 9px; height: 9px; top: 14px; left: 0; }
.social_share li span { border: none; padding: 0 12px; display: inline-block; line-height: 28px; margin-left: 5px; }
.social_share i { padding-left: 0; display: inline-block; margin: 0; }
.social_share .twitter i { background-position: 0 50%; width: 21px; height: 14px; margin: -3px 0 0 0; }
.social_share .fb i { background-position: 0 50%; width: 10px; height: 14px; margin: -3px 0 0 0; }
.social_share .email { background: url(../images/email.png) no-repeat 0 0px; width: 19px; height: 12px; margin: -3px 0 0 0; }
.social_share .btn.text { width: auto; padding: 0 10px; font-size: 11px; }

.deal_wrapper .share.above { margin-top: 0; }

.share_drop h5 { clear: both; margin: 15px 0 0 0;}
.share_drop p { color: #777; font-size: 14px; margin-bottom: 5px; }
.embed_box { margin: 15px 0; clear: both;}
.embed_box textarea { padding: 5px; width: 100%; height: 35px; color: #777; }

.stats_list { margin-top: 12px; font-size: 15px; }
.stats_list li { margin: 0 0 5px 0; }
.tack_info .stats_list li { display: block; float: none; }
.stats_list .likes .icon { background-position: -227px 5px; width: 30px; height: 14px; margin: 0 9px 0 0; }
.stats_list .saves .icon { background-position: -316px 0px; width:24px; height:17px; margin: 0 13px 0 3px; }
.stats_list .comments .icon { background-position: -340px 0px; width: 23px; height: 21px; margin: 0 13px 0 3px; }

.in_collection { margin: 45px 0; clear: both; }
.in_collection .collection_list { margin: 20px 0; }
.in_collection a { color: #424242; }
.in_collection .tack_box_wrapper { margin-bottom: 3%; }

.comments { margin: 30px 0; clear: both; }
.no_comments { clear: both; }
.no_comments h4 { font-size: 20px; }
.comments .avatar { clear: both; float: left; }
.comments .avatar.default a { display: inline-block; background: url(../images/comments-avatar.png) no-repeat; }
.comment_form_wrapper { clear: both; }
.comment_form .avatar img { width: 35px; height: auto; }
.comments textarea { background: #fff; border: 1px solid #ccc; padding: 10px; font-size: 15px; }
.comments_list { clear: both; border-top: 1px solid #ccc; padding-top: 25px; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
.comments_list .avatar img { width: 42px; height: auto; }

.comment .fluid_video { position: relative; padding: 0; margin: 0; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.comment .fluid_video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.comment .rich { overflow-x: scroll; }

/* User Detail */
.left_user { display: block; clear: both; margin-bottom: 20px; }
.left_user.no_avatar { float: none; }
.left_user .avatar { float: left; margin-right: 25px; }
.left_user h1 { line-height: 1; margin-bottom: 8px; }
.left_user .title { font-style: italic; font-size: 18px; text-transform: capitalize; }
.user_info_wrapper { margin: 20px 0 20px 290px; display: block; }
.no_avatar .user_info_wrapper { margin-left: 0; }
.profile_frame { background: url(../images/user-frame.png) no-repeat; margin-bottom: 25px; width: 260px; height: 284px; position: relative; }
.profile_frame .wrapper { text-align: center; width: 260px; height: 235px; display: table-cell; vertical-align: middle; position: absolute; top: 20px; margin-left: -2px; overflow: hidden; }
.profile_frame .wrapper * { vertical-align: middle; }
.profile_frame .wrapper span { display: inline-block; height: 100%; width: 1px; }
.profile_frame img {background: 0; padding: 0; border: 1px solid #888; margin-top: 0px; border-radius: 0; width: 219px; height: auto; }
.profile_frame p { z-index: 1000; width: 220px; height: 53px; text-align: center; margin-left: 25px; top: 252px; position: absolute; background: url(../images/member-plaque.png) no-repeat; font-size: 10px; text-transform: uppercase; text-align: center; padding-top: 14px; }


.right_user .username_title { font-size: 27px; text-transform: capitalize; margin-bottom: 0; line-height: 31px; }
.btn.follow { margin-left: 25px; }
.follow_icon { background: url(../images/buttons.png) no-repeat 0 -165px; vertical-align: text-top; padding-right: 4px; display: inline-block; width: 16px; height: 18px; line-height: 28px; }
.data { font-size: 16px; margin-bottom: 20px; }
.data span { font-style: italic; }
body.minted .minted a, body.liked .liked a, body.user_collections .collections, body.following .following, body.followers .followers { font-weight: 700; }

.follow_wrapper .btn.small { float: left; margin-left: 10px; }
.follow_wrapper .btn.hidden { display: none; }
.stats li { display: block; float: left; font-family: 'PT Sans', Helvetica, sans-serif; }
.stats .moderate { margin-left: 19px; }

/* Collection Detail */
.collection_title { clear: both; margin-bottom: 20px; padding-bottom: 15px; }
.collection_title .title { margin-bottom: 5px; line-height: 22px; font-size: 25px; }
.collection_title a { color: #424242; }
.collection_title .data { margin-bottom: 0; padding-top: 0; }
.collection_title .avatar_frame { margin-top: 0; }

.collection_item .white_frame { background: none; border: none; }
.collection_item .collection_avatar { margin-right: 20px; position: relative; }
.collection_item .collection_avatar img { padding: 4px; border: 1px solid #ccc; background: #fff; }
.collection_item.first { margin-top: 30px; }
.collection_item .title { margin-bottom: 10px; font-size: 19px; }
.collection_item .title a:hover { text-decoration: underline; }
.collection_item a { color: #424242; }
.collection_stats { margin-bottom: 15px; font-size: 16px; }
.collection_stats span { font-style: italic; }
.collection_avatar { float: left; margin-right: 20px; }
.collection_thumbs { float: left; }
.collection_thumbs li { display: inline; margin-right: 15px; }
.collection_thumbs img { border-radius: 0; }

/* Creed */
.main_content.creed h2 { font-size: 30px; }
.main_content.creed p { font-size: 17px; }
.main_content.creed h3 { font-size: 26px; font-style: italic; }
.main_content.creed h4 { font-size: 19px; }
.main_content.creed a { color: #424242; padding-bottom: 2px; border-bottom: 1px solid #ababab; }
.main_content.creed a:hover { border-bottom: none; }

.main_content.creed .billboard.after_content { margin-top: 25px; }
.main_content.creed .billboard .btn_wrapper { line-height: 51px; }
.main_content.creed .btn { padding-bottom: 0; }

/* About */
.main_content.about p  { font-size: 17px; }
.main_content.about ul { list-style: disc; margin-left: 25px; font-size: 17px; margin-bottom: 20px; }
.main_content.about h2 { font-size: 30px; }
.main_content.about h3 { font-size: 26px; }
.main_content.about p a { color: #424242; padding-bottom: 2px; border-bottom: 1px solid #ababab; }
.main_content.about p a:hover { border-bottom: none; }


.main_content.about .billboard { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 25px 0; padding: 12px 0; }
.main_content.about .billboard .btn_wrapper { line-height: 51px; }


/* Add Tack form */
.add_tack_form .tack_image, .add_tack_form .tack_title, .add_tack_form .tack_description, 
.add_tack_form .tackit, .add_tack_form .collections_wrapper { display: none; }
.bookmarklet_wrapper { float: right; width: 300px; } 
#id_link, #id_title, #id_description { width: 500px; }
.add_tack_form .fieldWrapper { margin: 25px 0; }
#id_link { padding: 11px 8px; font-size: 16px; }
#id_description { height: 120px; }
.get_more { display: none; clear: both; }
.pic_holder img { padding: 5px; }
.pic_holder img:hover { border: 1px solid #2b78a8; }
.pic_holder:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.choose_image { padding: 2px; display: block; float: left; }
.selected img { background: #2b78a8; border: 1px solid #444; }
.collections_wrapper h3 { margin-bottom: 5px; }
.collections_wrapper .or { width: 30px; float: left; margin: 36px 0px 0px 22px;  }
.fieldWrapper.tack_collections { margin: 0px; float: left; width: 250px; }
.fieldWrapper.tack_new_collection_title { margin: 0px 0px 0px 16px; float: left; }
.collections_wrapper { margin-bottom: 40px; }
.collections_wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.warning { background: rgba(195, 12, 48, 0.08); padding: 10px; color: #c30; padding: 10px; }

.retack .add_tack_form .collections_wrapper { display: block; }

.module.about_gm .bookmarklet { clear: both; margin: 15px 0; }
.gm_bookmarklet_link { padding: 5px; border: 1px solid #0d78bc; }
.gm_bookmarklet_link:hover { text-decoration: none; }

.extension_install .icon { display: block; width: 65px; height: 65px; float: left; margin-right: 15px; }
.extension_install .btn { clear: both; margin-top: 15px; width: 100%; }
.extension_install.chrome_install .icon { background: url(../images/chrome-logo.png) no-repeat; background-size: 65px 65px; }
.extension_install.ff_install .icon { background: url(../images/firefox-logo.png) no-repeat; background-size: 65px 65px; }

/* Images widget */                                                                                                                                                                                                                                       
#gm_carousel { position: relative; float: left; background: #fff; border: 1px solid #ccc; padding: 10px; width: 682px; margin-bottom: 10px; }
#gm_carousel:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }
#gm_carouselContainer { overflow: hidden;  position: relative; float: left; }
#gm_carouselContainer:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }
#gm_carouselWrapper:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }
#gm_carouselWrapper { -webkit-transition: margin-left 500ms ease;  -moz-transition: margin-left 500ms ease;  -o-transition: margin-left 500ms ease; transition: margin-left 500ms ease;  }
.gm_nav_button { width: 40px; height: 100%; display: inline-block; position: absolute; top: 0px; z-index: 2; }
.gm_nav_button.next { right: -40px; background: url(../images/chevron-right.png) no-repeat 0 50% rgba(0,0,0,.05); border-top: 1px solid #ccc; 
                      border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }         
.gm_nav_button.prev { left: -40px; background: url(../images/chevron-left.png) no-repeat 0 50% rgba(0,0,0,.05); border-left: 1px solid #ccc; 
                      border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;  }
.add_tack .tack_image:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }                                                                                                                       .gm_nav_button.next:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }
.add_tack .tack_image img { padding: 0px;  } 
.gm_imgContain { overflow: hidden; width: 200px; margin: 0px 10px; position: relative; display: block; background-color: #fff; float: left; border: 4px solid #eee; }
.gm_imgContain img { display: block; }
.gm_meta_info { position: absolute; color: #fff; padding: 3px 10px; background: rgba(0,0,0, .7); font-size: 12px; font-family: helvetica, sans-serif; font-weight: bold; z-index: 103; bottom: 0px; right: 0px; display: block; }
.gm_imgItem { display: inline-block; max-width: inherit; }                                                                                                                                      .choose_image { padding: 2px; display: block; float: left; }
.gm_imgContain.selected { border: 4px solid rgba(43,120,168,.9); }

/* Bookmarklet */

.bookmarklet .content { padding-top: 0px; } 
.bookmarklet.add_tack_done .main_content_wrapper { margin-top: 20px; }
.bookmarklet.add_tack_done .main_content_wrapper p { display: inline-block;  }
.bookmarklet #id_description textarea { height: 100px }
.bookmarklet .add_tack_form .fieldWrapper { margin: 15px 0px; }
.bookmarklet .collections_wrapper { margin-bottom: 15px; }
.bookmarklet .collections_wrapper .fieldWrapper { margin-top: 5px; }
.bookmarklet .chosen-container .chosen-results { max-height: 80px; }

/* Loading Animation */
.spinner { display: inline-block; margin: 0px auto 0; width: 70px; text-align: center; }
.spinner > div { width: 18px; height: 18px; background-color: rgba(0,0,0,.10); border: 1px solid #ccc; border-radius: 100%; display: inline-block;
                 -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out;
                 /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
}
.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s;}
.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
@-webkit-keyframes bouncedelay { 
  0%, 80%, 100% { -webkit-transform: scale(0.0) 
  } 40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
  0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0);
  } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); }
}                                                                                                                                                                                                                                                          

/* Add Tack - Success */
.tack_added { border-bottom: 1px solid #ccc; padding-bottom: 2px; color: #424242; }
.share_title { float: left; }

.share_on { margin: 25px 0; }
.fb_preview { clear: both; padding: 15px; margin-bottom: 15px; background: rgba(255, 255, 255, 0.015); }
.fb_preview .avatar { margin-right: 20px; }
.fb_preview .avatar img { border-radius: 0; }
.fb_preview h3 { margin-bottom: 5px; }
.fb_preview h4 { margin-bottom: 5px; line-height: 42px; }
.fb_preview p { line-height: 1.5; }
.share_tack { float: left; }
.share_tack li { float: left; display: inline-block; margin-right: 10px; }
.share_tack a { display: block; font-size: 14px; }
.share_tack .btn { padding: 3px 7px 2px 7px; }
.share_tack i { width: 20px; height: 20px; display: inline-block; background-position: 50% 0; line-height: 20px; vertical-align: text-top; margin-top: 1px; }
.share_tack i.fb { margin-right: 1px; }
.share_tack i.twitter { margin-right: 7px; margin-left: 4px; height: 15px; line-height: 15px; }
.share_tack i.g_plus { margin-right: 4px; margin-left: 4px; line-height: 14px; }

/* Login */
.beta_list { margin-top: 0px; float: left; }

.login_wrapper { margin-top: 25px; float: left; }
.fb_login_wrapper { float: left; }
.fb_login { background: url(../images/fb-login.png) no-repeat; display: block; width: 256px; height: 55px; text-indent: -9999px; border: none; cursor: pointer; }
.or { margin: 20px; }
.reset { font-weight: normal; margin-left: 25px; font-size: 13px; }
.reset a:hover { text-decoration: underline; }

.registration_wrapper { margin-top: 65px; }
.registration_wrapper h3 { font-weight: bold; }
.fb_register_form, .email_register_form { width: 35%; }
.fb_register_form { float: left; }
#sidebar_subscribe { position: fixed; }
.email_register_form { float: left; margin-left: 30px; padding-left: 80px; border-left: 1px solid #ddd; }
.or_column { width: 100px; display: block; min-height: 400px; text-align: center; margin-right: 100px; font-size: 22px; font-style: italic; }

/* Podcast sidebar */
.sidebar .podcast_banner { background: url(../images/podcast-banner.jpg); display: block; width: 250px; height: 250px; text-indent: -9999px; }

/* Invite Form */
.invite_right { float: right; background: rgba(0, 0, 0, 0.03); padding: 15px; margin-top: 25px; border: 1px solid rgba(0, 0, 0, 0.08); max-width: 350px; }
.invite_right .quote { margin-bottom: 10px; }
.invite_right h2, .invite_right h3 { margin: 0 0 15px 0; }
.invite_right .quotee { text-align: right; font-style: italic; }


/* Slow clap */
.slow_clap { text-align: center; float: none; margin-bottom: 25px; }
.slow_clap img { padding: 7px; border: 1px solid #ddd; background: #fff; }
.intro { font-size: 20px; }
.invited { margin-top: 15px; }
.invited li { float: left; display: block; margin-right: 65px; }
.invited li.facebook { margin-right: 0; }
.invited li.twitter_badge p { margin-top: 20px; }


/* THE RESERVE */

.fb_like_wrapper.small { display: none; }

form.email_signup { margin-bottom: 0; }
.email_signup p { margin: 0 0 3px 0; display: inline-block; }
form input.email { width: 150px; float: left; }
.rss a { font-size: 14px; }
.email_signup .btn { float: left; padding: 7px 9px; font-style: italic; font-size: 13px; }

.deal_list { margin-top: 35px; }
.deal_wrapper { margin: 30px 0; clear: both; background: #fff; border: 1px solid #ccc; }
.deal_wrapper.first { margin-top: 25px; }
.date_separator  { margin-bottom: 13px; border-bottom: 1px solid #ddd; font-size: 17px; }
.date_separator span { background: rgba(0, 0, 0, 0.03); padding: 4px 9px; border: 1px solid #ddd; }
.deal_wrapper .avatar { margin-right: 0; }
.deal_wrapper .avatar img { max-width: 200px; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.15); background: #fff; border-radius: 0; box-shadow: none; }

.deal_wrapper .lead_image { text-align: center; background: rgba(0, 0, 0, 0.06); border-bottom: 1px solid #ccc; }
.deal_wrapper .lead_image img { min-width: 560px; width: 780px; height: auto; display: block; }
.deal_title { margin-bottom: 0px; line-height: 35px; font-size: 32px; }
.deal_title .single_link { font-style: normal; }
.deal_guts { font-size: 17px; margin-bottom: 20px; padding: 20px; }
.deal_guts .deal_description { margin: 15px 0 25px 0; }
.deal_description p { font-size: 16px; line-height: 25px; }
.deal_description ul li { list-style: disc; margin-left: 30px; margin-bottom: 20px; }
.expired_text { font-size: 17px; }
.expired, .deal_guts .expired p a { color: rgba(0, 0, 0, 0.3); }
.deal_guts .posted { margin-left: 0; }
.deal_guts .expires { margin: 10px 0 15px 0; font-style: italic; }
.deal_guts p a { color: #424242; font-style: italic; border-bottom: 1px solid #ccc; padding-bottom: 1px; }
.deal_guts p a:hover { border-bottom: none; text-decoration: none; }
.deal_guts .get_deal { background: #259c08; color: #fff; padding: 6px 13px; }
.deal_guts .get_deal:hover { background: #2cb00b; }
.deal_guts .get_deal.expired { background: rgba(0, 0, 0, 0.3); }
.deal_guts .hide, .deal_guts .compare_link.hide  { display: none; }
.sale_price_link:hover { text-decoration: none; }
.sale_price { font-size: 20px; font-weight: 700; display: inline-block; margin-right: 16px; }
.sale_tag { color: #fff; text-transform: uppercase; margin-right: 7px; line-height: 16px; font-size: 12px; letter-spacing: 1px; font-weight: 400; border: 1px solid #12a802; color: #12a802; padding: 5px 8px; vertical-align: middle; }

.deal_wrapper .share { margin: 0 0 20px 0; }

.full_content { margin-bottom: 15px; display: block; clear: both; }

.tack_box_wrapper.lead_wrapper { width: 100%; margin-bottom: 25px; }
.lead, .secondary_lead .tack_box, .related { border-bottom: 1px solid #ccc; }
.lead { margin-bottom: 25px; width: 780px; float: left; }
.lead h2 { font-size: 27px; margin-bottom: 3px; }
.reserve_box .tease { font-size: 15px; line-height: 22px; height: 68px; overflow: hidden; }
.lead .read_more { font-weight: 900; color: #0d78bc; }
.reserve_box .lead .tack_guts { padding-bottom: 0; height: 127px; }
.right_lead { float: right; display: block; }
.secondary_lead { width: 340px; margin-left: 15px; display: block; float: left; }
.secondary_lead h3 { line-height: 28px; }
.secondary_lead .tack_box { margin-bottom: 15px; }
.secondary_lead :last-child { margin-bottom: 0; }
.reserve_box .secondary_lead .tack_guts { height: 80px; }
.related { width: 380px; display: block; float: left; margin-top: 15px; margin-right: 20px; padding-bottom: 0; }
.related .tack_thumb { height: 210px; overflow: hidden; border-bottom: 1px solid #ddd; }
.related:nth-child(2n) { margin-right: 0; }
.related h2 { line-height: 31px; overflow: hidden; }
.related.tack_box .tack_guts { height: 90px; border-bottom: 1px solid #ddd; padding-bottom: 0; display: block; }
.related.reserve_box .tacker { padding: 10px 0; }
.related.reserve_box .get_deal_wrapper { margin-top: 0; }
.related.reserve_box .deal_info { margin-top: 0; }

.reserve_nav { font-weight: 900; border-top: 3px solid #424242; padding: 10px 0; line-height: 27px; }
.reserve_nav li:first-child { padding-left: 0; }
.reserve_nav li { padding: 0 22px 0 0; }
.reserve_nav a { font-size: 16px; letter-spacing: 1px; }

.reserve_box .tack_guts { height: 142px; position: relative; overflow: hidden; }
.reserve_box .title { font-weight: 600; font-size: 18px; }
.reserve_box .tack_thumb { border-bottom: 1px solid #ccc; }
.reserve_box .tack_thumb img { border-bottom: none; width: }
.tack_box_wrapper.reserve_box .tacker { border-left: none; border-right: none; padding: 0; height: 62px; }
.tack_box_wrapper.reserve_box .white_frame { padding-bottom: 0; }
.reserve_box .learn_more { display: inline-block; font-size: 13px; margin-left: 6px; }
.reserve_box .learn_more a { margin-left: 4px; font-weight: bold; }
.reserve_box .btn { height: 46px; line-height: 46px; font-size: 16px; text-transform: none; letter-spacing: 0; border: none; margin-right: 10px; float: none; text-align: center; padding: 0 9px; color: #fff; border-radius: 3px; width: 110px; float: right; text-align: center; display: inline-block; clear: none; }
.reserve_box .deal_info, .reserve_box .get_deal_wrapper { margin-top: 5px; }
.reserve_box .get_deal_wrapper { display: block; padding: 0; margin-top: 7px; text-align: center; margin-bottom: 0; }
.reserve_box .tack_guts p { font-size: 14px; line-height: 19px; }
.reserve_box .description_link:hover { text-decoration: none; }
.reserve_box .expires_on { font-size: 11px; text-transform: uppercase; line-height: 1; clear: both; display: block; }
.reserve_box .deal_info { float: left; display: inline-block; font-family: 'PT Sans', Helvetica, sans-serif; margin-left: 10px; margin-top: 7px; }
.reserve_box .deal_info .price { font-weight: 900; font-size: 17px; margin-bottom: 0; }
.reserve_box .deal_info.no_expire { line-height: 46px; }

/*.reserve_box .overlay {display:block;overflow:hidden;height:21px;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,white 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,white)); background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,white 100%); background:-o-linear-gradient(top,rgba(255,255,255,0) 0%,white 100%); background:-ms-linear-gradient(top,rgba(255,255,255,0) 0%,white 100%); background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,white 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0 ); position:absolute;bottom:0;left:0;width:100%;}*/


.offers { margin-top: 35px; font-size: 18px; }
.offers a { color: #434343; }
.offers_h4 { background: rgba(0, 0, 0, .07); padding: 5px; }
.offer_wrapper { margin: 15px 0; }
.offer_wrapper:hover {}
.merchant_logo { float: left; margin-right: 45px; border: 1px solid rgba(0, 0, 0, 0.1); background: #fff; }
.merchant_logo img { padding: 1px 3px 0 3px; margin-bottom: 0; }
.merchant_logo a { border: none; }
.merchant_name { float: left; width: 125px; margin-right: 45px; font-size: 16px; }
.item_price { float: left; margin-right: 45px; padding: 0px; }
.go_store .btn { float: right; margin-top: 3px; }
.compare_link { margin-left: 7px; }
.compare_link a { margin-left: 5px; }

.deal_email_form { background: rgba(0, 0, 0, 0.03); padding: 10px; }
.deal_email_form h2 { margin-bottom: 0px; }
.deal_email_form p { margin: 10px 0; }
.deal_email_form form input[type="email"] { width: 100%; }
.deal_email_form .btn { width: 100%; margin-top: 8px; }

.bottom_social { margin: 5px 0 15px 0; }

/* Reserve on Homepage */
.homepage_reserve h3 { border-bottom: 1px solid #e1e0e0; font-size: 18px; }
.homepage_reserve .tack_box { height: 320px; }
.homepage_reserve .tack_guts { height: 40px; }

.homepage_reserve .learn_more, .homepage_reserve .get_deal_wrapper { display: inline-block; }
.homepage_reserve .learn_more { font-size: 15px; margin-left: 7px; }
.homepage_reserve .learn_more a { font-style: italic; border-bottom: 1px solid #ccc; margin-left: 5px; }
.homepage_reserve .learn_more a:hover { border-bottom: none; }
.homepage_reserve .go_to_deal { padding: 6px 13px; background: #259c08; color: #fff; border-radius: 3px; }
.homepage_reserve .more a { font-size: 20px; color: #444; padding-bottom: 2px; border-bottom: 1px solid #ddd;  }

/* MOBILE */
img, object, embed { max-width: 100%; }
img { height: auto; }

/* RETINA */
@media only screen and (min--moz-device-pixel-ratio: 2), 
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (-webkit-min-device-pixel-ratio: 2), 
  only screen and (min-device-pixel-ratio: 2) { 
  	/*.header_wrapper { background: url(../images/header@2x.jpg) repeat-x; background-size: auto 58px; }*/
  	.logo { background: url(../images/logo@2x.png) no-repeat; background-size: 179px 77px; }
  	.podcast_btn { background: url(../images/podcast-btn@2x.png) no-repeat; background-size: 128px 51px; }
  	.podcast_banner { background: url(../images/podcast-banner@2x.jpg) no-repeat; background-size: 250px 250px; }
  	.left_image { background: url(../images/podcast-round-button@2x.png) no-repeat; background-size: 85px 85px; }

  	.icons { display: inline-block; background-image: url(../images/icons-sprite@2x.png); background-repeat: no-repeat; }

  	.user_nav .add_button i { background: url(../images/add-btn@2x.png) no-repeat; background-size: 14px 14px; line-height: 58px; } 

  	.buttons .unlike i { background: url(../images/up-stache@2x.png) no-repeat 50% 50%; background-size: 51px 20px; } 
  	.buttons .like i { background: url(../images/down-stache@2x.png) no-repeat 50% 50%; background-size: 49px 21px; }
  	.buttons .save i { background: url(../images/collection-save@2x.png) no-repeat 50% 50%; background-size: 27px 22px; }
	  .buttons .saved i { background: url(../images/collection-saved@2x.png) no-repeat 50% 50%; background-size: 27px 22px; }
	  .buttons .share i { background: url(../images/share-icon@2x.png) no-repeat 0 50%; background-size: 26px 21px; }

    .flag_wrapper .icon { background: url(../images/flag@2x.png) no-repeat; background-size: 16px 16px; }

 }
@media only screen and (max-width: 1175px) {
  .lead { width: 100%; float: none; }
  .secondary_lead { float: none; width: 100%; margin: 0; }
  .secondary_lead .tack_box { width: 48%; margin-right: 4%; float: left; }
  .secondary_lead :last-child { margin-right: 0; }
  .sidebar { clear: both; margin-top: 35px; }
  .extension_install .icon { display: block; width: 65px; height: 65px; float: left; margin-right: 15px; }
  .extension_install .btn { clear: both; margin-top: 15px; max-width: 300px; }
  .sidebar .extension_install p { text-align: left; }
  .extension_install.chrome_install .icon { background: url(../images/chrome-logo.png) no-repeat; background-size: 65px 65px; }
  .extension_install.ff_install .icon { background: url(../images/firefox-logo.png) no-repeat; background-size: 65px 65px; }

}

@media only screen and (max-width: 1145px) {
  .main_content_wrapper { width: 100%; float: none; }
  .sidebar { width: 100%; clear: both; }
  .full { min-width: 100%; }
  .fixed { position: relative; }
  .sidebar h2, .sidebar p { text-align: center; }
  .tack_box_wrapper:nth-child(3n) { margin-right: 0; }
  .deal_wrapper .lead_image img { width: 100%; }
  .related { width: 48%; margin-right: 4%; }
}

@media only screen and (max-width: 1119px) {
  .tack_box_wrapper { width: 30%; margin: 0 5% 5% 0; display: inline-block; float: left; }
  .tack_box_wrapper:nth-child(3n) { margin-right: 0; }
  .reserve_box .btn { width: 88px; }
}

@media only screen and (max-width: 1023px) {
  body { font-size: 1.4em; line-height: 1.5em; }
  .tack_box_wrapper { width: 30%; margin: 0 5% 5% 0; display: inline-block; float: left; }

  .main_content_wrapper { width: 100%; }
  .billboard { text-align: center;}

  .buffer div { margin: 10px auto; }
}

/* Tablet screens */
@media only screen and (max-width: 900px) {
  body { font-size: 16px; font-size: 1.5rem; line-height: 1.4; -webkit-text-size-adjust: none; }
  .container, .nav_wrapper, .message_wrapper, .billboard, .main_content, .right_content, .left_content, .left_user, .right_user, .sidebar, .full, .login_wrapper, .center { float: none; width: 100%; min-width: 0; max-width: none; margin-right: 0; margin-left: 0; padding-left: 0; padding-right: 0; }
  .container { width: auto !important; padding-left: 20px; padding-right: 20px; width: auto; }

  .tagline { display: none; }

  .homepage_reserve h3 { clear: both; float: none; width: auto; }
  .homepage_reserve .learn_more { display: none; }
  .homepage_reserve .right { float: none; clear: both; text-align: center; }

  .social_buttons { display: none; }

  #sidebar_subscribe { display: none; }

  .tack_box_wrapper { width: 30%; margin: 0 5% 5% 0; display: inline-block; float: left; }
  .tack_box_wrapper:nth-child(2n) { margin-right: 5%; }
  .tack_box_wrapper:nth-child(3n) { margin-right: 0; }


  .top_header .btn {  display: inline; }
  .header_wrapper { min-height: 58px; background: url(../images/header-mobile@2x.png) repeat-x; background-size: 176px 45px; text-align: center; }
  .header_wrapper .gutter { padding: 0; }
  .header_wrapper .container { position: relative; }
  .header_wrapper .left_nav { margin-left: 30px; }
  .header_wrapper .left_nav a, .left_nav li { height: 45px; line-height: 45px; }
  header h1 { float: left; display: inline-block; width: 154px; height: 58px; margin-left: 40px; }
  .logo { background: url(../images/mobile-logo@2x.png) no-repeat; background-size: 154px 58px; width: 154px; height: 58px; }
  .nav_toggle { display: block; color: #fff;  width: 26px; height: 30px; position: absolute; left: 7px; top: 14px; background: url(../images/nav-toggle@2x.png); width: 23px; height: 17px; background-size: 23px 17px; }
  .nav_wrapper { float: right; display: inline-block; width: auto; height: 45px; }
  .nav_wrapper.clear { clear: none; }
  .mobile_nav_wrapper { background: #333; color: #fff; z-index: 0; width: 270px; position: fixed;  height: 100%; top: 0; font-family: 'PT Sans', Helvetica, sans-serif; 
  -moz-transition: opacity .3s ease-in-out;-ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
  .mobile_nav_wrapper.open { opacity: 1; overflow-y: scroll; }
  .mobile_nav_wrapper.close { -moz-transition: opacity .5s ease-in-out;-ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }
  .user_header a { font-size: 17px; padding: 0px 0; background: none; height: 20px; color: #fff; }
  .mobile_nav_wrapper li { clear: both; padding: 10px 0; }
  .profile_header { line-height: 45px; background: #121212; border-bottom: 1px solid #000; margin-bottom: 10px; padding: 0 20px; height: 45px; }
  .profile_header h3 { color: #fff; margin-bottom: 0; }
  .profile_header .avatar img { width: 36px; height: 36px; }

  .mobile_nav_wrapper .join { padding: 20px 0; margin: 0 0 20px 0; background: #434343; }
  .mobile_nav_wrapper .join p, .mobile_nav_wrapper .join h3 { color: #eee; padding: 0 20px; }
  .mobile_nav_wrapper .join .btn { width: 100%; }
  .mobile_nav_wrapper .search_form { text-align: center; margin-bottom: 20px; }
  .mobile_nav_wrapper .search_form input { background: #555; width: 90%; border: none; border-radius: 2px; line-height: 35px; height: 35px;}

  .add_button { padding: 10px 15px; }
  .add_button a { height: 42px; line-height: 42px; }

  .mobile_nav_wrapper h4 { color: #aaa; font-weight: normal; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; padding: 10px 20px 5px 20px; margin-bottom: 0; }
  .user_header {}
  .user_header .welcome { border: none; padding: 0; margin-right: 0; }
  .mobile_nav { display: block; margin-bottom: 20px; }
  .mobile_nav li { padding: 12px 20px; border-bottom: 1px solid #444; display: block; }
  .mobile_nav li:first-child { border-top: 1px solid #444; }
  .mobile_nav .show { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 
  .mobile_nav .hide { margin-left: -268px; } 
  .mobile_nav .hide > li { border-bottom: none; }
  .mobile_nav a { color: #eee; font-size: 14px; display: block; font-weight: 700; }
  .mobile_nav .btn { width: 92%; }
  
  .user_nav { line-height: 45px; height: 45px; margin-right: 0; }
  .user_nav li { margin-right: 10px; }
  .user_nav a:hover { padding: 0; }
  .user_nav .or_login { color: #aaa; }
  .user_nav .invites, .user_nav .add_button, .user_nav .welcome ul  { display: none; }
  .mobile_nav_wrapper .user_nav .invites, .mobile_nav_wrapper  .user_nav .add_button, .mobile_nav_wrapper  .user_nav .welcome ul  { display: block; }
  .mobile_nav_wrapper .user_nav .welcome { position: absolute; top: 0; right: 5px; }
  .user_nav.logged_out li { display: none; }
  .user_nav.logged_out li.join_wrapper { display: inline-block; line-height: 45px; font-weight: 700; }
  .user_nav.logged_out li.join_wrapper .or_login { display: none; }
  .user_nav.logged_out li.join_wrapper .login { display: none; }

  .buttons li { display: inline-block; margin-right: 25px; }
  .buttons li:last-child { margin-right: 0; }

  .tack_image { width: auto; }
  .tack_image img { width: 100%; height: auto; }

  .reserve_box .btn { width: 86px; }
}
/* Mobile */

@media handheld, only screen and (max-width: 740px) {

  body { font-size: 16px; font-size: 1.5rem; line-height: 1.4; -webkit-text-size-adjust: none; }
  .sidebar, .message_wrapper, .billboard, .main_content, .right_content, .left_content, .left_user, .right_user, .sidebar, .full, .login_wrapper, .center, .bookmarklet_wrapper, .main_content_wrapper { float: none; width: 100%; min-width: 0; margin-right: 0; margin-left: 0; padding-left: 0; padding-right: 0; }
  .gutter { margin: 0; padding-left: 15px; padding-right: 15px; }
  .container { max-width: none; min-width: 0; width: auto !important; width: auto; padding-left: 0; padding-right: 0; }

  /* Forms */
  form input[type="text"], form input[type="password"], form input[type="email"], textarea { width: 345px; }
  textarea { width: 100%; }

  .sidebar { clear: both; }
  .sidebar .module { margin: 35px 0; clear: both; }

  .tab .active a { font-size: 15px; }

  /* One-offs */
  .header_wrapper .left_nav { display: none; }
  header h1 { margin-left: 58px; }
  .btn { clear: both; width: 100%; max-width: 450px; padding: 0; height: 38px; text-align: center; margin: 0 auto; line-height: 38px; }
  .billboard { margin: 0; }
  .billboard h3 { font-size: 18px; }
  .billboard.center h3 { line-height: 1.7; }
  .billboard.center 
  .billboard p { font-size: 14px; }
  .billboard p.left { float: none; }
  .billboard .btn { margin: 5px 0 5px 0; }
  .billboard .btn:hover { text-decoration: none; }
  .billboard .join_wrapper { line-height: 23px; text-align: center; margin-bottom: 15px; }
  .billboard .join_btn { margin: 0 auto; text-align: center; height: 44px; line-height: 44px; float: none;  }
  .billboard .btn_wrapper { float: none; display: block; }
  .billboard .btn_wrapper.small { margin-left: 0px; line-height: 28px; }
  .billboard .btn.small { font-size: 18px; line-height: 38px; }

  .billboard .get_started { line-height: 81px; }
  .billboard .get_started.podcast h3 { display: none; }
  .billboard .get_started.podcast .btn_wrapper { margin-left: 0; }

  .billboard.after_content .btn_wrapper { margin-top: 10px; }
  .billboard.after_post { margin-top: 30px; }

  .tagline, .proof { display: none; }

  .invite_right { float: none; width: auto; clear: both; }
  
  /* Header */
  .billboard { clear: both; float: none; margin-bottom: 25px; }
  .right_content_header { float: none; width: 100%; }
  .search_form, .social_buttons { float: none; }
  .social_buttons { padding: 15px 0; margin: 0 auto; width: 150px; float: none; text-align: center; clear: both; display: none; }
  .social_buttons li { float: left; }

  .tack_info .social_share { float: left; display: block; clear: both; width: 100%; }
  .tack_info .social_share li { margin-bottom: 10px; height: auto; line-height: 1; }
  .tack_info .social_share li a { line-height: 1.4; display: block; }
  .tack_info .social_share .btn { width: auto; height: auto; line-height: normal; }
  .tack_info .social_share .btn:hover { line-height: normal; height: auto; }

  .simple_nav { font-size: 13px; }
  .simple_nav li:first-child { padding-left: 0; }
  .simple_nav li { padding: 5px 10px; line-height: 2; }
  .top_nav .simple_nav li { display: inline; float: none; }
  .simple_nav.sub { float: none; margin: 0 0 10px 0; }
  .simple_nav.sub li { margin-right: 15px; padding: 0; }
  .simple_nav.sub li a { padding-right: 5px; }
  body.minted .minted a, body.liked .liked a, body.user_collections .collections { }
  .join_wrapper #join_banner_header { font-size: 16px; line-height: 45px; height: auto; }


  .content { padding: 20px 0 0 0; }
  .main_content.center { margin-top: 15px; }
  .main_content.center h2 { font-size: 20px; }

  /* Comments */
  .comments { font-size: 0.9em; }
  .comments_list h4 { font-size: 17px; line-height: 35px; }
  .threaded_comments ul { margin-left: 15px; }
  .comment { margin-bottom: 12px; margin-left: 36px; }
  .comments .avatar img { max-width: 30px; }
  .comments_list .avatar .default { width: 30px; background-size: 30px; height: 30px; }
  .comments .date { font-size: 0.7em; }
  .comments .comment_text { margin: 10px 0 25px -36px; clear: both; }
  .comments .comment_text p { line-height: 1.4; }
  .comment_form .avatar { display: none; }
  .comment_form.reply { padding: 0; }
  .comment_reply_wrapper .btn.small { width: auto; height: 20px; font-size: 10px; }
  .comment_form.reply { margin-left: -36px; }
  .comment_form.reply .avatar { display: none; }
  .comment_form.reply .fill { margin: 0; }
  .add_comment .btn { float: right; width: auto; }

  /* Pagination */
  .pagination ul { text-align: left; }
  .pagination li { line-height: 2; margin-right: 10px; float: none; display: inline-block; text-align: left; }

  /* Homepage */
  .homepage_reserve h3 { clear: both; float: none; width: auto; }
  .homepage_reserve .tack_box { height: 208px; }
  .homepage_reserve .go_to_deal { font-size: 13px; text-align: center; margin: 0 auto; }
  .homepage_reserve .learn_more { display: none; }
  .homepage_reserve .right { float: none; clear: both; text-align: center; }

  /* Tack Box */
  .tack_box_wrapper { width: 47.5%; margin: 0 5% 5% 0; display: inline-block; float: left; }
  .tack_box_wrapper:nth-child(3n) { margin-right: 5%; }
  .tack_box_wrapper:nth-child(2n) { margin-right: 0; }
  .tack_box { width: 100%; display: inline-block; height: auto; margin: 0; }
  .related.tack_box { margin-top: 30px; }
  .tack_box :nth-child(2n) { margin-right: 0; }
  .tack_thumb { width: 100%; height: auto; background: #fff; clear: both; }
  .tack_thumb img { padding: 0; width: 100%; height: auto; }

  .tack_guts { height: 48px; }
  .tack_box .tack_guts :nth-child(2n) { margin-right: 6px; }
  .tack_box .tack_guts:last-child { margin-right: 0; }
  .tack_guts .avatar img { width: 20px; height: 20px; }
  .tack_guts .user { overflow: hidden; font-size: 14px; }
  .tack_guts ul { clear: both; }
  .tack_guts li { margin-right: 11px; position: relative; display: inline-block; line-height: 18px; font-size: 14px; }
  .likes .icon { background-position: -27px 6px; width: 18px; height: 12px; }
  .likes.liked .icon { background-position: -45px 6px; width: 18px; height: 12px; }
  .saves .icon { background-position: -15px 4px; width: 12px; height: 12px; }
  .saves.saved .icon { background-position: -63px 4px; width: 12px; height: 12px; }
  .comment_count { margin-right: 0; }
  .comment_count .icon { background-position: -5px 4px; width: 10px; height: 12px; }

  /* Tack Detail */
  .tack_wrapper .avatar img { width: 40px; height: auto; }
  .buttons { float: left; width: 100%; margin: 0 0 15px 0; }
  .buttons li a { width: 79px; }
  .tack_title { width: auto; font-size: 20px; margin-right: 0; line-height: 26px; }

  .right_content { margin: 15px 0; }

  .share .btn, .buttons .share .btn { width: 100%; }
  .buttons.horizontal { margin-top: 20px; clear: both; }

  .edit_controls { clear: both; margin: 15px 0; }
  .edit_controls .btn { width: 100%; margin-bottom: 5px; }
  .hover_box.visible { display: none; }

  /* Collection Detail */
  .posted { clear: both; }

  /* User Detail */
  .tack_item .title { font-size: 16px; }
  .tack_item .avatar { border-radius: none; }
  .tack_item .stats { float: right; clear: none; }
  .tack_guts.clear { clear: none; }

  /* User's Collections */
  .collection_stats { font-size: 15px; }
  .collection_thumbs { display: none; }

  /* Profile */
  .bio_wrapper .avatar, .bio_wrapper .bio { width: 100%; float: none; }
  .left_user .avatar { text-align: center; float: none; margin: 0 auto; }
  .user_info_wrapper { margin-left: 0; clear: both; }
  .user_info_wrapper p { width: 92%; margin: 15px auto; }
  .edit { float: none; clear: both; margin: 15px 0; text-align: center; }
  .user_info_wrapper h1 { text-align: center; font-size: 22px; }
  .user_info_wrapper h4, .user_info_wrapper .data { text-align: center; }
  .btn.follow { margin-left: 0; max-width: 220px; }

  form input[type="text"], form input[type="password"], form input[type="email"], form .btn { width: 100%; max-width: 400px; }

  /* Add tack*/
  .img_lookup { float: none; margin-left: 0; }
  .add_tack_form #id_link, .add_tack_form #id_description, .add_tack_form #id_title { width: 100%; float: none; }
  .collections_wrapper .tack_collections { -webkit-overflow-scrolling: touch; }

  /* Registration */
  .email_register_form { float: none; margin-left: 0; padding-left: 0; border-left: none; }
  .fb_register_form, .email_register_form { width: auto; }
  .fb_login_wrapper { width: 100%; max-width: 400px; }
  .beta_list { float: none; }
  .to_login { float: none; }
  .invite_right { max-width: none; }

  /* Reserve */
  .lead { margin-bottom: 5%; }
  .latest_reserve img { width: 100%; height: auto; clear: both; }
  .latest_reserve .item_title { font-size: 19px; }

  /* DEALS */
  .fb_like_wrapper.large { display: none; }
  .deal_wrapper .avatar { float: none; }
  .deal_wrapper .avatar img { min-width: 268px; }
  .deal_wrapper .deal_guts { margin-left: 0; }
  .deal_guts .get_deal { width: auto; float: none; text-align: center; display: block; }

  .merchant_logo { display: none; }
  .merchant_name { float: left; width: 60px; }
  .item_price { margin-right: 0px; }
  .go_store .btn { width: auto; clear: none; height: auto; }

  #sidebar_subscribe { position: relative; }
  .deal_email_form { position: relative; } 
  .deal_email_form input[type="email"] { width: 235px; }

  .footer, .copyright { text-align: center; }

  .contact-us { display: none; }
  .deal_wrapper .share.above { display: none; }

  .buffer .no_mobile { display: none; }
}

@media handheld, only screen and (max-width: 700px) {
  .buffer div { margin: 10px auto; }
  
  .category_drop { display: block; color: #424242; text-align: center; padding: 10px; border: 1px solid #ccc; background: #eee; text-transform: uppercase; font-weight: 700; font-family: 'PT Sans', Helvetica, sans-serif; }
  .category_drop .arrow_down { font-size: 11px; margin-left: 6px; margin-top: -1px; }
  .reserve_nav { display: none; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0; }
  .reserve_nav a { font-size: 14px; display: block; text-align: center; padding: 7px 0; }
  .reserve_nav a :last-child { border-bottom: none; }
  .top_nav .simple_nav.reserve_nav li { display: block; vertical-align: middle; border-bottom: 1px solid #ddd; }
  .top_nav .simple_nav.reserve_nav li:last-child { border-bottom: none; }


  .deal_wrapper .lead_image { height: auto; background: none; border: none; }
  .deal_wrapper .lead_image img { min-width: 100%; height: auto; border: 1px solid #ccc; }
  .tack_box_wrapper.reserve_box .tacker { height: 110px; }
  .reserve_box .deal_info { width: 100%; text-align: center; margin-left: 0; margin-bottom: 10px; }
  .reserve_box .deal_info.no_expire { line-height: 26px; }
  .reserve_box .btn { width: 90%; clear: both; margin: 0 auto; float: none; }
} 

@media handheld, only screen and (max-width: 380px) {
    .buttons li { margin: 15px 0; display: block; }
    .buttons.horizontal li { margin: 0 0 15px 0; }

}

@media handheld, only screen and (max-width: 380px) {
  .tack_box_wrapper { width: 100%; margin: 25px 0; display: block; float: none; }
  .tack_box_wrapper:nth-child(2n) { margin-right: 5%; }
  .tack_box_wrapper:nth-child(3n) { margin-right: 0; }
  .tack_box .title { font-size: 17px; line-height: 23px; height: auto; margin-bottom: 15px; }
}