/**
    Dependencies (from Forge)
**/

@import "/css/nullify.css";

/**
    Sticky footer fix
**/

html,body {
    height:100%;
}

/**
    Body layout
**/

body {
    background:#333;
    text-align:center;
}

body > div {
    text-align:left;
    margin:0 auto;
    overflow:hidden;
}

div#container {
    width:988px;
    height:auto;
    min-height:100%;
    background:repeat-y url(/templates/xertoz/img/container.bg.png);
}

div#container > * {
    margin-left:9px;
    margin-right:9px;
    width:970px;
}

/**
    Header
**/

div#header {
    background:no-repeat url(/templates/xertoz/img/header.bg.png);
    height:150px;
    width:970px;
}

div#language {
    height:40px;
    width:100%;
    text-align:right;
}

div#language a {
    margin:0 2px;
}

div#logo {
    position:relative;
    top:0;
    left:268px;
    width:434px;
    height:70px;
}

div#menu {
    font-family:verdana,arial,helvetica,sans-serif;
    height:27px;
    background:no-repeat url(/templates/xertoz/img/menu.bg.png);
}

div#menu > ul {
    padding:0;
    margin:0 45px 0 45px;
    height:27px;
    line-height:27px;
    position:absolute;
}

div#menu > ul > li {
    float:left;
    height:100%;
    margin-right:25px;
    font-size:16px;
    vertical-align:middle;
    list-style-type:none;
}

div#menu > ul > li a {
    color:#000;
    text-decoration:none;
    font-size:14px;
}

div#menu > ul > li > a.active {
    font-weight:bold;
}

div#menu > ul > li > ul {
    display:none;
    background:#fff;
}

div#menu > ul > li:hover > ul {
    display:block;
}

div#menu > ul > li:hover > ul > li {
    background:red;
}

/**
    Content / sub menu area
**/

div#content {
    margin-top:25px;
    margin-left:24px;
    width:940px;
    font-family:arial,helvetica,sans-serif;
    padding-bottom:175px;
}

div#content > div.text.half {
    float:left;
    width:700px;
}

div#content > div.column {
    float:left;
    width:200px;
    font-family:verdana,arial,helvetica,sans-serif;
}

div#content > div.column ul.navigation {
    list-style-type:none;
    margin:0 0 15px 0;
    padding:0;
    font-size:12px;
}

div#content > div.column ul.navigation a {
    color:#000;
    text-decoration:none;
}

div#content > div.column ul.navigation li:first-child {
    font-weight:bold;
}

div#content > div.column.right {
    margin-left:29px;
    padding-left:10px;
    border-left:1px solid #999;
}

div#content > div.text div.syntaxhighlighter {
    font-size:12px;
}

div#content h1 {
    font-size:20px;
    font-weight:bold;
}

div#content h2 {
    font-size:16px;
    font-weight:bold;
    margin:15px 0 5px 0;
}

div#content h3 {
    font-size:14px;
    font-weight:bold;
    margin:10px 0 5px 0;
}

div#content h4 {
    font-size:12px;
    font-weight:bold;
    margin:10px 0 5px 0;
}

div#content p {
    font-size:12px;
    margin:10px 0;
}

div#content ol,
div#content ul {
    font-size:12px;
}

div#content td {
    font-size:12px;
    padding:2px;
}

div#content li {
    margin-bottom:10px;
}

div#content fieldset {
    border:1px solid #ccc;
    margin:15px 0;
    padding:10px;
}

div#content fieldset legend {
    font-size:16px;
    font-weight:bold;
}

div#content table {
    width:100%;
}

div#content table td.action {
    width:16px;
    padding:0 4px;
}

div#content input[type="text"],
div#content input[type="password"],
div#content select {
    width:250px;
}

div#content .error {
    display:none;
    color:red;
}

/**
    YouTube
**/

