/* ---------RESET---------*/

/* http://meyerweb.com/eric/tools/css/reset/v2.0 | 20110126 License: none (public domain)*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, 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-size: 100%;font: inherit;vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}ol, 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;}


/* ---------BASICS---------*/

html body {
width: 100%;
height: 100%;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
overflow-x: hidden;
}
#posts {
z-index: 10;
padding:0;
width:100%;
height:100%;
text-align: center;
}
.hidden { display: none }


/* ---------LINK STATES--------- */

a, 
a:visited{
text-decoration: none;
}
.post_text_body:hover,
.post_quote_source a:hover,
.next,
.prev,
.back_to_top,
.notes_scroll_down,
.notes_scroll_to_top,
.logo_permalink_page:hover,
#logo_index_text a:hover,
#logo_index_left a:hover,
.notes_headline_inner a:hover,
.description_overlay_inner a:hover,
.post_perma_inner a:hover,
.post_perma_inner blockquote{
opacity: .3;
text-decoration: none;
}
.next:hover,
.prev:hover,
.back_to_top:hover,
.notes_scroll_down:hover,
.notes_scroll_to_top:hover{
opacity: 1;
text-decoration: none;
cursor: pointer;
}
.post_info_overlay_headline a:hover,
.nav_button:hover,
.post_info_overlay_options_button:hover,
.post_info_overlay_tag_button:hover,
.post_info_overlay_tags a:hover,
.notes_headline a:hover,
.notes_tag_button:hover,
.note .action a,
.action a:visited,
.perma blockquote a,
.perma blockquote a:visited{
text-decoration: none;
}
.note .action a:hover,
blockquote a:hover,
.nav_theme_credit a:hover,
.post_perma_inner a:visited,
.post_perma_inner a {
text-decoration: underline;
}
#likeit{ 
position: fixed;
top:0;
left:0;
margin: 0;
padding: 0;
width: 0;
height: 0;
line-height: 0;
font-size: 0;
}


/* ---------LOGO---------*/

#logo_index{
float: right;
right: 50%;
position: fixed;
z-index: 19999;
}
#logo_index_text{
position: relative;
float: right;
right: -50%;
}
#logo_index_left{
position: fixed;
z-index: 19999;
}


/* ---------LIGHT BOX---------*/

#lightbox{
width: 100%;
height:100%;
display: none;
position: fixed;
z-index: 49999999;
top:0;
left:0;
opacity: 0;
overflow: hidden;
}
#lightbox_absolute_positioning{
position: fixed;
width:inherit;
height:inherit;
z-index: 500000000
}
#lightbox_table{
display: table;
width: 100%;
height:100%;
}
#lightbox_background{
position: fixed;
opacity: 1;
width:inherit;
height:inherit;
z-index: 49999998;
}
#lightbox_image {
display: table-cell;
vertical-align: middle;
text-align: center;
}
#vignette {display: none !important}
#tumblr_lightbox_right_image, 
#tumblr_lightbox_center_image, 
#tumblr_lightbox_left_image {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; 
border-bottom-left-radius: 0 !important; 
-webkit-box-shadow: none !important; 
box-shadow: none !important; 
}
#tumblr_lightbox_caption {
text-shadow: none !important;
font-weight: normal !important;
}


/* ---------POSTS---------*/

