/* Glass Panes Tumblr Theme - Main CSS 
 
 Version: 2.22.3
 License:
    This file is part of Glass Panes, a Tumblr-Powered Theme. 

    Glass Panes is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    Glass Panes is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Glass Panes.  If not, see <http://www.gnu.org/licenses/>.
    
*/

body,td,th {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
    font-size: 14px;
    color: #000;
}
body {
    background-color: #444;
    background-repeat: no-repeat; 
    background-attachment: fixed;
    background-position: center center;
    
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    text-align: center;
}
body.scale-bg {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

img {
    border: 0 none;
}

a, a:link,
a:visited {
    font-size: 14px;
    color: #003399;
    text-decoration: none;
    
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
a:hover,
a:active {
    text-decoration: underline;
    color: #3F00FF;
}

h3 {
    text-align: left;
    font-size: 22px;
    font-weight: bold;
    line-height: 26px;
    margin: 0px;
    padding: 3px;
    text-shadow: 1px 1px 8px #FFFFFF;
    font-family: 'Lora', "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
h3.default-font {
    font-family: 'Lora', serif;
}

blockquote {
    border-left: solid 3px #CCC;
    padding: 2px;
    margin: 0px 3px 0px 6px;
    background: rgba(220, 220, 220, 0.08);
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    
    -moz-box-shadow: -1px 0px 2px #555;
    -webkit-box-shadow: -1px 0px 2px #555;
    box-shadow: -1px 0px 2px #555;
}
blockquote p {
    width: 100%;
    word-wrap: break-word;
}
blockquote p:first-child {
    margin-top: 2px;
}
blockquote p:last-child  {
    margin-bottom: 2px;
}

pre {
    white-space: pre-line;
}

#header-pane {
    background: url("http://static.tumblr.com/y9kgrig/tXwmwf47k/tgrd.png") repeat-x transparent;
    position: relative;
    display: block;
    text-align: center;
    width: 100%;
    border: 0px none;
    border-bottom: 1px solid #9D9D9F;
    
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    
    -moz-box-shadow: 0px 3px 7px #2F2F2F;
    -webkit-box-shadow: 0px 3px 7px #2F2F2F;
    box-shadow: 0px 3px 7px #2F2F2F;
}
#header-pane.fixed-width {
    border-left: 1px solid #9D9D9F;
    border-right: 1px solid #9D9D9F;
    box-shadow: 0 3px 7px rgba(47, 47, 47, 0.75), 3px 0 7px rgba(47, 47, 47, 0.75), -3px 0 7px rgba(47, 47, 47, 0.75);
    margin: 0 auto;
    width: 766px;
    
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#header-pane #header-title {
    display: inline-block;
    line-height: 0;
    margin: auto;
    position: relative;
}
#header-pane #header-title h1 {
    text-align: center;
    font-size: 34px;
    font-family: 'Lora', "Palatino Linotype", "Book Antiqua", Palatino, serif;
    color: #FFF;
    text-shadow: 1px 1px 0px #0000FF;
    margin: 0px;
	line-height: 48px;
}
#header-pane #header-title.default-font h1{
    font-family: 'Lora', serif;
    font-weight: 400;
}
#header-pane #header-title.portrait img,
#header-pane #header-title.image img,
#header-pane #header-title.portrait h1,
#header-pane #header-title.image h1,
#header-pane #header-title.portrait,
#header-pane #header-title.image {
    line-height: 0;
}
#header-pane #header-title.portrait {
    background: rgba(222, 222, 222, 0.25);
    border: 1px solid rgba(220, 220, 220, 0.75);
    border-radius: 8px;
    box-shadow: 0 1px 5px rgb(20, 20, 20);
    opacity: 0.64;
    overflow: hidden;
    
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
#header-pane #header-title.portrait.circle {
	border-radius: 52px;
}
#header-pane #header-title.portrait:hover {
    opacity: 0.95;
    box-shadow: 0 1px 5px rgb(208, 208, 208);
}
#header-pane #header-title.image {
}

#info-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: -1;
    background: #000000;
    opacity: 0.15;
    
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
#info-body {
    background: rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
    margin: 4px;
    margin-top: 0px;
    padding: 4px;
    text-align: center;
    z-index: 2;
    
    color: #ffffff;
}
#info-body .paginate-icon {
    font-size: 22px;
    line-height: 16px;
    margin: 0px;
    margin-left: 2px;
    margin-right: 2px;
    padding: 0px;
    position: relative;
    top: 2px;
}
#info-body .header-text {
    background: none repeat scroll 0 0 rgba(222, 222, 222, 0.35);
    border-radius: 2px;
    box-shadow: 0 0 3px rgba(222, 222, 222, 0.45);
}

#social_media_nav {
	display: block;
	margin: 3px;
}
#social_media_nav a,
#social_media_nav a:link,
#social_media_nav a:visited,
#social_media_nav a:active,
#social_media_nav a:hover {
	display: inline-flex;
	font-size: 22px;
	margin: 6px;
	opacity: 0.50;
	
	-webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
