@import url('https://fonts.googleapis.com/css?family=Baloo+Chettan');

* {box-sizing: border-box;}

body {margin:0px; padding:0px; background:#fbfbfb;font-family: 'Baloo Chettan', cursive;}
.clear {clear:both;}
a {text-decoration: none; color:inherit;}
a:hover {color:#ce9a39 !important;}
.moviebox img, .moviebox h5 {border-radius:10px;}

#headblack {background:#000; margin-bottom:20px;}
#headmenu {max-width:1200px;  margin:auto; line-height: 60px;}

#headlogo {display:inline-block; vertical-align: top; width:220px; color:#ce9a39; padding-left:10px; font-size:31px; line-height: 31px; text-transform: uppercase; font-weight: bold;}
#showmenu {margin:16px 10px 0 0; display:none; width:32px; height:32px; background: url('data:image/png;base64,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');}

#headnav {display:inline-block; color:white; padding-left:15px;}
#headnav a {text-decoration:none; padding-left:20px; padding-right:20px; color:#fff; transition-property: color;
transition-duration: 0.1s;  transition-timing-function: linear; font-size:17px;}
#headnav a:hover {color:#ffcd01;}

#headsearch {float:right; padding-left:33px; background: left no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+MDExUYJhPzPRIAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAA2BJREFUSMeNlj2IXlUQhmfud7NoiE2WCK5LxCyuqKyFJIWIfwQjWlhI0EIhaCN2YmPhT2vnD6IIYYVUCzaRmOBPEUSE4D/oEqNFsHAlJJqQlSRr9szzWuTc5ez57o078HEP9zvnfWfmnTNz3QoDrGmadWtgRtJj7r7b3efMbJuZjSSdcfdfJH0p6WDTNItmZu5uZmYRYaPRyMYMWFtHRAPsBA6qMGDsV9hR4H6gLXCGSYCtwKuS/i2A1iFWRudEfr4BTI1hl6zAtKQDxcGrEYwRFmSHgNneyIDJkoQqL1yxdekqgMn7Kc4dAabXpS5r8tpAJFSkJ4CjwOeSvpZ0tjxXkAp4N6U0sZZDYFenSV8k+XkCeCULflNETEmaA57ORZMqsu78I5LW0vbRgCbdgW+B3TZgwDbgLUmrBU539ruIGFlEzFxFXUk6J2lPByppFnhJ0uvA3vn5+bJaPyy16ywi7jXgxb4SLlL2DrAla/kgcBz4R9IKcAp4f3l5uclkeyWdKoukwzBJh2sPqop6vEjRT8X77nkG2Jej3SHpi57KXGwkzXVtozZJF9z9bF7f7u7bi72SZO4+6e53Z0dOSzpX4rm7SZptcu8ask1m1qXl/Fr1XAHo0JKZXcjMbbe/srZx92aIxd0nJE2bmY1GoyUz+yprWXq7BBzOe7a7+w2lQ2Vp/jGgUSfkAnC9mVlKaTPwmaTzkpaB3yNiX5HL5yVd6ing1JrZcXe/sdJG7u7Zs4vKi7ZtL5rZw5JulTQJ/Ni27aXs8J1m9pSka9xdZuYZy9z9pEl6ubysRSQBfBARWzsHVldXt9QZSSltAnZK+rjnmnRw+x24w90X64xKWgBeaNv2r3yHbnb358zsB3f/08ySpOvMbJeZPevuM2bWieNVZvbYysqK5aG15gFwUtJ9RdPdAXxauPk3sCTpctXd6dH415TShEky4IGqdZwGnskktwGf1Be1Gie9IyW3nyfL4dcCb1YT8wRwAPiGMtwNDsGuYiNic13mU5IODQFuhKSK7hhwi/WNWWAWODI0ZTcSRT57DLhrjKP6OJkG3qtH9f8EUv6/UEZSYo9FFhETwKOSvu/71Ko7fFddEfEEcO0gSR+ZJEspjSLiHuBtST8Dl4sIkqTfgP0R8VB2zoZI/gO6Lv30HX+EXQAAAABJRU5ErkJggg==')}
#headsearch input { border:1px solid #666666; background:none; color:#FFF; font-size:16px; font-family: 'Baloo Chettan', cursive; width:220px; padding-left:5px;}
#headsearch input:focus {outline-color: transparent; outline-style: none; background:#444444;}

#content {max-width:1200px; margin:auto; clear:both; position:relative;}
#sidebar {width:220px; position:absolute; right:0; z-index:1000;}

#navul {padding:0px; margin:0px; list-style:none; font-size:15px; background:#ccc; border-top-left-radius:10px; border-top-right-radius:10px;}
#navul h2 {line-height:40px; margin:0px; padding:0px; margin-left:20px; font-size:14px; color:#ce9a39;}
#navul li { line-height:30px; transition-property: background; transition-duration: 0.2s;  transition-timing-function: linear;  border-bottom:1px solid #cccccc;}
#navul li:hover {background:#d6d6d6; border-bottom:1px solid #cccccc;}
#navul a {font-weight:700; text-decoration: none; color:inherit; margin-left:20px; margin-right:20px; display:block; border-bottom:1px solid #bbbbbb;}
#navul li:last-child a {border-bottom:1px solid #cccccc;}

.catul {padding:0px; padding-bottom:20px; padding-top:10px; margin:0px; list-style:none; font-size:15px; background:#e2e2e2; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.catul h2 {line-height:40px; margin:0px; padding:0px; margin-left:20px; font-size:14px; color:#ce9a39;}
.catul li { line-height:30px; transition-property: background; transition-duration: 0.2s;  transition-timing-function: linear;}
.catul li:hover {background:#e8e8e8;}
.catul a {text-decoration: none; color:inherit; margin-left:20px; margin-right:20px; display:block; border-bottom:1px solid #cccccc;}
.catul a span {float:right; color:#999;}
.catul.bright {background:#e8e8e8; border-top-left-radius:10px; border-top-right-radius:10px; margin-top:15px;}
.catul.friends {background:#e8e8e8; border-top-left-radius:10px; border-top-right-radius:10px; margin-top:15px;}

.catulactive {background:#ce9a39;}
.catulactive a {border-bottom:none;}
.catulactive:hover {background:#ce9a39 !important;}

#videolist {display:block; max-width:970px; max-width:85%; margin-right:230px; float:left;}
#page {display:block; width:970px; float:left; min-height:800px; 
background: #e2e2e2; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding:20px; box-sizing:border-box;}

#topheading {color:#000; display:block; clear:both; border:1px solid #e2e2e2; border-radius: 8px; margin-bottom:15px;}
#topheading h1 {font-size:24px; line-height: 40px; margin:0px; padding:0 0 0 8px;}

#bottheading {color:#000; display:block; clear:both; border:1px solid #e2e2e2; border-radius: 8px; margin-top:15px;}
#bottheading h2 {font-size:20px; line-height: 34px; margin:0px; padding:0 0 0 8px;}

.moviebox {display:block; width:235px; height:201px; background:#FFF; margin-left:6px; margin-bottom:6px; float:left;position:relative;}
.moviebox img {width:100%; height:130px;}

.moviebox h5 {color:#000; font-size:14px; font-weight:300; line-height: 20px;  margin:0px; width:215px; padding-left:0px; padding-right:10px;
font-weight:bold; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.tagsmovie {font-size:14px; padding-left:0px; padding-right:10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.tagsmovie a:first-child {color:#ce9a39 !important;}
.timemovie {color:#FFF; font-size:14px; font-weight:300; line-height: 30px;  margin:0px; width:215px; padding-left:10px; padding-right:10px;
overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; text-shadow: 1px 1px #000;
position:absolute; top:100px;}

#pagination {text-align: center; padding-top:20px; clear:both; display:block; word-break:break-all;}
#pagination a {background:#e2e2e2; border-radius:10px; border:1px solid #ccc; padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px;
margin-right:5px; transition-property: background; transition-duration: 0.2s;  transition-timing-function: linear;}
#pagination a:hover {background:#efefef;} 

#categoriesbottom {margin-top:40px;}

.cbs{display: block; width: 234px; background: #FFF; margin-left: 6px; margin-bottom: 6px; float: left;}
.cbs span {font-weight:bold;}
.cbs ul {padding-left:0px;}
.cbs li {list-style:none; padding-left: 0px;}
.cbs li {color:#999;}
.cbs li a {color:#000; margin-left:5px;}

#footer {margin-top:20px; line-height: 60px; background:#f1f1f1; text-align:center;}
#footer a {margin-right: 20px; color:#666;} 
#footer span {color:#000; margin-right:20px; display:inline-block; font-weight:bold;}

@media screen and (max-width: 800px) {
#headlogo {width:70%;}
#showmenu {display:inline-block; float:right;}
#headsearch {background:#000; width:100%; display:none;}
#headsearch form {padding-bottom:20px;}
#headsearch input {width:80%; margin-left:10%;}
#content {width: 90%; margin: 0 auto;}
#videolist {width:100%; max-width:100%; margin-left:0px;}
#pagination {width:100%; line-height: 40px;}
.moviebox {width:100%; margin-left:0px; }
.moviebox img {width:100%; height:180px;}
#page {margin-left:0px; max-width:100% !important;}
#sidebar {display:none;}
#categoriesbottom {margin-left:5%;}
.cbs {width:40%;}
#footer span {display:block;}

}