.post_text{
text-align: center;
display: table;
}
.index .post {
position: relative;
line-height: 0;
display: inline-block;
vertical-align: bottom;
}
.post_text_table_cell{
display: table-cell;
vertical-align: middle;
}
.post_text_table_cell p{padding:0;margin:0;display: inline}
.post_text_body{padding-bottom: 4px;}
#post_permalink{display: block;}
#post_permalink_inner{
display: table-cell;
vertical-align: middle;
}
.perma .post {
display: table;
text-align: center;
height: 100%;
width:100%;
}
.post_text_perma {
text-align: center;
width:100%;
}
.post_margin_adjustment {margin-right: -4px;}
.index .post_relative { 
position: relative;
overflow:hidden;
}
.desktop .post_relative {opacity: 0;}
.post_relative img {cursor: pointer;}
.desktop.index .type_photoset { 
left: -7px;
top: -7px;
margin-left: 7px;
margin-top: 7px;
min-height: 350px;
min-width: 350px;
}
.perma .type_photoset {padding-top: 50px;}
.perma .type_photoset {padding-bottom: 100px;}
.post_hover_controls{
position: absolute;
top:0;
right: 0;
}
.post_info_overlay {
width: 100%;
height: 100%;
display: none;
position: absolute;
text-align: left;
z-index: 9999;
}
.post_info_overlay_absolute {
position: absolute;
width: 100%;
height: 100%;
z-index: 20000;
}
.post_info_overlay_table {
display:table;
width: 100%;
height: 100%;
}
.post_info_overlay_cell {
display:table-cell;
vertical-align: middle;
text-align: center;
position: relative;
}
.post_info_overlay_background{
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
}
.post_info_overlay_headline p {
width: 85%;
text-decoration: none;
text-align: center;
margin: 0 auto 0 auto;
line-height: normal;
display: block;
}
.post_info_overlay_headline a{
padding-bottom: 2px;
margin-bottom: 7px;
}
.post_info_overlay_tags{
width: 70%;
margin: 20px auto 0 auto;
line-height: normal;
}
.post_info_overlay_tags_inline_nest {
position:relative;
display:block;
width:100%;
height:100%;
}
.post_info_overlay_tags a, 
.BackgroundColouredBT{
display: inline-block;
vertical-align: bottom;
}
.post_info_overlay_tag_button, .notes_tag_button, .notes_date_span{
text-transform: capitalize;
position: relative;
z-index: 110000;
padding: 3px 5px;
margin: 0 1px 1px 0;
}
.type_source{text-transform: none;}
.tagBackground,tagBackgroundPerma{
position: absolute;
z-index: 100000;
display:block;
top:0;
}
.reblogCredit {text-transform: capitalize;}
.post_info_overlay_options{
display: table;
margin: 0 auto 0 auto;
padding: 0;
border: none;
}
.post_info_overlay_options_button{
display: table-cell;
padding: 5px;
padding-top: 30px;
vertical-align: baseline;
cursor: pointer;
text-transform: capitalize;
}
.post_info_overlay_options_button:hover {cursor: pointer;}
.post_text_title_perma{
margin-bottom: 100px;
display: inline;
}
.post_perma_inner{
padding: 60px 0;
background-color: transparent;
text-align: left;
margin:0 auto;
}
.perma .post_audio{
margin:0 auto;
max-width: 500px;
}
.post_perma_inner blockquote{
font-style: italic;
padding: 0 20px;
max-width: 500px;
}
.post_perma_inner strong{font-weight: bold !important}
#post_text_body_perma, #chatPostBodyPerma{
margin-top: 40px;
margin-bottom: 10px;
}
.chat_person_2,.chat_person_3,.chat_person_4,.chat_person_5{opacity:0.5}


/* ---------*AUDIO POST---------*/

.post_audio {
font-family: Arial, sans-serif;
font-size: 9px;
letter-spacing: .05em;
}
.post_audio_table{position: relative;}
.post_audio_player{
min-height: 70px;
display: table;
}
.post_audio_player_ui{
float: left;
width: 222px;
min-height: 39px;
text-align: left;
padding-top: 11px;
padding-left: 3px;
display: table-cell;
}
.post_audio_info{
float: left;
height: 30px;
text-align: left;
padding-left: 15px;
margin-right: 15px;
padding-top: 20px;
display: table-cell;
line-height: 11px;
}
.post_audio_art_table_cell {
display: table-cell;
}
.type_audio{
margin-bottom: 0;
}
.post_audio_no_art_wrap {
display: table;
height: 100%;
width: 100%;
}
.post_audio_no_art {
display: table-cell;
height: 500px;
width: 500px;
}


/* ---------TOGGLE NAV---------*/

#nav_toggle_wrapper{
position: fixed;
display: table;
bottom: 0;
left: 0;
margin: 20px;
z-index: 30000012;
}
#nav_toggle {cursor: pointer;}
#navSwitch{
-webkit-transform:rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-o-transition: 0.2s;
-ms-transition: 0.2s;
}
.nav_button, #nav_toggle{
display: table-cell;
vertical-align: middle;
padding: 0 8px;
height:22px;
}
.next.nav_button{border-top: 1px solid transparent;}
#nav_toggle {-webkit-transform: translate3D(0, 0, 0);}
form {display: table-cell;}
input {
height: 22px;
padding-left: 8px;
border: none;
outline: none;
width: 200px;
background-color: transparent;
text-transform: capitalize; 
line-height: 0;
}


/* --------- NAVIGATION ---------*/

