@font-face {
	font-family: 'Rabio';
	src: url('/images/homepage3/rabiohead.eot');
}

@font-face {
	font-family: 'Rabio';
	src: url('/images/homepage3/rabiohead-webfont.woff') format('woff'), url('/images/homepage3/rabiohead-webfont.ttf') format('truetype'), url('/images/homepage3/rabiohead-webfont.svg#webfontKbWW8cvd') format('svg');
	font-weight: normal;
	font-style: normal;
}

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; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }                  
article, aside, figure, footer, header, 
hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; }
a { margin:0; padding:0; border: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; }
input, select { vertical-align:middle; }
/* END RESET CSS */
body { font: 10px/1.22 Arial, Helvetica, sans-serif; text-align: center; color: #444444; background: #bcbcbc; background: #bcbcbc -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.17, #d6d6d6), color-stop(0.67, #aaa)) no-repeat fixed; background: -moz-linear-gradient(-90deg, #f4f4f4, #e0e0e0 17%, #bcbcbc 67%, #bcbcbc) no-repeat fixed; background: linear-gradient(-90deg, #f4f4f4, #e0e0e0 17%, #bcbcbc 67%, #bcbcbc) no-repeat fixed; -webkit-background-size: 100% 1451px; -moz-background-size: 100% 1451px; background-size: 100% 1451px; margin-top:1px; position: relative; top: -1px; }


table { font-size:inherit; font:100%; }
select, input, textarea { font:99% Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif; }
code, pre { font-family: "Courier New", monospace, serif; font-size: 1em; }
body, select, input, textarea { color:#444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }
a, a:active, a:visited { text-decoration: none; }
a:hover { text-decoration: underline;  }
a:active { outline: none; }
a:focus { outline: thin dotted; }
ul { margin-left:30px; }
ol { margin-left:30px; list-style-type: decimal; }
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; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }

::-moz-selection{ background: #FCECA4; color:#3C352C; text-shadow: none; }
::selection { background:#FCECA4; color:#3C352C; text-shadow: none; } 

a:link { -webkit-tap-highlight-color: #FCECA4; } 
html { overflow-y: scroll; }
button {  width: auto; overflow: visible; }

a { color:#d98000; text-decoration: none; }
a:hover { color:#d98000; }

/* New Clearfix */
.clearfix:after               { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix              { zoom: 1; } /* IE6 */
*:first-child+html .clearfix  { zoom: 1; } /* IE7 */


/* MAIN THREADS LAYOUT */
#main { width: 980px; margin: 0 auto; position: relative; text-align: left;}
#content { background: #fff; background: #fff -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff)) no-repeat; background: #fff -moz-linear-gradient(top, #f7f7f7, #fff) no-repeat; background: #fff linear-gradient(top, #f7f7f7, #fff) no-repeat; -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff)) no-repeat; -webkit-background-size: 100% 100px; -moz-background-size: 100% 100px; background-size: 100% 100px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; -webkit-box-shadow: rgba(0,0,0,0.25) 0 2px 5px; -ms-box-shadow: rgba(0,0,0,0.25) 0 2px 5px; -moz-box-shadow: rgba(0,0,0,0.25) 0 2px 5px; box-shadow: rgba(0,0,0,0.25) 0 2px 5px; z-index: 2; width: 540px; position: relative; left: 440px; top: 40px; }
#sidebar { width: 440px; position: fixed; top: 0; padding-top: 35px; }
#sidebar header hgroup { padding-left: 13px; }
#sidebar header hgroup h1 { font: 36px 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; margin-bottom: 2px; color: #444; text-shadow: rgba(255,255,255,0.6) 0 1px 0; }
#sidebar header hgroup h1 a { color: #444; }
#sidebar header hgroup h1 a:hover { text-decoration: none;}
#sidebar header hgroup h2 { font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; color: #727272; line-height: 17px; margin-bottom: 20px; }
#sidebar nav { padding-top: 7px; }
#sidebar nav ul { list-style-type: none; margin: 0; padding: 0; }
#sidebar nav ul li { font-size: 14px; display: inline; font-weight: bold; float: left; margin: 0 1px 7px 0; }
#sidebar nav ul li a { color: #8e8d8d; padding: 3px 11px 4px 11px; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px;  }
#sidebar nav ul li a:hover, #sidebar nav ul li a.active { background: #a3a3a3; -webkit-box-shadow: rgba(255, 255, 255, 0.45) 0 1px 0; -ms-box-shadow: rgba(255, 255, 255, 0.45) 0 1px 0; -moz-box-shadow: inset rgba(0,0,0,0.27) 0 1px 2px, rgba(255, 255, 255, 0.45) 0 1px 0; box-shadow: inset rgba(0,0,0,0.27) 0 1px 2px, rgba(255, 255, 255, 0.45) 0 1px 0; color: white; text-decoration: none; }
#sidebar nav ul li a:active { position: relative; top: 1px; }

/* Header */
div.posterous_topnav { position: absolute; right: 0; top: 0; float: none; height: 27px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background: #e2e2e2; font-size: 11px; line-height: 27px; padding: 0 11px; }
div.posterous_topnav li { border-color: #b0afaf; }
div.posterous_topnav li a { color: #444; }
div.posterous_topnav li:first-child { margin-left: 0; padding-left: 0; }
div.posterous_topnav_ownership { display: none; }

.private_site { position: absolute; left: 0; top: 0; height: 27px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; font-size: 11px;  padding: 0 11px; background: #e2e2e2; color: #444; }
.private_site div { height: 12px; background: url('/images/threads/sprite.png') no-repeat 0px -312px; padding-left: 19px; padding-top: 7px; padding-bottom: 2px; }

/* Thread sidebar header */
#threads_list_header { height: 50px; background: #404040; background: #404040 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.17)), to(rgba(0,0,0,0.17))); background: #404040 -moz-linear-gradient(top, rgba(255,255,255,0.17), rgba(0,0,0,0.17)); background: #404040 linear-gradient(top, rgba(255,255,255,0.17), rgba(0,0,0,0.17)); -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; padding-left: 5px; position: relative; }
#threads_list_header .new_thread_button { float: left; }

/* Search */
#main .auto_fade_input { float: right; margin-right: 10px; margin-top: 13px; }
#main .auto_fade_input input { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #f1f1f1; border: 0; line-height: 1em; -webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 2px; -ms-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 2px; -moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 2px; box-shadow: inset rgba(0,0,0,0.2) 0px 1px 2px; border: 0; height: 24px; padding: 0 24px 0 21px; font-size:11px; width: 125px; }
#main .auto_fade_input label { top: 7px; font-size: 11px; color: #7c7c7c; padding-left: 18px; }
#main .auto_fade_input .icon { position: absolute; display: block; width: 12px; height: 12px; top: 6px; left: 6px; background: url('/images/threads/sprite.png') no-repeat 0 0; }
#main .auto_fade_input a { position: absolute; display: block; right: 6px; width: 16px; height: 16px; top: 4px; background: url('/images/threads/sprite.png') no-repeat -12px 0; text-indent: -9999px; }
#main .auto_fade_input a.loading { background: url('/images/threads/search_loader.gif') no-repeat left top;}
#main .thread nav .auto_fade_input { margin-top: 0; margin-right: 5px; }
#main .thread nav .auto_fade_input input { border: 1px solid #ccc; background: white;  -webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 2px; -ms-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 2px; -moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 2px; box-shadow: inset rgba(0,0,0,0.1) 0px 1px 2px; border: 1px solid #ccc; }
.thread nav .auto_fade_input a { top: 5px; }
.thread nav .auto_fade_input a.loading { background: url('/images/threads/thread_search_loader.gif') no-repeat left top;}



/* Thread Links in Sidebar */
#sidebar .threads { padding: 7px 6px 7px 0; background: #e9e9e9; }
#sidebar .inner { padding: 0 5px 0 7px; overflow-y: auto; background: #e9e9e9; height: 200px;}
#sidebar .threads hr { border: 0; border-bottom: 1px solid white; border-top: 1px solid #d5d5d5; margin: 9px 0; display:block; padding: 0; }
#sidebar .action_button { margin: 9px 0 0 8px; border-color: #214421; -webkit-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, rgba(255, 255, 255, 0.5) 0px 1px 0px inset; -moz-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, rgba(255, 255, 255, 0.5) 0px 1px 0px inset; -ms-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, rgba(255, 255, 255, 0.5) 0px 1px 0px inset; box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, rgba(255, 255, 255, 0.5) 0px 1px 0px inset}
#sidebar .action_button div { width: 16px; height: 16px; background: url('/images/manage/icon_sprite.png') no-repeat left -16px; margin-left: 12px; margin-top: 6px; }
#sidebar .action_button.subscribed { border-color: #222222;}
#sidebar .action_button span { font-size: 15px; padding: 7px 19px 7px 13px; }
.thread_link { padding: 5px 8px 5px 0; border-bottom: 1px solid #d5d5d5; border-top: 1px solid white; }
.thread_link:first-child { border-top: 0; padding-top: 0; }
.thread_link.active, .thread_link:hover { background: url('/images/threads/white_caret.png') no-repeat right center; }
.thread_link .thread_link_inner { padding: 5px 6px 5px 7px; }
.thread_link.active .thread_link_inner, article.thread_link:hover .thread_link_inner { background: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
.thread_link h1 { color: #444444; font-size: 14px; margin-bottom: 8px; }
.thread_link h1 a { color: #444444; }
.thread_link .authors { font-size: 12px; color: #999; }
.thread_link img { width: 53px; height: 53px; }
.thread_link .post_image { float: right; }
.thread_link .last_reply { font-size: 11px; }
.thread_link a.profile_pic:hover { text-decoration: none; }
.thread_link a.profile_pic:hover span { text-decoration: underline; }
.thread_link a.contributing_author { float: left; margin-right: 8px; position: relative; text-align: center; }
.thread_link a.contributing_author img { width: 20px; height: 20px; }
.thread_link a.contributing_author span { position: absolute; bottom: 27px; background: rgba(0, 0, 0, 0.8); color: white; font-size: 11px; padding: 2px 4px; display: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-bottom-left-radius: 0; white-space: nowrap;}
.thread_link a.contributing_author:hover { text-decoration: none; }
.thread_link a.contributing_author:hover span { display: block; }
.thread_link .summary { font-size: 11px; color: #999999; }
.thread_link .summary a { color: #444; }
.thread_link .summary img { width: 28px; height: 28px; }
.thread_link .summary .info { float: left; line-height: 14px; padding-left: 2px; }
.thread_link .summary .profile_pic { margin-right: 7px; float: left; width: 28px; height: 28px; }
#previous_threads { display: none; padding: 10px 0 15px; text-align: center;  }
#previous_threads .loading { display: none; }
#previous_threads a { background: #ccc; color: white; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; padding: 5px 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 2px 5px inset; -ms-box-shadow: rgba(0, 0, 0, 0.496094) 0px 2px 5px inset; -moz-box-shadow: rgba(0, 0, 0, 0.496094) 0px 2px 5px inset; box-shadow: rgba(0, 0, 0, 0.496094) 0px 2px 5px inset;  border-radius: 15px;  }
#previous_threads a:hover { text-decoration: none; }
#more_threads { padding: 15px 0 10px; display: none; }
.loading { text-align: center; }
.loading span { color: #B5B5B5; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; font-weight: bold; padding-left: 5px; vertical-align: middle; }
.loading img { vertical-align: middle; width: 20px; height: 20px;  }

#no_threads { padding: 20px 45px 0 100px; background: url('/images/threads/new-group-nudge-arrow.png') no-repeat 34px 10px; }
#no_threads.no_arrow { background: none; padding: 20px 75px 0 70px; }
#no_threads h1 { font-family: 'Rabio', Arial, sans-serif; font-size: 48px; color: #686868; margin: 0; padding: 0; }
#no_threads p, #search_fail p { line-height: 1.5em; font-size: 12px; color: #999; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0;}

#search_fail { padding: 20px; }
#search_fail h1 { font-size: 21px; color: #686868; margin: 0; padding: 0; }

/* Threads list footer */
#threads_list footer { height: 16px; background: #404040; background: #404040 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.17)), to(rgba(0,0,0,0.17))); background: #404040 -moz-linear-gradient(top, rgba(255,255,255,0.17), rgba(0,0,0,0.17)); background: #404040 linear-gradient(top, rgba(255,255,255,0.17), rgba(0,0,0,0.17)); -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; padding-left: 13px; }

/* Main thread header */
.thread > header, .members > header { padding: 16px 9px 16px 18px; background: #ffde6b; background: #ffde6b -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.55)), to(rgba(255,222,107,0))); border-top: 1px solid rgba(255,255,255,0.77); background: #ffde6b -moz-linear-gradient(top, rgba(255,255,255,0.55), rgba(255,222,107,0)); background: #ffde6b linear-gradient(top, rgba(255,255,255,0.55), rgba(255,222,107,0)); border-top: 1px solid rgba(255,255,255,0.77); border-bottom: 1px solid #e6bf38; -webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-topleft: 6px; border-top-right-radius: 6px; border-top-left-radius: 6px; position: relative; }
.thread > header h1, .members > header h1 { font-size: 22px; line-height: 26px; text-shadow: rgba(255,255,255,0.75) 0 1px 0; color: #333;  width: 390px; }
.thread > header .jump_to_newest { font-size: 10px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; position: absolute; right: 12px; bottom: 8px; text-transform: uppercase; font-weight: bold; }
.thread > header .jump_to_newest:after { content:'\0a0\25BC'; }
.loading_thread { padding-top: 100px; }
.loading_thread .loading span { color: #ccc; font-size: 17px; padding-left: 12px;}
.loading_thread .loading img { width: 32px; height: 32px; }
.reply header { background: none; }

/* The post itself */
.reply, aside section { padding: 20px; border-top: 1px solid white; background: #fff; background: #fff -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff)) no-repeat; background: #fff -moz-linear-gradient(top, #f7f7f7, #fff) no-repeat; background: #fff linear-gradient(top, #f7f7f7, #fff) no-repeat; -webkit-background-size: 100% 100px; -moz-background-size: 100% 100px; background-size: 100% 100px; border-bottom: 1px solid #dddddd; position: relative; }
.reply.unmoderated { background: #fff -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 237, 100)), to(rgba(255, 255, 237, 0))) no-repeat; background: #fff -moz-linear-gradient(top, rgba(255, 255, 237, 100), rgba(255, 255, 237, 0)) no-repeat; background: #fff linear-gradient(top, rgba(255, 255, 237, 100), rgba(255, 255, 237, 0)) no-repeat;} 
.reply .post_body { font-size: 12px; line-height: 21px; margin-top: 18px; }
.reply .post_body p { margin: 15px 0; color: #444444; }
.reply .author { height: 32px; line-height: 14px; color: #a4a4a4; }
.reply .author .time{ font-size: 11px; }
.reply .author .byline { font-size: 12px; font-weight: bold; }
.reply .author .profile_photo { margin-right: 9px; float: left; width: 32px; height: 32px; }
.reply .author .profile_photo img { width: 32px; height: 32px; }
.reply .action_links { position: absolute; right: 0px; top: 20px; z-index: 100; margin: 0; list-style-type: none; }
.reply .action_links li, .reply .action_links li a { -webkit-transform-style: preserve-3d; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.reply .action_links li { float: right; margin-left: 1px; list-style-type: none; }
.reply .action_links li:last-child { -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; }
.reply .action_links li a { display: block; padding: 8px; opacity: 0; height: 16px; }
.reply .action_links li a.always_visible { opacity: 0.5; }
.reply .action_links li a span.icon { background: url('/images/threads/sprite.png') no-repeat; text-indent: -9999px; height: 16px; display: block; float: left; }
.reply .action_links li a span.text { font-size: 14px; color: #666; line-height: 16px; float: left; display: inline; margin-left: 5px; height: 16px; }
.reply .action_links li a:hover { text-decoration: none; }
.reply .action_links li:last-child a { padding-left: 10px; }
.reply .action_links li:first-child a { padding-left: 10px; }
.reply .action_links li:first-child a { padding-right: 15px; }
.reply .action_links .delete_post .icon { background-position: 0px -369px; width: 16px; }
.reply .action_links .edit_post .icon { background-position: -32px -333px; width: 16px; }
.reply .action_links .approve_post .icon { background-position: -50px -333px; width: 18px; }
.reply .action_links .reply_to_post .icon { background-position: -18px -370px; width: 20px; height: 15px; }
.reply .action_links .like_post .icon { background-position: 0px -333px; width: 18px; }
.reply .action_links .unlike_post .icon { background-position: -39px -369px; width: 18px; }
.reply .action_links .flag_post .icon { background-position: 0px -386px; }
.reply .action_links .delete_post:hover .icon { background-position: 0px -386px; }
.reply .action_links .edit_post:hover .icon { background-position: -32px -350px; }
.reply .action_links .reply_to_post:hover .icon { background-position: -18px -387px; }
.reply .action_links .approve_post:hover .icon { background-position: -50px -350px; }
.reply .action_links .flag_post:hover .icon { background-position: -32px -12px; } 
.reply .action_links .like_post:hover .icon { background-position: 0px -350px; }
.reply .action_links .unlike_post:hover .icon { background-position: -39px -386px; }
.reply:hover .action_links li { background: #eee; }
.reply:hover .action_links li a { opacity: 1; }
aside section:last-child { border-bottom: 0; }
#more_posts { padding: 20px 0; display: none; background: white; }
#more_posts .loading span { color: #B5B5B5; font-family: 'Helvetica Neue'; font-size: 15px; font-weight: bold; padding-left: 5px; vertical-align: middle; }

.reply .highlight { background: #EDDDA1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color: #444; font-weight: normal; padding: 3px 5px; }

.search_result .top { background: url('/images/threads/sawtooth.gif') repeat-x left top; height: 15px; }
.search_result .bottom { background: url('/images/threads/sawtooth.gif') repeat-x left bottom; height: 15px; }
.search_result .reply { border: 0; }
.loading img { vertical-align: middle; width: 24px; height: 24px;  }

/* Likes */
.likes { margin: 0; padding: 0; list-style-type: none; }
.likes li { padding: 0; list-style-type: none; font-size: 12px; margin: 12px 0 0; color: #999; }
.likes li a:hover { text-decoration: none; }
.likes li a:hover span { text-decoration: underline; }
.likes li a img { width: 16px; height: 16px; vertical-align: text-bottom; padding-right: 4px; }

/* Comments */
.comment { margin: 20px 0; }
.comment .author { height: auto; margin-bottom: 10px; font-size: 11px; color: #a4a4a4; }
.comment .author time { font-weight: bold; }
.comment .author .profile_photo { float: none; width: auto; height: auto; margin: 0; }
.comment .author .profile_photo img { width: 20px; height: 20px; padding-right: 4px; vertical-align: middle; }
.comment .author .profile_photo:hover { text-decoration: none; }
.comment .author .profile_photo:hover span { text-decoration: underline; }
.comment .comment_body { font-size: 12px; }
.comment .comment_body p { margin: 15px 0; }


/* Thread Navigation */
.thread nav { padding: 8px 10px; border-bottom: 1px solid #ddd; background: #eee; background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#eee)); background: -moz-linear-gradient(top, #f7f7f7, #eee); background: linear-gradient(top, #f7f7f7, #eee); border-top: 1px solid white; text-align: center; }
.thread nav * { text-align: left; }
.thread nav a { color: #999; text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0; }
.thread nav a:hover { color: #666; }
.thread nav .homepage_link { float: left; font-size: 12px; }
.thread nav .navigation { float: left; display: inline; font-size: 12px; margin-top: 5px; margin-left: 10px; margin-right: 5px; }
.thread nav .navigation span { vertical-align: middle; text-indent: -9999px; }
.thread nav .navigation span.icon { display: inline-block; width: 16px; height: 17px; background: url('/images/threads/sprite.png') no-repeat; }
.thread nav .jump_to_newest span.icon { background-position:-32px -402px; }
.thread nav .slideshow_link span.icon { background-position: 0 -402px; }
.thread nav .navigation:hover { text-decoration: none; }
.thread nav .navigation:hover span.text { text-decoration: underline; }
.thread nav .slideshow_link:hover span.icon { background-position: -16px -402px; }
.thread nav .jump_to_newest:hover span.icon { background-position: -48px -402px; }
.thread .pagination { margin-top: 7px; text-align: center; }
.thread .pagination span, .thread .pagination a { font-size: 12px; color: #ccc; padding: 3px 6px; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; }
.thread .pagination a { color: #8e8d8d; font-weight: bold; text-shadow: none; }
.thread .pagination a:hover { text-decoration: none; background: #bbb; -webkit-box-shadow: rgba(255, 255, 255, 0.45) 0 1px 0; -ms-box-shadow: rgba(255, 255, 255, 0.45) 0 1px 0; -moz-box-shadow: inset rgba(0,0,0,0.27) 0 1px 2px, rgba(255, 255, 255, 0.45) 0 1px 0; box-shadow: inset rgba(0,0,0,0.27) 0 1px 2px, rgba(255, 255, 255, 0.45) 0 1px 0; color: white; }
.search_results.thread .pagination { float: none; margin-bottom: 5px; margin-left: 12px; text-align: left; }
.thread nav.bottom { border-bottom: 0; background: white;  }
.thread nav h1 { color: #AAA; font-size: 15px; margin-top: 4px; margin-left: 9px; }
.thread nav h1 span { color: #666; }

.search_results.thread nav { border: 0; background: white; padding-top: 17px; }

/* Index Page */
#site_info section { background: #fff; border-bottom: 1px solid #dddddd; padding: 12px 20px; }
#site_info section:last-child { border-bottom: 0; }

/* Members List */
#site_info section.members { padding: 0; background: transparent; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; border-top: 0; }
#site_info section.members header { padding: 12px 9px 2px 3px; }
#site_info section.members h1 { padding-left: 59px; background: url('/images/threads/sprite.png') no-repeat left -99px; height: 41px; line-height: 34px; margin: 0;}
#site_info section.members #members_list { background: #fff; padding-left: 20px; padding-top: 16px; padding-bottom: 12px; }
#site_info section.members #members_list_outer { height: 84px; overflow: hidden; }
#site_info section.members ul { list-style-type: none; margin: 0; padding: 0; }
#site_info section.members ul li { list-style-type: none; float: left; width: 170px; height: 32px; margin-bottom: 10px; }
#site_info section.members ul li .photo { float: left; margin-right: 8px; width: 32px; height: 32px; }
#site_info section.members ul li .photo img { width: 32px; height: 32px; }
#site_info section.members ul li .display_name { font-size: 11px; color: #666666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 13px; display: block; margin-top: 2px; text-overflow: ellipsis; overflow: hidden; }
#site_info section.members ul li .role { font-size: 10px; color: #b8b8b8; text-transform: uppercase; font-weight: bold; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 13px; display: block; }
#site_info section.members .more_link { font-size: 10px; color: #d98000; text-transform: uppercase; font-weight: bold; }
#site_info section.members .more_link:after { content:'\0a0\25BC'; }
#site_info section.members .more_link.less:after { content: '\0a0\25B2';}

/* Links */
#site_info section.link_category h1 { text-transform: uppercase; font-size: 11px; color: #444; font-weight: bold; margin-bottom: 5px;  }
#site_info section.link_category ul { margin-left: 15px; padding: 0; }
#site_info section.link_category ul li { line-height: 18px; color: #444; padding: 0; font-size: 12px; }

/* Subscription Form */
#site_info section.subscribe h1 { font-size: 12px; font-weight: normal; margin-bottom: 10px; }
#site_info section.subscribe input { background: #fafafa url('/images/threads/sprite.png') no-repeat left -142px; height: 31px; border: 1px solid #e5e5e5; -webkit-box-shadow: inset rgba(0,0,0,0.16) 0 1px 0; -ms-box-shadow: inset rgba(0,0,0,0.16) 0 1px 0; -moz-box-shadow: inset rgba(0,0,0,0.16) 0 1px 0; box-shadow: inset rgba(0,0,0,0.16) 0 1px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 16px; padding-bottom: 0; width: 300px; padding-left: 48px; }
#site_info section.subscribe label { color: #b5b5b5; font-size: 16px; top: 10px; left: 50px; }
#site_info section.subscribe button { float: left; display: block; border: 1px solid #e3e3e3; background: #efefef; background: #efefef -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.19)), color-stop(0.54, rgba(255, 255, 255, 0.10)), color-stop(0.54, rgba(68, 68, 68, 0.10)), to(rgba(68, 68, 68, 0))); background: #efefef -moz-linear-gradient(top, rgba(255, 255, 255, 0.19), rgba(255, 255, 255, 0.10) 54%, rgba(68, 68, 68, 0.10) 54%, rgba(68, 68, 68, 0)); background: #efefef linear-gradient(top, rgba(255, 255, 255, 0.19), rgba(255, 255, 255, 0.10) 54%, rgba(68, 68, 68, 0.10) 54%, rgba(68, 68, 68, 0)); -webkit-box-shadow: inset rgba(255, 255, 255, 0.87) 0 1px 0; -ms-box-shadow: inset rgba(255, 255, 255, 0.87) 0 1px 0; -moz-box-shadow: inset rgba(255, 255, 255, 0.87) 0 1px 0; box-shadow: inset rgba(255, 255, 255, 0.87) 0 1px 0; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; color: #666666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; font-size: 14px; line-height: 30px; height: 32px; padding: 0 25px; margin-top: 2px; }
#site_info section.subscribe button:hover { background: #dbdbdb; background: #dbdbdb -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.34)), color-stop(0.54, rgba(255, 255, 255, 0.18)), color-stop(0.54, rgba(68, 68, 68, 0.18)), to(rgba(68, 68, 68, 0))); background: #dbdbdb -moz-linear-gradient(top, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.18) 54%, rgba(68, 68, 68, 0.18) 54%, rgba(68, 68, 68, 0)); background: #dbdbdb linear-gradient(top, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.18) 54%, rgba(68, 68, 68, 0.18) 54%, rgba(68, 68, 68, 0)); -webkit-box-shadow: inset rgba(255, 255, 255, 0.38) 0 1px 0; -ms-box-shadow: inset rgba(255, 255, 255, 0.38) 0 1px 0; -moz-box-shadow: inset rgba(255, 255, 255, 0.38) 0 1px 0; box-shadow: inset rgba(255, 255, 255, 0.38) 0 1px 0; }
#site_info section.subscribe .auto_fade_input { float: left; margin-right: 14px; }

/* List Instructions */
#site_info section.instructions .quote_bubble { background: url('/images/threads/blue_caret.png') no-repeat left center; padding-left: 12px; }
#site_info section.instructions h1 { background: #e2f0f9; color: #6b8ea5; font-size: 14px; font-weight: bold; text-shadow: #fff 0 1px 1px; padding: 15px 30px 15px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float: left;  }
#site_info section.post_by_email { background: #f3f3f3; border-bottom: 1px solid #DDD; color: #666; font-size: 12px; padding-left: 50px; position: relative; }
#site_info .envelope { background: url('/images/threads/sprite.png') no-repeat left -142px; width: 45px; height: 32px; position: absolute; top: 4px; left: 2px; }

#site_info #trigger_member_modal { margin-top: 3px; font-size: 11px; }

/* Admin */
#site_info section.admin h1 { font-size: 16px; margin-bottom: 10px; }
#site_info section.admin a { padding-left: 30px; font-size: 14px; font-weight: bold; background: url('/images/threads/sprite.png') no-repeat; display: block; height: 25px; line-height: 25px; margin-bottom: 10px; }
#site_info section.admin .add_more { background-position: left -224px; }
#site_info section.admin .settings { background-position: 1px -180px; }

/* Small footer */
footer.copyright { font-size: 11px; color: #6b6b6b; }
footer.copyright strong { font-weight: normal; color: #444444; }
footer.copyright a { width: 64px; height: 30px; float: left; background: url('/images/threads/sprite.png') no-repeat left -69px; margin-right: 11px; margin-left: 13px; text-indent: -9999px; }
footer.copyright .tagline { padding-top: 11px; }

/* Buttons */
.action_button.black { -webkit-box-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px, rgba(255, 255, 255, 0.4) 0px 1px 0px inset; -moz-box-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px, rgba(255, 255, 255, 0.4) 0px 1px 0px inset; -ms-box-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px, rgba(255, 255, 255, 0.4) 0px 1px 0px inset; box-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px, rgba(255, 255, 255, 0.4) 0px 1px 0px inset; background: #393939; background: #393939 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.30)), to(rgba(255, 255, 255, 0))); background: #393939 -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.0)); background: #393939 linear-gradient(top,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.0)); color: #fff; position: absolute; right: 12px; top: 11px; display: block; }
.action_button.black:hover { background: #222; background: #222 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.30)), to(rgba(255, 255, 255, 0))); background: #222 -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.0)); background: #222 linear-gradient(top,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.0)); text-decoration: none; color: white; }
a.action_button.black span { color: #f7f7f7; text-shadow: none; font-size: 17px; padding: 8px 19px 8px 14px; }
.action_button.black:active span { position: relative; top: 1px; }
a.action_button.black div {  background: url('/images/manage/icon_sprite.png') no-repeat; margin-left: 12px; margin-top: 8px; }
a.action_button.black div.post { width: 16px; height: 16px; background-position: left -16px; }
a.action_button.black div.post_reply { width: 24px; height: 15px; background-position: left -32px; }
.reply_button { font-size: 11px; text-transform: uppercase; padding: 4px 12px 5px; top: 9px;}
.reply_button span { padding-left: 20px; background: url('/images/threads/sprite.png') no-repeat left -289px; }

nav .reply_button { position: static; float: left; border-bottom-color: black; }

.sidebar_button { color: #fff; text-shadow: rgba(249, 148, 3, 0.57) 0 -1px 0; text-transform: uppercase; font: 11px 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; padding: 0 13px 0 10px; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; background: #ff9600; background: #ff9600 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.39)), color-stop(0.51, rgba(255, 255, 255, 0.20)), color-stop(0.51, rgba(68, 68, 68, 0.20)), to(rgba(68, 68, 68, 0))); background: #ff9600 -moz-linear-gradient(top, rgba(255, 255, 255, 0.39), rgba(255, 255, 255, 0.20) 51%, rgba(68, 68, 68, 0.20) 51%, rgba(68, 68, 68, 0)); background: #ff9600 linear-gradient(top, rgba(255, 255, 255, 0.39), rgba(255, 255, 255, 0.20) 51%, rgba(68, 68, 68, 0.20) 51%, rgba(68, 68, 68, 0)); box-shadow: inset rgba(255, 255, 255, 0.74) 0 1px 3px, #484848 0 0 1px; -webkit-box-shadow: #484848 0 0 1px; -ms-box-shadow: #484848 0 0 1px; -moz-box-shadow: inset rgba(255, 255, 255, 0.74) 0 1px 3px, #484848 0 0 1px; position: absolute; left: 13px; top: 13px; height: 22px; line-height: 22px; display: block; }
.sidebar_button:hover { color: #fff; text-decoration: none; }
.sidebar_button span { padding-left: 19px; background: url('/images/threads/sprite.png') no-repeat left -264px; }
.sidebar_button:active span { position: relative; top: 1px; }

/* Set Password Modal */
.p_modal .set_password { width: 350px; }
.p_modal .set_password label { font-size: 16px; color: #999; top: 9px; }
.p_modal .set_password input { font-size: 16px; color: #666; height: 26px; width: 342px; }
.p_modal .set_password .auto_fade_input { float: left; margin-bottom: 14px; }
.p_modal .set_password .action_button { float: right; margin-top: 5px; }


/* Fancy scrollbars for WebKit users */
#sidebar ::-webkit-scrollbar{width:9px;height:9px; }
#sidebar ::-webkit-scrollbar-button:start:decrement, #sidebar ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
#sidebar ::-webkit-scrollbar-track-piece{background-color:#dcdcdc;-webkit-border-radius:8px;}
#sidebar ::-webkit-scrollbar-thumb:vertical{height:50px;background-color:#aeaeae;-webkit-border-radius:8px;}
#sidebar ::-webkit-scrollbar-thumb:horizontal{width:50px;background-color:#aeaeae;-webkit-border-radius:8px;}
#sidebar ::-webkit-scrollbar-thumb:hover { background-color: #999;}