#header-pane.link-shadows #social_media_nav a,
#header-pane.link-shadows #social_media_nav a:link,
#header-pane.link-shadows #social_media_nav a:visited,
#header-pane.link-shadows #social_media_nav a:active,
#header-pane.link-shadows #social_media_nav a:hover {
	text-shadow: 1px 1px 0px #000;
}
#social_media_nav a:active,
#social_media_nav a:hover {
	opacity: 0.98;
}
#header-pane.link-shadows #social_media_nav a:active,
#header-pane.link-shadows #social_media_nav a:hover {
	text-shadow: 1px 1px 2px #D0D0D0;
}
/** /
#social_media_nav a .fa-facebook {
	color: #3b5998;
}
#social_media_nav a .fa-twitter {
	color: #00aced;
}
#social_media_nav a .fa-instagram {
	color: #517fa4;
}
#social_media_nav a .fa-linkedin {
	color: #007bb6;
}
#social_media_nav a .fa-github {
	color: #171515;
}
#social_media_nav a .fa-youtube {
	color: #bb0000;
}
#social_media_nav a .fa-google-plus {
	color: #dd4b39;
}
#social_media_nav a .fa-vine {
	color: #00bf8f;
}
#social_media_nav a .fa-flickr {
	color: #ff0084;
}
#social_media_nav a .fa-pinterest {
	color: #cb2027;
} 
#social_media_nav a .fa-steam {
	color: #EDEDED;
}
#social_media_nav a .fa-soundcloud {
	color: #f50;
}
/**/

#info-paginate {
    padding-bottom: 4px;
    padding-top: 6px;
    position: relative;
    text-align: center;
}
#info-paginate .prev {
    margin-right: 9px;
}
#info-paginate .next {
    margin-left: 9px;
}
.info-paginate {
    display: none;
}

#day-pages {
    text-align: center;
    text-shadow: 1px 1px 1px #000000;
}
#day-pages .prev {
    margin-right: 8px;
}
#day-pages .next {
    margin-left: 8px;
}
#header-pane .info-divider {
    height: 0px;
    border: 0px;
    border-bottom: solid 1px #DDDDDD;
    border-top: solid 1px #444444
}

#header-pane ul {
    margin: 3px;
    padding: 0px;
    list-style: none inside none;
    text-align: center;
}
#header-pane ul li {
    margin-top: 3px;
    margin-bottom: 6px;
    margin-left: 14px;
    display: inline-block;
}

#header-pane a {
    font-size: 14px;
    color: #E4E4E4;
    display: inline;
    outline: none;
}
#header-pane.link-shadows a {
    text-shadow: 1px 1px 0px #000000; /* #000 */
}
#header-pane a:link {
    text-decoration: none;
    color: #E4E4E4;
}
#header-pane a:visited {
    text-decoration: none;
    color: #E4E4E4;
}
#header-pane a:hover {
    text-decoration: none;
    color: #0099FF;
}
#header-pane a:active {
    text-decoration: none;
    color: #0099FF;
}

#description {
    text-align: left;
    line-height: 20px;
    padding: 0px;
    margin-top: 0px;
    display: none;
}
#description.shown {
    display: block;
}
#description .wrap {
    width: 100%;
    text-align: center;
}
#description .text-container {
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 4px;
}

#following-box,
#members-box {
    display: none;
    text-align: center;
}
#following-box .title,
#members-box .title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 3px;
    margin-top: 6px;
    text-shadow: 1px 1px 0px #000000;
}
#following-box .following,
#members-box .members {
    overflow: auto;
    max-height: 72px;
}
#following-box .following .follow,
#members-box .members .member {
    display: inline-block;
    padding: 0px;
    margin: 10px;
    border: 1px solid rgba( 220, 220, 220, 0.75) ;
    background: rgba(222, 222, 222, 0.25);
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    
    -moz-box-shadow: 0px 1px 5px #0F0F0F;
    -webkit-box-shadow: 0px 1px 5px #0F0F0F;
    box-shadow: 0px 1px 5px #0F0F0F;
    
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
#following-box .following .follow a,
#following-box .following .follow a:link,
#following-box .following .follow a:visited,
#members-box .members .member a,
#members-box .members .member a:link,
#members-box .members .member a:visited {
    font-size: 0px;
    line-height: 0px;
    text-decoration: none;
    padding: 0px;
    margin: 0px;
    display: block;
}
#following-box .following .follow a img,
#members-box .members .member a img {
    opacity: 0.75;
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
#following-box .following .follow:hover img,
#members-box .members .member:hover img {
    opacity: 0.95;
}
#following-box .following .follow:hover,
#members-box .members .member:hover {
    -moz-box-shadow: 0px 1px 5px #D0D0D0;
    -webkit-box-shadow: 0px 1px 5px #D0D0D0;
    box-shadow: 0px 1px 5px #D0D0D0;
}

#search {
    display: none;
}
#search form {
    text-align: center;
    margin-bottom: 4px;
    margin-top: 8px;
}
#search form, 
#search input, 
#search button {
    font-size: 14px;
    line-height: 14px;
}
#search input, 
#search button {
    height: 18px;
}
#search form input[type=text] {
    margin: 0px;
    padding: 0px;
    border: 1px solid rgba( 200, 200, 200, 0.9 );
    border-right: 0px none;
    background: #fff;
}
#search form button[type=submit] {
    margin: 0px;
    padding: 0px;
    padding-left: 4px;
    padding-right: 4px;
    border: 1px solid rgba( 200, 200, 200, 0.9 );
    background: #fff;
    position: relative;
    height: 20px;
    top: 0px;
    cursor: pointer; 
}
#search .no-results {
    margin-top: 6px;
    display: inline-block;
}

#info-body .page_nav {
    display: block;
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 4px;
    text-align: center;
}
#info-body .page_nav .prev {
    float: left;
    top: -2px;
    position: relative;
}
#info-body .page_nav .next {
    float: right;
    top: -2px;
    position: relative;
}


