/* 
    Document   : talskiNewsMMX
    Created on : Dec 2, 2009, 5:27:46 PM
    Author     : Fernando Rosentalski
    E-mail     : fernandotalski@gmail.com
    Description:
        2010 renew.
*/

/*root {
    display: block;
}*/

p {
    margin: 10px 0;
}

.red {
    color: #d54e21 !important;
}

.blue {
    color: #0076a3 !important;
}

a {
    color: #0076a3;
    text-decoration: none;
}

body, html {
    margin: 0;
    padding: 0;
    color: #332619;
    font-family: Georgia, serif;
}

img {
    border: none;
}

#whole {
    margin: 0 auto;
    width: 955px;
}

#wrap {
    float: left;
    margin-left: auto;
    margin-right: auto;
    width: 790px;
}

#header-top {
    height: 60px;
    margin: 11px 0px 11px 5px;
    width: 950px;
}

body {
    background: url("../images/talskiNewsMMX/header_top_background.png") repeat-x;
}

#right-bar {
    width: 150px;
    margin: 0 0 10px 10px;
}

#right-side {
    float: left;
    width: 160px;
    background: url("../images/talskiNewsMMX/header_top_right_corner.png") no-repeat;
}

#left-side {
    float: left;
    height: 5px;
    width: 5px;
    background: url("../images/talskiNewsMMX/header_top_left_corner.png") no-repeat;
}

#header-middle {
    height: 81px;
    width: 790px;
    background: url("../images/talskiNewsMMX/header_middle_background.png") repeat-x;
}

#header-middle #left-corner {
    float: left;
    height: 81px;
    width: 5px;
    background: url("../images/talskiNewsMMX/header_middle_left_corner.png") no-repeat bottom;
}

#header-middle #header-content {
    margin: 0 5px;
    float: left;
    width: 770px;
}

#header-middle #right-corner {
    float: right;
    height: 81px;
    width: 5px;
    background: url("../images/talskiNewsMMX/header_middle_right_corner.png") no-repeat bottom;
}

#logotype {
    margin-top: 13px;
    border: 0;
    float: left;
}

#search {
    border: #be4c26 solid 1px;
    padding: 5px;
    padding-right: 24px;
    background: url('../images/talskiNewsMMX/icons/magnifier-left.png') #ffffff no-repeat;
    background-position: 97%;
}

#search-heading {
    margin-top: 30px;
    margin-left: 15px;
    float: left;
}

#contact-phone {
    float: left;
    margin-top: 27px;
    margin-left: 60px;
    color: #eef2f4;
    font-family: Georgia, serif;
    font-size: 20px;
    line-height: 30px;
}

#contact-all {
    float: left;
    margin-top: 13px;
    margin-left: 15px;
    color: #eef2f4;
    font-family: Georgia, serif;
    font-size: 12px;
/*    line-height: 30px;*/
}

#contact-mail {
    float: left;
    margin-top: 27px;
    margin-left: 25px;
    color: #eef2f4;
    font-family: Georgia, serif;
    font-size: 16px;
    line-height: 30px;
}

#left-bar {
    float: left;
    width: 150px;
    margin: 10px 0;
}

#left-bar .menu ul {
    font-size: 14px;
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
    font-family: Verdana, Helvetica, Arial;
    font-weight: bold;
}

#left-bar .menu ul li a {
    padding: 0 3px;
    display: block;
    text-decoration: none;
    margin-bottom: 3px;
    line-height: 24px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

#latest-news, #services, #columnist {
    margin-bottom: 10px;
}

#latest-news .first a, #latest-news a:hover {
    background: #0076a3;
    color: #fff;
    border-bottom-color: #0076a3;
}

#latest-news a {
    color: #0076a3;
    border-bottom-color: #bfdde8;
}

#services .first {
    line-height: 24px;
    padding: 0 3px;
    background: #d54e21;
    color: #fff;
    margin-bottom: 3px;
}

#services a:hover {
    background: #d54e21;
    color: #fff;
    border-bottom-color: #d54e21;
}

#services a {
    color: #d54e21;
    border-bottom-color: #f4d3c7;
}

#columnist .first {
    line-height: 24px;
    padding: 0 3px;
    background: #00b308;
    color: #fff;
    margin-bottom: 3px;
}

#columnist a:hover {
    background: #00b308;
    color: #fff;
    border-bottom-color: #00b308;
}

#columnist a {
    color: #00b308;
    border-bottom-color: #bfecc1;
}

#content {
    width: 630px;
    float: left;
    margin: 10px 0 10px 10px;
}

.textile-toolbar .editor-button img {
    vertical-align: text-bottom;
}

