* {
padding : 0;
margin : 0;
outline : 0;
}

input, textarea, select {
padding : 3px;
font : 400 1em georgia, sans-serif;
color : #555;
background : #fff;
border-width : 1px;
border-style : solid;
border-color : #888 #ddd #ddd #888;
}

input:hover, textarea:hover, select:hover {
padding : 3px;
font : 400 1em georgia, sans-serif;
color : #555;
background : #f1ffe3;
border-width : 1px;
border-style : solid;
border-color : #888 #ddd #ddd #888;
}

input:focus, textarea:focus, select:focus {
padding : 3px;
color : #000;
background : #f1ffe3;
border-width : 1px;
}

body {
font-size : 12px;
line-height : 1.2;
font-family : georgia, "Trebuchet MS", sans-serif;
color : #a0a0a0;
background : url(images/bg.gif) repeat 0 0;
text-align : left;
}

a img {
border : 0;
}

a {
color : #a0a0a0;
text-decoration : underline;
}

a:hover {
text-decoration : none;
}

.left {
float : left;
display : inline;
}

.right {
float : right;
display : inline;
}

.cl, .clear {
display : block;
height : 0;
font-size : 0;
line-height : 0;
text-indent : -4000px;
clear : both;
}

.field {
font-size : 12px;
color : #484848;
font-family : georgia, "Trebuchet MS", sans-serif;
color : #000;
border : 1px solid #a0a0a0;
width : 140px;
padding : 2px 5px;
}

.shell {
width : 914px;
margin : 0 auto;
}

#page {
padding-bottom : 30px;
}

#header {
width : 100%;
position : relative;
margin-bottom : 5px;
}

#logo {
line-height : 1;
padding-bottom : 15px;
}

#logo h1 {
font-family : "Trebuchet MS", georgia, sans-serif;
font-weight : bold;
font-size : 30px;
color : #fff;
}

#logo h1 a {
color : #fff;
text-decoration : none;
}

#logo h1 a span {
color : #7ab7e2;
}

#logo .description {
font-size : 15px;
color : #ccc;
}

#top-nav {
float : right;
display : inline;
margin-bottom : 2px;
}

#top-nav ul {
float : left;
display : inline;
font-size : 10px;
line-height : 31px;
color : #fff;
text-transform : uppercase;
background : url(images/top-nav-bg.jpg) repeat-x 0 0;
}

#top-nav ul li {
float : left;
display : inline;
list-style-type : none;
}

#top-nav ul li a {
float : left;
display : inline;
color : #fff;
text-decoration : none;
padding : 0 10px 0 8px;
background : url(images/top-nav-sep.gif) no-repeat right 0;
}

#top-nav ul li a:hover {
text-decoration : underline;
}

#top-nav ul li.last {
padding-right : 4px;
background : url(images/top-nav-last.gif) no-repeat right 0;
}

#top-nav ul li.last a {
background : none;
}

#top-nav ul li.home {
width : 88px;
background : url(images/top-nav-home.gif) no-repeat 0 0;
}

#top-nav ul li.home a {
background : none;
width : 67px;
height : 31px;
line-height : 29px;
padding : 0;
color : #141414;
font-weight : bold;
padding-left : 21px;
}

#main-nav {
float : right;
display : inline;
line-height : 32px;
background : url(images/main-nav-bg.gif) repeat-x 0 0;
}

#main-nav .bg-right {
background : url(images/main-nav-bg-right.gif) no-repeat right 0;
}

#main-nav .bg-left {
background : url(images/main-nav-bg-left.gif) no-repeat 0 0;
padding-left : 32px;
width : 676px;
}

#main-nav ul {
height : 32px;
font-size : 10px;
color : #ccc;
text-transform : uppercase;
}

#main-nav ul li {
float : left;
display : inline;
list-style-type : none;
background : url(images/main-nav-sep.gif) no-repeat right 0;
}

#main-nav ul li a {
float : left;
display : inline;
text-decoration : none;
color : #ccc;
padding : 0 11px 0 9px;
}

#main-nav ul li a:hover {
text-decoration : underline;
}

#sort-nav {
line-height : 46px;
background : url(images/sort-nav-bg.gif) repeat-x 0 0;
}

#sort-nav .bg-left {
background : url(images/sort-nav-bg-left.gif) no-repeat 0 0;
position : relative;
height : 46px;
}

#sort-nav .bg-right {
background : url(images/sort-nav-bg-right.gif) no-repeat right 0;
position : relative;
height : 46px;
}

#sort-nav ul li {
float : left;
display : inline;
list-style-type : none;
height : 46px;
}

#sort-nav ul li a {
float : left;
display : inline;
font-size : 13px;
font-weight : bold;
color : #282828;
text-decoration : none;
padding : 0 19px;
}

#sort-nav ul li span.sep {
float : left;
display : inline;
width : 2px;
height : 46px;
font-size : 0;
line-height : 0;
text-indent : -4000px;
background : url(images/sort-nav-sep.gif);
}

#sort-nav ul li a:hover {
text-decoration : underline;
}

#sort-nav ul li.active a {
color : #fff;
text-decoration : none;
}

#sort-nav ul li.active a:hover {
text-decoration : none;
}

#sort-nav ul li.first-active a {
background : url(images/nav-active-first.gif) no-repeat 0 0;
}

#sort-nav ul li.active span.sep {
background-image : url(images/nav-active-sep.gif);
}

#sort-nav ul li.active {
background : url(images/nav-active-bg.gif) repeat-x 0 0;
}