#header-ad-unit {
    display: block;
    width: 100%;
    z-index: 100;
    margin-top: 16px;
    margin-bottom: 2px;
}
#header-ad-unit .ad-container {
    display: inline-block;
    margin: 0px auto;
    position: relative;
    height: auto;
    max-height: 90px;
    background: url("http://static.tumblr.com/y9kgrig/tXwmwf47k/tgrd.png") repeat-x scroll center top rgba(0, 0, 0, 0);
    border: 1px solid #9D9D9F;
    color: #000000;
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    
    -moz-box-shadow: 2px 2px 6px #202020;
    -webkit-box-shadow: 2px 2px 6px #202020;
    box-shadow: 2px 2px 6px #202020;
}
#header-ad-unit .ad-bg {
    z-index: 21;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
#header-ad-unit .ad-body {
    z-index: 22;
    margin: 4px;
    position: relative;
    background: rgba(255, 255, 255, 0.4);
}


#scrollToTopButton {
    display: none;
    position: fixed;
    right: -22px;
    top: 18%;
    width: 40px;
    height: 40px;
    z-index: 50;
    
    background: url("http://static.tumblr.com/y9kgrig/tXwmwf47k/tgrd.png") repeat-x;
    border: 1px solid rgba( 220, 220, 220, 0.65 );
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    
    -moz-box-shadow: 2px 2px 6px #202020;
    -webkit-box-shadow: 2px 2px 6px #202020;
    box-shadow: 2px 2px 6px #202020;
    
    -webkit-transition: all 280ms ease;
    -moz-transition: all 280ms ease;
    -ms-transition: all 280ms ease;
    -o-transition: all 280ms ease;
    transition: all 280ms ease;
}
#scrollToTopButton:hover {
    right: 2px;
}
#scrollToTopButton .button-bg {
    background: rgb(0, 89, 224);
    opacity: 0.35;
    
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 51;
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
#scrollToTopButton .button-content {
    /* background: rgba( 220, 220, 220, 0.6 ); /**/
    color: rgba( 222, 222, 222, 0.75 );
    margin: 0px;
    z-index: 52;
    height: 40px;
    width: 40px;
    position: absolute;
}
#scrollToTopButton .button-content a:active {
    outline: 0px none;
}
#scrollToTopButton .button-content .fa {
    font-size: 48px;
    font-weight: bold;
    line-height: 40px;
    color: rgba( 222, 222, 222, 0.75 );
}
#scrollToTopButton .button-content .fa:hover {
    text-decoration: none;
    text-shadow: 0px 1px 0px rgba( 20, 20, 20, 0.8 );
    color: rgba( 255, 255, 255, 0.90 );
}


#perma-page-prev,
#perma-page-next {
    background: rgba(180, 180, 180, 0.1)  url("http://static.tumblr.com/y9kgrig/tXwmwf47k/tgrd.png") repeat-x scroll 0px -24px;
    display: inline-block;
}
#perma-page-prev {
    padding: 3px;
    padding-left: 0px;
    position: fixed;
    top: 50%;
    left: 0px;
    
    border: 1px solid rgba(212, 212, 212, 0.65);
    border-left: 0px none;
    
    -webkit-border-top-right-radius: 32px;
    -webkit-border-bottom-right-radius: 32px;
    -moz-border-radius-topright: 32px;
    -moz-border-radius-bottomright: 32px;
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
    
    -moz-box-shadow: 1px 2px 5px #2A2A2A;
    -webkit-box-shadow: 1px 2px 5px #2A2A2A;
    box-shadow: 1px 2px 5px #2A2A2A;
}
#perma-page-next {
    padding: 3px;
    padding-right: 0px;
    position: fixed;
    top: 50%;
    right: 0px;
    
    border: 1px solid rgba(212, 212, 212, 0.65);
    border-right: 0px none;
    
    -webkit-border-top-left-radius: 32px;
    -webkit-border-bottom-left-radius: 32px;
    -moz-border-radius-topleft: 32px;
    -moz-border-radius-bottomleft: 32px;
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
    
    -moz-box-shadow: -1px 2px 5px #2A2A2A;
    -webkit-box-shadow: -1px 2px 5px #2A2A2A;
    box-shadow: -1px 2px 5px #2A2A2A;
}
#perma-page-prev .prev,
#perma-page-next .next {
    background: rgba(220, 220, 220, 0.22);
    color: rgba(230, 230, 230, 0.35);
    font-size: 48px;
    display: inline-block;
}
#perma-page-prev:hover .prev,
#perma-page-next:hover .next {
    color: rgba(230, 230, 230, 0.55);
}
#perma-page-prev .prev {
    padding-left: 3px;
    padding-right: 4px;
    
    -webkit-border-top-right-radius: 32px;
    -webkit-border-bottom-right-radius: 32px;
    -moz-border-radius-topright: 32px;
    -moz-border-radius-bottomright: 32px;
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
}
#perma-page-next .next {
    padding-left: 4px;
    padding-right: 3px;
    
    -webkit-border-top-left-radius: 32px;
    -webkit-border-bottom-left-radius: 32px;
    -moz-border-radius-topleft: 32px;
    -moz-border-radius-bottomleft: 32px;
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
}
#perma-page-next .next .fa,
#perma-page-prev .prev .fa {
    top: -2px;
    position: relative;
}

#post-container {
    margin: 0px;
}
.footer-unit #post-container {
    margin-bottom: 96px;
}

#posts {
    list-style: none inside none;
    padding: 0px;
    padding-bottom: 52px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 14px;
    margin-bottom: 6px;
    position: absolute;
    text-align: center;
    display: inline-block;
    position: relative;
}

