/*      Default     */

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

a,a:hover{
    text-decoration:none
    }

body{
    margin:0;
    padding:0;
    word-wrap:normal
    }

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


.entry h2,
.entry h3{
    font-weight:400
    }

.entry a{
    word-wrap:break-word
    }

blockquote{
    padding:0 0 0 5px;
    margin-left:5px;
    border-left:2px solid #ccc
    }

a,
a#install-button,
#navigation a,
#navigation #searcher input[type="text"],
#sidebar img,
#sidebar #social a,
.entry .photo .photo-hover .overlay,
.entry .photo .photo-hover .captions,
.entry .details a,
.entry .text .link a span
{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease; transition: all .3s ease}

#cover,
#navigation,
#posts-wrapper,
#pagination
{-webkit-transition: all .6s ease;-moz-transition: all .6s ease;-o-transition: all .6s ease; transition: all .6s ease}

/*      Cover       */

#cover{
    position:relative;
    width:100%;
    height:350px;
    text-align:center
    }

#cover img{
    margin:75px 0;
    height:200px
    }

#cover #cover-overlay{
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    z-index:2
    }

#navigation{
    padding:35px 50px
    }

#navigation a{
    font-size:15px;
    margin:0 20px 0 0;
    padding:0 0 0 20px
    }

#navigation #searcher{
    float:right;
    width:175px;
    margin:-2px 10px 0 0
    }

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

#navigation #searcher input[type="text"]{
    line-height:23px;
    background:transparent;
    border:0
    }

#navigation #searcher input[type="text"]:focus{
    outline:none;
    opacity:.6;
    }

#posts-wrapper{
    width:100%
    }

#posts-wrapper #posts{
    position:relative;
    margin:auto
    }

/*      Sidebar     */

#sidebar{
    float:left;
    padding:20px;
    margin:0 10px 20px 10px
    }

#sidebar h1 a{
    display:inline;
    font-weight:normal
    }

#sidebar img{
    width:100%;
    margin:0 0 20px 0
    }

#sidebar img:hover{
    opacity:.8
    }

.center-element,
#sidebar #social{
    text-align:center;
    }

#sidebar #social a{
    margin:0 2px 4px 2px;
    font:18px/2em icon;
    text-align:center;
    display:inline-block;
    width:35px;
    height:35px;
    border-radius:30px
    }

.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}


/*      Post Adjustment      */

.width-tiny #sidebar,
.width-tiny .entry,
.width-tiny .entry .media iframe
{width:260px}

.width-small #sidebar,
.width-small .entry,
.width-small .entry .media iframe
{width:290px}

.width-medium #sidebar,
.width-medium .entry,
.width-medium .entry .media iframe
{width:320px}

.width-large #sidebar,
.width-large .entry,
.width-large .entry .media iframe
{width:350px}

.width-huge #sidebar,
.width-huge .entry,
.width-huge .entry .media iframe
{width:380px}

.width-tiny #search-container,
.width-tiny .big-post,
.width-tiny .big-post .media iframe
{width:540px}

.width-small #search-container,
.width-small .big-post,
.width-small .big-post .media iframe
{width:600px}

.width-medium #search-container,
.width-medium .big-post,
.width-medium .big-post .media iframe
{width:660px}

.width-large #search-container,
.width-large .big-post,
.width-large .big-post .media iframe
{width:720px}

.width-huge #search-container,
.width-huge .big-post,
.width-huge .big-post .media iframe
{width:780px}

.entry .normal-width{
    display:block
    }

.big-post .normal-width{
    display:none
    }

.entry .larger-width{
    display:none;
    }

.big-post .larger-width{
    display:block
    }

.entry .featured-banner{
    display:none
    }

.featured-post .featured-banner{
    position:absolute;
    display:block;
    top:-4px;
    right:-3px;
    width:80px;
    height:80px;
    z-index:10;
    background:url("http://static.tumblr.com/3zmswwt/gb4mw2wgk/featured.png") no-repeat
    }

/*      Post Details        */

#search-container{
    padding:20px
    }

#search-container,
.entry{
    width:300px;
    margin:0 10px 20px 10px;
    word-wrap:normal
    }

.entry .media iframe{
    display:block
    }

.entry .text{
    padding:20px
    }

.entry .photo img{
    width:100%
    }

.entry .photo-post{
    padding:0 10px;
    }

.entry .text-post{
    display:block !important;
    padding:0 20px;
    }

.entry .photo-post .details{
    display:none
    }

.entry .text-post .details{
    padding:20px 0;
    }

.entry .details,
.entry .details a{
    color:#aaa;
    line-height:24px;
    }

.entry .details .buttons{
    display:inline;
    float:right;
    margin:4px 0 0 0;
    }

.entry .details .buttons span{
    display:inline-block;
    margin:0 0 0 15px;
    }

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

.entry .text .odd{
    background:#555
    }

.entry .photoset img{
    display:none
    }

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

.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 .text .question{
    padding:0 0 15px 0
    }

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

.entry .photo .photo-hover{
    position:relative;
    }

.entry .photo .photo-hover .overlay{
    position:absolute;
    width:100%;
    height:100%;
    opacity:0
    }

.entry .photo .photo-hover:hover .overlay{
    opacity:.75
    }

.entry .photo .photo-hover .captions{
    position:absolute;
    top:12px;
    left:15px;
    opacity:0;
    z-index:11
    }

.entry .photo .photo-hover:hover .captions{
    opacity:1
    }

.entry .photo .photo-hover .captions a{
    display:block;
    text-transform:uppercase;
    font:12px/30px 'Source Sans Pro', sans-serif;
    letter-spacing:2px
    }

.entry .photo .photo-hover .captions a span{
    margin:0 7px 0 0;
    text-transform:lowercase;
    font:12px "icon"
    }


/*      Pagination      */

#pagination{
    margin:100px 0 0 0;
    padding:35px;
    text-align:center
    }

#pagination a{
    margin:0 25px
    }


a#install-button{
    width:100px;
    height:20px;
    padding:2px 4px;
    background:url("http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png") rgba(0,0,0,.4) no-repeat;
    border:1px solid rgba(0,0,0,0.18);
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    z-index:99;
    top:-30px;
    right:5px;
    position:fixed
    }

a#install-button:hover{
    background:url("http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png") rgba(0,0,0,.32) no-repeat
    }

span#install-theme-text{
    float:right;
    font:12px Arial;
    text-shadow:1px 1px 1px rgba(0,0,0,0.08);
    color:white
    }

#tumblr_controls{
    position:fixed;
    margin:0 105px 0 0 !important
    }

#loading{
    position:absolute;
    width:36px;
    height:36px;
    bottom:300px;
    left:50%;
    margin:0 0 0 -19px;
    border-radius:4px;
    z-index:100;
    background:url('http://static.tumblr.com/j6tha7z/AFfmuponn/ajax-loader.gif') no-repeat center #fff;
    filter:alpha(opacity = 0)
    }

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

#cover,
#navigation,
#posts-wrapper,
#pagination{
    opacity:0
    }