#main {
background : #050505 url(images/main-bg.gif) no-repeat 0 0;
padding-top : 10px;
}

#main-bot {
background : url(images/main-bot-bg.gif) no-repeat 0 bottom;
padding : 0 10px 2px 10px;
height : 100%;
position : relative;
}

#sidebar {
float : left;
display : inline;
width : 226px;
}

#content {
float : right;
display : inline;
width : 657px;
}

.block {
margin-bottom : 10px;
background-repeat : no-repeat;
background-position : 0 0;
}

.block .block-bot {
height : 100%;
position : relative;
background-repeat : no-repeat;
background-position : 0 bottom;
}

.block .block-cnt {
padding : 10px 10px 10px 9px;
}

.block .head {
background : url(images/block-head.gif) no-repeat 0 0;
padding-left : 15px;
}

.block .head .head-cnt {
background : url(images/block-head.gif) no-repeat right 0;
line-height : 38px;
height : 38px;
padding-right : 10px;
}

.block .head h3 {
font-size : 15px;
font-weight : bold;
color : #262727;
}

.block .head .view-all {
float : right;
display : inline;
width : 100px;
height : 25px;
line-height : 15px;
margin-top : 10px;
}

.block .head .view-all {
color : #fff;
font-size : 15px;
text-decoration : none;
text-align : center;
}

.block .head .view-all:hover {
text-decoration : underline;
}

#content .block {
background-image : url(images/content-block-top.gif);
background-color : #313131;
width : 657px;
}

#content .block .block-bot {
background-image : url(images/content-block-bot.gif);
}

#sidebar .block {
background-image : url(images/sidebar-block-top.gif);
background-color : #484848;
width : 226px;
}

#sidebar .block .block-bot {
background-image : url(images/sidebar-block-bot.gif);
}

#search .block-cnt {
padding : 5px 5px 5px 4px;
}

#search .fieldplace {
float : left;
display : inline;
width : 170px;
height : 22px;
background : url(images/search-field.gif) no-repeat 0 0;
padding-left : 18px;
}

#search .fieldplace .field {
padding : 3px 6px 4px;
width : 158px;
border : none;
background : none;
}

#search .button {
float : left;
display : inline;
width : 29px;
height : 22px;
font-size : 0;
line-height : 0;
text-indent : -4000px;
cursor : pointer;
border : 0;
}

#search .button {
background : url(images/search-button.gif) no-repeat 0 0;
}

#sidebar .articles .article {
padding : 8px 7px;
background : url(images/sidebar-article-sep.gif) repeat-x 0 bottom;
font-size : 11px;
color : #a0a0a0;
}

#sidebar .articles h4 {
color : #fff;
font-weight : bold;
font-size : 12px;
}

#sidebar .articles h4 a {
color : #fff;
text-decoration : none;
}

#sidebar .articles h4 a:hover {
color : #7ab7e2;
}

#sidebar .articles .view-all {
font-size : 10px;
letter-spacing : 0.5px;
line-height : 24px;
float : right;
display : inline;
margin-right : 6px;
}

#sidebar .image-articles .image {
float : left;
display : inline;
width : 55px;
}

#sidebar .image-articles .image img {
padding : 1px;
border : 1px solid #1e1e1e;
width : 88px;
height : 31px;
}

#sidebar .image-articles .cnt {
float : right;
display : inline;
width : 110px;
}

#sidebar .text-articles .article {
padding : 8px 10px;
font-size : 12px;
}

#sidebar .text-articles h4 {
font-size : 13px;
}

#content .articles h4 {
font-size : 19px;
font-weight : bold;
color : #fff;
margin : 4px 0 2px;
}

#content .articles h4 a {
text-decoration : none;
color : #fff;
}

#content .articles h4 a:hover {
color : #7ab7e2;
}

#content .col-articles .image img {
padding : 1px;
border : 1px solid #050505;
width : 80px;
height : 80px;
}

#content .col-articles .article {
float : left;
display : inline;
margin : 10px 0 10px 20px;
width : 87px;
}

#content .row-articles .article {
padding : 10px 15px 12px 15px;
background : url(images/content-article-sep.gif) repeat-x 0 bottom;
}

#content .row-articles .last-article {
background : none;
}

#content .row-articles .image {
float : left;
display : inline;
width : 194px;
}

#content .row-articles .image img {
width : 194px;
}

#content .row-articles .cnt {
float : right;
display : inline;
width : 420px;
}

#content .row-articles h4 {
margin-top : 0;
line-height : 20px;
}

#content .row-articles h4 a {
color : #e4e4e4;
}

#footer .copy {
font-size : 10px;
color : #555;
text-transform : uppercase;
text-align : right;
padding : 20px 0;
}

#footer .copy a {
color : #555;
}

#footer .navs {
background : #222 url(images/footer-navs-top.gif) no-repeat 0 0;
text-align : center;
font-size : 10px;
text-transform : uppercase;
color : #ccc;
height : 100%;
position : relative;
}

#footer .navs .navs-bot {
background : url(images/footer-navs-bot.gif) no-repeat 0 bottom;
height : 100%;
position : relative;
}

#footer .navs ul {
margin : 10px 0;
}

#footer .navs ul li {
list-style-type : none;
display : inline;
padding : 0 6px;
}

#footer .navs ul li a {
color : #ccc;
text-decoration : none;
}

#footer .navs ul li a:hover {
text-decoration : underline;
}