@charset "utf-8"; /* ============================================================================= FONT FACE STYLES ============================================================================= */ @import url(http://fonts.googleapis.com/css?family=Open+Sans|Ubuntu); /*font-family: 'Oswald', sans-serif;*/ @font-face { font-family: "Conv_mallanna"; font-style: normal; font-weight: normal; src: local("☺"), url("fonts/mallanna.woff") format("woff"), url("fonts/mallanna.ttf") format("truetype"), url("fonts/mallanna.svg") format("svg"); } /* ============================================================================= BROWSER RESET STYLES ============================================================================= */ a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video { margin: 0;padding: 0;line-height: 100%;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} * { margin: 0;padding: 0;} ul, li, ol {list-style: none;} .clear, .clearfix, .clr { clear: both;} a, img {border: 0; outline: none; text-decoration: none;} *:focus { outline: none; /* chrome blue border remove */} input, select, textarea { outline: none;} img {max-width: 100%;height: auto;} body {color:#000;background: #FFF;font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size:1em;line-height:1.4em; font-weight:normal;} html{overflow-x: hidden;} /* ============================================================================= TYPOGRAPHY STYLES ============================================================================= */ h1, h2, h3, h4, h5 {font-family: 'Ubuntu', Arial, Helvetica, sans-serif; line-height:1.5em; margin:.25em 0; padding:0; font-weight: normal; text-transform: uppercase} h1 {font-size: 1.6em;color: #6a6a6a;} h2 {font-size: 1.4em;color: #8b8b8b;} h3 {font-size: 1em;} h4 {font-size: 1em;} p { padding-bottom: 8px; font-size:0.9em !important; line-height:150% !important;} .wrapper { width: 100%;} /* ============================================================================= HEADER STYLES ============================================================================= */ header { width: 100%; background: #020202 url(../images/header.jpg) no-repeat 0 0;} .home .fullwidth, .container.fullwidth {width: 100%; max-width: 1150px; margin: 0 auto;} .fullwidth { width: 100%; max-width: 1150px; margin: 0 auto;} .home .head-left { float: left;width: 38%;} .home .head-right { float: left;padding: 2px 0 0;width: 34%;} .head-left { float: left;width: 250px;} .head-right {float: right;padding: 2px 0 0; width: 850px;margin-right: 6px;} .toparea { padding: 2px 0 4px 0;} div.media { float: right;margin: 2px 0 0; position: relative; z-index: 11;} div.media div { float: left; position: relative; list-style: none; margin: 0 8px;} div.media div a { display: block; text-indent: -9999px;} .media-divider { float: left; background: url(../images/media-divider.png) no-repeat center 0; padding: 0 8px; width: 1px; height: 24px;} div.media div.fb, div.media div.twitter, div.media div.pinterest, div.media div.gplus { background: url(../images/media-sprite.png) no-repeat 0 0; width: 20px !important; height: 24px; cursor: pointer; margin:10px;} div.media div.twitter { background: url(../images/media-sprite.png) no-repeat -31px 0;} div.media div.pinterest { background: url(../images/media-sprite.png) no-repeat -61px 0;} div.media div.gplus { background: url(../images/media-sprite.png) no-repeat -91px 0;} div.media div.fb:hover { background-position: 0 -23px;} div.media div.twitter:hover { background-position: -31px -23px;} div.media div.pinterest:hover { background-position: -61px -23px;} div.media div.gplus:hover { background-position: -91px -23px;} div.media div.fb div { background: #355fa7;} div.media div.pinterest div { background: #f23434;} div.media div.twitter div { background: #32ccfe;} a.tooltips.youtube div { background: #ef3f3f;} div.media div.gplus div { background: #dd4224;} .media div i.user { background: #7d7d7d;} .media div:hover i.user { background: #666;} div.media div a.tooltips { position: relative; display: inline;} div.media div div { color: #FFFFFF; display: none; margin-left: -37px; padding: 5px; position: absolute; text-align: center; bottom: -30px; width: 70px; z-index: 11; left: 0; border: 2px solid #FFF; border-radius: 2px; font: normal 12px/12px Arial, Helvetica, sans-serif; text-indent: 0 !important;} div.media div.facebook div { margin-left: -39px;} div.media div span { border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #FFF; position: absolute; top: -7px; left: 45%; padding: 0;} div.media div:hover div { display: block;} div.media div a.user, div.media div .sub-list a { text-indent: 0;} .sub-list { background: #1D1D1D; display: none; padding: 10px 0 0; position: absolute; right: 0; top: 21px; width: 123px;} .media .sub-list div { float: left; width: 100%; border-top: 1px solid #2b2b2b; padding: 8px 0; margin: 0;} .media .sub-list div:first-child { padding: 0 0 5px 0; border: none;} .media .sub-list a { color: #84898B; padding: 0 5px; display: block; width: 100%; font-size:0.9em; text-transform: uppercase;} .media .sub-list a:hover { color: #FFF;} .media li:hover .sub-list { display: block;} .search-box { background: #e1e1e1; border: 2px solid #929294; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 5px #0c0c0e; -moz-box-shadow: 0 0 5px #0c0c0e; -o-box-shadow: 0 0 5px #0c0c0e; box-shadow: 0 0 5px #0c0c0e; margin: 10px 0 0; width: 100%; position: relative;} .search-box input { background: none; border: none; color: #6C6C6C; float: left; font-size:0.7em; font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif; height: 30px; outline: medium none; padding: 0 7px; text-transform: uppercase; width: 74%;} .search-box span { float: right; margin-left: 0; text-align: center; background: #929294; border-left: 1px solid #929294;} .search-box span a { background: #151515; color: #CDCDCD; display: block; font-family:'Ubuntu', Arial, Helvetica, sans-serif; font-size:0.9em; line-height:200%; height: 30px; text-transform: uppercase; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;} #searchContainer { float: right; font-size: 12px; position: relative;} #searchButton { cursor: pointer; display: inline-block; position: relative; z-index: 30;} #searchBox { background-color: #EFEFEF; box-shadow: 0 1px 6px #666666; display: none; height: auto; position: absolute; right: 2px; top: 41px; width: 100%; z-index: 999999;} #searchButton.active { border-radius: 3px 3px 0 0;} #searchButton.active span { background-position: 53px -76px;} #searchButton.active em { background: none repeat scroll 0 0 #D2E0EA; bottom: -1px; height: 1px; position: absolute; width: 100%;} #searchForm { background-color: #CCCCCC;} #searchForm ul li { background-color: #f8f8f8; border-bottom: 1px dotted #999999; float: left; height: auto; margin-bottom: 1px; width: 100%; padding: 4px 0 9px;} #arrow_search { width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #eee; margin: -11px 25px 0 200px; float: left} #searchForm_img { float: left; height: 40px; width: auto;} #searchForm h3 { font-family:'Ubuntu', Arial, Helvetica, sans-serif; font-size:1.0em; background-color: #eee; padding: 5px; border-bottom: 1px solid #999; color: #d89312;} #search_item { margin: 0; padding: 5px;} #search_item div > p { color: #2C2C2C;font-family:'Ubuntu', Arial, Helvetica, sans-serif; font-size:1.0em; padding-left: 10px;} #searchForm_item_name { float: left; margin: 8px 0 0 10px; padding: 0; width: 225px;} #searchForm_item_name a { color: #444;} #searchForm_item_price { float: left; margin: 12px 0 0 44px; padding: 0; width: 84px;} #searchForm_item_qupr { color: #2C2C2C; float: right; font-size: 1em; font-weight: bold;} #searchForm_item_remove { color: #944737; float: right; padding-top: 5px; text-decoration: underline;} #searchForm_item_remove a { color: #944737; float: right; text-decoration: underline;} #searchForm_item_remove a:hover { color: #AC331A; float: right; text-decoration: underline;} /* ============================================================================= MENU STYLES ============================================================================= */ .menu { border-top: 1px solid #343434; background: #2a2a2a; /* Old browsers */ background: -moz-linear-gradient(top, #2a2a2a 0%, #131313 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a2a2a), color-stop(100%, #131313)); background: -webkit-linear-gradient(top, #2a2a2a 0%, #131313 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2a2a2a 0%, #131313 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2a2a2a 0%, #131313 100%); /* IE10+ */ background: linear-gradient(to bottom, #2a2a2a 0%, #131313 100%); /* W3C */ float: left; width: 100%; height: 44px;} .logo-small { float: left; margin: 2px 15px 0 0;} .menu ul { margin-top: -1px; float: left} .menu ul li { border-left: 1px solid #2C2C2C; border-right: 1px solid #2C2C2C; float: left; margin-right: 1px; text-align: center;} .menu ul li.news strong, .menu ul li.is strong { float: left; border-right: 1px solid #2C2C2C; height: 44px; margin-left: 1px;} .menu ul li.is strong { border-left: 1px solid #2C2C2C; border-right: 0; margin-left: 0; margin-right: 1px;} .menu ul li a { color: #FFFFFF; display: block; float: left;font: bold 0.9em/1.2em "Open Sans", Arial;; padding: 0;} .menu ul li a span { float: left; padding: 14px 18px;} .menu ul li.dbl span { padding: 7px 22px;} .menu ul li:hover span { transition: background-color 0.6s ease;} .menu ul li.news span { border-top: 3px solid #009bff;} .menu ul li.news:hover span, .menu ul li.news.active span { background: #009bff;} .menu ul li.movies span { border-top: 3px solid #f36523;} .menu ul li.movies:hover span, .menu ul li.movies.active span { background: #f36523;} .menu ul li.av span { border-top: 3px solid #b6ca1e;} .menu ul li.av:hover span, .menu ul li.av.active span { background: #b6ca1e;} .menu ul li.gallery span { border-top: 3px solid #f466ba;} .menu ul li.gallery:hover span, .menu ul li.gallery.active span { background: #f466ba;} .menu ul li.telugu span { border-top: 3px solid #9B0B62;} .menu ul li.telugu:hover span, .menu ul li.telugu.active span { background: #9B0B62;} .menu ul li.interval span { border-top: 3px solid #ffc000;} .menu ul li.interval:hover span, .menu ul li.interval.active span { background: #ffc000;} .menu ul li.iqdb span { border-top: 3px solid #864300;} .menu ul li.iqdb:hover span, .menu ul li.iqdb.active span { background: #864300;} .menu ul li.ht span { border-top: 3px solid #EB5250;} .menu ul li.ht:hover span, .menu ul li.ht.active span { background: #EB5250;} .menu ul li.is span { border-top: 3px solid #9600b4;} .menu ul li.is:hover span, .menu ul li.is.active span { background: #9600b4;} .menu ul.history-menu { float: right; margin: 0; padding: 4px; background: url("../images/menu-divider.png") no-repeat left 0;} .menu ul.history-menu li { border-left: 0; border-right: 0; margin: 0; padding: 0 10px;} .menu ul.history-menu li .sub-list { top: 20px; background: none; padding: 20px 0 0;} .menu ul.history-menu li .sub-list li { background: #1D1D1D; text-align: left;} .menu ul.history-menu li .sub-list li, .menu ul.history-menu li .sub-list li:first-child { padding: 8px 2px;} .nav-container { max-width: 100%; margin: 0 auto; position: relative;} .sticky-navigation { width: 100%; z-index: 9;} .menu .user-area { float: left; padding: 11px 10px;} .menu ul.user-area li { border: none;} .menu ul.user-area .sub-list { padding: 14px 0 0; background: none;} .menu ul.user-area .sub-list li { background: #1D1D1D;} .menu .user-area li i.user { background: none; font-size: 20px; color: #a2a2a2;} .menu .user-area li:hover i.user { color: #FFF;} .user-area .sub-list li:first-child { padding: 8px 0; border: none;} .menu ul.user-area .sub-list li { border-top: 1px solid #2b2b2b; text-align: left;} /* ============================================================================= CONTAINER STYLES ============================================================================= */ .container .left-panel { float: left; width: 72.8%; box-shadow: 0 0 5px #777; -webkit-box-shadow: 0 0 5px #777; -moz-box-shadow: 0 0 5px #777; -o-box-shadow: 0 0 5px #777; background: #FFF; padding-bottom: 1px; margin-bottom: 11px;} .container .right-panel { float: left; width: 27%; background: #FFFFFF; margin-left: 2px; margin-top: 1px;} .internal { box-shadow: 0 0 5px #777; -webkit-box-shadow: 0 0 5px #777; -moz-box-shadow: 0 0 5px #777; -o-box-shadow: 0 0 5px #777; background: #FFF;} .left-area { float: left; width: 67%; position: relative;} .right-area { float: right; width: 32.9%;} .inner { padding: 1px; margin-bottom: 11px;} .spacing-div { padding: 2px 12px;} .strip-black { background: url(../images/strip-black.png) repeat 0 0;} .strip-white { background: url(../images/strip-white.png) repeat 0 0;} .left-panel img, .left-area img { display: block;} /*.blue h1, .pink h1, .blue-light h1, .yellow h1, .red-dif h1, .black h1, .orange-dif h1, .yellow-dark1 h1, .yellow-dark2 h1, .yellow-dark3 h1, .ash h1, .green-light h1, .blue-dark h1 { border-bottom: 1px dotted #8f9599; padding: 6px 0;}*/ h1 span { border-left: 5px solid #009bff; padding: 3px 5px;} h1.space { margin: 14px 0; font-size:1.3em; line-height:100%;} h1.space1 { margin: 14px 0 8px 0;} h2.space { margin: 14px 0; font-size:1.3em; line-height:100%;} /*.pink h1 span { border-left-color: #f365b9;} .blue-dark h1 span { border-left-color: #094a91;} .green-light h1 span { border-left-color: #b6ca1e;} .yellow h1 span { border-left-color: #ffc000;} .red-dif h1 span { border-left-color: #864300;} .black h1 span { border-left-color: #2d2d2e;} .orange-dif h1 span { border-left-color: #eb5250;} .yellow-dark2 h1 span { border-left-color: #daa400;} .yellow-dark3 h1 span { border-left-color: #f2b600;} */ .blue h1, .blue h2 { border-left:6px solid #009bff; border-bottom: 2px solid #009bff; padding: 5px 8px;} .pink h1, .pink h2 { border-left:6px solid #f365b9; border-bottom: 2px solid #f365b9; padding: 5px 8px;} .yellow h1, .yellow h2 { border-left:6px solid #ffc000; border-bottom: 2px solid #ffc000; padding: 5px 8px;} .black h1, .black h2 { border-left:6px solid #2d2d2e; border-bottom: 2px solid #2d2d2e; padding: 5px 8px;} .ash h1, .ash h2{ border-left:6px solid #864300; border-bottom: 2px solid #864300; padding: 5px 8px;} .green-light h1, .green-light h2 { border-left:6px solid #b6ca1e; border-bottom: 2px solid #b6ca1e; padding: 5px 8px;} .blue-dark h1, .blue-dark h2 { border-left:6px solid #094a91; border-bottom: 2px solid #094a91; padding: 5px 8px;} .magenta h1, .magenta h2 { border-left:6px solid #eb5250; border-bottom: 2px solid #eb5250; padding: 5px 8px;} .orange h1, .orange h2 { border-left:6px solid #f34501; border-bottom: 2px solid #f34501; padding: 5px 8px;} .blue-light h1 { border-left-color: #00c0f6;} .yellow-dark1 h1 { background: #f1b600;} .link-right { float: right; margin: 5px 0;} .hidden-readmore{ margin: -7px 0;} .link-right a { color: #f36523; font: bold 1em/1.4em "Open Sans", Arial;; text-transform: none;} .link-right span { float: left; line-height: 16px;} .link-right i { color: #f36523; float: left; font-size: 14px; line-height: 16px; padding: 0 2px 0 4px;} .link-right.normal a { color: #666;} .link-right a:hover, .link-right a:hover i { color: #000;} .divider-area { background: url(../images/divider-area.png) repeat-x 0 0; width: 100%; height: 19px; margin: 0;} .bdr-area { border-top: 1px solid #efefef; margin: 13px 0;} .container .divider-area { margin: 3px 0 0;} .text-align { text-align: center;} .left-div, .right-div { float: left; width: 50%;} .right-div { float: right; width: 49.5%;} .list-items { overflow: hidden;} .list-items li { border-top: 1px solid #efefef; float: left; width: 100%; padding: 1px 0;} .list-items li:first-child { border-top: medium none;} .list-items li a { color: #333333; display: block; overflow: hidden; padding: 8px; text-overflow: ellipsis; white-space: nowrap; font-size:0.9em;} .list-items a:hover { color: #000; background: #f4f4f4} .reviews .details, .now-playing .details, .gallery-shadow, .shadow-box, .title-area { -webkit-box-shadow: 0 0 2px #b9b9b9; -moz-box-shadow: 0 0 2px #b9b9b9; -o-box-shadow: 0 0 2px #b9b9b9; box-shadow: 0 0 2px #b9b9b9;} .shadow-box { padding: 9px;} .internal .shadow-box { padding: 6px;} /* ============================================================================= HOME PAGE STYLES ============================================================================= */ .home-banner { position: relative;} .add-div { bottom: 11px; left: 11px; position: absolute; z-index: 99999;} .add-img { float: left;} .addsense { height: 58px; float: left; background: #FFF; border: 1px solid #1e1e1e; border-left: 0; width: 0;} .addsense-content { visibility: hidden;} .addsense-content p { padding-bottom: 0;} .activator { float: left; display: block;} .homenews h1,.homenews h2{ text-align:center; border-bottom:2px solid #666;font-size: 1.6em;color: #6a6a6a;} .latest-headlines { margin: 1px 0 0; overflow: hidden;} .latest1 { float: left;margin: 5px 0 0; padding-right: 11px; width:98%} .latest2 { float: left;padding-left: 11px; margin: 10px 0 0; width:100%;} .latest2 h2 { padding-left: 10px;} .news-latest1 a{color: #585858; padding: 8px; font-weight: normal; text-transform: none !important;} .news-latest-tel1 a{ color: #585858; font-family: "Conv_mallanna",Times New Roman; font-size: 1.3em; padding: 6px 8px !important; font-weight: normal; text-transform: none !important;} .image-headlines { position: relative;} .image-headlines .MovieName { position: absolute; bottom: 0; left: 0; padding: 4px 0; width: 100%;} .image-headlines a h3 { color: #FFF; line-height: 16px; padding: 0 4px;} .image-headlines:hover h3 { color: #f36523;} .image-headlines:hover { opacity: 0.9;} .latest-headlines p { font: normal 1.2em/1.4em 'Open Sans', Verdana, Arial, Helvetica, sans-serif; color: #444; padding: 7px 2px 16px 2px; text-align: justify;} .now-playing { clear: both; width: 100%; padding: 0;} .now-playing .details { background: none repeat scroll 0 0 #FFFFFF; float: left; padding: 3px 1%; width: 45%; margin:1.5%} .now-playing1 .details { padding: 3px 1%; width: 45%; margin:1.5%;} .reviews .details { padding: 3px 1%; width: 45%; margin:1.5%; float:left} .movie-stills .now-playing { width: 98%; margin: 0 auto;} .movie-div .now-playing .details { width: 97%;} .movie-div li { padding: 3px 9px 4px 5px;} .now-playing .spacing { margin: 0 10px;} .user-rating, .movie-review, .release-date, .waiting-watch { float: left; width: 100%; background: #FFF; padding:0.6%; margin: 2px 0 0;} .movie-review, .waiting-watch { background: #FFF; border-top: 1px solid #e4e4e4;} .user-rating-inner, .movie-review-inner, .release-date-inner, .waiting-watch-inner { float: left; width: 48%; background: #FFF; padding:0.6%; margin: 2px 0 0;} .movie-review-inner, .waiting-watch-inner { background: #FFF; border-left: 1px solid #e4e4e4;} .release-date, .waiting-watch,.release-date-inner, .waiting-watch-inner { text-align: center;} .user-rating strong , .user-rating-inner strong { font: 1em 'Ubuntu', Arial, Helvetica, sans-serif; color: #f36523; padding-right: 6px; float: left;} .user-rating span,.user-rating-inner span { color: #5E5E5E; float: left; font: 1em 'Ubuntu', Arial, Helvetica, sans-serif; text-transform: uppercase;} .movie-review a h3, .movie-review-inner a h3 { color: #FFF; text-transform: uppercase; float: left; line-height: 24px;} .movie-review a i,.movie-review-inner a i { color: #f36523; float: left; font-size: 12px; line-height: 30px; padding-right: 6px;} .movie-review a:hover h3,.movie-review-inner a:hover h3 { color: #f36523;} .details h3 { color: #333333; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0px; font-size:0.9em} .details h2 { color: #f36523; font-size:0.9em; text-transform:capitalize;} .movie-div .details h2 { padding-left: 6px;} .release-date span,.release-date-inner span { color: #2d2d2e; display: block; font-size:0.8em} .release-date span.date,.release-date-inner span.date { color: #cd5d10;text-transform: uppercase; font-size:0.9em;} .waiting-watch i,.waiting-watch-inner i { float: left; font-size: 16px; color: #248f28; padding:6px 3px 0 6px;} .waiting-watch h2,.waiting-watch-inner h2 { float: left;} .waiting-watch span,.waiting-watch-inner span { display: block; font-size:0.7em; padding:10px 0px; color: #2d2d2e;} .gallery-home { float: left; margin-right: 2px;} .gallery-slide { width: 98%; margin: 0 auto; float: none;} .gallery-shadow { padding: 6px;} .gallery-home h3 { color: #FFF;} .gallery-home ul li { float: left; margin-left: 1.5%; position: relative; width: 32.2%;} .gallery-home ul li:first-child { margin-left: 0;} .gallery-home ul.image-box { text-align: center;} .gal-slide { padding-left: 0;} .gallery-home .gal-slide ul li { margin-left: 7px;} ul#hover-details-freebie, ul#hover-details-freebie1, div#hover-details-freebie { list-style: none; padding: 0;} .gallery-home ul li:last-child { margin-right: 0;} div.hover-details { overflow: hidden; position: relative; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;} div.hover-details > img { width: 100%; height: auto; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;} div.hover-details:hover > img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2);} div.hover-details .details { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/more.png) no-repeat center rgba(0,0,0,0.3); transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; cursor: pointer;} div.hover-details:hover .details { opacity: 1;} .gallery-titile { padding: 4px 0; width: 100%; text-align: center;} .gallery-titile h3 { color: #333333; font-size:0.7em;} .review-home { float: right; width: 33%;} .review-inner { width: 100%;} .review-inner-space { margin: 10px 0 0;} .movie-review-div ul { padding-top: 3px;} .movie-review-div ul li { float: left; width: 100%;} .movie-title { float: left; width: 86%;} .movie-title a {color: #333; width: 100%; text-overflow: ellipsis;white-space: nowrap; overflow: hidden; padding: 6px 0; display: block; font-size:0.9em;} .movie-title a:hover { background: #f4f4f4;} .movie-rate { float: right; width: 11%; background: #333333; text-align: center; padding: 0px;} .movie-rate h4 { color: #FFF;} .rating-bar { background: #cdcdcd; width: 100%; height: 4px; clear: both; position: relative;} .rating-bar span { position: absolute; left: 0; top: 0; height: 4px;} .rating-bar span.green { width: 80%; background: #00993b;} .rating-bar span.red { width: 25%; background: #ff0000;} .rating-bar span.red1 { width: 35%; background: #ff0000;} .movie-releases { margin: 5px 0 0;} .movie-releases li { border-top: 1px dotted #a3a3a3; float: left; width: 100%; font-size:0.9em;} .movie-releases li:first-child { border: none;} .movie-releases li a { float: left; width: 100%; color: #333; padding: 6px 0; display: block;} .movie-releases li a:hover { background: #ccf1fb;} .movie-releases li div { float: left; width: 72%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .movie-releases li span { float: right; width: 28%;} .left-side { float: left; width: 42%;} .right-side { float: right; width: 52%;} .interval-home { float: none; width: 100%;} .interval-home p { color: #7A7A7A; font-size:0.8em; line-height:150%;} .interval-image { position: relative;} .interval-image .int-title { width: 100%;} .interval-image .int-title h3 { color: #333333; padding: 6px 0; text-transform: none;} .interval-image:hover .int-title h3 { color: #cd5d10;} .shortfilms li {} .multi-list li { float: left; width: 100%; border-top: 1px solid #efefef; padding: 3px 0;} .multi-list li:first-child { border-top: 0;} .multi-list li a i { -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #000000; float: left; font-size: 12px; line-height: 16px; height: 16px; margin: 6px 6px 0 0; padding: 0 0 0 2px; text-align: center; vertical-align: middle; width: 14px; background: #b9b9b9;} .multi-list li a h4 { float: left; color: #333333; padding: 6px 0; text-transform: none;} .multi-list li a span { color: #333333; padding: 6px 0; text-transform: none; font-size:0.85em; line-height:150%;} .multi-list li p { clear: both;} .multi-list li a:hover p { color: #000;} .events-left { float: left; width: 42%;} .events-right { float: right; width: 52%;} .events h2 { padding-left: 10px;} .events-left a { color: #333; font: bold;} .events-left span { padding: 15px 0 6px 0; display: block;} .iqdb-home-left { float: left;} .iqdb-home-right { float: right; width: 45%;} .iqdb-home h2 span{ text-transform: lowercase;} .iqdb-home .name h2 {color: #333; width: 99%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .rating-list { overflow: hidden;} .rating-list li { float: left; color: #a3a3a3; text-transform: uppercase; text-align: center; padding: 0 7px; margin-top: 4px; font-size:0.9em;} .rating-list li span { color: #F36523; display: block;} .rating-list li.name { width: 35%; text-align: left; padding: 0;} .rating-list li.user-rate { width: 45%;} .rating-list li.rank-no { width: 20%; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4;} .rating-list li.vote { width: 20%;} .other-stars { overflow: hidden; margin: 9px 0 0;} .other-stars ul li { float: left; width: 96%; padding-top:10px;} .other-stars ul li:first-child { padding:0px 10px 10px 0; border-bottom: 1px solid #ccc;} .other-stars ul li a { color: #555555; font: bold; margin-bottom: 4px; padding: 0 4px 0 2px; display: inline; word-wrap: break-word; white-space: normal; font-size:0.9em; line-height:125%;} .other-stars ul li a:hover { color: #F36523;} .other-stars ul li a:last-child { border: 0;} .iqdbmore li div img { width:100%; height:auto; max-width:260px; min-height:130px;} .iqdbmore li div strong { font: bold; color: #333; font-size:0.9em;} .iqdbmore li div p { color: #a5a5a5; display: block; padding: 3px; font-size:0.9em; line-height:120%} .hidden-tre ul { overflow: hidden;} .hidden-tre ul li { float: left; padding: 0px 8px; width: 30%; margin: 0px; border-left: 1px solid #e4e4e4;} .hidden-tre ul li:first-child { border-left: 0;} .hidden-tre li strong { color: #333333; display: block; font: bold; overflow: hidden; padding: 6px 0; text-overflow: ellipsis; white-space: nowrap; width: 100%; font-size:0.9em;} .hidden-tre li p { color: #a5a5a5; display: block; padding: 3px; font-size:0.8em; line-height:120%} .hidden-tre li h2 { padding: 4px 0 7px;} .hidden-tre li a:hover strong, .hidden-tre li a:hover span, .hidden-tre li a:hover p, .hidden-tre li a:hover h2 { color: #000;} .hidden-tre.orange-dif p { text-align: justify;} .iqdb-home-area { margin: 2px 0 0; border-bottom: 1px dotted #a3a3a3; text-align: center; padding-bottom: 4px;} .iqdb1 { float: left; width: 31%; padding: 0 5px; background: #f7f7f7;} .iqdb2 { border: none;} .iqdb-home-area h4 { padding: 4px 2px; color: #333; line-height: 12px; font-size: 11px;} .iqdb1:hover h4 { color: #000;} .iqdb-epic { background: #ccaf1b;} .iqdb-sen { background: #e90000;} .iqdb-top10 { background: #f34501; padding: 7px 0;} .ctrl-z { background: #8f8f8f; padding: 7px 0;} /* ---- More Styles */ .more-short-films h4 { background: #fff2cc; padding: 6px 4px; color: #ffc000;} .more-profiles h4 { background: #e7d9cc; padding: 6px 4px; color: #864300;} .more-treasures h4 { background: #fbdcdc; padding: 6px 4px; color: #eb5250;} .more-events h4 { background: #eaeaea; padding: 6px 4px; color: #2d2d2e;} .more-image { position: relative;} .more-image .int-title { position: absolute; width: 100%; bottom: 0; left: 0;} .more-image .int-title h3 { color: #FFF; padding: 5px 6px; line-height: 16px;} .more-image:hover .int-title h3 { color: #cd5d10;} .more-image img:hover { opacity: 0.9;} .more-div { overflow: hidden;} .more-div ul li { float: left; width: 100%; border-top: 1px dotted #a3a3a3;} .more-div ul li:first-child { border-top: none;} .more-div ul li a { color: #444; float: left; padding: 8px 4px; text-transform: none; width: 94%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .more-div ul li a:hover { color: #000;} .short-films li:hover { background: #fff8e4;} .more-profiles li:hover { background: #f8f4f0;} .more-div .more-profiles-list li a { text-transform: uppercase; padding: 5px 4px; font-size: 10px;} .more-treasures, .more-events { margin: 2px 0 0;} .more-treasures li:hover { background: #fef7f7;} .more-events li:hover { background: #f4f4f4;} .more-events-left { width: 35%;} .more-events-right { width: 64.5%;} /* ---- /More Styles ---- */ .short-film { margin: 2px 0 0;} .user-profiles { overflow: hidden; margin: 2px 0 0;} .user-profiles-rate { float: left; width: 60%;} .more-profiles { float: right; width: 40%;} .user-profile-list { margin: 2px 0 0;} .user-profile-list li { float: left; background: #333333; border-left: 1px dotted #5c5c5c; text-align: center; padding: 8px 0;} .user-profile-list li span { color: #ADADAD; display: block; overflow: hidden; padding-bottom: 4px; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap;} .user-profile-list li h2 { font-size: 30px; color: #aba608; line-height: 30px;} .user-profile-list li.user-rank h2 { color: #FFF;} .user-profile-list li h3 { font-size: 20px; color: #f34501; line-height: 30px;} .user-profile-list li:first-child { border: none;} .user-profile-list li.user-rate-avg, .user-profile-list li.user-votes { width: 37%;} .user-profile-list li.user-rank { width: 24%;} .ht-home { float: left; width: 50%;} .events-home { float: right; width: 49.8%;} /* ============================================================================= RIGHT PANEL STYLES ============================================================================= */ .right-panel-inner { padding: 0; max-width:310px; margin:0 auto;} .right-panel-inner h3 { color: #333333; text-align: center; padding: 10px 0;} .sponsor { padding: 0px; text-align: center;} .movie-list-add .sponsor{text-align:left;} .sponsor h3{ color: #222; padding: 10px 10px 0; text-align: center;} .heading-black h3 { margin: 8px 0;} .most-popular ul { margin-bottom: 8px; overflow: hidden;} .most-popular ul li { margin-left: 10px; float: left; width: 42%; padding: 10px; padding-right: 0; min-height: 80px;} .most-popular ul li span { float: left; width: 43%;} .most-popular ul li strong { float: left; width: 53%; color: #333;padding: 25% 0 25% 3px; text-transform:capitalize; font-size:0.9em !important;} .most-popular ul li:hover strong { color: #B4B4B4;} .cosmoads { width:100%; max-width:310px; margin:0 auto; border: 1px solid #000; padding:0px; margin-top:10px;} .cosmoads h3{ color:#FFF; margin:0px; text-align:center; background-color:#000; padding:5px; } .cosmoads ul { overflow: hidden;} .cosmoads ul li { float: left; width: 46%; padding: 5px 0 5px 5px; min-height: 80px;} .cosmoads ul li span { float: left; width: 43%;} .cosmoads ul li strong { float: left; width: 53%; color: #333;padding: 15% 0; font-size:0.8em !important;} .cosmoads ul li:hover strong { color: #B4B4B4;} .cosmoads .imgdiv{ width:100%; background:#000; padding:5px 0px; text-align: center;} .cosmoads .imgdiv a { margin: 0; position: relative;} .cosmoads .imgdiv div { bottom: 3px; left: 0; position: absolute; width: 99%;} .cosmoads .imgdiv h4 { color: #FFF; text-transform: none; padding: 5px; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .cosmoads .imgdiv:hover h4 { color: #333;} .plutoads { width:100%; max-width:310px; margin:0 auto; border: 1px solid #000; padding:0px; margin-top:10px;} .plutoads h3{ color:#FFF; margin:0px; text-align:center; background-color:#000; padding:5px; } .plutoads .imgdiv{ width:100%; background:#000; padding:5px 0px; text-align: center;} .plutoads .imgdiv a { margin: 0; position: relative;} .plutoads .imgdiv div { bottom: 3px; left: 0; position: absolute; width: 99%;} .plutoads .imgdiv h4 { color: #FFF; text-transform: none; padding: 5px; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .plutoads .imgdiv:hover h4 { color: #333;} .image-title { margin: 0 10px; text-align: center;} .image-title a { margin: 0; position: relative;} .image-title div { bottom: 3px; left: 0; position: absolute; width: 99%;} .image-title h4 { color: #FFF; text-transform: none; padding: 11px 6px; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .right-panel-inner img:hover { opacity: 0.8;} .image-title:hover h4 { color: #333;} .right-panel-list { overflow: hidden;} .right-panel-list li { float: left; width: 100%; border-bottom:1px solid #222;} .right-panel-list li a { padding: 0 10px; display: block; color: #333333;} .right-panel-list li span { float: left; width: 90%; padding: 9px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:0.9em;} .right-panel-list li strong:before, .right-panel-list li.pic strong:before { content: "\f03d"; font-family: FontAwesome; float: right; color: #656560; padding: 9px 0;} .right-panel-list li.pic strong:before { content: "\f03e";} .right-panel-list li a:hover { color: #F36523;} .right-panel-list li:hover strong:before { color: #F36523;} .ads-social-media { overflow: hidden;} .ads-social-media li { float: left; width: 100%; background: url(../images/h-divider.jpg) repeat-x 0 bottom;} .ads-social-media li a { padding: 0 10px; display: block; color: #fff;} .ads-social-media li a:hover { color: #F36523;} .ads-social-media li div { float: left; width: 80%; padding: 6px 0; line-height: 13px;} .ads-social-media li div:first-child { width: 18%;} .contact-adv { padding: 10px 0; background: #222; text-align: center;} .contact-adv a:hover h1 { color: #F36523;} /* ============================================================================= FOOTER STYLES ============================================================================= */footer { background: #4A4A4A; border-top: 6px solid #666666; float: left; position: relative; width: 100%; margin: 35px 0 0;} .footer-inner { max-width: 970px; margin: 0 auto; width: 100%;} .back-top { margin: 0 auto; width: 35px;} .back-top a { height: 28px; margin: 0; position: absolute; top: -23px; width: 28px; cursor: pointer; color: #656565; background: #FFF; border: 4px solid #656565; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; text-align: center; font-size: 23px;} footer ul li { color: #cbcccd;} footer ul li a { font-size:0.8em; line-height:180%; color: #cbcccd;} footer img { display: inline !important;} .foot-left { color: #CBCCCD; float: left; font: 0.8em/1.1em; padding: 3.5% 6% 0 6%; position: relative; text-align: center; width: 50%;} .foot-right { float: right; width: 36%;} .foot-left img { float: left;} .foot-left span { float: left; padding: 8% 0 0;} .foot-right ul { float: left; padding: 0 20px; border-left: 1px solid #3b3b3b; min-height: 140px; margin: 10px 0;} footer ul li a:hover { color: #FFF; text-decoration: underline;} .siri { bottom: 30px; left: 237px; position: absolute; z-index: 999;} .internal footer { float: none;} /* ==================================== INTERNAL PAGE STYLES ======================================================= */ .black-bg { background: #222; margin: 1px 0;} .inside-area { overflow: hidden; border-bottom: 1px dotted #a3a3a3; padding: 3px 0; margin-bottom: 2px;} .inside-area .heading-area { float: left; width: 57%; padding-left:10px;} .bot-area { padding-top: 5px;} .space-area { padding-top: 15px;} .inside-area p {color: #9a9a9a; padding: 0 0 0 3px; font-size:0.9em;} .inside-area p span { color: #9a9a9a;} .inside-area .social-area { float: right;} .bredcrumb { background: #222; margin-bottom: 1px;} .bredcrom li { overflow: hidden;} .bredcrom li a { float: left;color: #777; text-transform: none; padding: 4px 3px 4px 11px; background: url(../images/bredcrom-arrow.png) no-repeat left center; font-size:0.9em;} .bredcrom li a:first-child { background: none; padding-left: 3px;} .bredcrom li a:hover { color: #f36523; text-decoration: underline;} .bredcrom li a.select, .bredcrom li a.select:hover { color: #777; text-decoration: none;} .inside-area h1 { color: #f36523; padding:0px; font-size:1.3em; font-weight:900;} .inside-area.black-bg h1 { padding: 6px 3px 8px 3px; color: #FFF;} .social-area ul { overflow: hidden; margin: 6px 0;} .social-area li { float: left; border-left: 1px solid #d5d4d4; padding: 2px 10px; text-align: center;} .social-area li:first-child { border-left: 0;} .social-area li a { font: bold 0.8em/1.1em; color: #8a8989; text-transform: uppercase;} .social-area li span { font: bold 0.8em/1.1em; color: #444; display: inline; position: relative; top: -2px;} .social-area li.gplus div.googlehider {padding-bottom: 1px;} .social-area li.mail {margin-top: 0;padding: 0 10px;} .black-bg .social-area li span { color: #FFF;} .social-area li div { clear: both; padding: 3px 0 0; font-size:0.7em;} .social-area li i { font-size: 20px;} .social-area li.fb i { color: #355FA7;} .social-area li.twitter i { color: #1ab7ea;} .social-area li.comment i { color: #8a8989;} .social-area li.gplus i { color: #dd4b39;} .social-area li.mail i { color: #8a8989;} .social-area li a:hover, .social-area li:hover span { color: #f36523;} /* =========================== NEWS PAGE STYLES ============================== */ .more-news { overflow: hidden; border-bottom: 1px solid #e8e8e8;} .more-news h2 { float: left; padding: 5px 0 0;} ul.pagination { float: right;} ul.pagination li { float: left; margin-left: 1px;} ul.pagination li a { color: #101010; font-size: 11px; display: block;} ul.pagination li a span { float: left; background: #e6e6e6; padding: 4px 6px;} ul.pagination li i { float: left; color: #969696; padding: 0 5px; font-size: 24px; line-height: 25px; margin-top: -3px;} ul.pagination li.bk i, ul.pagination li.fw i { font-size: 16px; padding: 0;} ul.pagination li a:hover span, ul.pagination li a.acitve span { color: #FFF; background: #009bff;} ul.pagination li:hover i { color: #009bff;} .bot-pagination { padding: 10px 0; border-bottom: 1px solid #e4e4e4;} .news-div:first-child { border: none;} .news-div { overflow: hidden; display: inline-block; padding: 10px 0 0; border-top: 1px dotted #444; width: 100%;} .news-div div:first-child { width: auto; padding-left: 3px;} .news-div div { float: left; width: 75%; padding-left: 1%;} .news-div h3 { color: #101010; font: bold ; text-transform: none; float: left; width: 100%;} .news-div span { color: #a5a5a5; font: normal; float: left; width: 100%; padding-bottom: 5px; font-size:0.8em;} .news-div p { color: #585858; font: normal; padding: 0;} .news-div:hover h3 { color: #ff7614;} .news-div:hover p { color: #000;} .news-div:hover img { opacity: 0.8;} .news-area a { text-transform: none;} .news-area .link-right { padding-bottom: 4px; margin: 0;} .gallery-news { width: 100%; margin: 0;} .events-int { float: left; width: 73%;} .fb-div { float: right; width: 27%; text-align: center;} .fb-div img { display: inline;} /* ===================================================== INTERVAL PAGE STYLES ============================================================================= */ .column2 { margin: 1px 0 0;} .col2-left { float: left; width: 49%;} .col2-right { float: right; width: 49%;} .short-list ul { border-top: 1px solid #efefef; padding: 10px 0; overflow: hidden;} .short-list ul:first-child { border-top: 0;} .short-list li div:first-child { margin-right: 5px; width: 32%;} .short-list li div { float: left; width: 65%;} .short-list li strong { color: #333333; float: left; padding: 2px 0 0; width: 85%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font: bold } .short-list li a i { -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #000000; float: left; line-height: 16px; height: 16px; margin: 0 6px 0 0; padding: 0 0 0 2px; text-align: center; vertical-align: middle; width: 14px; background: #b9b9b9;} .short-list li p { clear: both; color: #7A7A7A; padding-top: 5px; line-height: 13px; padding-bottom: 0;} .short-list li a:hover p { color: #000000;} .col2-right h2 { padding-left: 4px;} .column2 h3 { padding: 15px 0; text-align: center; background: #333; color: #FFF; margin: 1px 0 0;} .column2 a:hover h3 { color: #F36523;} .column2 h4 { padding: 8px 5px; background: #fff2cc; color: #ffc41c; margin: 1px 0 0;} .col2-list li:hover { background: #FFF8E4;} .col2-list li a:hover { color: #000;} /* =========================================== AUDIO VIDEO PAGE STYLES ========================================== */ .audiovideo { margin: 1px 0 0;} .search-av { width: 445px; margin: 0 auto;} .search-gallery { float: right; width: 445px;} .search-av ul { background: #f6f6f6; border: 1px solid #c8c8c8; overflow: hidden; padding: 1px; margin: 18px 0;} .search-av li { float: right;} .search-av li:first-child { float: left;} .search-av li input { background: none; border: none; width: 375px; padding: 9px; height: 18px; color: #898989; text-transform: uppercase;} .search-av li a { float: right; background: #242424; text-align: center; color: #FFF; height: 18px; padding: 9px; width: 20px;} .search-av li a i { font-size: 16px;} .trailer-items { overflow: hidden; padding: 5px 0;} .trailer-items li { float: left; margin: 1px 0 6px 8px; width: 24%; position: relative;} .trailer-items li:first-child { margin-left: 0;} .trailer-items li .div { position: relative;} .trailer-items i, .photo-list-audio ul li i, .shortfilmsdiv i { background: #000; border: 2px solid #F5F5F5; border-radius: 50%; color: #FFFFFF; font-size: 14px; height: 23px; left: 40%; line-height: 22px; padding: 2px 0 0 3px; position: absolute; text-align: center; top: 30%; vertical-align: middle; width: 22px;} .trailer-items span { width: 95%; padding: 3px 4px; display: block; text-align: center; color: #383838; font: bold; font-size:0.9em; line-height:130%;} .trailer-items li:hover span { color: #F36523;} .trailer-items li:hover i, .photo-list-audio li:hover i { background-color: #F36523;} .next-prev { float: right; margin: 5px 0;} .next-prev li { float: left; margin-right: 2px; text-align: center;} .next-prev li a { background: #c9c9c9; float: left; color: #222; padding: 4px 12px; text-transform: uppercase;} .next-prev li i { padding: 0 5px;} .next-prev li:hover a { color: #FFF; background: #F36523;} /* ================================ EVENTS PAGE STYLES ================================================ */ .events-page li { float: left; margin: 4px 0 0 4px; width: 32.5%;} .events-page .gallery-titile { bottom: 0; left: 0; position: absolute; text-align: center; width: 100%; padding: 0;} .events-page li h5 { text-align: center; padding: 4px 10px; color: #FFF; text-transform: uppercase; line-height: 14px; font-size: 11px; min-height: 28px;} .events-page li:hover h5 { color: #F36523;} .events-headlines h2 { color: #009bff; text-transform: uppercase;} .events-headlines { margin: 5px 4px; overflow: hidden;} .events-headlines li { float: left; width: 47%; padding: 0 10px; min-height: 100px;} .events-headlines li:first-child { border-right: 1px dotted #888; margin-right: 2px; padding-left: 0;} .events-headlines li:last-child { border-left: 1px dotted #888;} .events-headlines strong { font: bold color: #000; display: block; padding-top: 8px;} .events-headlines span.lists { color: #bababa; display: block; padding-bottom: 12px;} .events-headlines p { color: #757575;} /* ================================================================== GALLERY PAGE STYLES ============================================================================= */ .search-gallery { float: right; width: 380px; position: relative;} .search-gallery ul { margin: 3px 0;} .search-gallery li input { width: 320px; padding: 7px;} .search-gallery li a { padding: 7px;} /* ======================================================== IQDB PAGE STYLES ============================================================================= */ .iqdb-search-div { background: url(../images/iqdb/background.jpg); min-height: 320px; background-size: 100%; padding: 0 13px;} .iqdb-logo { width: 100%; text-align: center; padding: 7px 0 0;} .iqdb-logo img { display: inline;} .iqdb-search { background: url(../images/strip-black.png) repeat 0 0; border: 1px solid #3b3b3b; width: 90%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; position: relative; margin: 3px auto;} .iqdb-search input { background: none; border: none; color: #A5A5A5; padding: 20px 10px; text-transform: uppercase; text-align: left; width: 86%;} .iqdb-search a { position: absolute; right: 3px; top: 3px; width: 60px; text-align: center; padding: 10px 0; background: #fb872b; color: #FFF; font-size: 25px; line-height: 33px; height: 33px;} .iqdb-search a:hover { background: #ad6019;} .iqdb-trend h1 { color: #ec791c; padding: 5px;} .iqdb-trend i { font-size: 21px; font-weight: bold; padding-right: 3px;} .iqdb-trend ul li:first-child { border-right: 1px solid #3B3B3B; padding-left: 0;} .iqdb-trend ul li { border: medium none; float: left; padding: 0 5px; width: 48%;} .iqdb-trend ul li a { border-right: 1px solid #7b3c09; color: #A5A5A5; float: left; margin: 3px 0 0; padding: 0 5px; white-space: nowrap; font-size:0.9em;} .iqdb-trend ul li a:hover { color: #FFFFFF; text-decoration: underline;} .star-pofiles h1 { color: #ccaf1b; padding: 2px 0 10px 0;} .iqdb-int .iqdb1 { margin-right: 11px; min-height: 150px; padding: 0; width: 23.6%;} .iqdb-int .iqdb2 { margin-right: 0;} .iqdb-int .contact-advertising { background: #e2e2e2; text-align: center; padding: 48px 0;} .contact-advertising h2 { color: #e8771c; text-transform: uppercase; line-height: 18px;} .contact-advertising h2:hover { color: #333;} .star-profile { width: 96%; margin: 0 auto;} .iqdb-int .iqdb-home-area { border: 0; padding-bottom: 10px;} .evergreens { margin-bottom: 6px;} .evergreens img { display: inline;} .evergreen-img { width: 100%; text-align: center; margin-bottom: 5px;} .evergreens h4 { padding-top: 5px;} .evergreens h2 { text-transform: uppercase; padding: 10px 0 0 8px;} .evergreens p { color: #333; padding: 6px 0;} .evergreens-left { float: left; width: 52%; margin-right: 5px;} .evergreens-right { float: right; padding: 0; width: 44%;} .title-img { position: relative;} .title-img .title-div { position: absolute; left: 0; bottom: 2px; width: 100%;} .title-img h4 { text-align: left; color: #FFF; padding: 7px 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 96%;} .evergreens-left p { border-bottom: 1px solid #e3e3e3;} .evergreens-left p:first-child { border-top: none;} .readmore a { float: right; padding: 6px 9px; color: #000; font-size: 12px; font-weight: bold;} .readmore a:hover { color: #f36523;} .prev-next { overflow: hidden; float: right; margin-right: 8px;} .prev-next a { float: left; color: #f36523; text-transform: uppercase; padding: 8px 0;} .prev-next a:hover { color: #000;} .prev-next a i { float: left; font-size: 14px;} .prev-next a span { float: left; margin: 3px 0; padding: 0 5px; border-right: 1px solid #333;} .prev-next a span:first-child { border: 0;} .metrics-left { float: left; padding: 1px; width: 66%; padding-right: 10px;} .metrics-right { float: left; border-left: 1px solid #efefef; padding: 1px; width: 30.5%; padding-left: 8px;} .epic-list-img { text-align: center; padding: 6px 0;} .epic-list-img img { display: inline;} .movie-metrics a:hover { color: #F36523;} .merits-heading { overflow: hidden;} .merits-heading img { float: left;} .merits-heading h2 { float: left; color: #006698; text-transform: uppercase; padding: 10px 0 0 7px;} .merits-heading ul.pagination { margin: 8px 0 0;} .metrics-head { background: #006698; overflow: hidden; border-bottom: 1px solid #FFF;} .metrics-head-left { float: left; padding: 11px 0;} .metrics-head-left span { color: #FFF; text-transform: uppercase; padding-left: 3px;} .metrics-head-left select { color: #006698; background: #8fdefb; border: 1px solid #8fdefb; width: 55px; padding: 1px 0;} .metrics-head-right { float: right; text-align: center; background: #00b5f7; padding: 6px 7px; text-transform: uppercase; color: #FFF;} .metrics-head-right h1 { font-size: 18px; padding-top: 3px; font-family: 'FuturaBold', sans-serif; color: #FFF;} .metrics-head-right h4 { font-size: 10px;} .metrics-list ul { border-top: 1px dotted #A3A3A3; overflow: hidden;} .metrics-list .bdr-none { border: none;} .metrics-list ul li { width: 24%; padding: 5px 4px; float: left; color: #555555; text-transform: uppercase; position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center; font-size:0.9em;} .metrics-list ul li:first-child { width: 46%; text-align: left;} .metrics-list ul li a { display: block; color: #555555; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:0.9em;} ul.metrics-list-heading { border-top: none; background: #006698; padding: 0;} ul.metrics-list-heading li { color: #FFF; border-left: 1px solid #FFF; padding: 7px 2px; font-weight:bold} ul.metrics-list-heading li:first-child { border-left: 0;} ul.metrics-list-heading i { padding-left: 5px;} .metrics-list ul li strong { float: left; width: 26%;} .metrics-list ul li div { float: left; background: #d0cfcb; height: 4px; width: 74%; position: relative; margin: 4px 0 0;} .metrics-list ul li div span { background: #00993b; position: absolute; top: 0; left: 0; height: 4px;} .metrics-list ul li div span.green1 { width: 87%;} .metrics-list ul li div span.green2 { width: 74%;} .metrics-list ul li div span.orange1 { background: #ff9f2b; width: 62%;} .metrics-list ul li div span.orange2 { background: #ff9f2b; width: 54%;} .metrics-list ul li div span.red1 { background: #ff0000; width: 43%;} .metrics-list ul li div span.red2 { background: #ff0000; width: 30%;} .epic-list ul { overflow: hidden;} .epic-list ul li { width: 100%; float: left; color: #555555; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-top: 1px solid #efefef; font-size:0.9em;} .epic-list ul li a { display: block; float: left; color: #555555;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 78%; padding: 5px 0;} .epic-list ul li:hover { background: #f4f4f4;} .epic-list ul li span { float: right; width: 20%; padding: 5px 0; font-size:0.9em;} ul.epic-list-heading { background: #c2bc00; padding: 0 4px;} ul.epic-list-heading li a { color: #FFF; border-right: 1px solid #FFF; padding: 7px 0; width: 75%;} ul.epic-list-heading li { padding: 0; color: #FFF;} ul.epic-list-heading li a:hover { color: #FFF;} ul.epic-list-heading li span { padding: 7px 0;} .epic-list ul li:first-child { border-top: 0;} /* ==================================================== MOVIES PAGE STYLES ============================================================================= */ .desc-area { bottom: -63px; left: 0; position: absolute; width: 100%; text-align: center; overflow: hidden; border-top: 1px solid #FFFFFF;} .desc-inside-area { bottom: 0;} .left-desc { float: left; width: 73%; background: #222222;} .right-desc { float: right; width: 27%;} .left-desc ul { overflow: hidden;} .left-desc ul li { float: left; width: 33%; border-left: 1px solid #FFF; color: #9a9a9a; text-transform: uppercase; min-height: 40px; padding: 3px 0; position: relative;} .desc-inside-area .left-desc li { padding-bottom: 3px;} .left-desc ul li:first-child { border-left: 0;} .left-desc ul li span { font-size: 14px; color: #ff7512; display: block; line-height:200%;} .left-desc ul li.desc-date { padding-top: 16px;} .left-desc ul li strong { font-size: 11px; color: #ff7512; display: block;} .left-desc li h1 { color: #aba608; padding: 2px 0; } .left-desc ul li div { color: #FFFFFF; font-size: 14px; overflow: hidden; padding: 20px 0; text-overflow: ellipsis; white-space: nowrap;} .left-desc ul li div.name { font-size: 12px; padding: 10px 0;} .left-desc ul li div i { font-size: 12px; color: #ff7512; padding-right: 5px;} .left-desc h2 { color: #9a9a9a; text-transform: uppercase; font-size: 18px; padding-top: 6px;} .left-desc .rank h1 { color: #FFF;} .left-desc .rank { padding: 8px 0 !important;} .rank img { position: absolute; right: 25%; top: 45%;} .right-desc ul { overflow: hidden; border-left: 1px solid #FFF;} .right-desc ul li { float: left; width: 100%; border-top: 1px solid #FFF;} .right-desc ul li a { display: block; padding: 4px 0; color: #FFF; text-transform: uppercase;} .right-desc-inside ul li a { padding: 9px 0;} .right-desc ul li.desc-wall { background: #00c0f6; border-top: 0;} .right-desc ul li.desc-videos { background: #c2bc00;} .right-desc ul li.desc-photos { background: #f36523;} .right-desc ul li.desc-wall:hover { background: #0097c2;} .right-desc ul li.desc-videos:hover { background: #7b7700;} .right-desc ul li.desc-photos:hover { background: #b53c04;} #Heros .right-desc ul li a, #Heroines .right-desc ul li a{ padding: 9px 0;} .movie-tabs .now-playing .details { width: auto; padding: 3px; float: none; overflow: hidden;} .movie-tabs .user-rating, .movie-tabs .movie-review, .movie-tabs .release-date, .movie-tabs .waiting-watch { padding: 3px; width: 45%;} .movie-tabs h3 { font-size: 10px;} .movie-tabs .movie-review a i { font-size: 8px; padding: 0 3px;} .movie-tabs .user-rating strong { font-size: 12px; padding: 0 3px;} .movie-tabs .user-rating span { font-size: 9px;} .movie-tabs .release-date span, .movie-tabs .waiting-watch span { font-size: 10px;} .movie-tabs h2 { font-size: 13px;} .movie-tabs .details img { border-bottom: 1px solid #FFF;} .trailers { overflow: hidden; width:96%; margin:0 auto;} .trailers h1 { margin-bottom: 3px;} .trailer { float: left; width: 48%;} .other-videos { float: right; width: 48%;} .title-area { margin: 10px 3px; padding: 5px; position: relative; width: auto;} .title-area-int { width: 100%;} .title-area-int h3, .inner-page .title-area-int h3 { color: #333; padding: 7px; padding-bottom: 2px; text-transform: none; font: bold 12px/16px Arial, Helvetica, sans-serif; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} /* =========================================== MOVIE REVEIEWS PAGE STYLES ============================================================================= */ .other-movies-div { overflow: hidden;} .other-movies h2 { color: #333; padding-bottom: 14px;} .other-movies ul { overflow: hidden; width: 100%; border-top: 1px dotted #A3A3A3;} .other-movies ul li { color: #555555; float: left; overflow: hidden; position: relative; text-align: center; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; width: 23%; padding: 9px 3px;} .other-movies ul li:first-child, .other-movies ul li.movie-list { float: left; width: 30%; text-align: left;} .other-movies ul li.align-width { width: 9%;} .top10-list ul li.align-width { text-align: center;} .other-movies ul li a { color: #555555; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} ul.other-movies-heading { background: #909090; border-top: none; padding: 0;} ul.bdr-none { border-top: none;} ul.other-movies-heading li { border-left: 1px solid #FFFFFF; color: #FFFFFF; padding: 10px 4px; } ul.other-movies-heading li:first-child, ul.other-movies-heading li.movie-list { border-left: 0; text-align: left; width: 29%;} ul.other-movies-heading li.align-width { width: 9%; text-align: center;} ul.other-movies-heading i { padding-left: 5px;} .other-movies ul li strong { float: left; width: 26%;} .other-movies ul li div { background: #D0CFCB; float: left; height: 4px; margin: 4px 0 0; position: relative; width: 74%;} .other-movies ul li div span { background: #ffa500; height: 4px; left: 0; position: absolute; top: 0;} .other-movies ul li div span.orange1 { width: 53%;} .other-movies ul li div span.orange2 { width: 40%;} .other-movies ul li div span.red1 { background: #ff0000; width: 28%;} .other-movies ul li div span.red2 { background: #ff0000; width: 15%;} .other-movies-div .pagination { margin: 10px 5px 0 0;} .other-movies-div ul.pagination li a:hover span, .other-movies-div ul.pagination li a.acitve span { background: #909090;} .map-left { float: left; padding: 15px 0;} .map-right { float: right; font: bold 12px/12px Arial, Helvetica, sans-serif; color: #888; text-transform: uppercase; padding: 9px 0;} .map-left h2 { float: left; color: #9a9a9a; padding-left: 3px; text-transform: uppercase;} .map-left span { float: left; color: #f36523; padding: 3px 0 0 4px; text-transform: uppercase;} .map-right select { color: #bbbbbb; background: #1a1a1a; border: 1px solid #1a1a1a; width: 90px; padding: 4px; margin-left: 2px;} .review-graph { background: #e7e8e9;} .review-graph ul { border-top: 1px solid #cecfcf; clear: both;} .review-graph ul:first-child { border-top: 0;} .review-graph ul li { float: left; position: relative; border-left: 1px solid #cecfcf; width: 19.8%; text-align: center; min-height: 90px;} .review-graph ul li:first-child { border-left: 0;} .review-graph ul li a { position: relative; text-align: center; display: inline-block; margin: 4px 0 0; padding: 5px 3px;} .review-graph ul li a img { display: inline;} .review-graph ul li div { display: none; position: absolute; top: -75px; left: -2px; background: #FFF; padding: 5px; -webkit-box-shadow: 0 0 5px #aaa; -moz-box-shadow: 0 0 5px #aaa; -o-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; z-index: 11;} .review-graph ul li a:hover div { display: block;} .review-graph ul li div span { border-top: 10px solid #FFFFFF; border-left: 0 solid transparent; border-right: 10px solid transparent; left: 15%; padding: 0; position: absolute; bottom: -10px;} .review-graph ul li div img { max-width: none; width: 140px; height: auto;} .gradient-bar { background: url(../images/movies/gradient-bar.jpg) no-repeat 0 0; height: 21px;} .review-graph .gradient-bar li { min-height: 0; padding: 5px 0 4px;} .review-graph .gradient-bar li h4 { text-transform: uppercase; color: #FFF;} /* ====================================== ARTIST AND ARTIST LEGEND AND IQDB MOVIE PAGE STYLES ===================================== */ .internal .bdr-area { margin: 8px 0;} .artist-details { margin: 8px 0 0;} .artist-details-left { float: left; width: 56%;} .artist-details-right { float: right; width: 42%; padding: 4px; background: #f5f5f5; position: relative;} .rate-star { text-align: center;} .rate-star h2 { text-transform: uppercase; color: #333; padding-bottom: 4px;} .legend-bg { background: url(../images/artist-legend/legend-bg.png) no-repeat 0 0; min-height: 162px; background-size: 100% auto; padding: 16px;} .legend-bg p { font-style: italic;} .legend-bg h1 { float: left; color: #232323; text-shadow: 0 0 2px #888; line-height: 20px; padding-top: 14px;} .legend-bg h1 span { color: #ff7410; font-size: 21px; border-left: none} .legend-bg i { margin-left: 15px; font-size: 40px; float: left; width: 50px; text-align: center; padding: 11px 0; background: #fefefe; background: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #e8e8e8)); background: -webkit-linear-gradient(top, #fefefe 0%, #e8e8e8 100%); background: -o-linear-gradient(top, #fefefe 0%, #e8e8e8 100%); background: -ms-linear-gradient(top, #fefefe 0%, #e8e8e8 100%); background: linear-gradient(to bottom, #fefefe 0%, #e8e8e8 100%); -webkit-box-shadow: 0 4px 4px #a4a4a4; -moz-box-shadow: 0 4px 4px #a4a4a4; -o-box-shadow: 0 4px 4px #a4a4a4; box-shadow: 0 4px 4px #a4a4a4; border-radius: 5px;} .did { width: 150px; margin: 0 auto; padding-bottom: 30px;} .artist-list { overflow: hidden; padding-left: 3px;} .artist-list li { float: left; width: 100%; padding: 9px 0; border-top: 1px dotted #c3c3c3; font-size:0.8em;} .artist-list li:first-child { border-top: 0;} .artist-list li strong { float: left; color: #333; text-transform: uppercase; width: 33%;} .artist-list li span { float: left; color: #6e6e6e; width: 67%; font-size:1.0em; line-height:150%;} .artist-box { margin: 15px; padding: 10px 20px; text-align: center; border: 1px solid #b7b7b8; box-shadow: 3px 3px 4px #d2d0d0;} .artist-box p { color: #7a7a7a; font-style: italic; padding: 0;} .overview { padding: 3px; overflow: hidden;} .overview p , .overview span , .overview div { font:'Open Sans', Verdana, Arial, Helvetica, sans-serif !important;font-size:1.1em !important; line-height:160% !important; text-align:justify !important;} .inner-page .overview h3 { color: #222; padding: 0 0 5px 0; text-transform: uppercase;} .inner-page .overview h4 { color: #ffa912; padding: 0 0 5px 0; text-transform: none;} .photo-list, .event-list, .photo-list-audio { margin: 0 auto; width: 95%;} .photo-list li { float: left; width: 32.1%;} .list-space li { margin-left: 11px;} .list-space li:first-child { margin-left: 0;} .photo-list li img { border: 1px solid #999; padding: 2px;} .photo-list .bx-wrapper li img { border: 0; padding: 0;} .photo-list li:hover img, .photo-list-audio li:hover img { border-color: #ff7512;} .photo-list-audio li { float: left; width: 22.5%; position: relative; border: 1px solid #C6C6C6; padding: 1px;} .photo-list-audio li:first-child { margin-left: 6px;} .photo-list-audio .titile-strip { bottom: 1px; display: block; left: 1px; padding: 0; position: absolute; text-align: center; width: 98%;} .photo-list-audio .titile-strip h4 { color: #FFF; padding: 4px; text-transform: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .photo-list-audio li:hover h4 { color: #f36523;} .event-list-inner { margin: 5px 0;} .event-list li { float: left; border: 1px solid #c6c6c6; padding: 1px; text-align: center; min-height: 159px;} .event-list li a { color: #555;} .event-list li:hover a { color: #f36523;} .inner-page h3 { color: #222222; font-weight:bold; text-transform: capitalize; padding: 3px 0;} .inner-page .acr_div h3 { } h3.black { background: #000;} h3.ash { background: #575758;} h3.blue { background: #66c3ff;} .photo-list .bx-wrapper .bx-viewport { padding-right: 6px; margin-left: -2px !important;} .photo-list-items { margin: 3px 0;} .list-space .photo-list-items { margin-left: 0;} .image-area { position: relative;} .articles { overflow: hidden;} .articles-left { float: left; width: 45%; margin: 5px 0; margin-left: 5px;} .articles-right { float: right; width: 51%; margin: 5px 0;} .image-area div h4 { color: #222222; line-height: 16px; padding: 7px 6px 3px; text-transform: none; font: bold;} .image-area:hover h4 { color: #cd5d10;} .join-conv { padding: 8px 6px;} .join-conv p { color: #F36523; font: 1.2em; text-transform: uppercase; padding-bottom: 5px;} .join-conv span, .join-conv a { color: #737373; font-size:0.8em;} .join-conv a { color: #00AAFF;} .join-conv a:hover { text-decoration: underline;} .submit { float: right; margin: 12px 8px;} .submit a { text-align: center; padding: 5px 10px; background: #e9e9e9; font: bold; color: #444; box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; -moz-box-shadow: 0 0 5px #aaa; -o-box-shadow: 0 0 5px #aaa; border: 1px solid #c0c0c0;} .submit a:hover { color: #F36523;} .artist-rate { position: relative; padding-bottom: 63px;} .statistic { overflow: hidden; margin: 3px;} .statistic h3 { color: #8b8b8b; padding: 1px 3px 9px;text-transform: uppercase;} .statistic-left { float: left; width: 30%;} .statistic-right { float: right; width: 67%;} .statistic-bdr-L, .statistic-bdr-R { border: 1px solid #e5e5e5; padding: 1px !important;} .statistic dt, .statistic dd { float: left; width: 49.6%; text-align: center; padding: 8px 0; background: #eaeaea; border-left: 1px solid #FFF; border-top: 1px solid #FFF;} .statistic dt:first-child { border-left: 0;} .statistic dl a, .statistic dl { color: #333; text-decoration: underline;} .statistic dl a:hover { color: #ff7512;} .statistic dl { text-decoration: none; color: #FFF; overflow: hidden;} .statistic dl.head dt, .statistic dl.head dd { background: #333; border: 0; width: 50%;} .statistic-right img { float: left; margin: 5px 2px;} .statistic p { width: 83%; float: right; padding-bottom: 6px; color: #6e6e6e;} .percent-bar { background: #f5f5f5;} .percent-bar .thought { overflow: hidden; border-bottom: 1px solid #ccc;} .percent-bar .thought img { float: left; padding: 5px;} .percent-bar .thought h2 { float: left; padding: 5px; font-size:1.1em;} .percent-bar dl { overflow: hidden; padding: 10px; border-top: 1px solid #FFF;} .percent-bar dl:first-child { border-top: 0;} .percent-bar dt, .percent-bar dd { float: left; width: 30%; color: #646464; text-transform: uppercase;} .percent-bar dd { width: 68%;} .percent-bar dt { position: relative; text-align: center;} .percent-bar dt img { display: inline;} .percent-bar dt div { position: absolute; top: 22%;} .percent-bar dt div span { font: normal 16px/16px; color: #23bc29;} .percent-bar dt div i { display: block; color: #23bc29; margin-left: -8px; font-size: 14px;} .percent-bar ul { overflow: hidden; padding-top: 5px;} .percent-bar ul li { float: left;color: #646464; text-transform: uppercase; padding: 4px 3px;} .percent-bar ul li i { color: #ff8b05; padding-right: 4px;} .percent-bar ul li.thumb-down i { color: #ff0000;} /* =============================================== CTRLZ PAGE STYLES ============================================== */ .ctrlZ { overflow: hidden;} .ctrlZ-L { float: left; margin: 1px 0 0 5px; width: 49%;} .ctrlZ-R { float: right; width: 49%; margin: 1px 0 0;} /* ================================================== EPIC 100 AND EPIC MOVIE PAGE STYLES ======================================================= */ .epic100-list { margin: 5px 0 0;} .epic100-list ul { overflow: hidden; border-top: 1px dotted #A3A3A3;} .epic100-list ul li { color: #555555; float: left;overflow: hidden; padding: 8px 4px; position: relative; text-align: center; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; width: 15%;} .epic100-list ul li.epic-titile { text-align: left; width: 65%;} .epic100-list ul li a { color: #555555; display: block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .epic100-list ul li a:hover { color: #f36523;} ul.epic100-list-heading { background: #909090; padding: 0; border-top: 0;} ul.epic100-list-heading li { border-left: 1px solid #FFFFFF; color: #FFFFFF; padding: 10px 2px;} ul.epic100-list-heading li:first-child { border-left: 0;} ul.epic100-list-heading li.epic-titile { text-align: left; width: 65%; padding-left: 8px;} ul.epic100-list-heading i { padding-left: 5px;} .epic100-list .bdr-none { border: none;} .epic-movie-banner { background: url(../images/epic/banner-bg.jpg) no-repeat 0 0; background-size: 100% auto; padding: 62px 33px 43px 36px;} .epic-movie-banner ul li img{ height: 205px;} /* ========================================== MOVIE NOWPLAYING PAGE STYLES =============================================== */ .review-tabs .r-tabs .r-tabs-nav .r-tabs-tab { width: auto;} .review-tabs .r-tabs .r-tabs-nav { background: #ebebeb; overflow: hidden; border-top: 1px solid #c4c4c4; border-bottom: 0;} .review-tabs .r-tabs .r-tabs-nav .r-tabs-tab { background: none; border-left: 1px solid #c4c4c4; border-right: 1px solid #FFF; text-align: center;} .review-tabs .r-tabs .r-tabs-nav .r-tabs-tab img { margin: 0 auto;} .review-tabs .r-tabs .r-tabs-nav .r-tabs-tab:first-child { border-left: 0;} .review-tabs .r-tabs .r-tabs-nav .r-tabs-tab:last-child { border-right: 0;} .review-tabs .r-tabs .r-tabs-nav .r-tabs-anchor { padding: 15px 16px; font: bold color: #666; border-bottom: 1px solid #c4c4c4; display: block;} .review-tabs .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor { background: #FFF; border-bottom: 1px solid #FFF;} .review-tabs p { font-size: 12px; line-height: 16px;} .review-tabs .review-content { padding: 12px;} .review-bar dl { margin-bottom: 5px; overflow: hidden;} .review-bar dt { float: left; width: 64%;} .review-bar dd { float: right; color: #888; padding: 5px 0 0;} .review-bar dt div { float: left; background: #dadadb; position: relative; width: 80%; height: 21px;} .review-bar dt strong { float: left; margin-left: 8px; width: 10%;} .review-bar dt div span { position: absolute; left: 0; top: 0; height: 21px; text-align: center; color: #FFFFFF;text-transform: uppercase;} .review-bar dt div span.never { background: #e00219; width: 30%;} .review-bar dt div span.poor { background: #fa4f14; width: 40%;} .review-bar dt div span.ok { background: #ffa912; width: 60%;} .review-bar dt div span.good { background: #79b527; width: 80%;} .review-bar dt div span.super { background: #07993a; width: 100%;} /* TOP 10 MOVIES STYLES */ .top10-reviews-left { float: left; width: 54%} .review-home.top10-reviews-right { float: right; width: 45%;} .top10-reviews-left .iqdb-int .iqdb1 { padding: 0; width: 49.5%;} /* NEWS ARTICLE PAGE STYLES */ .news-article-left { float: left; width: 67%;} .news-article-left .banner img { max-width: 99%;} .news-article-right { float: right; width: 32.9%;} .news-article ul { overflow: hidden;} .news-article ul li { float: left; width: 100%; padding: 2px 0; border-top: 1px dotted #999999;} .news-article ul li:first-child { border-top: none} .news-article ul li span { float: left; width: 32%; margin-right: 5px;} .news-article ul li div { float: left; width: 60%; padding: 0px; font-size:0.9em; line-height:125%; height:58px; overflow:hidden;} .news-article ul li a { color: #1c1c1c; font: bold;} .news-article ul li:hover a { color: #f36523;} .bdr-head { position: relative; background: url(../images/dotted-img.png) repeat-x 0 center; padding: 15px 0; top: 0;} .bdr-head h2 { position: absolute; background: #FFF; left: 10px; top: 1px; text-transform: uppercase; color: #333333; padding: 0 5px; font-size:0.9em; font-weight:bold;} .bdr-bot { background: url(../images/dotted-img.png) repeat-x 0 center; margin-top: 3px; padding-top: 8px; position: relative; top: 0;} .list-next-div { background: #FFFFFF; float: right; margin: 5px; overflow: hidden; padding: 0 4px; position: absolute; right: -5px; top: -14px;} .list-next-div a { float: left; margin-right: 3px; color: #FFF; padding: 1px 0; background: #898989; text-align: center; width: 22px;} .list-next-div a:hover { background: #333;} .list-next-div i { display: block; font-size: 20px; line-height: 20px;} /* ================================ MOVIE STILLS AND GALLERY-INNER PAGE STYLES ========================================================= */ .movie-page { background: #000;} .seperate { max-width: 970px; margin: 0 auto; width: 100%; position: relative; padding-top: 14px;} .movies-heading { overflow: hidden; padding: 8px 1px 14px;} .movies-heading h1 { float: left; width: 75%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #222222;} .movies-heading a { float: right; color: #f36523; text-decoration: underline; text-transform: uppercase;} .movies-heading a:hover { color: #f0f0f0;} .bx-wrapper { margin: 0 !important;} .movie-slider{ width:90%; margin:0 auto; position:relative;} .movie-slider-banner { position: relative; text-align:center;} .movie-slider-banner img{ display:inline-block !important;} .movie-slider li{ width:100%;} .movie-slider .LeftArrow, .movie-slider .RightArrow{ background: url(../images/ArrowIcons_new.png) no-repeat 0 0; width:17px; height:36px; margin-top:18px; cursor:pointer; position:absolute; top:50%; left:-22px; z-index:11;} .movie-slider .RightArrow{ background-position:-17px 0; left:auto; right:-22px;} .movie-slider .LeftArrow:hover{ background-position:0 -36px;} .movie-slider .RightArrow:hover{ background-position:-17px -36px;} .movie-slider .bx-wrapper .bx-viewport { padding-right: 0; background: none;} .arrow-movie a{ text-indent:-9999px; display: block; height: 36px;} .right-ads { position: absolute; right: -15%; top: 7%;} .movie-list-area, .MovieListArea { border-top: 1px solid #171717; width: 100%; margin: 20px 0 0; overflow: hidden;} .movie-list-area li { float: left; border-left: 1px solid #171717; width: 47%; padding: 14px 10px; padding-bottom: 5px; min-height: 295px;} .movie-list-area li:first-child { border: none; padding-left: 0;} .movie-list-area li h1, .MovieListArea h1 { color: #ec791c; padding-bottom: 14px;} .MovieListArea h1 { padding: 14px 0;} .movie-list-area .movie-text { position: relative;} .MovieListArea li.artist-gallery-list { width: 100%;} .MovieListArea li { border-left: 0 none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; float: left; min-height: 0; padding: 1px 1px 0; width: 33.33%;} .MovieListArea li.movie-list-add { padding: 0px 0 0 5px; width:39%;} .movie-list-area .movie-text div { position: absolute; bottom: 2px; left: 1px; width: 100%; text-align: center;} .MovieListArea .movie-text { position: relative;} .MovieListArea .movie-text ul { background: #FFF; overflow: hidden;} .MovieListArea .movie-text div.gallery-titile { bottom: 0; position: absolute; left: 0; width: 100%;} .movie-list-area h3 { color: #FFF; text-transform: uppercase; padding: 11px 5px} .movie-list-area li img { border: 1px solid #333;} .MovieListArea li img { border: 0;} .movie-list-area li.movie-list-add { width: 39%; float: right;} .movie-list-area li.movie-list-add img, .movie-list-area li.movie-list-add a:hover img { border: none;} .movie-list-area li a:hover img { border: 1px solid #ec791c;} .movie-list-area li a:hover h3 { color: #ec791c;} .social-div { position: fixed; left: 0; top: 36%; z-index: 99999;} .social-div .social-area li { border-left: 0; border-top: 1px solid #191919; float: none; padding: 3px 10px 8px; text-align: center; width: 50px; background: #0d0d0d; transition-property: width; transition-duration: 1s; -webkit-transition-property: width; -webkit-transition-duration: 1s; -o-transition-property: width; -o-transition-duration: 1s; -moz-transition-property: width; -moz-transition-duration: 1s;} .social-area li:first-child { border-left: 0; border-top: 0;} .social-div .social-area li span { color: #FFF;} .social-div .social-area li:hover { width: 100px;} .seperate .bx-wrapper img { display: inline-block;} .seperate .bx-wrapper li { text-align: center;} table.sortable { border-spacing: 0; border: none; border-collapse: collapse; width: 100%;} table.sortable th, table.sortable td { text-align: left; padding: 2px 4px 2px 4px; border-style: none; border-color: #fff; font-style: normal; border-right: 1px solid #FFFFFF; border-bottom: 1px dotted #ccc;} table.sortable th { border-width: 0px 1px 1px 1px; background-color: #909090; border-left: 1px solid #FFFFFF; color: #FFFFFF; font-size: 11px; padding: 10px 2px;} table.sortable td { border-width: 0px 1px 0px 1px; border-bottom: 1px dotted #ccc; padding-left: 10px;} table.sortable tr.odd td { background-color: #fff; color: #555555; padding: 8px 4px; text-transform: uppercase; border-bottom: dotted 1px #ccc;} table.sortable tr.even td { background-color: #fff; color: #555555;padding: 8px 4px; text-transform: uppercase; border-bottom: dotted 1px #ccc;} table.sortable tr.sortbottom td { border-top: 1px solid #444; background-color: #fff; font-weight: normal;} .overview td a{color:#555;font-weight:bold;} .overview td a:hover{color:#f36523;} .sortarrow img { display: inline;} .ms-information { background: url("../images/strip-black.png") repeat scroll 0 0 rgba(0, 0, 0, 0); bottom: 0; color: #FFFFFF; left: 0; padding: 10px; position: absolute; text-align: left; text-transform: capitalize; width: 100%; z-index: 9999;} .trending { padding: 6px 0 0 0 !important;} .trending a { font-weight: bold; color: #09f; text-transform: capitalize;} .percent-bar .donut-content{ font: normal 1.3em; color: #23bc29;} .percent-bar .donut-content h1{ margin-left: 0 !important; margin-top: -20px !important; } .tags { margin: 10px 0; width: 100%; overflow: hidden;} .tags span{ color: #333; float: left; font-size:0.9em; font-weight:bold;} .tags > ul {float: left;width: 93%;} .tags ul li{ list-style: none; float: left; padding: 0 3px;} .tags ul li a { background: none repeat scroll 0 0 #DDDDDD; color: #333; display: block; font: bold; padding: 4px; margin-bottom:6px; text-transform: capitalize; font-size:0.7em;} .tags ul li a:hover{ background: #ccc;} .fb_iframe_widget{ min-height: 104px; height: auto; } .donut-content { font-size: 1.5em; left: 3px !important; line-height: 35px !important; padding-top: 15px;} .ad-sun{padding-bottom: 3px;padding-top: 3px;overflow: hidden;text-align:center;} .ad-sun img { display:inline;} .ad-title h3{ color: #f5f5f5; text-align: center; padding: 5px 0} .overview ul, .overview ol{ margin-left: 25px; font-size:14px;} .overview ul li { list-style-type: disc; line-height:16px;} .overview ol li { list-style-type: decimal; line-height:16px;} /* ========================================================= news-latest2 STYLES ====================================== */ .news-latest2 h3{ color: #545454; line-height:22px; font-size:1.4em; font-weight: normal; text-transform: none !important;} .news-latestDIV{ width:55%; border-right: 1px solid #e3e3e3;} .news-latest2 span{ margin-top:4px;} .news-latest2:hover h3{ text-decoration:underline; color:#000; } .news-latest2:first-child h3, .news-latest2:nth-child(2) h3{ color:#000; font-size:30px; line-height:1.2em;text-transform: none !important;} .list-items-latast1 li{ border-top:1px dotted #8f9599 !important;} .latest-links1{ width:42%;} .list-items-latast1 li:first-child { border-top: medium none !important;} .list-items-latast1 li a{ color: #585858; font-size: 1.1em; padding: 8px 9px; font-weight: normal; } .latest-links1 h2{ margin-bottom:10px;} .list-items-latast1 a:hover{ background-color:#009bff; color:#fff;} .mostviewed { float: left; margin-right: 2px; width: 49%;} .mostviewd-box h1{ font-size: 18px; color: #CC6E6F; border-bottom: 3px solid #eee; padding-bottom: 3px;} .pictalk{ float: left;} .mostviewed-articles{ float: right; width: 49%;} .mostviewed-articles ul li{ width: 100%; border-top: 1px dotted #8f9599 !important;} .mostviewed-articles li:first-child{ border-top: medium none !important;} .mostviewed-articles ul li a{ font-family: Times New Roman; font-size: 14px; color: #585858; display: block; overflow: hidden; padding: 7px 9px; font-weight: normal; } .mostviewed-image{ width: 47%; float: left; padding:5px;} .mostviewed-image a{ display: block; position:relative;} .mostviewed-image a span{ position: absolute; bottom:0; left:0; width:100%;} .mostviewed-image h2{ color: #FFF; display: block; padding: 7px 5px; font-weight: normal; text-transform: none; } .mostviewed-image img { width: 100%; height: auto; } .articles-multiple ul li a{ text-overflow: inherit; white-space: normal; overflow: auto; padding: 5px 2px;} .articles-multiple ul li:first-child a{ padding-top: 0;} /*----- Videos Styles ------*/ .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } .h_iframe {position:relative; max-width: 944px; margin: -3px auto 0; width: 100%;} .h_iframe .ratio {display:block;width:100%;height:auto;} .h_iframe iframe {position:absolute;top:23px;left:0;width:100%; height:100%;} .h_iframe .bClose { position: absolute; right: -15px; top: 11px; color: #FFF; font-weight: bold; border: 2px solid #FFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background: #666; width: 25px; height: 25px; text-align: center; line-height: 25px; z-index: 9999;} .showdiv{display: block !important;} /****************** ad-content page styles start ******************/ .ad-content h1, .ad-content h2, .ad-content h3, .ad-content h4, .ad-content h5, .ad-content h6 { line-height: 100%; font-weight: normal; text-transform: none; color: #000;} .ad-content h1 { font-size: 30px;} .ad-content h2 { font-size: 26px;} .ad-content h3 { font-size: 24px; color: #ff5e3c; padding-bottom: 8px;} .ad-content h4 { font-size: 21px; line-height: 28px;} .ad-content h5 { font-size: 17px; font-style: italic; color: #4c4a4a; padding-bottom: 8px;} .ad-content h6 { font: italic normal 12px/18px; color: #4c4a4a;} .ad-content p, .ad-content li, .ad-content td, .ad-content th { font: normal 1.2em; color: #000;} .ad-content p.arial-regular {font-weight: normal;} .ad-content p, .ad-content ul, .ad-content ol { padding-bottom: 22px;} .ad-content li { list-style: inside;} .ad-content-header { overflow: hidden; border-bottom: 2px solid #11aebf;} .ad-content-logo { float: left; padding-top: 4px; padding-left: 8px;} .ad-content-top { float: left; padding-left: 9%; padding-top: 10px;} .ad-content-banner { padding-bottom: 28px;} .space-8px { padding: 0 8px;} .space-11px { padding: 0 11px;} .space-15px { padding: 0 15px;} .ad-content .bdr-top { border-top: 2px solid #918f8f; padding-bottom: 22px;} .space-11px h1 { color: #12aebf; padding-bottom: 8px;} .ad-content-table { width: 99%; margin: 0 auto;} .ad-content-table td, .ad-content-table th { width: 31%; padding: 15px 2%; text-align: left; background: #dbdee1; border-top: 2px solid #FFF; font-size: 24px; color: #231f20;} .ad-content-table td span { font-size: 18px; font-style: italic; color: #231f20;} .ad-content-table td p { font-size: 21px; font-style: italic; color: #59585a; padding: 0;} .ad-content-table th { background: #231f20; border: 0; font-size: 32px; color: #b8bdc3;} .ad-content-contact { padding: 15px;} .ad-content .ad-content-contact h1 { color: #ff5e3c; padding-bottom: 6px;} .contact-info { padding-bottom: 35px;} .ad-contact-left { float: left;} .ad-contact-right { float: right;} .contact-form { padding: 20px; background: #e0e0e0;} .contact-form ul { overflow: hidden; padding-bottom: 11px;} .contact-form ul li { list-style: none; float: left; width: 46.3%; padding-right: 3%;} .contact-form ul.fulldiv li { width: 100%;} .contact-form ul li input, .contact-form ul li textarea { background: #FFF; border: 1px solid #a3a3a3; padding: 12px 3%; height: 18px; width: 94%; color: #737373; font: normal 12px/18px Arial, sans-serif;} .contact-form ul li textarea { padding: 12px 1.3%; height: auto; min-height: 200px; resize: vertical; width: 93.5%;} .contact-btn { background: #59585a; border: 0; float: right; padding: 12px 30px; text-align: center; display: inline-block; color: #FFF; font: normal 16px/16px Arial, sans-serif; margin-right: 8.7%; cursor:pointer;} .contact-btn:hover { background: #000;} /****************** ad-content page styles end ******************/ /********** digital kisses ***************/ .bx-wrapper{ margin: 0 auto !important;} .digital-kisses{ background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 96%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(96%,#e9e9e9));background: -webkit-linear-gradient(top, #ffffff 0%,#e9e9e9 96%);background: -o-linear-gradient(top, #ffffff 0%,#e9e9e9 96%);background: -ms-linear-gradient(top, #ffffff 0%,#e9e9e9 96%);background: linear-gradient(to bottom, #ffffff 0%,#e9e9e9 96%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 );s width:100%; overflow:hidden; border-bottom:1px solid #111; } .digital-kisses li{ float:left; text-align:center; width:66%; padding-top:4px; min-height: 68px; } .digital-kisses li:first-child { padding: 30px 0 8px; width:33%; border-right:2px solid #FFF;} .digital-kisses h1{ color:#222;} .left-area .digital-kisses img{ display:inline-block; } .digital-kisses dl{ overflow:hidden;} .digital-kisses dt{ float:left; padding-left:5%;} .digital-kisses dd{ float:right;} .digital-kisses dd img{ border:5px solid #212121; width:156px; height:auto; } .kissCount{ text-align:center; display:inline-block; position:relative; } .kissCount span { color: #ffffff; left: 0; margin: 0 auto; position: absolute; right: 0; top: 15px;} @media (max-width:840px){ .digital-kisses dt { padding-left: 2%;} .digital-kisses dd img{ width:135px; } .digital-kisses li { min-height: 56px; } } div.media-count li{ margin:0 30px !important; } .social-count{ float: left; min-width: 25px; position: absolute; color: #999; font-size: 11px; top: 3px; left: 22px; border: 1px solid #999; text-align: center; padding: 3px 4px; border-radius: 3px;} .media-count .social-count u.mask{ position: absolute; top: 7px; left: -1px; width: 1px; height: 5px; background: #1E1E20; } .media-count .social-count i{ color: #999; font-size: 11px; height: 7px; left: -4px; position: absolute; top: 5px; width: 4px; background:url(../images/arrow-left.jpg) no-repeat 0 0;} .fb .social-count{ top: 1px; left: 18px;} .gplus .social-count{ left: 27px;} .m-t-30 { margin: 30px 0 0 0px!important;} /*25-10-2016*/ .social-area1 ul { overflow: hidden; margin: 6px 0; text-align: center;} .social-area1 ul:after { content: ''; display: block; clear: both;} .social-area1 li { border-left: 1px solid #d5d4d4; padding: 2px 13px; text-align: center; display: inline; width: auto; float: left;} .social-area1 li:first-child { border-left: 0 none;} .social-area1 li a { font: bold; color: #8a8989; text-transform: uppercase;} .social-area1 li img { display:block !important} .social-area1 li span { font: bold; color: #444; display: inline; position: relative; top: -2px;} .emotions:after { content: ''; display: block; clear: both;} .emotions li { border-left: 1px solid #d5d4d4; padding: 2px 11px; text-align: center; display: inline; width: auto; display:inline-block; list-style:none; verticle-align:top;} .emotions li:first-child { border-left: 0; padding-left: 0;} .emotions li a { font: bold; color: #8a8989; text-transform: uppercase;} .emotions li span { font: bold; color: #222;} .emotions li div { color: #555; text-transform: uppercase;} .grid_1 { width: 8.33333333%; } .grid_2 { width: 14%; } .grid_3 { width: 25%; max-width:255px; } .grid_4 { width: 30%; max-width:350px; } .grid_5 { width: 41.66666667%; } .grid_6 { width: 50%; max-width:540px; } .grid_7 { width: 58.33333333%; } .grid_8 { width: 64%; max-width:730px; } .grid_9 { width: 75%; } .grid_10 { width: 83.33333333%; } .grid_11 { width: 91.66666667%; } .grid_12 { width: 100%; max-width:1150px; } .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 { margin-bottom:5px 0px; /*positioning and padding*/ position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; display: block; overflow:hidden;} .clearfix:before, .clearfix:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .row:after{ clear: both; } .row{ margin-left: -15px; margin-right: -15px; } .divborder{display:block;margin: 0 0 10px; background: #fff; border: 4px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); } a.authorlink, a.authorlink:visited, a.authorlink:active{color:#1c1c1c; text-decoration:none;} a.authorlink:hover{ color:#f36523;}