#head_post {
    list-style: none outside none;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 32px; 
}

.post-li {
    text-align: center;
    display: inline-block;
}
.index-page .post-li {
    width: 262px;
}
.permalink-page .post-li {
    width: 514px;
}

.post-li #perma-pane-prev,
.post-li #perma-pane-next {
    background: rgba(180, 180, 180, 0.1)  url("http://static.tumblr.com/y9kgrig/tXwmwf47k/tgrd.png") repeat-x scroll 0px -24px;
    display: inline-block;
}
.post-li #perma-pane-prev {
    padding: 3px;
    position: absolute;
    top: 18px;
    left: -55px;
    
    border: 1px solid rgba(212, 212, 212, 0.65);
    border-right: 0px none;
    
    -webkit-border-top-left-radius: 32px;
    -webkit-border-bottom-left-radius: 32px;
    -moz-border-radius-topleft: 32px;
    -moz-border-radius-bottomleft: 32px;
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
    
    -moz-box-shadow: -1px 2px 5px #2A2A2A;
    -webkit-box-shadow: -1px 2px 5px #2A2A2A;
    box-shadow: -1px 2px 5px #2A2A2A;
}
.post-li #perma-pane-next {
    padding: 3px;
    position: absolute;
    top: 18px;
    right: -56px;
    
    border: 1px solid rgba(212, 212, 212, 0.65);
    border-left: 0px none;
    
    -webkit-border-top-right-radius: 32px;
    -webkit-border-bottom-right-radius: 32px;
    -moz-border-radius-topright: 32px;
    -moz-border-radius-bottomright: 32px;
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
    
    -moz-box-shadow: 1px 2px 5px #2A2A2A;
    -webkit-box-shadow: 1px 2px 5px #2A2A2A;
    box-shadow: 1px 2px 5px #2A2A2A;
}
.post-li #perma-pane-prev .prev,
.post-li #perma-pane-next .next {
    /* background: rgba(220, 220, 220, 0.22); /**/
    color: rgba(230, 230, 230, 0.35);
    font-size: 48px;
    display: inline-block;
}
.post-li #perma-pane-prev:hover .prev,
.post-li #perma-pane-next:hover .next {
    color: rgba(230, 230, 230, 0.55);
}
.post-li #perma-pane-prev .prev {
    padding-left: 3px;
    padding-right: 4px;
    
    -webkit-border-top-left-radius: 32px;
    -webkit-border-bottom-left-radius: 32px;
    -moz-border-radius-topleft: 32px;
    -moz-border-radius-bottomleft: 32px;
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
}
.post-li #perma-pane-next .next {
    padding-left: 4px;
    padding-right: 3px;
    
    -webkit-border-top-right-radius: 32px;
    -webkit-border-bottom-right-radius: 32px;
    -moz-border-radius-topright: 32px;
    -moz-border-radius-bottomright: 32px;
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
}
.post-li #perma-pane-next .next .fa,
.post-li #perma-pane-prev .prev .fa {
    top: -2px;
    position: relative;
}

.post {
    border: solid 1px #9D9D9F;
    background: url('http://static.tumblr.com/y9kgrig/tXwmwf47k/tgrd.png') top repeat-x;
    margin-bottom: 16px;
    list-style: none outside none;
    position: relative;
    z-index: 2;
    display: inline-block;
    text-align: left;
    width: 100%;
    color: #000;
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    
    -moz-box-shadow: 3px 3px 6px #202020;
    -webkit-box-shadow: 3px 3px 6px #202020;
    box-shadow: 3px 3px 6px #202020;
}

.post img {
    position: relative;
    width: initial;
	max-width: 100%;
    display: table;
}
.index-page .post img {
    opacity: 0.90;
	width: initial;
	height: initial;
}

