/* Default styles */
html, body, td, th, form, ul, ol, dl, dt, dd {margin: 0; padding: 0;}
table {border: none; border-collapse: collapse;}
html, body {height: 100%;}
img    {border: none;}
ul {list-style: none;}
.wide {width: 100%;}
.wrap {overflow: hidden;}
.clearfix:after {
    content: ' ';
    clear: both;
    display: block;
    width: 0; height: 0;
    overflow: hidden;
    font-size: 0;
}

/* Page layout */
body {
    min-width: 980px;
    font: 87.5%/1.286 Tahoma, sans-serif;
    color: #43484d;
}
#page {
    min-height: 100%;
    margin-bottom: -130px;
}
#canvas {
    padding-bottom: 130px;
}
#footer {
    color: #a0a0a0;
    font-size: 12px;
    line-height: 14px;
}
#footer p {
    margin: 0 0 6px;
}
#footer a {
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}
.canvas {
    max-width: 1250px;
    margin: 0 auto;
}
.canvas-margin {
    margin: 0 20px;
}

/* Columns */
.right-column {
    float: right;
    width: 245px;
}
.main-column {
    margin-right: 269px;
}
.left-column {
    float: left;
    width: 238px;
}
.center-column {
    margin: 0 257px 0 250px;
}
.center-column-wide {
    margin: 0 0 0 250px;
}

/* Links */
a {
    color: #356ec1;
}
.link {
    color: #356ec1;
    text-decoration: underline;
    cursor: pointer;
}

/* Headers */
h1, h2, h3, h4, h5 {
    font-weight: normal;
}
h1 {
    margin: 12px 0 18px;
    font-size: 24px;
    line-height: 24px;
}
h2 {
    font-size: 30px;
    line-height: 30px;
}
h3 {
    margin: 14px 0;
    font-size: 24px;
    line-height: 26px;
}
h4 {
    font-size: 21px;
    line-height: 23px;
}
h5 {
    font-size: 18px;
    line-height: 20px;
}
h6 {
    margin: 0 0 8px;
    font-size: 100%;
}

/* Forms */
.field {
    margin: 0 0 12px;
    font-size: 12px;
    line-height: 14px;
}
.field dt {
    margin: 0 0 4px;
    color: #676e76;
}
.field dd.radio,
.field dd.checkbox {
    position: relative;
    margin: 8px 0 8px 20px;
}
input.custom,
textarea.custom {
    margin: 0;
    border: 1px solid #b3b6ba;
    padding: 2px 3px;
    background: #FFF;
    font: 14px/18px Tahoma, sans-serif;
}
dd.radio input,
dd.checkbox input {
    position: absolute;
    left: -20px; top: 1px;
    margin: 0;
}
.submit {
    margin: 14px 0;
}
.left-column .custom {
    width: 196px;
    max-width: 196px;
}
.left-column select.wide {
    width: 204px;
}
.left-column .submit {
    text-align: right;
}
.left-column form a {
    color: #d6312d;
}

/* Supheader */
#supheader {
    border-bottom: 1px solid #6c747f;
}
#top-ad {
    height: 80px;
    margin: 0 0 20px;
}
#city {
    margin: 14px 0;
}
#partners {
    float: right;
}
#partners li {
    float: left;
    padding: 0 5px 0 15px;
}
#partners a {
    display: block;
    height: 22px;
    overflow: hidden;
    background-repeat: no-repeat;
    line-height: 80px;
}
#partners a:hover {
    background-position: 0 -22px;
}
a.aif {
    width: 85px;
    background-image: url(/app/aif.png);
}
a.trud {
    width: 59px;
    background-image: url(/app/trud.png);
}
a.homepage {
    width: 102px;
    background-image: url(/app/homepage.png);
}
a.media3 {
    width: 48px;
    background-image: url(/app/media3.png);
}

/* Header */
#header {
    height: 149px;
}
#logo {
    float: left;
    margin-top: 40px;
}
#header-ad {
    float: right;
    margin-top: 40px;
    margin-right: 0px;
}

