// Core variables and mixins
@import "variables.less"; // Modify this for custom colors, font-sizes, etc
@import "mixins.less";

@import "topbar.less";
@import "header.less";
@import "tags.less";
@import "news.less";
@import "footer.less";
@import "forum.less";

// Override Bootstrap
body {
    background-color: @backgroundColor;
}
ul, li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
input, textarea, select, .uneditable-input {
    color: @grayDark;
}
.label {
    background-color: @grayDark;
}

#form {
    width: 470px;
    textarea {
        width: 460px;
    }
    #formTools {
        margin-bottom: 10px;
        text-align: center;
        a {
            padding: 5px 5px 4px;
            line-height: 0;
        }
        select {
            font-size: @basefont;
            width: 130px;
        }
    }
    #formPreview,
    #smilies {
        background: #f9f9f9;
        border-color: #ccc #bbb #a0a0a0;
        border-style: solid;
        border-width: 1px;
        padding: 2px 4px;
    }
}

tr.first {
    th, td {
        border-top: 0;
    }
}

.box {
    .border-radius();
    background: #fff;
    border: 1px solid #e3e3d9;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
}
.box-right {
    position: absolute;
    right: 10px;
    top: 10px;
}
.breadcrumb {
    margin-bottom: 10px;
}

#content {
    position: relative;
}

#social {
    left: -75px;
    position: absolute;
    top: 0;
    width: 65px;
    div {
        margin: 0 auto 2px;
        &#facebook {
            width: 55px;
        }
        &#google {
            width: 50px;
        }
        &#twitter {
            width: 65px;
        }
    }
}

// ------------

//html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}


//padding-top:40px
//a{text-decoration:underline;cursor:pointer}
//a:hover{text-decoration:none}
dt{font-weight:bold}
dd{margin-bottom:10px}
//h1,h2,h3{margin-bottom:0}
//h1 a{text-decoration:none}
//p{margin-bottom:10px}
strong{font-weight:bold}
th{font-weight:bold}

body{font:normal normal normal 13px/1.5em normal arial, sans-serif}
dt,dd,.small,.small th,.small td,.extraLink,.errors{font-size:11px}
//h1,h2,h3{font-family:Arial,sans-serif;font-size:12px;font-weight:bold}
h1{font-size:18px}
h2,h3{font-size:14px}
//input,select,textarea,button{font-family:/*Tahoma,Verdana,*/Arial,sans-serif;padding:3px;font-size:11px}
.big{font-family:Arial,sans-serif;font-size:12px;line-height:1.5}

// Tabs
.body-tabs #colLeft {
    h1 {
        margin-bottom: 0;
    }
}
.tabs {
    margin-bottom: 0;
}
.tab-content {
    background: #fff;
    border-color: #ddd;
    border-style: solid;
    border-width: 0 1px 1px;
    margin-bottom: 10px;
    padding: 10px;
}

//h1,h1 a,h2,h3{color:#003872}
//a{color:#003872}
#colLeft{width:440px;float:left;margin-right:10px;overflow:hidden}
#colRight{
    float: right;
    width: 336px;
    table {
        td, th {
            padding: 2px;
        }
    }

}
#adHeader{height:90px;margin-bottom:10px;position:relative}
.column1 {
    #colLeft {
        width: @width;
    }
    img {
        max-width: 750px;
    }
}
.column2 {
    #colLeft {
        width: 642px;
    }
}

//.column2 #colRight{width:336px}

.cols2 .colLeft{width:205px;float:left}
.cols2 .colRight{width:205px;float:right}

#tab-forum .bb {
    margin-bottom: 5px;
    padding-bottom: 5px;
}

//.actu-list-thumbw{padding:5px 0 10px}
//.actu-list-thumb{float:left;margin:0 10px 0 0}

#tools{width:330px;position:absolute;top:0;right:0;height:50px}