.post .bits {
    margin-top: 10px;
    padding-top: 0px;
    font-size: 12px;
    font-family: 'Ledger', "Palatino Linotype", "Book Antiqua", Palatino, serif;
    text-align: center;
}
.post .bits.default-font {
    font-family: 'Ledger', serif;
}
.bits-divider,
.post-tags + .bits-divider, 
.camera-exif + .bits-divider,
.photo-dta + .bits-divider {
    border-top: 1px solid rgba(20, 20, 20, 0.55);
    border-bottom: 1px solid rgba(220, 220, 220, 0.8);
}
.bits-links + .bits-divider,
.camera-exif + .bits-divider + .post-tags + .bits-divider,
.photo-data + .bits-divider + .post-tags + .bits-divider {
    border-bottom: 1px solid rgba(20, 20, 20, 0.55);
    border-top: 1px solid rgba(220, 220, 220, 0.8);
}
.bits a {
    font-size: 12px;
}
.bits .post-tags {
    padding-top: 4px;
    padding-bottom: 4px;
}
.bits .post-tags .tag {
    background: rgba(255, 255, 255, 0.45);
    border: 1px solid rgba(15, 15, 15, 0.55);
    display: inline-block;
    margin: 4px;
    padding: 1px 5px 2px;
	text-decoration: none;
	
	-webkit-border-radius: 8px;
	border-radius: 8px;
	
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.2) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0.2))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.2) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.2) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.2) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.2) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#33ffffff',GradientType=0 ); /* IE6-9 */
	
	-webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.bits .post-tags .tag:hover {
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.72) 0%, rgba(255,255,255,0.45) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.72)), color-stop(100%,rgba(255,255,255,0.45))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.72) 0%,rgba(255,255,255,0.45) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.72) 0%,rgba(255,255,255,0.45) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.72) 0%,rgba(255,255,255,0.45) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.72) 0%,rgba(255,255,255,0.45) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8ffffff', endColorstr='#73ffffff',GradientType=0 ); /* IE6-9 */

}
.bits .post-tags .tag .fa {
	padding-right: 2px
}
.post-notes {
    padding-top: 6px;
}
.bits-text {
    padding-top: 3px;
}
.bits .post-time .date_string,
.bits .post-time .date {
    display: none;
}
/* .bits-text .post-reblog-parent a { display: none; } */
.bits-links {
    padding-bottom: 3px;
}
.bits-links a {
    margin-left: 3px;
    margin-right: 3px;
}
.bits-links .author a {
    display: none;
}
.camera-exif {
    display: inline-block;
    text-align: left;
    /* width: 180px; */
    min-width: 166px;
    max-width: 210px;
    padding-bottom: 4px;
    padding-top: 4px;
}
.camera-exif > strong {
    display: block;
    text-align: center;
}
.camera-exif > div > strong {
    display: inline-block;
    text-align: right;
    padding-right: 6px;
    /* width: 90px; */
    min-width: 80px;
    max-width: 90px;
}
.photo-data {}
.photo-data strong {
    display: block;
}
.photo-data .data-list {
    display: inline-block;
    padding-left: 0;
}
.photo-data .photo-entry {
    display: none;
}
.photo-data .photo-entry.w-cap,
.photo-data .photo-entry.w-exif,
.photo-data .photo-entry.w-hires {
    background: rgba(222, 222, 222, 0.25);
    margin-bottom: 6px;
    padding: 3px;
    border: 1px solid rgba(40, 40, 40, 0.45);
    border-radius: 6px;
    box-shadow: 0px 3px 8px #C8C8C8 inset;
    display: list-item;
}
.photo-data .caption > strong {
    display: inline-block;
}

