/*      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 15px;
    border-left:2px solid #ccc
    }

a,
#sidebar-wrapper #sidebar #twitter .content,
.entry .details a
    {
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease
    }

#sidebar-wrapper #sidebar img,
#sidebar-wrapper #sidebar #navigation a,
#sidebar-wrapper #sidebar #social a,
.entry .links a span
    {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
    }

a#install-button,
#sidebar-wrapper,
#posts,
#pagination,
#loading
    {
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease
    }

/*      End-Default     */

/*      Selecting Variables     */

.sidebar-right #sidebar-wrapper,
.sidebar-left #posts{
    float:right
    }

.sidebar-left #sidebar-wrapper,
.sidebar-right #posts{
    float:left
    }

.sidebar-left .entry .details .details-share a.twitter,
.sidebar-left .entry .details .details-share a.facebook,
.sidebar-left .entry .details .details-share a.pinterest,
.sidebar-left .entry .details .details-share a.google{
    right:10px
    }
.sidebar-left .entry:hover .details-share a.twitter,
.sidebar-left .entry:hover .details-share a.facebook,
.sidebar-left .entry:hover .details-share a.pinterest,
.sidebar-left .entry:hover .details-share a.google{
    right:-40px
    }

.sidebar-right .entry .details .details-share a.twitter,
.sidebar-right .entry .details .details-share a.facebook,
.sidebar-right .entry .details .details-share a.pinterest,
.sidebar-right .entry .details .details-share a.google{
    left:10px
    }

.sidebar-right .entry:hover .details-share a.twitter,
.sidebar-right .entry:hover .details-share a.facebook,
.sidebar-right .entry:hover .details-share a.pinterest,
.sidebar-right .entry:hover .details-share a.google{
    left:-40px
    }

.width-medium{width:900px}
.width-medium #posts{width:560px}
.width-medium #posts .entry .medium-post{display:block}
.width-medium #posts .entry .large-post{display:none}

.width-large{width:1090px}
.width-large #posts{width:760px}
.width-large #posts .entry .large-post{display:block}
.width-large #posts .entry .medium-post{display:none}

#posts .entry .small-post{display:none}

/*      End-Selecting Variables     */

#container{
    margin:40px auto
    }

/*	Sidebar		*/

#sidebar-wrapper{
    width:290px;
    float:left
    }

#sidebar-wrapper #sidebar #responsive{
    display:none
    }

#sidebar-wrapper #sidebar #responsive span#menu{
    font:25px/1em "icon";
    float:right;
    cursor:pointer
    }

#sidebar-wrapper #sidebar{
    padding:30px;
    margin:0 0 30px 0
    }

#sidebar-wrapper #sidebar h1,
#sidebar-wrapper #sidebar h3{
    display:inline;
    font-weight:normal
    }

#sidebar-wrapper #sidebar img{
    width:100%;   
    }

#sidebar-wrapper #sidebar img:hover{
    opacity:.9
    }

#sidebar-wrapper #sidebar #description{
    margin:25px 0 0 0
    }

#sidebar-wrapper #sidebar #navigation{
    margin:25px 0 0 0;
    text-align:center
    }

#sidebar-wrapper #sidebar #navigation a{
    display:block;
    padding:10px 0;
    letter-spacing:1px;
    border-top:1px solid rgba(0,0,0,0.1);
    border-right:1px solid rgba(0,0,0,.1);
    border-left:1px solid rgba(0,0,0,.1);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.3),
	       inset 0 10px 30px rgba(255,255,255,.3)
    }

#sidebar-wrapper #sidebar #navigation a:hover{
    color:#eeeeee
    }

#sidebar-wrapper #sidebar #navigation a:first-child{
    border-top-right-radius:2px;
    border-top-left-radius:2px
    }

#sidebar-wrapper #sidebar #navigation a:last-child{
    border-bottom:1px solid rgba(0,0,0,0.1);
    border-bottom-right-radius:2px;
    border-bottom-left-radius:2px
    }

#sidebar-wrapper #sidebar #social{
    margin:20px 0 0 0;
    text-align:center
    }

#sidebar-wrapper #sidebar #social a{
    margin:2px;
    font:16px/41px icon;
    text-align:center;
    display:inline-block;
    width:41px;
    height:41px;
    color:#fff;
    border:1px solid rgba(0,0,0,0.1);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.3),
	       inset 0 10px 30px rgba(255,255,255,.3)
    }

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

#sidebar-wrapper #sidebar #social:hover a{
    opacity:.4
    }

#sidebar-wrapper #sidebar #social a:hover{
    opacity:1
    }


#sidebar-wrapper #sidebar #instagram #instagram-username{
    margin:0 0 25px 0
    }

.instagram-count-3 #sidebar #instagram #instagram-feed{height:80px}
.instagram-count-6 #sidebar #instagram #instagram-feed{height:155px}
.instagram-count-9 #sidebar #instagram #instagram-feed{height:230px}
.instagram-count-12 #sidebar #instagram #instagram-feed{height:305px}

#sidebar-wrapper #sidebar #instagram #instagram-feed{
    width:240px;
    margin:10px 0 0;
    padding:0;
    list-style:none;
    overflow:hidden;
    white-space:nowrap
    }
    
#sidebar-wrapper #sidebar #instagram #instagram-feed li {
    float:left;
    margin:0 5px 5px 0
    }

#sidebar-wrapper #sidebar #instagram #instagram-feed li img{
    width:75px;
    height:75px;
    opacity:.85
    }

#sidebar-wrapper #sidebar #instagram #instagram-feed li img:hover{
    opacity:1
    }


#sidebar-wrapper #sidebar #twitter #twitter-username{
    margin:0 0 25px 0
    }