/* Menu */
#menu {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 51px;
    margin: 0 0 9px;
}
#menu td {
    background: url(/app/menu.png) no-repeat 100% 0;
    padding: 1px 0;
}
#menu td.first {
    background-position: 0 0;
}
#menu td.advertiser {
    width: 245px;
    background-position: 100% -60px;
}
#menu .mbox {
    position: relative;
    border-right: 1px solid #FFF;
}
#menu td.first .mbox {
    margin-left: 1px;
}
#menu .item {
    display: block;
    height: 49px;
    padding: 0 10px;
    text-align: center;
    color: #FFF;
    line-height: 49px;
    text-transform: uppercase;
    text-decoration: none;
}
#menu .moverlay {
    display: none;
    position: absolute;
    left: -1px; top: 1px;
    z-index: 2;
    width: 100%;
    padding: 0;
    border: 1px solid #b5b5b6;
    border-bottom: none;
    background: url(/app/moverlay.png) #FFF;
    color: #d6312d;
    line-height: 45px;
}

/* Menu popup */
.mpopup {
    display: none;
    position: absolute;
    left: -11px; top: 44px;
    z-index: 1;
    width: 200px;
}
.mpwrap {
    position: relative;
    padding: 15px 0 0;
    overflow: hidden;
}
.mpc {
    position: absolute;
    background: url(/app/mpopup.png) no-repeat;
    left: -20px;
    z-index: -1;
}
.mptl {
    top: -20px;
    width: 100%; height: 500px;
}
.mptr {
    top: -20px;
    width: 20px; height: 500px;
    margin-left: 100%;
}
.mpbl {
    width: 100%; height: 20px;
    clip: rect(auto, auto, auto, 18px);
}
.mpbr {
    width: 20px; height: 20px;
    margin-left: 100%;
}
.mpopup ul {
    padding: 0 11px 10px;
    font-size: 12px;
    line-height: 14px;
}
.mpopup li a,
.mpopup li strong {
    display: block;
    padding: 5px 18px;
    font-weight: normal;
}
.mpopup li a:hover {
    border-top: 1px solid #b5b5b6;
    border-bottom: 1px solid #b5b5b6;
    padding: 4px 18px;
    background: #e9eaec
}    
.mpopup a {
    color: #d6312d;
}

/* Sitemap */
#sitemap {
    width: 100%;
    margin-top: 20px;
    border-top: 3px solid #d6312d;
}
#sitemap td {
    padding: 22px 17px 40px;
    vertical-align: top;
    width: 14.3%;
}
#sitemap li {
    margin: 0 0 3px;
    font-size: 12px;
}
#sitemap h6 {
    margin: 0 0 12px;
    font-weight: normal;
    text-transform: uppercase;
    white-space: nowrap;
}
#sitemap h6 a {
    color: #3f4040;
}
#sitemap a {
    text-decoration: none;
    color: #d6312d;
}
#sitemap a:hover {
    text-decoration: underline;
}

/* Advertiser */
div.advertiser {
    margin: 0 0 24px;
    background: #edf2f9;
    padding: 0 0 1px;
}
.advertiser ul {
    margin: 18px 16px; 
}
.advertiser li {
    margin: 0 0 16px;
}
.adv-header {
    border-top: 3px solid #cddbef;
    padding: 12px 16px 10px;
    background: #dce6f4;
    color: #43484d;
    font-size: 12px;
}
.adv-header p {
    margin: 0 0 5px;
}

.right-column .banner {
    margin: 0 0 12px;
}


/* Frames */
.gframe {
    border: 1px solid #d7dade;
    background: #fcfcfc;
}
.gframe-content {
    margin: 1px;
    border: 1px solid #e1e3e6;
    padding: 0;
}
.bframe {
    border: 1px solid #edf2f9;
    border-top: none;
    background: #edf2f9;
}
.fcontent {
    border: 1px solid #fff;
    border-top: none;
    padding-top: 1px;
}
.fsection {
    margin: 0 14px 14px;
}
.left-column .fsection {
    margin: 14px;
}


