/*      Default     */

*, *:before, *:after {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing: border-box}

.entry img{display:block;max-width:100%}

blockquote{padding:0 0 0 15px;border-left:1px solid #ccc}

a,
#sidebar img,
#sidebar #navigation a,
#sidebar #navigation a span,
.entry .upper-captions,
.entry .captions,
.entry .text .link a span
{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease; transition: all .3s ease}

#sidebar #navigation #searcher input[type="text"],
#sidebar,
#posts-wrapper,
#posts,
#pagination
{-webkit-transition: all .6s ease;-moz-transition: all .6s ease;-o-transition: all .6s ease; transition: all .6s ease}

/*      Style       */

body{
    margin:0
    }    

#sidebar{
    position:fixed;
    float:left;
    width:280px;
    height:100%;
    padding:30px 25px;
    margin:0 0 0 -30px
    }

#sidebar img{
    width:230px
    }

#sidebar img:hover{
    opacity:.8
    }
	
#sidebar #description{
    margin:30px 0 0 0;
    text-align: center
    }

#sidebar #navigation{
    margin:30px 0 0 -10px
    }

#sidebar #navigation a{
    display:block;
    padding:10px;
    font-size:15px
    }

#sidebar #navigation a span{
    float:right;
    text-transform:lowercase;
    font:15px/22px "icon"
    }

#sidebar #navigation a:hover span{
    margin:0 15px 0 0;
    }

#sidebar #navigation #custom-links-container a.custom-links-toggle{
    cursor:pointer
    }

#sidebar #navigation #custom-links-container a{
    border:0 !important;
    }

#sidebar #navigation #custom-links-container #custom-links{
    display:none
    }

#sidebar #navigation #custom-links-container #custom-links a{
    padding:10px
    }

#sidebar #navigation #searcher span{
    margin:12px 9px 0 0;
    font:15px "icon";
    float:right
    }

#sidebar #navigation #searcher input[type="text"]{
    padding:10px;
    width:205px;
    background:transparent;
    border:0
    }

#sidebar #navigation #searcher input[type="text"]:focus{
    outline:none
    }

#sidebar #social{
    width:220px;
    text-align:center;
    position:absolute;
    bottom:5px;
    }

#sidebar #social a{
    margin:0 5px 13px 5px;
    font:16px/30px icon;
    text-align:center;
    display:inline-block;
    width:30px;
    height:30px;
border-radius:15px
    }

.flickr:hover{background:#fe0084 !important}
.vimeo:hover{background:#6dceee !important}
.twitter:hover{background:#00aced !important}
.facebook:hover{background:#3b5999 !important}
.google:hover{background:#d84937 !important}
.pinterest:hover{background:#c11a22 !important}
.dribble:hover{background:#ea4c89 !important}
.spotify:hover{background:#81b71a !important}
.instagram:hover{background:#1c5380 !important}
.soundcloud:hover{background:#f70 !important}
.behance:hover{background:#1769ff !important}
.stumbleupon:hover{background:#f74425 !important}
.github:hover{background:#ea4c89 !important}
.lastfm:hover{background:#81b71a !important}
.linkedin:hover{background:#1769ff !important}

#posts:after{ 
    content:" ";
    display:block; 
    height:0; 
    clear:both;
    }

/*      Post Adjustment      */

.width-tiny .entry,
.width-tiny #search-container,
.width-tiny .entry .media iframe,
.width-tiny .entry .upper-captions,
.width-tiny .entry .captions
{width:260px}

.width-small .entry,
.width-small #search-container,
.width-small .entry .media iframe,
.width-small .entry .upper-captions,
.width-small .entry .captions
{width:290px}

.width-medium .entry,
.width-medium #search-container,
.width-medium .entry .media iframe,
.width-medium .entry .upper-captions,
.width-medium .entry .captions
{width:320px}

.width-large .entry,
.width-large #search-container,
.width-large .entry .media iframe,
.width-large .entry .upper-captions,
.width-large .entry .captions
{width:350px}

.width-huge .entry,
.width-huge #search-container,
.width-huge .entry .media iframe,
.width-huge .entry .upper-captions,
.width-huge .entry .captions
{width:380px}

.margin-0 .entry,.margin-0 #search-container{margin:0}
.margin-10 .entry,.margin-10 #search-container{margin:0 5px 10px 5px}
.margin-20 .entry,.margin-20 #search-container{margin:0 10px 20px 10px}
.margin-30 .entry,.margin-30 #search-container{margin:0 15px 30px 15px}
.margin-40 .entry,.margin-40 #search-container{margin:0 20px 40px 20px}

/*      Post Details        */

#search-container,
.entry{
    float:left;
    overflow:hidden
    }

.entry .upper-captions,
.entry .captions{
    position:absolute;
    padding: 11px 10px 8px 10px;
    background: rgba(0,0,0,.55)
    }

.entry .upper-captions a,
.entry .captions a{
    color:#fff
    }

.entry .upper-captions{
    top:-50px;
    }

.entry .captions{
    bottom:-60px;
    right:0;
    padding: 11px 10px 8px 10px;
    z-index:3
    }

.entry .upper-captions a,
.entry .captions a{
    font:11px 'Source Sans Pro', sans-serif;
    letter-spacing:2px;
    text-transform:uppercase;
    display:block
    }

.entry .upper-captions a span,
.entry .captions a span{
    float:right;
    font:14px/17px "icon"
    }

.entry:hover .upper-captions{
    top:0
    }

.entry:hover .captions{
    bottom:0;
    }

.entry .photoset img{
    display:none
    }

.entry .photoset img:first-child{
    display:block;
    }

.entry .media iframe{
    height:auto;
    }

#search-container,
.entry .text{
    padding:20px
    }
.entry .text h2{
    display:none !important;
    font-weight:normal
    }
.entry .text h3{
    font-weight:normal;
    font: 14px/160% "Source Sans Pro", san-serif !important;
    display:inline
    }

.entry .text .captions{
    padding:15px
    }

.entry .text .odd,.entry .text .even{
    margin:5px 0 0 0;
    padding:5px;
    }

.entry .text .odd{
    background:#eee;
    }

.entry .text .link{
    margin:0 0 20px 0;
    font-size:17px
    }

.entry .text .link:hover span{
    margin:0 0 0 40px;
    }

.entry .text .link a span{
    margin:0 0 0 20px;
    font:14px 'icon'
    }

.entry .question{
    padding:0 0 15px 0;
    border-bottom:0px solid #464953;
    }

.entry .text .source{
    text-align:right
    }

/*      Pagination      */

#pagination{
    margin:0 0 0 280px;
    padding:30px 0;
    text-align:center
    }

#pagination a{
    margin:0 30px;
    }

#pagination a span{
    margin:0 10px;
    font:14px/30px "icon"
    }

#sidebar,#posts-wrapper,#posts,#pagination{opacity:0}

#loading{
    position:absolute;
    width:64px;
    height:64px;
    top:40%;
    left:50%;
    margin:-12px 0 0 -12px;
    border-radius:4px;
    background:url('https://vustom.com/tumblr/fallout.png') no-repeat center transparent;
    filter:alpha(opacity = 0)
    }

#infscr-loading{
    position:absolute;
    bottom:-48px;
    left:50%;
    margin:0 0 0 -12px;
    }