/*
Styly na videohitparadu, v.2
Standartne sa pouzivaju style z MB, a tie len doplnaju/prepisuju 
prvidla z MB.

Jan Mikulovsky

*/


body{ 
        text-align:center; /* kvoli Ie */
}
#pagewidth {
        width:1152px;
        overflow:hidden;
        position:relative;
        text-align:left;
        
        border:0px solid blue;
       
}

sbody {
               /* width:1200px;*/
}

#main {
        background: #FFFFFF url('images/bg.jpg') no-repeat right top ;
       overflow:hidden;
       padding:0pt 455px 0px 0pt;
        margin-top:0px;
        padding-left:10px;
        margin-left:10px;
        margin-right:10px;
        #height:100%;
        width:666px;
        /*border:1px solid red;*/
        /*background: red;*/
}

#film-roll {
        width:1100px;
        height:133px;
       /* margin:10px; ;*/
        background: url('images/film-bg.png') no-repeat;
        margin-bottom:20px;
}

#film-roll-no {
        width:1100px;
        height:185px;
       /* margin:10px; ;*/
        background: url('images/film-bg-no.png');
        margin-bottom:20px;
}
#film-roll img {
                margin-top:30px;
                margin-left:5px;
                margin-right:5px;
                border:0;
        
}
#film-roll a {
        text-decoration:none;
}


#leftcol {
        float:left;
        /*margin-top:115px;*/
/*        overflow:hidden;*/
        /*width:100%;*/
        padding-top:20px;
}

#rightcol {
        display:inline;
        float:right;
        margin:0pt -440px 0pt 0pt;
        position:relative;
        width:400px;
        #margin-left:20px;

}

#leftcol #content {
        margin:0;
        padding:0;
}

 #rightcol .one .box {
         width:380px;
         margin:0;
 }
 #rightcol .one .box ul{
          width:100%;
  }
 
 input.search_input {
        margin:0;
        width:360px;
         
 }


#video h2 {
        margin-bottom:20px;
        font-size:33px;
        
}

#searchbox {
        padding:0;
        margin:0;
        margin-bottom:30px;
        margin-top:10px;
}

#video-popis {
        background:url('images/klapka.png') no-repeat #f0f0f0;
        border:1px solid #c0c0c0;
        width:529px;
        margin-left:0px;
        margin-top:20px;
        margin-bottom:20px;
        padding:10px;
        padding-left:8px;
        padding-left:100px;
        min-height:60px;
}

#categories {
        width:360px;
        margin:0;
        margin-top:20px;
}

h2 {
        color:#9CAA3B;
        text-decoration:none;
        background:transparent none repeat scroll 0 0;
        border:0 none;
        color:#9CAA3B;
        font-weight:normal;
        outline-color:-moz-use-text-color;
        outline-style:none;
        outline-width:medium;
        text-decoration:none;
        font-size:33px;
        margin-top:20px;
}

.one .box h2 {
	color: #e64117;
 	margin: 0.3em 0 0.4em 10px;
 	font: 1.5em Helvetica, Trebuchet MS, Arial, sans-serif;}
.one .box h2 a {
        color:#e64117;
        text-decoration:none;
}
        
#video-nav {
        font-size:18px;
        text-align:left;
        border:0px solid red;
}
#video-nav ul {
        list-style:none;
        display:inline;
}
#video-nav ul li {
        float:left;
        margin-right:20px;
}
#video-nav a{
        text-decoration:none;
        color:black;
}
#video-nav a:hover{
        text-decoration:underline;
}

#comments ul li {
        margin-left:-50px;
        width:629px;
}



.videoInfo{
        margin-bottom:20px;
        border:1px solid #f0f0f0;
        padding:10px;
}

.videoInfo img {
        margin-right:10px;
        float:left;
        
}

.videoInfo h4 {
        /*color:#9CAA3B;*/
        font-size:20px;
        margin-bottom:5px;
        font-size-adjust:none;
        font-stretch:normal;
        font-style:normal;
        font-variant:normal;
        font-weight:normal;
        line-height:normal;
}

.videoInfo  a h4 {
        color:#505050;
        font-size:20px;
        
        font-size-adjust:none;
        font-stretch:normal;
        font-style:normal;
        font-variant:normal;
        font-weight:normal;
        line-height:normal;
        text-decoration:none;
}
.videoInfo a{
        text-decoration:none;
}
.videoInfo a:hover { 
        text-decoration:underline;
        color:#505050 !important;
}



/******************/
.jjcarousel-next-horizontal {
    position:absolute;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../jcarousel/skins/tango/next-horizontal.png) no-repeat 0 0;
}
.jjcarousel-prev-horizontal {
    position:absolute;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../jcarousel/skins/tango/prev-horizontal.png) no-repeat 0 0;
}

#film-roll li {
        color:#a0a0a0;
}