#nav{
position:fixed;
bottom:0;
left:0;
width: 100%;
z-index: 1000001;
height: 64px;
background-repeat: repeat-x;
}
#nav iframe{border-top:1px solid transparent}
.twitter-share-button:hover{background-color: transparent !important}
#nav,#tumblr_controls{display: none;}
.perma #tumblr_controls{
position: absolute;
bottom: 0 !important;
top: auto !important;
right: 0;
padding: 20px;
display: none;
z-index: 1000007;
}
#nav_table {
padding: 21px;
padding-left: 21px;
display: table;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align: left;
}
#nav_table .nav_button_spacer:first-child {width: 34px;}
#nav_searchfield_background {width: 200px;}
.nav_button_spacer,.nav_theme_credit{
height:23px;
width: 5px;
background-color: transparent;
display: table-cell;
vertical-align: middle;
}
.nav_theme_credit {width:auto;padding-left: 10px}
.back_to_top {cursor: pointer;}


/* ---------BACKGROUND---------*/

#background {
position: fixed;
width: 100%;
height: 100%;
top:0;
left:0;
z-index: -1;
}
.index #background{
background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.05)));
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); 
background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); 
background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
background: linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 );
}
#background_user {
z-index: -1;
position: fixed;
width: 100%;
height: 100%;
top:0;
left:0;
}


/* ---------NOTES---------*/
.post_perma_inner ul li{list-style-type:disc !important;}
.post_perma_inner ol li{list-style-type:decimal !important;}
.post_perma_inner li{
padding-left: 10px;
list-style-position:inside !important;
}
.notes_scroll_down{
max-height: 40px;
height:40px;
padding-top: 24px;
padding-bottom: 0;
cursor: pointer;
margin:0 200px;
}
.notes_scroll_to_top{
max-height: 21px;
min-height:21px;
padding: 20px;
padding-top: 8px;
cursor: pointer;
margin:0 200px
}
.notes_date{padding: 25px !important}
ol.notes {
padding: 0;
margin: 0;
}
.note,.notes_headline,.notes_date, .notes_tag {padding: 15px}
.notes_tag{padding: 25px}
ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}
ol.notes li.note blockquote {
border-color: #eee;
padding: 4px 10px;
margin: 10px 0px 0px 25px;
}
.notes_headline_inner, .notes_headline_inner a, .notes_headline_inner a:visited{padding-bottom:4px;}
.perma_tweet{padding-left: 35px !important;}


/*ABOUT OVERLAY CSS*/
.nav_button_description{cursor: pointer;}
.description_overlay{
position: fixed;
display: table;
top:0;
left:0;
width: 100% !important;
height:100% !important;
line-height: normal;
z-index: 100000000;
}
.description_overlay_wrapper{
display: none;
position: fixed;
top:0;
left:0;
width: 100% !important;
height:100% !important;
z-index: 100000000;
}
.description_overlay_inner{
display: table-cell;
vertical-align: middle;
text-align: center;
padding:150px;
}
.description_overlay_inner a, .description_overlay_inner a:visited {
color:white;
text-decoration: underline;
cursor: pointer;
}


/* ---------QUOTE POSTS---------*/


.post_quote_inner p{padding:0;margin:0;display: inline}
.perma .post_quote,.perma .post_quote_source,.perma .post_text{margin:0 auto}
.post_quote_source a:visited,.post_quote_source a{
text-decoration: none !important;
padding-bottom: 1px;
}
.post_quote_source{
margin-top: 30px !important;
letter-spacing: 0;
}

/* ---------INFINITE SCROLLING---------*/

#infscr-loading{margin-bottom: 25px;}


/* ---------PERMALINKS---------*/
.perma .prev_table, .perma .next_table {
top:0;
position: absolute;
display: table;
width: 60px;
height: 100%;
text-align: center;
}
.perma .prev_cell, .perma .next_cell {
display: table-cell;
vertical-align: middle;
}
.perma .prev_table {left:0;}
.perma .next_table {right:0;}

#pagination_permalink{
position: absolute;
bottom: 20px;
left:20px; 
font-weight: bold;
z-index: 5000000
}
#pagination_index{
position: fixed;
right: 20px;
bottom: 21px;
z-index: 5000000
}
#photoSetNudge{
position: absolute;
bottom: 25px;
left:165px;
width: 100%;
cursor: pointer;
text-align: left;
width: 200px;
}
#post_notes{display: none}
.post_hover_controls_more_info, .post_hover_controls_permalink{
position: absolute;
top:0;
right:0;
width:0;
height:0;
cursor: pointer !important;
z-index: 5000;
display: block;
}
.post_hover_controls_permalink{top:36px;}
.post_perma_inner .chat li{
list-style: none !important;
list-style-position: outside !important;
padding-left: 0;
}