/* 
Basic elements

font-family: Verdana, Arial, Trebuchet MS, Sans-Serif;
    font-size: 9px;
-------------------------------------------------------*/

html, body {
    color: #000;
    font:10px/1.35 Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 0.01em
}

h1{font-size: 20px;margin-bottom: 15px}
.body{background: #fff}

.clear{clear: both}

.left-sidebar{
    float: left;
    width: 175px;
    border: solid 0px #F00
}

     .headbar, .headbar_s{
        width: 175px;
        height: 23px;
        background: #99877d;
        margin-bottom: 5px;
        border: solid 0px #dad1c7;
        border-bottom-width: 0px;
    }
    
    /*.headbar:hover, .headbar_s{
        background: #dd4882;
    }*/
    
        .hl {float: left;margin: 3px 0px 0px 5px}
        .hl p{color: #fff;font-size: 12px;display: inline-block}
        .arrow{float: right;margin: 4px 5px 0px 0px}
        
        .headbar:hover .hl p{color: #ecad14;}
        .headbar_s .hl p{color: #ecad14;}


    .contentbar{
        width: 175px;
        padding: 5px;
        padding-top: 0px
    }
    
        .contentbar ul li{
            line-height:1.25;
        }
        
        .contentbar ul li a{
            color: #000;
        }
        
        .contentbar ul li a:hover, .contentbar ul li a.s{
            color: #ecad14;
            text-decoration: underline
        }


.ifr{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 900px;
}

.categorybar{
    position: absolute;
    top: 0px;
    left: 185px;
    width: 740px;
    border: solid 0px #000;
}
    
    .cb-movie{
        float: left;
        width: 715px;
        height: 402px;
        margin: 0px 0px 5px 0px;
        background: #e2e2e2;
     }
     
    
    .cb-item{
        float: left;
        width: 115px;
        height: 160px;
        margin: 0px 5px 5px 0px;
        background: #99877d;
     }
     
     
     /*.cb-item:hover{
        background: #dd4882;
     }*/
        
        .cb-item p{color: #000}
        
        .cb-item:hover p{color: #ecad14}
        
        .cb-item-img{width: 115px;height: 115px}
        .cb-item-img img{width: 115px;height: 115px}
        
        .cb-item-name{width: 115px; height:45px; display:table-cell; vertical-align:middle;}
        .cb-item-name p{padding:0px 5px; color:#fff; vertical-align:middle;}
        

.middle-content{
    position: absolute;
    top: 0px;
    left: 185px;
    width: 595px;
    height: 595px;
    border: solid 0px #000;
}
    .middle-content img{width: 595px;height: 595px}

    
.middle-info-wrapper{
    position: absolute;
    top: 600px;
    left: 185px;
    width: 595px;
    height: 285px;
    border: solid 0px #000;
}

    .types{
        position: absolute;
        top: 0px;
        width: 490px;
        margin-bottom: 5px;
        border: solid 0px #000;
    }
    
  
        .types ul{
            list-style-type: none;
            margin-bottom: 10px;
            
        }
        
        .types ul li{
            display: inline;
            margin-right: 0px;
            background: #99877d;
          
            
        }
        
        .types ul li a{
            color: #656668;
              padding: 5px 10px;
            
        }
        
      .shape, .shape_s{
            float: left;
            width: 108px;
            height: 23px;
            background-color: #99877d;
            margin-right: 5px
        }
    
        /*.shape:hover, .shape_s{
            background-color: #dd4882;
        }*/
        
        .shape .shl, .shape_s .shl {float: left;}
        .shape .shl p, .shape_s .shl p{color: #000;font-size: 12px;display: inline-block;text-indent: 23px;padding-top: 3px}
        
        .shape:hover .shl p, .shape_s .shl p{color: #ecad14;}
        
        
    
        .sq{background-image: url("../gfx/square5.png");background-repeat: no-repeat}
        .rd{background-image: url("../gfx/rounded5.png");background-repeat: no-repeat}

    .info-preview{
        position: absolute;
        top: 28px;
        width: 221px;
        height: 270px;
        border: solid 0px #000;
    }
    
        .info-preview img{width: 221px;height: 221px}
    
    .info-text{
        position: absolute;
        top: 28px;
        left: 249px;
        width: 235px;
        height: 270px;
        border: solid 0px #000;
    }
    
    .info-text h1{margin-bottom: 5px}

    
.right-sidebar{
    position: absolute;
    top: 0px;
    left: 768px;
    width: 116px;
    margin-left: 17px;
}

     .desbox{float: left;width: 53px;height: 110px;margin: 0px 5px 5px 0px;background: #99877d;border: solid 0px #F00}
     .desboxib{width: 53px;height: 53px;margin: 0px;background: #e2e2e2}
     .desboxib img{width: 53px;height: 53px}
     .desbox p{margin: 3px 2px;font-size: 9px;text-align: left;color: #FFF}
     .desbox p:hover{color: #ecad14}