@import url(global.css);

.listBlock,
.singleFeatureBlock,
.doubleFeatureBlock,
.tripleFeatureBlock {
    margin-bottom: 10px;
    float: left;
    width: 100%;
    position: relative;
}

.listBlock h2 {
    background: #BBC8EA url(../images/backgrounds/blockhead.gif) no-repeat 0 100%;
    margin: 0;
    padding: 6px 5px 11px 8px;
    font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, Garuda, "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Geneva, "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #222;
}

.listBlock h2 a {
    color: #222 !important;
}

.listBlock ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: block;  
    color: #222;
}

.listBlock ul.bulleted {
    padding: 0;
}

.listBlock ul li {
    margin: 5px 0 5px 0;
    clear: left;
    overflow: hidden;
    position: relative;
    border-left: 5px solid #BBC8EA;
    padding-left: 10px;
    margin: 10px 0 10px 0;
}

#column_1 .listBlock ul.articles {
    padding: 0;
}

#column_1 .listBlock ul.articles li {
    margin: 10px 0 10px 0;
    border-left: none;
    padding-bottom: 10px;
    border-bottom: 1px dotted #BBB;
    padding-left: 0;
}

#column_1 .listBlock ul.articles li:last-child {
    margin-bottom: 0;
}

#column_1 .listBlock ul.articles li h3 {
    margin-bottom: 2px;
}

#column_2 .listBlock ul.news li {
    border-color: #5E737B;
}

.listBlock ul li:last-child {
    margin-bottom: 0;
}

.listBlock ul.bulleted li {
    margin: 5px 0;
}

.listBlock h3,
.feature h2 {
    font-size: 1.1em;
    margin: 0;
}

.listBlock h3 a, .feature h2 a {
    text-decoration: none;
}

.listBlock h3 a:hover, 
.comments a:hover, 
.feature h2 a:hover,
.feature .comments a:hover {
    text-decoration: underline;
}

.listBlock .datetime {
    color: #555;
    line-height: 1.8em;
}

.listBlock p.more {
    display: block;
    position: absolute;
    top: 5px;
    right: 10px;
    margin: 0;
}

.comments {
    font-weight: normal;
    font-size: 11px;
    color: #999;
}

.comments a {
    color: #039;
    font-size: 10px;
    text-decoration: none;
}

.listBlock .strap {
    margin-bottom: 3px;
}

.listBlock .comments {
    display:-moz-inline-box;
    display: inline-block;
    background: url(../images/backgrounds/comments.png) no-repeat 0 50%;
    padding-right: 4px;
    margin-right: 9px;
    height: 17px;
    font-size: 0;
    line-height: 0;
}

.listBlock .comments a {
    white-space: nowrap;
    display:-moz-inline-box;
    display: inline-block;
    background: url(../images/backgrounds/comments.png) no-repeat 100% 50%;
    padding-right: 6px;
    margin-right: -8px;
    padding-left: 3px;
    margin-left: 5px;
    height: 17px;
    line-height: 17px;
    font-style: oblique;
    font-size: 10px !important;
}

.listBlock .image {
    float: left;
    height: 75px;
    border-right: 5px solid #999;
}

.image img {
    display: block;
}

.listBlock .image img {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.listBlock .detail {
    margin-left: 90px;
}

.category {
    font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, Garuda, "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Geneva, "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
}

.category a {
    color: inherit !important;
    text-decoration: none;
}

.tripleFeatureBlock .feature {
    float: left;
    width: 130px;
    margin-right: 8px;
}

.feature .image img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.feature {
    position: relative;
}

.feature .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    padding: 10px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.gaming > .overlay {
    border-top: 5px solid rgb(183, 43, 15);
    border-top: 5px solid rgba(183, 43, 15, 0.8);
}

.hardware > .overlay {
    border-top: 5px solid rgb(52, 116, 176);
    border-top: 5px solid rgba(52, 116, 176, 0.8);
}

.modding > .overlay {
    border-top: 5px solid rgb(82, 54, 104);
    border-top: 5px solid rgba(82, 54, 104, 0.8);
}

.bits > .overlay {
    border-top: 5px solid rgb(83, 166, 166);
    border-top: 5px solid rgba(83, 166, 166, 0.8);
}

.blog > .overlay {
    border-top: 5px solid rgb(10, 153, 0);
    border-top: 5px solid rgba(0, 153, 0, 0.8);
}

.news > .overlay {
    border-top: 5px solid rgb(94, 115, 123);
    border-top: 5px solid rgba(94, 115, 123, 0.8);
}

.tripleFeatureBlock .feature .overlay {
    padding: 5px;
    width: 120px;
}

.doubleFeatureBlock .feature .overlay {
    width: 178px;
}

.singleFeatureBlock .feature .overlay {
    width: 386px;
}

.feature h2 {
    font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, Garuda, "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Geneva, "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
}

.tripleFeatureBlock .feature h2 {
    font-size: 12px;
    line-height: 16px;
}

.feature h2 a, 
.feature h2 a:visited {
    color: #FFF !important;
    font-weight: normal;
    text-decoration: none;
}

.feature h2 a:hover {
    text-decoration: underline;
}

.feature .datetime {
    color: #EEE;
    font-size: 0.95em;
}

body .doubleFeatureBlock .feature .category,
body .singleFeatureBlock .feature .category {
    font-style: oblique;
    text-transform: none;
    color: #FFF !important;
}

body .doubleFeatureBlock .feature .category a,
body .singleFeatureBlock .feature .category a {
    color: #FFF !important;
}

.doubleFeatureBlock .feature .overlay {
    min-height: 49px;
}

.tripleFeatureBlock .feature .overlay {
    min-height: 42px;
}

.feature .comments {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #FFF;
    display: block;
    background: url(../images/backgrounds/feature-comments-small.png) no-repeat 100% 0;
    height: 25px;
    padding-left: 5px;
    margin-left: 5px;
}

.feature .comments a {
    font-size: 10px;
    text-decoration: none;
    display: block;
    height: 25px;
    line-height: 15px;
    padding: 0 0 0 8px;
    margin: 0 8px 0 -10px;
    background: url(../images/backgrounds/feature-comments-small.png) no-repeat 0 0;
    color: #039;
    font-style: oblique;
}

.feature .comments a:visited, 
.listBlock .comments a:visited {
    color: #039 !important;
}

.news .filter select {
    border: 1px solid #BBB;
    display: inline-block;
    float: left;
    padding: 2px 4px;
    margin: 7px 10px 0 0;
    vertical-align: middle;
    width: 20em;

}

#tag-cloud {
    margin: 5px 0 0 0;
    text-align: left;
    padding: 0 5px;
    line-height: 2em;
}