.post-bg {
    background: #DDD;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 2;
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    
    opacity: 0.25;
}
.post-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 10;
    
    background: none transparent;
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    
    display: none;
}
.post-overlay .overlay-bg {
    opacity: 0.55;
    background: #252525;
    z-index: 9;
    width: 100%;
    height: 100%;
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.post-overlay .overlay-tags {
    display: inline-block;
    left: 0;
    max-height: 100px;
    min-height: 0;
    overflow: hidden;
    padding: 0 8px;
    position: absolute;
    top: 8px;
    width: 94%;
    text-align: center;
    z-index: 10;
}
.post-overlay .overlay-tags a {
    display: inline-block;
    padding: 0 4px;
    opacity: 0.52;
    font-size: 12px;
    
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.post-overlay .overlay-tags a:hover {
    opacity: 1.0;
}
.post-overlay .overlay-tags a.overlay-link {
    display: none;
}
.post-overlay .overlay-tags .po-tag .fa {
    font-size: 12px;
    padding: 0 1px 0 0;
}
.post-overlay .details {
    position: absolute;
    float: left;
    bottom: 9px;
    left: 9px;
    text-align: left;
    color: #F0F0F0;
    height: 40px;
    width: 94%;
    z-index: 11;
    
    text-shadow: 1px 1px 1px #000000;
}
.bits .details {
    text-align: left;
}
.post-overlay .details .buttons,
.bits .details .buttons {
    float: right;
}
.post-overlay .details .fa,
.bits .details .fa {
    font-size: 20px;
    padding-top: 3px;
    width: 22px;
    text-shadow: 1px 1px 1px #000000;
	text-align: center;
}
.bits .details .fa {
	width: 24px; 
	font-size: 22px;
	margin: 0;
	margin-top: 3px;
	margin-bottom: 2px;
	padding: 0;
	padding-left: 2px;
	text-align: center;
	
	text-decoration: none;
}
.post-overlay .details .fa.clickable,
.bits .details .fa.clickable {
    text-shadow: 1px 1px 1px #000000;
}
.post-overlay .details .fa.clickable:hover {
    text-shadow: 1px 1px 1px #707070;
}
.bits .details .fa.clickable:hover {
	text-shadow: 1px 1px 1px #000000;
	opacity: 0.75;
}
.post-overlay .details .fa:nth-child(1),
.bits .details .fa:nth-child(1) {
    color: rgb(247, 165, 171);
}
.post-overlay .details .fa:nth-child(2),
.bits .details .fa:nth-child(2) {
    color: rgb(205, 165, 247);
}
.post-overlay .details .fa:nth-child(3),
.bits .details .fa:nth-child(3) {
    color: rgb(165, 177, 247);
}
.post-overlay .details .fa:nth-child(4),
.bits .details .fa:nth-child(4) {
    color: rgb(165, 237, 247);
}
.post-overlay .details .fa:nth-child(5),
.bits  .details .fa:nth-child(5){
    color: rgb(165, 247, 172);
}
.post-overlay .details .fa:nth-child(6),
.bits .details .fa:nth-child(6) {
    color: rgb(237, 247, 165);
}
.post-overlay .details .fa:nth-child(7),
.bits .details .fa:nth-child(7) {
    color: rgb(247, 206, 165);
}

.post-overlay .details .detail-text,
.bits .details .detail-text {
    border-top: 1px solid rgba(130, 130, 130, 0.7);
    bottom: 0px;
    display: block;
    height: 15px;
    position: absolute;
    text-align: center;
    width: 100%;
	clear: both;
}
.bits .details .detail-text {
	position: relative;
	font-weight: bold;
	overflow: hidden;
}
.post-overlay .details .detail-text div,
.bits .details .detail-text div {
    display: none;
    text-align: center;
}
.post-overlay .details .detail-text div,
.post-overlay .details .detail-text div a,
.bits .details .detail-text div,
.bits .details .detail-text div a {
    font-size: 12px;
}
.post-overlay a, .post-overlay a:link, .post-overlay a:visited {
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 0px #191919;
}
.post-overlay a:active, .post-overlay a:hover {
    text-shadow: 0px 0px 4px #CCC;
    text-decoration: none;
}

.post-overlay.overlay-off {
    display: block;
    position: relative;
	height: 50px;
}
.post-overlay.overlay-off .overlay-bg {
    display: none;
}
.post-overlay.overlay-off .details {
    bottom: 0px;
    display: block;
    float: none;
    left: 0px;
    margin: 0px auto;
    position: relative;
    top: 5px;
    height: 46px;
}
.post-overlay.overlay-off .details .detail-text {
    bottom: none;
    bottom: auto;
    margin-top: 4px;
	overflow: hidden;
}
.post-overlay.overlay-off .overlay-tags {
	display: none;
	visibility: hidden;
}
.post-overlay.overlay-off.has-tags .overlay-tags {
	bottom: 0px;
	display: inline-block;
	height: 20px;
	overflow: hidden;
	visibility: visible;
	position: absolute;
	top: unset;
	top: initial;
}
.post-overlay.overlay-off.has-tags {
	height: 70px;
}


.post-body {
    z-index: 5;
    position: relative;
    min-height: 48px;    
    margin: 5px;
    background: rgba(255, 255, 255, 0.4);
}
.index-page .post-body {
    padding: 0px;
}
.index-page .post-body.height-limited {
    max-height: 800px;
    overflow: hidden;
}
.permalink-page .post-body {
    padding: 4px;
    padding-top: 12px;
}
.post-body p {
    margin-bottom: 6px;
    margin-top: 6px;
    padding-left: 3px;
    padding-right: 3px;
    display: inline-block;
}
.post-body p.answer_form_container {
    display: block;
	margin-bottom: 3px;
	min-height: 130px;
}
.post-body p.answer_form_container iframe {
	height: 128px;
}

.post.text {}
.post.text .text-body {
    background: rgba(255, 255, 255, 0.38);
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(255, 255, 255, 0.45);
    padding-bottom: 5px;
}
.post.text .text-body:empty {
    display:none;
}
.post.text .text-body img {
	max-width: 100%;
}
.post.text .text-body p {
    display: block;
}

.quote {}
.quote .qleft, .quote .qright {
    font-size: 18px;
}
.quote .qleft  {
    left: 3px;
    position: relative;
    top: -6px;
}
.quote .qright {
    right: 3px;
    position: relative;
    top: -6px;
}
.quote .text {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 22px;
    font-weight: bold;
    padding: 4px;
    text-align: center;
}
.quote .source {
    padding-left: 12px;
    margin-bottom: 5px;
    margin-top: 5px;
    font-style: italic;
    font-size: 12px;
}
.quote .source p {
    margin: 0px;
    padding: 0px;
}

.link {}
.link .link {
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 4px;
    text-align: center;
    text-shadow: 0px 0px 2px #FFFFFF;
}
.link .description {
    padding: 3px;
    padding-bottom: 5px;
}

.photo, .photoset {
    text-align: center;
}
.photo img, .photoset img {
    border: #FFF 0px solid;
	text-align: center;
	width: 100% !important;
}
.photo .caption, .photoset .caption {
    text-align: left;
}
.photo .post-body a {
	display: inline-flex;
}

.chat {
    list-style: none outside none;
    padding: 1px;
}
.chat h3 {
    text-align: center;
}
.chat .user {
    background: rgba(222, 222, 222, 0.35);
    margin: 3px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 3px 6px 3px 3px;
    box-shadow: -2px 0px 1px #333;
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.chat .user .label {
    display: block;
    font-weight: bold;
    text-shadow: 0px 0px 4px #CCCCCC;
}
.chat .user .line {
    padding-left: 5px;
}
.chat .user-1 {
    background: rgba(170, 210, 255, 0.3);
}
.chat .user-1 .label {
    color: #002266;
}
.chat .user-2 {
    background: rgba(170, 255, 170, 0.3);
}
.chat .user-2 .label {
    color: #004600;
}
.chat .user-3 {
    background: rgba(255, 170, 170, 0.3);
}
.chat .user-3 .label {
    color: #5B0000;
}
.chat .user-4 {
    background: rgba(211, 170, 255, 0.3);
}
.chat .user-4 .label {
    color: #2F055B;
}
.chat .user-5 {
    background: rgba(255, 255, 170, 0.3);
}
.chat .user-5 .label {
    color: #964B00;
}

.answer {}
.answer .spacer {
    height: 1px;
    display: block;
    clear: both;
    width: 100%;
}
.answer .question .asker,
.answer .question .asker a,
.answer .response .answerer,
.answer .response .answerer a {
    font-size: 12px;
}
.answer .question {
    background: none repeat scroll 0 0 rgba(222, 222, 222, 0.22);
    border: 1px solid rgba(90, 90, 90, 0.65);
    box-shadow: -2px 2px 10px #D0D0D0 inset;
    margin: 2px;
    padding: 2px;
    width: 90%;
    float: left;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.answer .question .asker {
    font-weight: bold;
}
.answer .question .message {
    padding-bottom: 5px;
    padding-left: 3px;
    padding-top: 3px;
}
.answer .response {
    background: none repeat scroll 0 0 rgba(222, 222, 222, 0.22);
    border: 1px solid rgba(90, 90, 90, 0.65);
    box-shadow: 2px 3px 10px #D0D0D0 inset;
    margin: 2px;
    padding: 2px;
    width: 90%;
    float: right;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.answer .response .answerer {
    font-weight: bold;
}
.answer .response .message {
    padding-bottom: 5px;
    padding-left: 3px;
    padding-top: 3px;
}
.answer .replies {
    margin-top: 4px;
}

.audio .audio_player {
    text-align: center;
}

.video .video-player {
    text-align: center;
}
.video .tumblr_video_container {
  display: inline-block;
}

.notes {
    text-align: left;
    margin: 0px;
    padding: 0xp;
}
.notes .avatar_frame {
	float: left;
}
.notes .avatar {
    border: 0px;
    vertical-align: middle;
    padding-left: 6px;
    display: inline-block;
    width: 18px !important;
	height: 18px !important;
	opacity: 0.72;
}
.notes .note {
    background: #B3B3B3;
    margin-bottom: 4px;
    margin-right: 36px;
    padding-top: 3px;
    padding-bottom: 4px;
	border: 1px solid rgba(15,15,15,0.55);
	display: flex;
	
	-webkit-border-radius: 8px;
	border-radius: 8px;
	
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.72) 0%, rgba(255,255,255,0.45) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.72)), color-stop(100%,rgba(255,255,255,0.45))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.72) 0%,rgba(255,255,255,0.45) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.72) 0%,rgba(255,255,255,0.45) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.72) 0%,rgba(255,255,255,0.45) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.72) 0%,rgba(255,255,255,0.45) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8ffffff', endColorstr='#73ffffff',GradientType=0 ); /* IE6-9 */
	
}
.notes .note.like.without_commentary {
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.72) 0%, rgba(255,226,226,0.45) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.72)), color-stop(100%,rgba(255,226,226,0.45))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.72) 0%,rgba(255,226,226,0.45) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.72) 0%,rgba(255,226,226,0.45) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.72) 0%,rgba(255,226,226,0.45) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.72) 0%,rgba(255,226,226,0.45) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8ffffff', endColorstr='#73ffe2e2',GradientType=0 ); /* IE6-9 */

}
.notes .note.reblog.without_commentary {
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.72) 0%, rgba(216,255,211,0.45) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.72)), color-stop(100%,rgba(216,255,211,0.45))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.72) 0%,rgba(216,255,211,0.45) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.72) 0%,rgba(216,255,211,0.45) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.72) 0%,rgba(216,255,211,0.45) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.72) 0%,rgba(216,255,211,0.45) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8ffffff', endColorstr='#73d8ffd3',GradientType=0 ); /* IE6-9 */

}
.notes .note.reply {
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.72) 0%, rgba(216,232,255,0.45) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.72)), color-stop(100%,rgba(216,232,255,0.45))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.72) 0%,rgba(216,232,255,0.45) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.72) 0%,rgba(216,232,255,0.45) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.72) 0%,rgba(216,232,255,0.45) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.72) 0%,rgba(216,232,255,0.45) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8ffffff', endColorstr='#73d8e8ff',GradientType=0 ); /* IE6-9 */

}
.notes .note.original_post {
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.72) 0%, rgba(255,255,255,0.45) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.72)), color-stop(100%,rgba(255,255,255,0.45))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.72) 0%,rgba(255,255,255,0.45) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.72) 0%,rgba(255,255,255,0.45) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.72) 0%,rgba(255,255,255,0.45) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.72) 0%,rgba(255,255,255,0.45) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8ffffff', endColorstr='#73ffffff',GradientType=0 ); /* IE6-9 */
}
.notes .action {
    font-family: Georgia, "Times New Roman", Times, serif;
    padding-left: 5px;
	margin-top: 2px;
	float: left;
}
.clear {
    height: 0px;
	clear: both;
	display: block;
}
.more_notes_link_container {
    list-style: none outside none;
}
.more_notes_link {
    font-size: 15px;
}

