/*      Body        */

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

a,a:hover{text-decoration:none}
a:active{outline:none}
a:focus{-moz-outline-style:none}
:-moz-any-link:focus{outline:none}

blockquote{padding:0 0 0 10px}

h1,h2,h3,h4{display:inline;font-weight:normal}

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

.entry .details .information a,
.entry .details .buttons span,
.entry .text .link span,
#pagination a
{-webkit-transition: all .15s ease;-moz-transition: all .15s ease;-o-transition: all .15s ease; transition: all .15s ease}

a,
#header #navigation a,
.entry .overlay
{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease; transition: all .3s ease}

#header,
#cover,
#posts,
#pagination,
#footer,
#menu
{-webkit-transition: all .6s ease;-moz-transition: all .6s ease;-o-transition: all .6s ease; transition: all .6s ease}

#header,#cover,#posts,#pagination,#footer,#menu{opacity:0}

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

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

/*      Menu      */

#menu{
    position:fixed;
    top:-620px;
    width:100%;
    padding:0 0 0 50px;
    z-index:9
    }

.slide-down{
    margin:730px 0 0 0
    }

.slide-click{
    opacity:.7
    }

#menu h2{
    display:block;
    font:18px/40px
    }

#menu #wrapper{
    float:left;
    width:282px;
    padding:10px 0 30px 0;
    overflow:hidden
    }

#menu #wrapper #description,
#menu #wrapper #social,
#menu #wrapper #contact,
#menu #wrapper #facebook
{
    width:300px;
    height:150px;
    padding:0 40px 0 20px;
    word-wrap:break-word;
    overflow-y:scroll
    }

#menu #social a{
    margin:0 13px 13px 0;
    font:19px/200% icon;
    text-align:center;
    display:inline-block;
    width:40px;
    height:40px;
    border-radius:40px;
    }

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

.information-block{line-height:250%}
.information-block h3{margin:0 3px 0 0}

#menu #wrapper #facebook .fb-like-box{
    margin:0 0 0 -10px
    }


/*      Header      */

#header{
    position:fixed;
    top:0;
    width:100%;
    padding:40px 50px;
    z-index:10;
    }

#header span#responsive-menu{
    display:none
    }

#header h1 a{
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:45px;
    opacity:1 !important;
    }

#header #navigation{
    float:right;
    display:inline;
    margin:5px 0;
    text-transform:uppercase
    }

#header #navigation a{
    margin:0 0 0 60px;
    font-size:15px;
    letter-spacing:1px
    }

#header #navigation a:hover{
    opacity:1
    }

#header #navigation a#menu-click{
    cursor:pointer
    }

#header #navigation a#menu-click span{
    font:14px icon;
    margin:0 15px 0 0;
}

#cover{
    margin:110px 0 0 0;
    width:100%;
    height:400px;
    text-align:center
    }

#cover img{
    height:210px;
    margin:95px 0
    }

/*      Posts       */

#posts{
    margin:60px auto
    }

.entry img{width:100%;display:block}
.entry blockquote{padding-left:20px;border-left:3px solid #ccc }

.entry{overflow:hidden}

.entry .overlay{
    position:absolute;
    height:100%;
    opacity:0;
    }

.entry:hover .overlay{
    opacity:.8;
    }

.entry span.like-button,
.entry a.permalink-button,
.entry a.reblog-button
{
    position:absolute;
    top:-50px;
    color:#fff;
    border:2px solid #ddd;
    }

.entry span.like-button{
    left:15px;
    padding:10px 10px 5px 10px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
    }

.entry a.reblog-button{
    font:18px/100% icon;
    left:75px;
    padding:10px;
-webkit-transition: all .45s ease;
-moz-transition: all .45s ease;
-o-transition: all .45s ease;
transition: all .45s ease
    }

.entry a.permalink-button{
    font:18px/100% icon;
    left:135px;
    padding:10px 12px;
-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease
    }

.entry:hover span.like-button,
.entry:hover a.permalink-button,
.entry:hover a.reblog-button
{top:15px}

.entry .photoset img{
    margin:0 0 5px 0;
    display:block
    }

.entry .photoset img:last-child{
    margin:0 0 30px 0
    }

.entry .text{
    padding:25px;
    }

.entry .text h2{line-height:200%}
.entry .text h3{line-height:160%}

.entry .details{
    padding:0 25px 25px 25px
    }

.entry .details .information{
    display:inline
    }

.entry .details .information a{
    padding:10px 0 0 0;
    text-transform:uppercase;
    letter-spacing:1px;
    font-style:italic
    }

.entry .details .information a:first-child{
    margin:0 30px 0 0
    }

.entry .details .buttons{
    float:right;
    margin:-3px 0 0 0;
    }

.entry .details .buttons span{
    float:right;
    margin:0 0 0 20px;
    }

.entry .details .buttons span:hover{
    opacity:.7;
    }

.entry .media iframe{
    display:block;
    height:auto
    }

.entry .extra-padding{
    padding:25px;
    }

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

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

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

.entry .odd,.entry .even{
    padding:5px 7px;
    margin:10px 0 0 0;
    border-radius:3px;
    }

.entry .question{
    padding:0 0 15px 0
    }

.entry .text .source{
    margin:10px 0 0 0;
    text-align:right
    }

/*      footer      */

#footer{
    padding:30px;
    }

#footer #company-information .information-block{
    margin:0 0 3px 0
    }

#footer #credit{
    float:right;
    margin:-1.8em 0 0 0;
    }

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

#pagination a{
    padding:25px 30px;
    margin:0 0 0 -3px;
    display:inline-block;
    text-transform:uppercase;
    letter-spacing:1px
    }

#pagination a span{
    font:12px/160% icon;
    padding:0 15px 0 0
    }

#pagination a#nextPage span{
    padding:0 0 0 15px;
    }

/*	Detail Color Adjustment	*/


.information-container span,
.information-container a,
.entry .details .information
{color:#777}

.entry{border:1px solid #eee}

.no-border{border:0}

.entry .question{border-bottom:1px solid #ddd}

#pagination{border-top:1px solid #ddd}

#pagination a{border-right:1px solid #ddd}

#pagination a:hover{background:#eee}

#pagination a:first-child{border-left:1px solid #ddd}

.entry .details .information a{color:#777;border-top:1px solid #ddd}

.entry .details .information a:hover{color:#222}

#footer{border-top:1px solid #ddd}

.perma-container{border:1px solid #eee}