/* Titles */
.light-title {
    margin: -1px 0;
    border-top: 1px solid #e1e3e6;
    border-bottom: 1px solid #e1e3e6;
    background: url(/app/gtitle-light.png) repeat-x #e7e8eb;
}
.light-title h3 {
    margin: 0;
    border-bottom: 1px solid #fcfcfc;
    padding: 9px 14px;
}

/* Announce */
.announce {
    margin: 16px 14px;
    font-size: 12px;
}
.announce dt {
    float: left;
    line-height: 0;
}
.announce dt img {
    width: 87px; height: 83px;
}

.announce dd {
    margin: 0 0 0 101px;
}



/* Cloud */
.cloud .section {
    margin: 12px 14px 16px;
    font-size: 28px;
    line-height: 28px;
}
.cloud a {
    color: #6c747f;
    text-decoration: none;
    white-space: nowrap;
    margin-right: 3px;
}
.cloud a:hover {
    text-decoration: underline;
}
.cloud a.xs {
    font-size: 12px;
}
.cloud a.s {
    font-size: 16px;
}
.cloud a.m {
    font-size: 11px;
}
.cloud a.l {
    font-size: 22px;
}
.cloud a.xl {
    font-size: 28px;
}

/* Crumbs */
#crumbs {
    margin-top: -1px;
    position: relative;
    top: 1px;
    border-bottom: 1px solid #d7dade;
    padding: 1px 0;
    font-size: 12px;
    line-height: 14px;
}
#crumbs table {
    width: 100%;
}
#crumbs td {
    background: #d9dcdf;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    padding: 8px 10px 10px;
}
#crumbs .root,
#crumbs .level {
    position: relative;
    float: left;
}
#crumbs .level {
    padding-left: 20px;
    background: url(/app/crumbs.png) no-repeat 4px 4px;
}
#crumbs a {
    color: #d6312d;
}

/* Crumbs popup */
.cpopup {
    position: absolute;
    top: 14px; left: 9px;
    z-index: 1;
    display: none;
    width: 200px;
}
.cpoverlay {
    position: absolute;
    left: 10px; top: -16px;
    width: 35px; height: 24px;
}
.cpwrap {
    position: relative;
    padding: 15px 11px 0;
    overflow: hidden;
}
.cpc {
    position: absolute;
    background: url(/app/cpopup.png) no-repeat;
    left: -18px;
    z-index: -1;
}
.cptl {
    top: -18px;
    width: 100%; height: 500px;
}
.cptr {
    top: -18px;
    width: 18px; height: 500px;
    margin-left: 100%;
}
.cpbl {
    width: 100%; height: 18px;
    clip: rect(auto, auto, auto, 18px);
}
.cpbr {
    width: 18px; height: 18px;
    margin-left: 100%;
}
.cpopup ul {
    padding: 3px 0 0;
    font-size: 12px;
    line-height: 14px;
    display: none;
}
.cpopup a,
.cpopup strong {
    display: block;
    padding: 5px 11px;
    font-weight: normal;
}
#crumbs .cpopup a:hover {
    padding: 4px 11px;
    border-top: 1px solid #b5b5b6;
    border-bottom: 1px solid #b5b5b6;
    color: #3f4040;
    text-decoration: none;
}

/* Rubric */
.rubric {
    margin: 0 0 10px;
    border: 1px solid #d7dade;
}
.rubric-title {
    overflow: hidden;
    border: 1px solid #fff;
    border-bottom: none;
    background: url(/app/gtitle-dark.png) repeat-x #d9dcdf;
}
.rubric-title h3 {
    margin: 0;
    padding: 10px 16px;
}
.rubric-more {
    float: right;
    margin-bottom: -40px;
    padding: 14px 20px 50px;
    border-left: 1px solid #fff;
    font-size: 12px;
}
.rubric-more a {
    color: #d6312d;
}
.rubric-content {
    border: 1px solid #fff;
    background: #f3f4f5;
}

