body {
	margin: 0;
	padding:53px 0 0 0;
    background:#f4f4f4;
}
.hidden{
    display:none;
    visibility:hidden;
}
.clear{
    clear:both;
}

.full.background{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
	background: url('http://placekitten.com/1280/1124') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: url(../img/filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); 
}
.navbar{
    background:#fff;
    border:none;
    text-transform:uppercase;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    letter-spacing:0.75pt;
    font-size:1.175em;
    font-weight:300;
}
.gallery-page > .container, .detail-page > .container{
    margin-top:10px;
}
.navbar-brand{
    height:50px;
}
.logo{
    height:28px;
    margin-top:-4px;
    margin-left:10px;
}
.navbar-nav>li>a {
    padding-top: 23px;
    padding-bottom: 11px;
}

.navbar-default .navbar-nav>li>a{
    color:#2e2e2e;
}
.navbar a.navbar-brand{
    color:#000;
    font-weight:400;
    font-size:1.75em;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
    color:#fff;
    background:#2e2e2e;
}
.dropdown-menu{
    border:none;
    border-radius:0;
}
.label{
    font-size:0.85em;
    text-transform:uppercase;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight:300;
    letter-spacing:0.75pt;
    padding:0.35em 0.5em;
    margin:0 0.2em;
}
.tags{
    margin:10px 15px;
}
a.label:hover{
    text-decoration:none;
    cursor: pointer;
    cursor: hand;
}
.label-tag{
    color:#2e2e2e;
    background:#fff;
}
.label-selected{
    color:#2e2e2e;
    background:transparent;
    font-weight:400;
}

.img-thumbnail {
    padding: 0px;
    border:none;
    border-radius:0;
}
.post-box {
    margin: 15px 0 15px 0;
}

.home-page #left{
    position:fixed;
    width:50%;
    top:50px;
    right:50%;
    padding:0;
}

.home-page #featured{
    position:relative;
    min-height:100px;
    padding:5px 0px 0px;
    background:#f4f4f4;
}

.home-page #featured img{
    visibility:hidden;
    display:none;
}

.home-page #featured img.active{
    display:block;
    visibility:visible;
}

.home-page #featured ul{
   float:right;
   display:block;
   margin:0;
   padding:0;
   padding:10px;
   clear:both;
}

.home-page #featured ul li{
    list-style-type:none;
    display:block;
    margin:0;
    padding:0;
}

.home-page #featured p{
    margin:0 0 1.5em 0;
    padding:0;
}

.home-page #featured img{
    width:120px;
    border:6px solid #fff;
    margin-left:10px;
    float:right;
}

.detail-page #right{
    position:fixed;
    width:50%;
    top:0;
    right:0;
    left:50%;
    bottom:0;
}

.detail-page #side-image{
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    background-repeat:no-repeat;
    background-position:top left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: url(../img/filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); 
}

.gamma-gallery li{
    padding:10px;
}


/* Extra small devices Phones (<768px) */
@media (max-width: 768px) {

    .detail-page #side-image, .detail-page #right{ display:none; visibility:hidden; }
   
    .home-page #left{
        width:100%;
        right:0px;
    }
    .home-page #featured{
        margin-right:0px;
        width:100%;
    }
    
    .home-page #featured ul{
        width:100%;
        padding-left:10px;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 992px) {

    .detail-page #side-image{ left: 120px /* 2x 60px col */}
   
    .home-page #left{
    
    }
   
    .home-page #featured{
        margin-right:0px; 
    }
    
    .home-page #featured ul{
        width:360px; /* 6 columns */
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1200px) {
   .detail-page #side-image{ left: 156px /* 2x 78px col */}
   
    .home-page #featured{
        margin-right:78px; /* 1 column */
    }
    
    .home-page #featured ul{
        width:390px; /* 5 columns */
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    
    .detail-page #side-image{ left:190px; /* 2x 95px col */ }
   
    .home-page #featured{
        margin-right:190px; /* 2 columns */
    }
    
    .home-page #featured ul{
        width:380px; /* 4 columns */
    }
}