body {
    background: #213A4E url(../images/bgbody.png) repeat-x top;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 0.75em;
    color: #666;
    margin: 0;
}

div#xtHeader {
    background: url(../images/bghead.png) no-repeat top;
    height: 106px;
    width: 950px;
    margin: 0 auto;
}

div#home-head-container {
    overflow: hidden;
    background: url(../images/bg_head_home.png) no-repeat top;
    height: 184px;
}

div#home-container {
    background: url(../images/bgwhite.png) repeat-y top;
    overflow: hidden;
}

div.home-head {
    width: 880px;
    margin: 0 auto;
    overflow: hidden;
}

div.header_left {
    width: 40%;
    float: left;
    margin-right: 1%;
}

div.header_left div.xoops_title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.9em;
    color: #FFF;
    margin-bottom: 20px;
}

div.header_left div.xoops_title span {
    font-family: "Arial Black", Gadget, sans-serif;
}

div.header_left span.descriptions {
    display: block;
    font-size: 1.1em;
    color: #FFF;
    line-height: 150%;
}

div.header_left a.getnow {
    background: url(../images/getnow.png) no-repeat left top;
    width: 155px;
    height: 66px;
    display: block;
    margin-top: 25px;
    float: left;
    margin-right: 2px;
}

div.header_left a.overview {
    background: url(../images/overview.png) no-repeat left top;
    width: 155px;
    height: 66px;
    display: block;
    margin-top: 25px;
    float: left;
}

div.header_left a.getnow span,
div.header_left a.overview span {
    display: none;
}

div.header_right {
    width: 56%;
    float: right;
    overflow: hidden;
}

#to-left {
    float: left;
    margin-right: 10px;
    margin-top: 50px;
    cursor: pointer;
}

#to-right {
    float: right;
    margin-left: 10px;
    margin-top: 50px;
    cursor: pointer;
}

div.bordered_box {
    padding: 1px;
    width: 430px;
    height: 169px;
    margin: 0 auto;
    background: url(../images/bgdatas.png) no-repeat top;
}

#xoops-datas {
    padding: 6px 15px;
}

/** Slides **/
.slides {
    width: 400px;
}

.slides h1 {
    margin: 0 0 10px 0;
    color: #FFA926;
    font-size: 1.8em;
}

.slides img.img_left {
    float: right;
    margin-top: 15px;
}

.slides .descriptions {
    font-size: 1.2em;
    color: #99ACBA;
    line-height: 150%;
}

.slides a.the_link {
    display: block;
    color: #FFA61F;
    font-size: 1.1em;
    margin-top: 5px;
    text-align: right;
}

.slides a.the_link:hover {
    color: #FFF;
}

/** Home **/
div#xt-home-resume {
    width: 930px;
    padding: 0 10px 20px 10px;
    margin: 0 auto;
    overflow: hidden;
}

div#home-left {
    width: 500px;
    float: left;
}

div#home-right {
    width: 400px;
    float: right;
}

#home-right-right {
	width: 195px;
	float: right;
}
#home-right-left {
	width: 195px;
	float: left;	
}

div#xt-home-resume h2.title {
    color: #000;
    clear: both;                                        /* Clear */ 
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 15px 0;
    font-family: georgia, times, serif;
    border-bottom: 1px solid #D6DEE4;
    padding: 0 0 5px 0;
}

div#home-left div.first_post {
    border-bottom: 1px dotted #CCC;
    padding-bottom: 15px;
    overflow: hidden;
}

div#home-left div.first_post a.post_image {
    background-position: top left;
    background-repeat: no-repeat;
    border: 1px solid #666;
    display: block;
    width: 80px;
    height: 80px;
    float: left;
}

div#home-left div.first_post h2 {
    font-weight: normal;
    margin: 0 0 5px 0;
    font-size: 1.4em;
}

div#home-left div.first_post h2 span {
    font-size: 0.6em;
}

div#home-left div.first_post span.post_text {
    line-height: 150%;
    display: block;
    float: right;
    width: 350px;
}

ul#recent-news {
    list-style-image: url(../images/mini_arrow.gif);
    padding: 10px 0 10px 10px;
    margin: 0;
}

ul#recent-news li {
    font-size: 0.9em;
    color: #666;
    border-bottom: 1px dotted #CCC;
    padding: 10px 0;
    overflow: hidden;
    line-height: 150%;
}

ul#recent-news li a {
    display: block;
    font-weight: bold;
}

ul#recent-news li a img {
    width: 50px;
    border: 1px dotted #CCC;
    padding: 1px;
    float: left;
    margin: 0 5px 3px 0;
}

ul#recent-news li span.date {
    font-size: 0.9em;
    color: #666;
}

ul#recent-news li span.date a {
    display: inherit;
    font-weight: normal;
    color: #333;
}

/** Forums **/
div.posts_container {
    padding: 8px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #f2f2f2;
}

div.posts_container h2 a {
    display: block;
    float: right;
    font-size: 0.6em;
    padding: 8px 0 0 0;
}

div.posts_container a.post_title {
    font-weight: bold;
    font-size: 1.1em;
    display: block;
}

td.forum_title a {
    color: #333;
    font-weight: bold;
}

span.post_info {
    line-height: 150%;
    font-size: 0.9em;
}