.textile-toolbar .editor-button:hover {
    border: 1px solid #999;
}

.textile-toolbar .editor-button {
    display: inline-block;
    width: 22px;
    text-align: center;
    padding: 3px 1px;
    border: 1px solid #f0f0ee;
}

#content .flash {
    color: #b09c77;
    padding: 5px;
    padding-left: 27px;
    margin: 0;
    margin-bottom: 10px;
}
#content .notice {
    background: #f6ffe0 url('../images/talskiNewsMMX/icons/tick-circle.png') no-repeat 5px;
    border: #daf799 1px solid;
    border-bottom: #daf799 2px solid;
}
#content .error {
    background: #fff3eb url('../images/talskiNewsMMX/icons/cross-circle.png') no-repeat 5px;
    border: #fdd1b4 1px solid;
    border-bottom: #fdd1b4 2px solid;
}
#content .warning {
    background: #fffbe5 url('../images/talskiNewsMMX/icons/exclamation.png') no-repeat 5px;
    border: #fae678 1px solid;
    border-bottom: #fae678 2px solid;
}
#content .message {
    background: #f3faff url('../images/talskiNewsMMX/icons/information.png') no-repeat 5px;
    border: #d2e9fa 1px solid;
    border-bottom: #d2e9fa 2px solid;
}

#content-title, #content-header {
    font-size: 26px;
    font-weight: bold;
    color: #0076a3;
    margin-bottom: 5px;
}

#content-header {
    color: #332619;
}

#content-publish-up {
    font-size: 14px;
    color: #d54e21;
    margin-bottom: 10px;
}

#content-subtitle {
    font-size: 18px;
    color: #95816c;
    margin-bottom: 5px;
}

#content-category a {
    color: #fff;
}

#content-category {
    font-size: 14px;
    float: right;
    display: block;
    padding: 1px 3px;
    background: #d54e21;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.photo-caption {
    font-size: 14px;
    background: #eeeeee;
    padding: 5px;
}

.full-input, .textile-area, .textile-toolbar {
    color: #332619;
    font-size: 16px;
    font-family: Georgia, serif;
    width: 622px;
    border: solid 1px #ccc;
    padding: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.full-input:hover, .textile-area:hover, .full-input:focus, .textile-area:focus {
    border: solid 1px #999999;
}

#top-banner-left {
    width: 468px;
    height: 60px;
    float: left;
}

#top-banner-right {
    width: 468px;
    height: 60px;
    float: right;
}

.right-bar-banner {
    margin-top: 10px;
    width: 150px;
}

.page-row {
    padding-bottom: 10px;
}

#footer {
    clear: both;
    height: 42px;
    background: url("../images/talskiNewsMMX/footer-middle.png") repeat-x;
    margin: 0 0 20px 5px;
}

#footer-left {
    height: 42px;
    width: 5px;
    background: url("../images/talskiNewsMMX/footer-left.png") no-repeat;
    float: left;
}

#footer-middle {
    float: left;
    width: 940px;
}

#footer-right {
    height: 42px;
    width: 5px;
    background: url("../images/talskiNewsMMX/footer-right.png") no-repeat;
    float: right;
}

#featured-top-title {
    font-size: 28px;
    font-weight: bold;
}

#featured-top-date {
    font-size: 13px;
    color: #d54e21;
    margin: 5px 0;
}

.featured-small-photo {
    width: 150px;
}

#featured-top-image {
    float: left;
    margin-right: 10px;
    width: 310px;
}

.featured-small-date {
    font-size: 13px;
    color: #d54e21;
    margin: 5px 0;
}

.featured-small-title a {
    color: #332619;
}

.featured-small-category {
    font-weight: bold;
}

.featured-small {
    float: left;
    width: 150px;
    margin-right: 10px;
}

#latest-contents-header {
    margin: 5px 0;
    font-size: 26px;
    font-weight: bold;
}

#latest-contents {
    font-size:14px;
}

.latest-content-line a {
    color: #332619 !important;
}

.latest-content-line a:hover {
    color: #0076a3 !important;
}

.latest-content-title a:hover, .featured-small-title a:hover {
    color: #0076a3;
}

.latest-content-date-header {
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0;
}

.latest-content-time {
    /*float: left;*/
    /*margin-right: 5px;*/
}

#more-news {
    margin-top: 10px;
}

.blue-separator {
    background-color: #0076a3;
    height: 3px;
    overflow: hidden;
    margin: 10px 0;
}

.red-separator {
    background-color: #d54e21;
    height: 3px;
    overflow: hidden;
    margin: 10px 0;
}

.content-top-header {
    font-size: 26px;
    font-weight: bold;
}

.pagination {
    margin-top: 10px;
}