.listBlock .news .image,
.doubleFeatureBlock .news .image,
.singleFeatureBlock .news .image,
.tripleFeatureBlock .news .image {
    border-color: #5E737B !important;
}
.listBlock .news .category,
.listBlock .news .category a,
.singleFeatureBlock .news .category,
.singleFeatureBlock .news .category a,
.doubleFeatureBlock .news .category,
.doubleFeatureBlock .news .category a {
    color : #5E737B !important;
}
.news .listBlock h2,
.news #tabBlock {
    background-color: #ABB;
}

.news .listBlock ul li {
    border-color: #ABB;
}

.listBlock .hardware .image,
.doubleFeatureBlock .hardware .image,
.singleFeatureBlock .hardware .image,
.tripleFeatureBlock .hardware .image,
#column_2 .listBlock ul.news li.hardware {
    border-color: #3474B0 !important;
}
.listBlock .hardware .category,
.listBlock .hardware .category a,
.singleFeatureBlock .hardware .category,
.singleFeatureBlock .hardware .category a,
.doubleFeatureBlock .hardware .category,
.doubleFeatureBlock .hardware .category a {
    color: #3474B0 !important;
}
.hardware .listBlock h2,
.hardware #tabBlock {
    background-color: #ACE;
}

.hardware .listBlock ul li {
    border-color: #ACE;
}

.listBlock .gaming .image,
.doubleFeatureBlock .gaming .image,
.singleFeatureBlock .gaming .image,
.tripleFeatureBlock .gaming .image,
#column_2 .listBlock ul.news li.gaming {
    border-color: #B72B0F !important;
}
.listBlock .gaming .category,
.listBlock .gaming .category a,
.singleFeatureBlock .gaming .category,
.singleFeatureBlock .gaming .category a,
.doubleFeatureBlock .gaming .category,
.doubleFeatureBlock .gaming .category a {
    color: #B72B0F !important;
}
.gaming .listBlock h2,
.gaming #tabBlock {
    background-color: #DA9;
}

.gaming .listBlock ul li {
    border-color: #DA9;
}

.listBlock .modding .image,
.doubleFeatureBlock .modding .image,
.singleFeatureBlock .modding .image,
.tripleFeatureBlock .modding .image,
#column_2 .listBlock ul.news li.modding {
    border-color: #523668 !important;
}
.listBlock .modding .category,
.listBlock .modding .category a,
.singleFeatureBlock .modding .category,
.singleFeatureBlock .modding .category a,
.doubleFeatureBlock .modding .category,
.doubleFeatureBlock .modding .category a {
    color: #523668 !important;
}
.modding .listBlock h2,
.modding #tabBlock {
    background-color: #BAD;
}

.modding .listBlock ul li {
    border-color: #BAD;
}

.listBlock .bits .image,
.doubleFeatureBlock .bits .image,
.singleFeatureBlock .bits .image,
.tripleFeatureBlock .bits .image,
#column_2 .listBlock ul.news li.bits {
    border-color: #53A6A6 !important;
}
.listBlock .bits .category,
.listBlock .bits .category a,
.singleFeatureBlock .bits .category,
.singleFeatureBlock .bits .category a,
.doubleFeatureBlock .bits .category,
.doubleFeatureBlock .bits .category a {
    color : #53A6A6 !important;
}
.bits .listBlock h2,
.bits #tabBlock {
    background-color: #BDD;
}

.bits .listBlock ul li {
    border-color: #BDD;
}

.listBlock .blog .image,
.doubleFeatureBlock .blog .image,
.singleFeatureBlock .blog .image,
.tripleFeatureBlock .blog .image {
    border-color: #090 !important;
}
.listBlock .blog .category,
.listBlock .blog .category a,
.singleFeatureBlock .blog .category,
.singleFeatureBlock .blog .category a,
.doubleFeatureBlock .blog .category,
.doubleFeatureBlock .blog .category a {
    color : #090 !important;
}
.blog .listBlock h2,
.blog #tabBlock {
    background-color: #ADA;
}

.blog .listBlock ul li {
    border-color: #ADA;
}