html {
    height: 100% !important;
}

body {
    position: relative;
    min-height:100%;
    background: #F9F9F9;
}

footer {
    background: #252525;
    color: white;
    width: 100%;
    
    position: absolute;
    bottom:0;
    left: 0;
    z-index: 0;
    padding-top:10px;
    padding-bottom: 10px;
    font-size: 0.96em;
    
    box-shadow: 0px -1px 6px 0px #666666;
    -moz-box-shadow: 0px -1px 6px 0px #666666;
    -webkit-box-shadow: 0px -1px 6px 0px #666666;
    -o-box-shadow: 0px -1px 6px 0px #666666;
}

footer .row {
    max-width:1200px !important; 
}

.row {
    max-width: 1400px !important;
}

.row, .top-bar-row, .columns, .column {
    max-width:100%; 
}

.top-bar {
    background: white;
    
    box-shadow: 0px 1px 6px 0px #888888;
    -moz-box-shadow: 0px 1px 6px 0px #888888;
    -webkit-box-shadow: 0px 1px 6px 0px #888888;
    -o-box-shadow: 0px 1px 6px 0px #888888;
}
.top-bar-row {
    margin: 0 auto;
    padding: 0;
}

.blue_a {
    text-decoration: none;
    color: #666666;
}
.blue_a:link {
    text-decoration: none;
    color: #2287f0;
}
.blue_a:visited {
    text-decoration: none;
    color: #2287f0;
}
.blue_a:active  {
    text-decoration: none;
    color: #2287f0;
}
.blue_a:hover {
    color: #6EB0F5 !important;
}

.gray_a {
    text-decoration: none;
    color: #888888;
}
.gray_a:link {
    text-decoration: none;
    color: #888888;
}
.gray_a:visited {
    text-decoration: none;
    color: #888888;
}
.gray_a:active  {
    text-decoration: none;
    color: #888888;
}
.gray_a:hover {
    color: #AAAAAA !important;
}

.white_a {
    text-decoration: none;
    color: white;
}
.white_a:link {
    text-decoration: none;
    color: white;
}
.white_a:visited {
    text-decoration: none;
    color: white;
}
.white_a:active  {
    text-decoration: none;
    color: white;
}
.white_a:hover {
    color: #2287f0 !important;
}

.blue_button {
    color: white !important;
    background: #2287f0 !important;
}
.blue_button:hover {
    color: white !important;
    background: #6EB0F5 !important; 
}
.red_button {
    color: white !important;
    background: #FF007D !important;
}
.red_button:hover {
    color: white !important;
    background: #F65FA9 !important; 
}
button:focus {
    outline:0;
}

.small_font_1 {
    font-size: 0.92em;
}
.small_font_2 {
    font-size: 0.88em;
}
.small_font_3 {
    font-size: 0.86em;
}
.small_font_4 {
    font-size: 0.84em;
}
.regular_font {
    font-size: 1.0em;
}
.large_font_1 {
    font-size: 1.1em;
}
.large_font_2 {
    font-size: 1.15em;
}
.large_font_3 {
    font-size: 1.2em;
}
.large_font_4 {
    font-size: 1.25em;
}
.large_font_5 {
    font-size: 1.3em;
}

.button{
    border-radius: 4px;
}

a:after  {
    border-color: #888888 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}

.chunk {
    background: white;
    border-radius: 4px;
    
    box-shadow: 0px 1px 6px 0px #888888;
    -moz-box-shadow: 0px 1px 6px 0px #888888;
    -webkit-box-shadow: 0px 1px 6px 0px #888888;
    -o-box-shadow: 0px 1px 6px 0px #888888;
}
.title {
    margin-top: 20px;
    margin-bottom: 10px;
    color: #888888;
}
.title_line {
    width: 100%;
    height: 2px;
    border-radius: 4px;
    background: #DDDDDD;
    margin-top: -8px;
}
.title .columns {
    padding: 0;
}
.title_text {
    margin-top: 10px;
}

.item {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}
.item_image {
    border-radius: 6px;
    width: 100%;
}
.item_title {
    color: #666666;
    margin-top: 6px;
    line-height: 1.21em;
    height: 2.4em;
    width: 100%;
    
    text-overflow: ellipsis;  
    overflow: hidden;
    display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2; /* number of lines to show */
}
.fi-eye {
    color: #2287f0;
}
.fi-heart {
    color: #FF007D;
}
.item_views {
    color: #999999;
    width: 98%;
    margin-top: -2px;
}

.item_image {
    opacity: 1;
}
.item_image:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    transition-property: opacity;
    transition-duration: .5s;
}

.pager {
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
    margin-bottom: 20px;
}
.pager a,.pager select {
    margin: 0 auto;
    display: inline-block;
    margin-left: 4px;
    margin-right: 4px;
}
.pager select {
    width: 80px;
    border-radius: 4px;
    color: #888888;
    padding-top: 4px;
    
}
.pager select:focus {
    border-color: #2287f0;
}

.order {
    padding: 0;
}
.order select {
    border-radius: 4px;
    color: #888888;
}
.order select:focus {
    border-color: #2287f0;
}

.server_bt {
    caret-color: transparent;
}

/* Small screen only */
@media only screen and (max-width: 39.9375em) {
    body {
        padding-bottom: 530px !important; 
    }
    footer {
        height: 470px;
    }
    
    .item img {
        min-height: 200px;
    }
}

/* Medium down */
@media only screen and (max-width:63.9375em) {
}

/* Medium up */
@media only screen and (min-width:40em) {

}

/* Medium only */
@media only screen and (min-width:40em) and (max-width:63.9375em) {
    body {
        padding-bottom: 420px !important; 
    }
    footer {
        height: 380px;
    }
    
    .item img {
        height: 250px;
    }
}

/* Large up */
@media only screen and (min-width:64em) {
    body {
        padding-bottom: 330px !important; 
    }
    footer {
        height: 280px;
    }
    
    .item img {
        height: 200px;
    }
    
    .top-bar {
        min-height: 160px;
    }
}