.caption {
	background: rgba(255, 255, 255, 0.38);
    border-radius: 6px;
    box-shadow: 0 0 4px rgba(255, 255, 255, 0.45);
	margin-top: 5px;
} 

#load-more-posts {}
#load-more-posts .button {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    
    background: url("http://static.tumblr.com/y9kgrig/tXwmwf47k/tgrd.png") repeat-x;
    border: 1px solid rgba( 220, 220, 220, 0.45 );
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    
    -moz-box-shadow: 2px 2px 6px #202020;
    -webkit-box-shadow: 2px 2px 6px #202020;
    box-shadow: 2px 2px 6px #202020;
}
#load-more-posts .button .button-bg {
    background: rgb(0, 89, 224);
    opacity: 0.30;
    
    display: block;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 51;
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
#load-more-posts .button .button-content {
    /* background: rgba( 220, 220, 220, 0.6 ); /**/
    color: rgba( 222, 222, 222, 0.75 );
    margin: 0px;
    z-index: 52;
    position: relative;
    display: block;
}
#load-more-posts .button .button-content .fa {
    font-size: 40px;
    font-weight: normal;
    line-height: 42px;
    color: rgba( 222, 222, 222, 0.75 );
}
#load-more-posts .button:hover {
    border: 1px solid rgba( 220, 220, 220, 0.65 );
}
#load-more-posts .button:hover .button-bg {
    opacity: 0.40;
}
#load-more-posts .button:hover .button-content .fa {
    text-decoration: none;
    text-shadow: 0px 1px 0px rgba( 20, 20, 20, 0.8 );
    color: rgba( 255, 255, 255, 0.90 );
}