#sidebar-wrapper #sidebar #twitter .content{
    margin:0 0 10px 0
    }

#sidebar-wrapper #sidebar #twitter .content:hover{
    opacity:.8
    }

/*	End-Sidebar	*/

/*	Posts	*/

#posts{
    position:relative
    }

.entry{
    position:relative;
    width:100%;
    padding:30px;
    margin:0 0 30px 0
    }

.entry .photo img{
    width:100%
    }

.entry .media .iframe{
    display:block;
    width:100%
    }

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

.entry .question img{
    float:left
    }

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

.entry .odd{
    background:#eeeeee
    }

.entry .links{
    padding:20px;
    font-size:20px
    }

.entry .links a{
    color:#ffffff !important
    }

.entry .links a span{
    margin:0 0 0 30px;
    font:18px "icon"
    }

.entry .links:hover span{
    margin:0 0 0 60px
    }

.entry .source{
    text-align:right
    }

/*	End-Posts	*/

/*      Details     */

.entry .captions{
    margin:25px 0 0 0
    }

.entry .details{
    margin:30px 0 0 0;
    padding:20px 0 0 0
    }

.entry .details .details-share a{
    display:block;
    z-index:-1;
    width:40px;
    height:40px;
    font:20px/2em "icon";
    text-align:center;
    color:#ffffff !important
    }

.entry .details .details-share a:hover{
    opacity:.8
    }

.entry .details .details-share a.twitter,
.entry .details .details-share a.facebook,
.entry .details .details-share a.pinterest,
.entry .details .details-share a.google
    {
    position:absolute
    }

.entry .details .details-share a.twitter{
    top:25px;
    background:#00aced;
    -webkit-transition:right .3s ease,left .3s ease;
    -moz-transition:right .3s ease,left .3s ease;
    -o-transition:right .3s ease,left .3s ease;
    transition:right .3s ease,left .3s ease
    }

.entry .details .details-share a.facebook{
    top:65px;
    background:#3b5999;
    -webkit-transition:right .4s ease,left .4s ease;
    -moz-transition:right .4s ease,left .4s ease;
    -o-transition:right .4s ease,left .4s ease;
    transition:right .4s ease,left .4s ease
    }

.entry .details .details-share a.pinterest{
    top:105px;
    background:#c11a22;
    -webkit-transition:right .5s ease,left .5s ease;
    -moz-transition:right .4s ease,left .5s ease;
    -o-transition:right .5s ease,left .5s ease;
    transition:right .5s ease,left .5s ease
    }

.entry .details .details-share a.google{
    top:145px;
    background:#d84937;
    -webkit-transition:right .6s ease,left .6s ease;
    -moz-transition:right .6s ease,left .6s ease;
    -o-transition:right .6s ease,left .6s ease;
    transition:right .6s ease,left .6s ease
    }



	/*	Color	*/

.entry .details .details-tag span,
.entry .details a{
    color:#aaaaaa
    }

.entry .details .details-tag,
.entry .details a:hover{
    color:#555555
    }

	/*	End-Color	*/



.entry .details .details-tag{
    margin:5px 0 15px 0
    }

.entry .details .details-tag span{
    font:13px "icon";
    margin:0 12px 0 2px
    }

.entry .details .details-tag a{
    margin:0 7px 0 0
    }

.entry .details .details-menu a{
    margin:0 12px 0 0
    }

.entry .details .details-menu a span{
    font:13px "icon";
    margin:0 8px 0 0
    }

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

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

/*      End-Details     */

/*      Pagination      */

#pagination{
    padding:20px 0 50px 0
    }

#pagination #pagination-box{
    display:inline-block;
    padding:10px 15px
    }

#pagination .page-pagination{
    float:right;
    margin:0 0 0 25px
    }

/*      End-Pagination      */

#posts .permalink-box{
    margin:30px 0 0 0;
    padding:30px
    }

ol.notes{
    margin:30px 0 0 -40px;
    list-style-type:none
    }

ol.notes li.note{
    padding:3px 0
    }

ol.notes li.like:after,
ol.notes li.reblog:after{
    float:right;
    margin:-17px 0 0 0;
    font:14px icon;
    opacity:.5
    }

ol.notes li.like:after{
    content:"z"
    }

ol.notes li.reblog:after{
    content:"c"
    }

ol.notes img{
    padding:0 10px 0 0
    }

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

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 -20px;
    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:35px;
    left:50%;
    margin:0 0 0 -12px;
    opacity:.65
    }

@media screen and (max-width:1190px){
.width-large{width:890px}
.width-large #posts{width:560px}
.width-large #posts .entry .medium-post{display:block}
.width-large #posts .entry .large-post{display:none}
}

@media screen and (max-width:990px){
#container{width:100%}
#sidebar-wrapper #sidebar h1,
#sidebar-wrapper #sidebar img,
#sidebar-wrapper #sidebar #description,
#sidebar-wrapper #sidebar #navigation,
#sidebar-wrapper #sidebar #social,
#sidebar-wrapper .no-display,
.entry .details .details-share{display:none}
#sidebar-wrapper,#posts{float:none !important}
#sidebar-wrapper{width:100%;margin:0 auto 40px auto}
#sidebar-wrapper #sidebar{position:fixed;top:0;width:100%;z-index:2}
#sidebar-wrapper #sidebar #responsive{display:block}
#sidebar-wrapper #sidebar #responsive h1{display:inline}
#posts{width:500px;margin:130px auto 30px auto}
#posts .entry{margin:20px auto}
}

@media screen and (max-width:580px){
.width-large #posts,.width-medium #posts{width:300px}
.entry .details .details-menu a.no-display,
#posts .entry .medium-post{display:none !important}
#posts .entry .small-post{display:block}
#posts .entry{margin:20px auto;padding:25px}
}