.bb {
    border-bottom: 1px solid @grayLighter;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.bcw{background-color:#fff}
//.box{padding:10px;background:#fff;margin-bottom:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.bt{padding-top:5px;border-top:1px solid #e1e1e1;margin-top:5px}
.border{padding:5px;border:1px solid #e1e1e1}
.cg{color:#090}
.cr{color:#8a1f11}
.dept{height:200px;overflow:auto}
.dn{display:none}
.down{color:@red}
.extraLink{float:right}
th .extraLink{font-weight:normal}
.fl{float:left}
.fr{float:right}
.ffv{font-family:Verdana}
.fwb {
    font-weight: bold;
    td {
        font-weight: bold;
    }
}
.letters{text-align:center;font-weight:bold;width:350px;margin:0 auto 10px auto}
.letters a{width:16px;height:16px;display:block;float:left;border:1px solid #ccc;text-decoration:none;margin:3px 4px}
.light{text-decoration:none;color:@gray;font-weight:normal}
a.light:hover{color:@black}
.line1{background-color:#fff}
.line2{background-color:#f6f6f6}
.m{margin:5px}
.mb{margin-bottom:10px}
.mb0{margin-bottom:0}
.mlr{margin-left:5px;margin-right:5px}
.mr{margin-right:10px}
.mt{margin-top:10px}
.menuInline{width:100%;text-align:center;margin:15px 0}
.menuInline a{margin:10px}
.ol{list-style-type:decimal}
.ol li{margin-left:20px;list-style-type:decimal}
.p,.p th,.p td{padding:5px}
.pb{padding-bottom:10px}
.pl{padding-left:10px}
.pr{position:relative}
.ptb{padding-top:5px;padding-bottom:5px}
.tac,.tac th,.tac td{text-align:center}
.tal{text-align:left}
.tar{text-align:right}
.tdn{text-decoration:none}
.up{color:@green}
.vab{vertical-align:bottom}
.wf{width:100%}
.wh{width:50%}
.wq{width:25%}
.w40{width:40px}
.w50{width:50px}
.wsn{white-space:nowrap}

.sprite2{width:32px;height:32px;display:block}
.sprite2Comment{background:url('@{base-url}/img/comment.png');text-align:center;line-height:27px;font-weight:bold;float:right}

.sprite{width:16px;height:16px;display:inline-block;background-image:url('@{base-url}/img/sprites111227.png');background-repeat:no-repeat}
.spriteEmpty{background-position:-32px -32px}
.spriteArrowUp{background-position:0 -32px}
.spriteArrowUpBw{background-position:0 -48px}
.spriteArrowDown{background-position:-16px -32px}
.spriteArrowDownBw{background-position:-16px -48px}
.spriteBold{background-position:-64px 0}
.spriteItalic{background-position:-64px -16px}
.spriteUnderline{background-position:-64px -32px}
.spriteImg{background-position:-64px -48px}
.spriteInfo{background-position:-112px 0}
.spriteYoutube{background-position:-80px 0}
.spriteDailyMotion{background-position:-112px -16px}
.spriteLink{background-position:-80px -16px}
.spriteLocked{background-position:-32px 0}
.spriteSmiley{background-position:-80px -32px}
.spriteComment{background-position:-48px 0}
.spriteFav0{background-position:0 -16px}
.spriteFav1{background-position:0 0}
.spriteForumRead{background-position:-16px -16px}
.spriteForumUnread{background-position:-16px 0}
.spritePoll{background-position:-32px -48px}
.spriteRead{background-position:-48px -32px}
.spriteReplied{background-position:-48px -48px}
.spriteUnread{background-position:-48px -16px}
.spriteWarning{background-position:-80px -48px}
.spriteWatch0{background-position:-96px -16px}
.spriteWatch1{background-position:-96px 0}

.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix{display:inline-block}
html[xmlns] .clearfix{display:block}
* html .clearfix{height:1%}

.tbl1 th{padding-right:10px;color:#777}
.tbl2 th,.tbl2 td{padding:3px;border:1px solid #ccc}
.tbl2 th{background-color:#f0f0f0}
.tbl3 th,.tbl3 td{padding:3px}
.tbl3 th{background-color:#f0f0f0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.tbl4 th{padding:3px;background-color:#f0f0f0;border-top:1px solid #ccc}
.tbl4 td{padding:3px;border-top:1px solid #ccc}

.form label{width:100px;display:block;float:left}

.column1 {
    .pagination {
        margin: 0;
        float: right;
    }
}

.pagination {
    a {
        line-height: 26px;
        padding: 0 10px;
    }
}

.follow {
    margin: 0 auto;
    li {
        float: left;
        height: 30px;
        margin: 5px;
        text-indent: -9999px;
        width: 30px;
        a {
            display: block;
            height: 100%;
            width: 100%;
            .opacity(80);
            &:hover {
                .opacity(100);
            }
            &.google, &.twitter, &.facebook, &.feed {
                background: url('@{base-url}/img/sprites111227.png');
            }
            &.google {
                background-position: -90px -64px;
            }
            &.twitter {
                background-position: 0 -64px;
            }
            &.facebook {
                background-position: -30px -64px;
            }
            &.feed {
                background-position: -60px -64px;
            }
        }
    }
}

/*
.social {
    height: 68px;
    width: 228px;
    div {
        width: 70px;
        float: left;
    }
}
*/

.social{width:228px;height:68px}
.socialLinks{width:120px}
.social ul{margin:0 auto}
.social ul li{width:30px;height:30px;margin:5px;text-indent:-9999px;float:left}
.social ul li a{display:block;width:100%;height:100%;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80)}
.social ul li a:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}
a.google,a.twitter,a.facebook,a.feed{background:url('@{base-url}/img/sprites111227.png')}
.social ul a.google{background-position: -90px -64px}
.social ul a.twitter{background-position: 0 -64px}
.social ul a.facebook{background-position: -30px -64px}
.social ul a.feed{background-position: -60px -64px}

#error404 {
    background: @white;
    border: 1px solid @grayLight;
    margin: 50px auto 0;
    padding: 10px 20px;
    width: 600px;
    #header {
        background: @white;
        #logo {
            float: none;
            margin: 10px 0;
            a {
                color: @linkColor;
                margin-left: 0;
            }
        }
    }
}

#index-index, #video-index {
    #video-comments {
        .comment:last-child {
            border-bottom: 0;
            margin-bottom: 0;
            padding-bottom: 0;
        }
    }
    .bb {
        margin-bottom: 5px;
        padding-bottom: 5px;
    }
    .last {
        border-bottom: 0;
    }
    .videoEntry {
        float: left;
        margin: 0 10px 10px 0;
        overflow: hidden;
        width: 300px;
    }
}
/*
#video-index {
    .videoEntry {
        float: left;
        margin: 0 12px;
        overflow: hidden;
        text-align: center;
        width: 100px;
        img {
            float: none;
        }
        .videoDuration {    
            display: none;
        }
    }
    .last {
        border-bottom: 0;
    }
}
*/
#form-video-search {
    margin-bottom: 0;
    input[type=text] {
        width: 180px;
    }
}
#video-view {
    h3 a {
        //font-size: 10px;
        font-weight: normal;
    }
    #comment {
        width: 400px;
    }
}

.color td {
    background-color: lighten(@black, 95%);
    font-weight: bold;
}