#footer-ad-unit {
    bottom: 22px;
    display: block;
    position: fixed;
    width: 100%;
    z-index: 100;
}
.header-unit #footer-ad-unit {
    display: none;
}
#footer-ad-unit .ad-container {
    display: inline-block;
    margin: 0px auto;
    position: relative;
    height: auto;
    max-height: 90px;
    background: url("http://static.tumblr.com/y9kgrig/tXwmwf47k/tgrd.png") repeat-x scroll center top rgba(0, 0, 0, 0);
    border: 1px solid #9D9D9F;
    color: #000000;
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    
    -moz-box-shadow: 2px 2px 6px #202020;
    -webkit-box-shadow: 2px 2px 6px #202020;
    box-shadow: 2px 2px 6px #202020;
}
#footer-ad-unit .ad-bg {
    z-index: 21;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
#footer-ad-unit .ad-body {
    z-index: 22;
    margin: 4px;
    position: relative;
    background: rgba(255, 255, 255, 0.4);
}

#footer {
    text-align: center;
    font-size: 10px;
    clear: both;
    border-top: solid 1px #666;
    background: url('http://static.tumblr.com/y9kgrig/tXwmwf47k/tgrd.png') top repeat-x;
    position: fixed;
    width: 100%;
    bottom: 0px;
    z-index: 4;
}
#footer.hidden {
    display: none;
}
#footer a {
    font-size: 10px;
}
#footer .back-to-top.left { 
    float: left;
    position: relative;
    left: 5px;
}
#footer .back-to-top.right {
    float: right;
    position: relative;
    right: 5px;
}
#footer .back-to-top {
    font-size: 12px;
    line-height: 10px;
    text-decoration: none;
}
#footer .back-to-top:hover {
    text-decoration: none;
}

#hidden-nav-info {
    visibility: hidden;
    display: none;
}

#loading-bar {
    bottom: 26px;
    left: 50%;
    margin-left: -120px;
    position: fixed;
    text-align: center;
    width: 240px;
    z-index: 20;
    display: block;
}
.footer-unit #loading-bar {
    bottom: 126px;
}
#loading-bar > div {
    display: inline-block;
    height: 32px;
    width: 32px;
}
#loading-bar > div .fa {
    color: rgb(16, 16, 16);
    font-size: 32px;
    text-shadow: 0 0 4px rgb(255, 255, 255);
}
#loading-bar > div:nth-child(2) {
    margin-left: 56px;
    margin-right: 56px;
}
#loading-bar .load-msg {
    background: url("http://static.tumblr.com/y9kgrig/tXwmwf47k/tgrd.png") repeat-x scroll center -10px;
    border: 1px solid #AFAFAF;
    color: #FFFFFF;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding: 4px 10px;
    position: relative;
    text-shadow: 1px 1px 0px #0F0F0F, 1px 1px 3px #1F1F1F;
    text-transform: capitalize;
	width: 128px;
	height: 24px;
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    
    -moz-box-shadow: 2px 2px 6px #202020;
    -webkit-box-shadow: 2px 2px 6px #202020;
    box-shadow: 2px 2px 6px #202020;
}
#loading-bar .load-msg .load-text {
    position: relative;
    z-index: 21;
    
}

#loading-bar .load-msg .load-bg {
    background: rgb(0, 89, 224);
    height: 100%;
    left: 0px;
    opacity: 0.35;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 20;
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

/**
* Media Queries
*/
@media all and (max-width: 289px)
{
    #header-pane.fixed-width {
        border-left: 0 none;
        border-right: 0 none;
        width: 100%;
    }
    
    .index-page #posts {
        width: 100%;
        width: calc(100% - 3px);
    }
    .index-page #posts .post-li {
        width: 100%;
        width: calc(100% - 3px);
    }
}
@media all and (max-width: 534px) {
    .permalink-page #posts {
        width: 100%;
        width: calc(100% - 3px);
    }
    .permalink-page #posts .post-li {
        width: 100%;
        width: calc(100% - 3px);
    }
}
@media all and (max-width: 561px) and (min-width: 290px)
{
    #header-pane.fixed-width {
        border-left: 0 none;
        border-right: 0 none;
        width: 100%;
    }
    
    .index-page #posts {
        width: 272px;
    }
}

@media all and (max-width: 670px) 
{
    #perma-page-prev,
    #perma-page-next,
    .post-li #perma-pane-prev,
    .post-li #perma-pane-next    {
        display: none;
    }
    
    .info-paginate {
        display: block;
    }
}

@media all and (max-width: 841px) and (min-width: 562px)
{
    #header-pane.fixed-width {
        width: 534px;
    }
    
    #posts {
        width: 544px;
    }
}
@media all and (max-width: 1121px) and (min-width: 842px) 
{
    #header-pane.fixed-width {
        width: 766px;
    }
    
    #posts {
        width: 824px;
    }
}
@media all and (max-width: 1401px) and (min-width: 1122px) 
{
    #posts {
        width: 1104px;
    }
}
@media all and (max-width: 1681px) and (min-width: 1402px) 
{
    #posts {
        width: 1384px;
    }
}
@media all and (max-width: 2600px) and (min-width: 1682px) 
{
    #posts {
        width: 1664px;
    }
}