/* Teaser */
.teaser {
    margin: 16px 14px;
    border: 1px solid #d9dcdf;
    background: #f6f7f9;
}
.teaser-photo {
    width: 192px;
    padding: 1px 15px 1px 1px;
    vertical-align: top;
    line-height: 0;
}
.teaser-text {
    padding-right: 15px;
    vertical-align: top;
}
td.theme-more {
    vertical-align: bottom;
    padding-bottom: 8px;
}

div.theme {
    margin: 0 14px 18px;
}
.theme {
    line-height: 16px;
}
.theme p {
    margin: 6px 0;
}
.theme-more a {
    color: #d6312d;
}
.theme h5 {
    margin: 6px 0;
    font-weight: bold;
    line-height: 18px;
}
.theme h5 a {
    color: #356ec1;
    text-decoration: none;
}

/* Voting */
.voting .section {
    margin: 14px;
    font-size: 12px;
    line-height: 14px;
}
.voting h5 {
    margin: 0 0 12px;
}
.voting ul {
    margin: 12px 0 16px;
}
.voting li {
    position: relative;
    margin: 0 0 12px 24px;
    color: #676e76;
}
.voting li input {
    position: absolute;
    left: -24px; top: 3px;
    margin: 0;
}
.voting .submit {
    margin-left: 24px;
    text-align: left;
}
.voting .submit p {
    margin: 12px 0 0;
}
.voting .submit a {
    color: #d6312d;
}

/* Contacts brief */
.contacts-brief h6 {
    margin: 0 0 2px;
}
.contacts-brief p {
    margin: 0 0 14px;
}
.contacts-brief p.phone {
    font-size: 24px;
    line-height: 26px;
    color: #d6312d;
}

/* Tabs */
.ui-tabs .ui-tabs-hide {
     display: none;
}
/* Article */
.article-title {
    border: 1px solid #fff;
    border-bottom: none;
    border-top: none;
    padding: 11px 14px 13px;
    background: #f3f4f5;
}
.article-title h1 {
    margin: 0 0 10px;
}
.article-title p {
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    color: #6c747f;
}
.article-title strong {
    color: #3f4040;
    font-weight: normal;
}
.article-summary {
    border-top: 1px solid #d7dade;
    border-bottom: 1px solid #d7dade;
    padding: 0 15px;
    background: #FFF;
}
.article-summary p {
    margin: 14px 0;
}
.article-content {
    border: 1px solid #fff;
    border-top: none;
    border-bottom-color: #d7dade;
    background: #f3f4f5;
    font-size: 12px;
    line-height: 18px;
}
.article-content .wrap {
    margin: 0 14px;
}
.artwork-left,
.artwork-right {
    margin-top: 3px;
    margin-bottom: 10px;
}
.incut-left,
.incut-right {
    width: 199px;
    margin-bottom: 10px;
    border: 1px solid #d9dcdf;
    background: #fff;
    line-height: 16px;
}
.artwork-left,
.incut-left {
    float: left;
    margin-right: 12px;
}
.artwork-right,
.incut-right {
    margin-left: 12px;
    float: right;
}
.incut-left h6,
.incut-right h6, 
.incut-left p,
.incut-right p {
    margin: 11px 12px;
}
.article-tags {
    margin: 10px 14px 14px;
}

/* Comments */
.comments {
    padding: 1px 14px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    background: #f3f4f5;
}
.answers .answers {
    margin-left: 14px;
}
.comment {
    margin: 16px 0;
    font-size: 12px;
    line-height: 18px;
}
.answers .comment {
    padding-left: 20px;
    background: url(answer.png) no-repeat 0 6px;    
}
.comment dt {
    margin: 0 0 8px;
    color: #929292;
}
.comment .user {
    padding-left: 16px;
    background: url(user.png) no-repeat 0 3px;
    font-weight: bold;
    color: #929292;
    text-decoration: none;
}
.new-comment {
    border-top: 1px solid #d7dade;
    border-bottom: 1px solid #d7dade;
    padding: 0 15px;
    background: #FFF;
}
.new-comment .custom {
    width: 245px;
}
.captcha .custom {
    width: 95px;
}
.captcha img {
    margin-left: 30px;
    vertical-align: bottom;
}

