* {
    border: 0;
    padding: 0;
    margin: 0;
    vertical-align: baseline;
    font: 13px Verdana, serif, sans-serif;
    color: #555;
}

body {
    background: #125720;
}
a {
    color: #146E26;
    text-decoration: none;
}
a:hover {
    color: #1E5E79;
    text-decoration: underline;
}
#wrapper {
    width: 1000px;
    margin: auto;
    padding: 10px;
    margin-top: 20px;
}

#header {
    width: 980px;
    height: 150px;
    background: url(../images/header.png);
    padding: 10px 10px 10px 11px;
}
.sitename img {
    padding: 10px 0 0 0;
}
a:hover.sitename  {
    text-decoration: none;
}

#navigation {
    margin-top: 54px;
    background: url(../images/bg-nav.png);
    width: 979px;
    float: left;
    height: 28px;
    border-top: 2px solid #CCC;
    border-bottom: 2px solid #CCC;
}
#navigation ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#navigation ul li {
    float: left;
    padding: 5px;
    height: 18px;
    margin-left: 25px;
    font-weight: bold;
}
#navigation ul li a {
    font-weight: bold;
    color: #111;
}
#navigation ul li#nav-com-active {
    background: url(../images/bg-nav-com-active.png) center bottom no-repeat;
}

#contentWrapper, #contentWrapper1, #contentWrapper2, #contentWrapper3 {
    width: 970px; 
    padding: 5px 15px 5px 15px;
    background: url(../images/bg-contentWrapper.png);
}

/* ContentWrapper1 */
#contentWrapper1 #left {
    float: left;
    width: 190px;
    margin-right: 5px;
    padding: 5px;
}
#contentWrapper1 #content {
    float: left;
    width: 550px;
    padding: 5px;
}
#contentWrapper1 #right {
    float: right;
    width: 190px;
    margin-left: 5px;
    padding: 5px;
}
/* ContentWrapper2 */
#contentWrapper2 #left {
    display: none;
}
#contentWrapper2 #content {
    float: left;
    width: 750px;
    padding: 5px;
}
#contentWrapper2 #right {
    float: right;
    width: 190px;
    margin-left: 5px;
    padding: 5px;
}
/* ContentWrapper3 */
#contentWrapper3 #left {
    float: left;
    width: 190px;
    margin-right: 5px;
    padding: 5px;
}
#contentWrapper3 #content {
    float: right;
    width: 750px;
    padding: 5px;
}
#contentWrapper3 #right {
    display: none;
}

/* Centerblocks */
#contentWrapper1 #centerblocks .centerblocks-center {
    width: 550px;
    margin-bottom: 10px;
}
#contentWrapper1 #centerblocks .centerblocks-left {
    width: 270px;
    float: left;
    margin-right: 10px;
}
#contentWrapper1 #centerblocks .centerblocks-right {
    width: 270px;
    float: right;
}
#contentWrapper2 #centerblocks .centerblocks-center {
    width: 750px;
    margin-bottom: 10px;
}
#contentWrapper2 #centerblocks .centerblocks-left {
    width: 370px;
    float: left;
    margin-right: 10px;
}
#contentWrapper2 #centerblocks .centerblocks-right {
    width: 370px;
    float: right;
}
#contentWrapper3 #centerblocks .centerblocks-center {
    width: 750px;
    margin-bottom: 10px;
}
#contentWrapper3 #centerblocks .centerblocks-left {
    width: 370px;
    float: left;
    margin-right: 10px;
}
#contentWrapper3 #centerblocks .centerblocks-right {
    width: 370px;
    float: right;
}
#centerblocks .centerblocks-center .block-title, .centerblocks-left .block-title, .centerblocks-right .block-title {
    font-weight: bold;
    padding: 3px;
    border-bottom: 1px solid #EBEBEB;
}
#centerblocks .centerblocks-center .block-content, .centerblocks-left .block-content, .centerblocks-right .block-content {
    padding: 3px;
    border: 1px solid #EBEBEB;
    background: #FFF url(../images/bg-centerblock.png) repeat-x;
    margin-bottom: 10px;
}


.errorMsg,.confirmMsg, .resultMsg, .successMsg {
    text-align: center;
    margin: 10px;
    padding: 20px; 
}