td.post_data a.link {
    font-size: 1.2em;
}

td.no_border {
    border: 0;
}

div#home-right .right_item {
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    line-height: 150%;
}

div.add_tabs {
    background: #3f3f3f;
    padding: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

div.add_tabs a {
    display: block;
    padding: 3px;
    width: 23%;
    float: left;
    text-align: center;
    color: #FFA725;
    font-weight: bold;
    border-right: 1px solid #313131;
    border-left: 1px solid #535353;
}

div.add_tabs a.selected {
    color: #FFF;
    font-size: 1.1em;
}

div.the_tabs {
    padding: 10px;
}

div.the_tabs ul {
    margin: 0;
    padding: 10px;
    list-style-image: url(../images/mini_arrow.gif);
}

div.the_tabs ul li {
    padding: 3px;
    border-bottom: 1px dotted #ccc;
}

h3.block_title {
    color: #749B00;
    font-size: 1.5em;
    font-weight: normal;
    margin: 0 0 15px 0;
}

div#logo-and-nav {
    height: 77px;
}

#xt-logo {
    background: url(../images/logo.png) no-repeat left top;
    width: 202px;
    height: 56px;
    display: block;
    float: left;
}

#xt-logo span {
    display: none;
}

div#logo-and-nav div.nav_bar {
    height: 35px;
    float: right;
    position: relative;
    top: 38px;
    overflow: hidden;
    font-size: 0.9em;
    background: url(../images/bg_nav.png) repeat-x top;
}

div#logo-and-nav div.nav_bar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

div#logo-and-nav div.nav_bar ul li {
    list-style: none;
    float: left;
    height: 35px;
    background-repeat: no-repeat;
    background-position: left top;
    padding: 0;
    margin: 0 -1px 0 0;
}

div#logo-and-nav div.nav_bar ul li:hover {
    background-position: bottom;
}

div#logo-and-nav div.nav_bar ul li.last {
    margin: 0;
}

div#logo-and-nav div.nav_bar ul li a {
    display: block;
    text-align: center;
    padding: 5px 0 0 0;
    text-decoration: none;
    color: #666;
    margin: 0;
}

div#logo-and-nav div.nav_bar ul li a:hover {
    color: #333;
}

li#nav-home {
    background-image: url(../images/bg_home.png);
    width: 73px;
}

li#nav-home.selected {
    background-image: url(../images/bg_home_s.png);
}

li#nav-about {
    background-image: url(../images/bg_about.png);
    width: 66px;
}

li#nav-about.selected {
    background-image: url(../images/bg_about_s.png);
}

li#nav-mods {
    background-image: url(../images/bg_mods.png);
    width: 70px;
}

li#nav-mods.selected {
    background-image: url(../images/bg_mods_s.png);
}

li#nav-forum {
    background-image: url(../images/bg_forum.png);
    width: 72px;
}

li#nav-forum.selected {
    background-image: url(../images/bg_forum_s.png);
}

li#nav-docs {
    background-image: url(../images/bg_docs.png);
    width: 95px;
}

li#nav-docs.selected {
    background-image: url(../images/bg_docs_s.png);
}

div#logo-and-nav div.nav_bar ul li.selected a {
    color: #FFF;
    padding-top: 3px;
}

/** Navigation buttons **/
#xt-buttons-nav {
    width: 950px;
    margin: 0 auto 10px auto;
    background: url(../images/bgbuttons.png) repeat-x top;
    height: 69px;
}

#xt-buttons-nav .container {
    width: 790px;
    margin: 0 auto;
    padding: 10px 0 0 0;
}

#xt-buttons-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#xt-buttons-nav ul li {
    list-style: 0;
    width: 120px;
    border-right: 1px solid #3f3f3f;
    float: left;
    text-align: center;
    padding: 0 3px;
}

#xt-buttons-nav ul li.last {
    border-right: 0;
}

#xt-buttons-nav ul li a {
    display: block;
    padding: 2px 0;
}

#xt-buttons-nav ul li a:hover {
    background: #3f3f3f;
}

#xt-buttons-nav ul li a img {
    border: 0;
}

div#xt-bottom {
    background: url(../images/bgbottom.png) no-repeat top;
    height: 25px;
    margin: 0;
}

/** Blocks **/
div.bottom_block_container {
    background: url(../images/bg_bk_middle.png) repeat-y;
    margin: 10px auto;
    width: 970px;
}

div.bottom_block_container div.block_top {
    background: url(../images/bg_bk_top.png) no-repeat top;
}

div.bottom_block_container div.block_bottom {
    background: url(../images/bg_bk_bottom.png) no-repeat bottom;
}

div.bottom_block_container div.bottom_block_real {
    width: 930px;
    padding: 10px 10px 20px 10px;
    margin: 0 auto;
}

div.bottom_block_container a {
    color: #F60;
}

div.bottom_block_real .outer {
    font-size: 12px;
}

div#xt-footer {
    width: 930px;
    margin: 0 auto;
    padding: 20px;
    font-size: 0.9em;
    color: #FFF;
    text-align: center;
}

div#xt-footer a {
    color: #FFF;
    text-decoration: underline;
}

#xo-bannerfix a div {
    position: relative !important;
}