div#ytplayer {
    width:900px;
    height:556px;
    margin:0 20px;
    overflow:hidden;
}

div#ytcontrols {
    width:800px;
    height:50px;
    overflow:hidden;
    display:none;
}

a#repeatEnabled {
    display:none;
}

div#ytlist {
    width:910px;
    margin:0 15px;
}

div#ytlist > div {
    width:120px;
    margin:5px 5px;
    height:90px;
    overflow:hidden;
    text-align:center;
    display:none;
    float:left;
}

/**
    Blog
**/

div#bloglist, div#blogread {
    width:700px;
}

div#bloglist div.blog, div#blogread div.blog {
    margin-bottom:50px;
}

div#bloglist div.blog div.header, div#blogread div.blog div.header {
    font-family:verdana,arial,helvetica,sans-serif;
}

div#bloglist div.blog div.header div.date, div#blogread div.blog div.header div.date {
    width:30px;
    height:30px;
    float:left;
    background:no-repeat url(/templates/xertoz/img/blog.date.png);
    overflow:hidden;
}

div#bloglist div.blog div.header div.date div.month, div#blogread div.blog div.header div.date div.month {
    color:#fff;
    font-weight:bold;
    font-size:10px;
    text-align:center;
}

div#bloglist div.blog div.header div.date div.day, div#blogread div.blog div.header div.date div.day {
    font-weight:bold;
    font-size:14px;
    text-align:center;
}

div#bloglist div.blog div.header h1, div#blogread div.blog div.header h1 {
    font-size:18px;
    font-weight:bold;
    line-height:30px;
    vertical-align:middle;
    margin-left:40px;
    border-bottom:1px solid #999;
}

div#bloglist div.blog div.header p {
    margin-left:40px;
    font-size:9px;
    line-height:10px;
}

div#bloglist div.blog div.content, div#blogread div.blog div.content {
    margin-left:40px;
}

div#bloglist div.blog div.commentlink {
    margin:10px 40px;
}

div#bloglist div.blog div.commentlink a {
    color:#000;
    font-weight:bold;
    text-decoration:none;
    font-size:12px;
}

div#blogread div.comments, div#blogread div.newcomment {
    margin-top:15px;
}

div#blogread div.comments h1 {
    border-bottom:1px solid #999;
    font-size:16px;
    line-height:30px;
    vertical-align:middle;
}

div#blogread div.comments div.comment {
    font-size:12px;
}

div#blogread div.comments div.comment h2 {
    font-size:12px;
}

div#blogread div.comments div.comment h2 span {
    font-weight:normal;
    font-size:10px;
}

div#blogread div.comments p.empty {
    margin:15px;
}

div#blogread div.newcomment h1 {
    border-bottom:1px solid #999;
    font-size:14px;
    line-height:30px;
    vertical-align:middle;
}

div#blogread div.newcomment form table {
    width:100%;
}

div#blogread div.newcomment form table tr td {
    padding:5px;
    font-size:12px;
    vertical-align:top;
}

div#blogread div.newcomment form table tr td:first-child {
    width:50px;
}

/**
    TinyMCE
**/

table.mceLayout {
    width:400px !important;
}

/**
    Footer
**/

div#footer {
    position:relative;
    bottom:0;
    left:0;
    clear:both;
    height:120px;
    margin-top:-120px;
    width:970px;
    background:no-repeat url(/templates/xertoz/img/footer.bg.png);
    font-family:verdana,arial,helvetica,sans-serif;
}

div#footer > div:first-child {
    margin:15px 0 5px 50px;
    float:none;
}

div#footer > div {
    float:left;
    color:#fff;
    margin-left:50px;
}

div#footer > div h5 {
    font-size:11px;
    font-weight:bold;
    margin:0;
}

div#footer > div p {
    font-size:11px;
    margin:0;
}

div#footer > div a {
    color:#fff;
}

/**
    General support classes
**/

div.clear {
    clear:both;
}