/* Relevant and popular */
.relevant,
.popular {
    border: 1px solid #fff;
    padding: 0 0 1px;
}
.relevant h3,
.popular h3 {
    margin: 0;
    padding: 8px 14px;
    background: url(gtitle-dark.png) repeat-x #d9dcdf;
}
.relevant {
    margin-bottom: -1px;
}
.relevant ul {
    margin: 12px 14px;
    font-size: 12px;
    line-height: 16px;
}
.relevant li {
    margin: 0 0 10px;
    padding-left: 19px;
    background: url(arrow.png) no-repeat 0 6px;
}
.popular .wrap {
    margin: 14px 0 12px 14px;
}
.popular .announce {
    float: left;
    margin: 0;
    width: 50%;
}
.popular dd {
    margin-left: 110px;
    margin-right: 14px;
}
/* Article */
.article-title {
    border: 1px solid #fff;
    border-bottom: none;
    border-top: none;
    padding: 11px 14px 13px;
    background: #f3f4f5;
}
.article-title h1 {
    margin: 0 0 10px;
}
.article-title p {
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    color: #6c747f;
}
.article-title strong {
    color: #3f4040;
    font-weight: normal;
}
.article-summary {
    border-top: 1px solid #d7dade;
    border-bottom: 1px solid #d7dade;
    padding: 0 15px;
    background: #FFF;
}
.article-summary p {
    margin: 14px 0;
}
.article-content {
    border: 1px solid #fff;
    border-top: none;
    border-bottom-color: #d7dade;
    background: #f3f4f5;
    font-size: 12px;
    line-height: 18px;
}
.article-content .wrap {
    margin: 0 14px;
}
.artwork-left,
.artwork-right {
    margin-top: 3px;
    margin-bottom: 10px;
}
.incut-left,
.incut-right {
    width: 199px;
    margin-bottom: 10px;
    border: 1px solid #d9dcdf;
    background: #fff;
    line-height: 16px;
}
.artwork-left,
.incut-left {
    float: left;
    margin-right: 12px;
}
.artwork-right,
.incut-right {
    margin-left: 12px;
    float: right;
}
.incut-left h6,
.incut-right h6, 
.incut-left p,
.incut-right p {
    margin: 11px 12px;
}
.article-tags {
    margin: 10px 14px 14px;
}

/* Comments */
.comments {
    padding: 1px 14px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    background: #f3f4f5;
}
.answers .answers {
    margin-left: 14px;
}
.comment {
    margin: 16px 0;
    font-size: 12px;
    line-height: 18px;
}
.answers .comment {
    padding-left: 20px;
    background: url(answer.png) no-repeat 0 6px;    
}
.comment dt {
    margin: 0 0 8px;
    color: #929292;
}
.comment .user {
    padding-left: 16px;
    background: url(user.png) no-repeat 0 3px;
    font-weight: bold;
    color: #929292;
    text-decoration: none;
}
.new-comment {
    border-top: 1px solid #d7dade;
    border-bottom: 1px solid #d7dade;
    padding: 0 15px;
    background: #FFF;
}
.new-comment .custom {
    width: 245px;
}
.captcha .custom {
    width: 95px;
}
.captcha img {
    margin-left: 30px;
    vertical-align: bottom;
}

/* Relevant and popular */
.relevant,
.popular {
    border: 1px solid #fff;
    padding: 0 0 1px;
}
.relevant h3,
.popular h3 {
    margin: 0;
    padding: 8px 14px;
    background: url(gtitle-dark.png) repeat-x #d9dcdf;
}
.relevant {
    margin-bottom: -1px;
}
.relevant ul {
    margin: 12px 14px;
    font-size: 12px;
    line-height: 16px;
}
.relevant li {
    margin: 0 0 10px;
    padding-left: 19px;
    background: url(arrow.png) no-repeat 0 6px;
}
.popular .wrap {
    margin: 14px 0 12px 14px;
}
.popular .announce {
    float: left;
    margin: 0;
    width: 50%;
}
.popular dd {
    margin-left: 110px;
    margin-right: 14px;
}