.errorMsg {
    background-color: #FBE3E4;
    color: #D12F19;
    border: 1px solid #FBC2C4;
}

.confirmMsg {
    background-color: #FFF6BF;
    color: #817134;
    border: 1px solid #FFD324;
}

.resultMsg, .successMsg {
    background-color: #E6EFC2;
    color: #529214;
    border: 1px solid #C6D880;
}


.block {
    width: 190px;
    height: auto;
    margin-bottom: 10px;
}
.block .blocktitle {
    background: url(../images/bg-blocktitle.png) no-repeat;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    height: 27px;
    padding-top: 8px;
    overflow: hidden;
}
.block .blockcontent {
    padding: 5px;
    border: 2px solid #CCC;
    border-bottom: none;
    border-top: none;               
}
.block .blockcontent ul {
    list-style: none;
}
.block .blockcontent table {
    border: 0;
}
.block .blockcontent table.outer {
    border: 1px solid #CCC;
}
.block .blockfooter {
    height: 30px;
    width: 190px;
    background: url(../images/bg-blockfooter.png);
}

#mainmenu a, #usermenu a {
    display: block;
    margin-bottom: 3px;
}
#mainmenu a.menuSub, #usermenu a.menuSub {
    display: block;
    margin: 2px 2px 2px 8px;
    font-style: italic;
}

table {
    clear: both;
    border: 1px solid #CCC;
    padding: 1px;
    margin-bottom: 3px;
}
table td, th {
    padding: 3px;
}
thead, th {
    background: url(../images/bg-th.png) center;
    color: #FFF;
    font-weight: bold;
}
thead, th a {
    color: #FFF;
    font-weight: bold;
}
.head, .footer {
    background: #F1F1F1;
}
.even {
    background: #FAFAFA;
}
.odd {
    background: #FFF;
}

.usermenu, .login {
    margin: 15px;
    float: right;
}
.usermenu span, .login span {
    padding: 5px 0 3px 5px;
}

ul {
    list-style-type: none;
}

input[type=text], input[type=select], input[type=password], input[type=checkbox], select {
    padding: 3px;
    color: #111;
    border: 1px solid #CCC;
    margin: 3px;
}
input[type=submit], input[type=reset], input[type=button], button {
    padding: 3px;
    color: #111;
    border: 1px solid #CCC;
    margin: 3px;
    height: 25px;
    background: url(../images/bg-button.png);
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button:hover {
    background: url(../images/bg-button-over.png);
}

.item {
    border: 0;
}
.item table {
    border: 0;
}
.item .itemHead {
    border-bottom: 1px solid #CCC;
    padding: 3px;
}
.item .itemTitle, .itemTitle a {
    font-size: 18px;
    font-weight: bold;
}
.item .itemInfo {
    font-style: italic;
    color: #CCC;
}
.item .itemInfo .itemPoster, .itemPoster a {
    font-style: italic;                                                    
    color: #CCC;
}
.item .itemInfo .itemPoster a:hover {
    color: #23497C;
}
.item .itemInfo .itemPostDate {
    font-style: italic;
    color: #CCC;
}
.item .itemInfo .itemStats {
    font-style: italic;
    color: #CCC;
}
.item .itemBody .itemText {
    padding: 5px;
}
.item .itemFoot {
    border-top: 1px solid #F4F4F4;
    padding: 5px;
    text-align: right;
    border-bottom: 1px solid #CCC;
}
.contentfooter {
    margin: 10px 10px 0 10px;
    padding-top: 5px;
    text-align: center;
    border-top: 1px solid #EBEBEB
}
#footer {
    background: url(../images/bg-footer.png);
    text-align: center;
    width: 1000px;
    height: 15px;
}
#xo-logger-output {
    width: 1010px;
    margin: auto;
}
.comTitle {
    color: #FFF;
    font-weight: bold;
}
#comment {
    margin-bottom: 10px;
    padding: 3px;
    border-bottom: 1px dotted #CCC;
    float: left;
    width: 100%;
}
#comment .com-left {
    padding: 5px;
    width: 20%;
    float: left;
}
#comment .com-left div {
    margin-bottom: 5px;
}
#comment .com-right {
    margin-bottom: 5px;
    width: 78%;
    float: right;
}
#comment .com-right .com-actions {
    text-align: right;
}