#slide {
margin-top:55px;
overflow:hidden;
background-color:#dfdede;
}
script + #main {
padding-top:0;
}

#home-widgets,
#news {
overflow:auto;
padding-top:10px;
}
#content .category {
float:left;
margin-left:40px;
}
#content .category h3 {
position:relative;
top:-10px;
display:inline-block;
padding-right:10px;
background-color:#fff;
}
#content .teasers {
overflow:auto;
}
#content .teaser {
overflow:visible;
float:left;
margin-bottom:40px;
margin-left:40px;
width:258px;
height:350px;
border:1px solid #dfdede;
}
#content .teaser .image {
overflow:hidden;
height:164px;
background-color:#dfdede;
}
#content .teaser .image a {
display:block;
width:258px;
height:164px;
}
#content .teaser .image img {
width:258px;
}
#content .teaser .content {
padding:20px;
height:130px;
}
#content .teaser .content p {
line-height:18px;
font-size:14px;
color:#666;
}
#content .teaser h4 {
margin-bottom:15px;
font-size:16px;
letter-spacing:0.1em;
}
#content .teaser .more {
margin-bottom:0;
padding:14px;
height:60px;
border-top:1px solid #dfdede;
text-align:center;
}
#content .teaser .more a {
display:inline-block;
padding:8px;
background-color:#222;
box-shadow:2px 2px 0 0 #999;
text-decoration:none;
color:#fff;
}
#content .teaser .more a:hover {
background-color:#999;
box-shadow:2px 2px 0 0 #222;
}
.more_entries {
height:30px;
}

@media (min-width:1240px) {
    #slide {
    height:350px;
    }
    #slide img {
    max-width:1240px;
    }
}

@media (min-width:940px) {
    #content .category:nth-child(3n+1),
    #content .teaser:nth-child(3n+1) {
    margin-left:0;
    }
}

@media (max-width:1239px) {
    #slide {
    height:265px;
    }
    #slide img {
    max-width:940px;
    }
}

@media (min-width:600px) and (max-width:939px) {
    #slide {
    height:169px;
    }
    #slide img {
    max-width:598px;
    }

    #content .category:nth-child(2n+1),
    #content .category:last-child,
    #content .teaser:nth-child(2n+1) {
    margin-left:0;
    }
}

@media (max-width:599px) {
    #slide {
    height:90px;
    }
    #slide img {
    max-width:318px;
    }

    #content .category,
    #content .teaser {
    margin-left:0;
    }
}
