/* Resets ------ */ * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; } article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; } a img {border: 0;} figure {position: relative;} figure img {width: 100%;} /* DEFAULTS */ p{margin-bottom:12px} a,a:link,a:visited{ color:#4EA3C9; text-decoration:none;} a:hover{ color:#426082; text-decoration:none;} h1 { font-size: 237%; line-height:140%;} h2{width:65%;background-color:#4EA3C9;color:white;font-weight:bold;font-size:20px;padding:6px;margin-bottom:6px} h2 a, h2 a:link, h2 a:visited, h2 a:hover{color:white; } .normal, body { /*font: 14px/22px Helvetica, Arial, sans-serif;*/ font: 90%/140% Open Sans, Helvetica, Arial, sans-serif; } ul{list-style-type:square;margin-left:30px;margin-bottom:20px;} ol{margin-left:30px;margin-bottom:20px;} ul li, ol li{padding-left:10px} /* Default 8-column layout 60 px columns, 24 px gutters, 60 px margins, 768 px total --------------------------------------------------------- 1 2 3 4 5 6 7 8 60px 144px 228px 312px 396px 480px 564px 648px */ body { background: rgb(232,232,232); width:100%; padding: 0; margin:0px;-webkit-tap-highlight-color: rgb(255,255,0); } #leaderboard_ad{float:none;height:90px;width:730px;margin:20px auto 0px;} #skyscraper{height:600px;text-align:center;vertical-align:middle} #ad_square{width:300px;height:250px;text-align:center;vertical-align:middle} /* HEADER */ header{position:relative;width:100%;background:#242424} .logo{position:relative;z-index:123;padding:8px;font:18px verdana;color:#6DDB07;float:left;width:15%;} .logo img{max-width:100%;height:25px} nav{position:relative;width:1200px;margin:0 auto;} #wrapper{width:1200px;margin:0px auto;} #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #cssmenu ul,#cssmenu ul ul{margin-left:inherit;margin-bottom:inherit;z-index:122} /*custom CSS*/ #cssmenu ul li, #cssmenu ul ul li{padding-left:inherit} /*custom CSS*/ #cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} #cssmenu #head-mobile{display:none} #cssmenu{font-family:sans-serif;background:#242424} #cssmenu > ul > li{float:left} #cssmenu > ul > li > a{padding:17px;font-size:12px;letter-spacing:1px;text-decoration:none;color:#ddd;font-weight:700;} #cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff} #cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#FFC20E;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;} #cssmenu > ul > li.has-sub > a{padding-right:30px} #cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''} #cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease} #cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0} #cssmenu ul ul{position:absolute;left:-9999px} #cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease} #cssmenu ul ul li:hover{} #cssmenu li:hover > ul{left:auto} #cssmenu li:hover > ul > li{height:35px} #cssmenu ul ul ul{margin-left:100%;top:0} #cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;} #cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0} #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#FFC20E;} #cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''} #cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease} #cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0} #cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;} #cssmenu ul ul ul li.active a{border-left:1px solid #333} #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333} #cssmenu ul li.searchtab{width:200px;} #cssmenu ul li.searchtab:hover{background:#242424;} #searchbox{float:left;border-right:0px;background-color:#242424;background-image:none;} #searchbox #search_string{width:170px;height:30px;font-size:100%;padding:0px;margin:5px 2px 5px 5px} #searchbox #search_submit{width:30px;height:30px;border:1px solid #ccc;padding:0px;margin:5px 0px 0px 0px;cursor:pointer } #login_and_join{float:left;padding-left:20px;font-size:90%;height:40px;line-height:40px;} #login_and_join a, #login_and_join a:link, #login_and_join a:hover, #login_and_join a:visited{color:#FFC20E} #login_and_join a:hover{text-decoration:underline} #nav_empty{display:none} /* ALL PAGES */ #content{padding:20px 40px;line-height:170%} #movie_title_info{overflow:hidden} .table_row{clear:both} /* PREVIEW PAGE */ #movieimagefeature img{width:100%;height:inherit;} #moviedetails{margin:20px 0px;} #moviedetails .movie_label{float:left;width:130px;font-weight:bold;margin-bottom:5px;} #moviedetails .movie_info{margin-left:4px;margin-bottom:5px;overflow:hidden;height:auto;} #movieposter_alternative{width:160px;margin-right:20px;float:left;display:none;} #movieposter_alternative img{width:100%} a.genre_link{display:block;background-color:#F5C023;color:#333333;padding:3px 5px;float:left;margin-right:5px;-moz-border-radius:5px;border-radius:5px;} #runningtime{padding:3px 5px;float:left;margin-bottom:3px;} #moviesummary, #screenshots{margin:20px 0px} #moviereview{margin:20px 0px} #movieposter img{display:block;margin-bottom:6px;width:100%} #disqus_thread{margin-top:20px} #preview_altnav{display:none;} /* CONTEST */ #contest_image{margin:0px 0px 5px 5px;float:right} /* RATE THIS MOVIE */ #ratethemovie{background-color:#242424;padding:10px;margin-bottom:6px;text-align:center} .ratingdisplay{float:left;width:50%;text-align:center;margin-top:4px} .ratingdisplay .ratingletter{font-size:30px;color:#F5C023} .ratingdisplay .ratingdescription{color:white;font-size:80%} .yourrating{color:white;text-align:center;font-weight:bold;margin:6px 0px} .ratingoption{background-color:#4EA3C8;font-weight:bold;color:#333333;padding:3px 6px;display:inline-block;margin:0px 0px;-moz-border-radius:5px;border-radius:5px;cursor:pointer} .ratingoption:hover,.ratingoption_selected{background-color:#F5C023;} /* CONTEST PAGE */ #contestform{margin:20px 0px;} #contestform .contestform_label{float:left;width:100px;font-weight:bold;margin-bottom:5px;} #contestform .contestform_field{margin-left:4px;margin-bottom:5px;overflow:hidden;height:auto;} .formlabelrow{font-weight:bold} .formrow{padding:3px 5px} .formlabelrow_side{padding:3px 5px;width:200px;font-weight:bold;float:left} .formrow_side{padding:3px 5px;width:300px;float:left} /* LEFT SIDEBAR */ #sidenav{margin-bottom:20px} #sidenav .sidebar_link{display:block;background-color:#4EA3C8;padding:6px;border-top:1px solid white;color:white;font-weight:bold;} #sidenav .disabled_link{color:#b3bdc1} #sidenav .sidebar_link:hover{background-color:#196282;text-decoration:none;} #sidenav .selected, #sidenav .selected:hover{background-color:#FEC10E;color:#333333;} /* RIGHT SIDEBAR */ #new_content{background-color:#242424;margin-top:20px;} #new_content_title{padding:20px;color:#ffc20e;font-size:22px;font-weight:bold} #new_content img{width:100%;height:inherit;display:block;margin-bottom:4px} #new_content a.new_content_text_link{display:block;color:white;margin:0px 20px 4px 20px;font-size:16px;} #social_media_right{margin-bottom:20px;} #social_media_right img{display:block;float:left;width:60px;margin:0px 20px;} #zergnet_sidebar{margin-top:20px;background-color:#4F4F4F} #zergnet_title{padding:20px;color:#ffc20e;font-size:22px;font-weight:bold} /* FOOTER */ #footer a{color:#FFC20E} #footer a:hover{color:#FF960E} /* DEFAULT FIELDS */ #leftcolumn,#preview_leftcolumn{width:160px;float:left;margin-top:20px;} #maincolumn{width:700px;float:left;margin:20px 20px 0px 20px;background-color:white;min-height:1000px;} #rightcolumn{width:300px;float:left;margin-top:20px} #widecolumn{width:880px;float:left;margin-right:20px;background-color:white;min-height:1000px;} #footer{background-color:#242424;margin-left:180px;width:700px;padding:20px;font-size:80%;color:#CCC} /* INDEX LIST PAGE */ .index_list_content{margin:20px 0px;} .index_list_content .movie_poster{float:left;width:100px;font-weight:bold;margin-bottom:5px;} .index_list_content .movie_poster img{width:90px;} .index_list_content .movie_thumb{float:left;width:142px;font-weight:bold;margin-bottom:5px;} .index_list_content .movie_thumb img{width:132px;} .index_list_content .movie_info{margin-left:4px;margin-bottom:5px;overflow:hidden;height:auto;} .index_link{display:block;font-size:22px;font-weight:bold;margin-bottom:4px;color:#666666} .index_link a{color:#4EA3C9;} .index_link a:hover{ color:#426082;} .mpaa{padding:3px 10px 3px 0px;float:left;margin-bottom:3px;color:#7F7F7F;font-size:90%;font-weight:bold} .runningtime{padding:3px 10px 3px 0px;float:left;font-size:90%;margin-bottom:3px;color:#7F7F7F;font-weight:bold} .viewtrailer_link{padding:3px 10px 3px 0px;float:left;margin-bottom:3px;} .viewphotos_link{padding:3px 5px 3px 0px;float:left;margin-bottom:3px;} .viewtrailer_link img, .viewphotos_link img{width:15px;display:block;float:left;margin:3px 4px 0px 0px} .no_poster_thumb{width:90px;height:132px;border:1px solid #CCC;line-height:132px;font-size:8pt;color:#CCC;text-align:center} .review_link{display:block;font-weight:bold;background-color:#242424;color:#F5C023;padding:3px 5px;float:left;margin-right:5px;-moz-border-radius:5px;border-radius:5px;} .special_nav .link_box{background-color:#F5C023;color:#333333;padding:3px 5px;float:left;margin-right:5px;margin-bottom:5px;-moz-border-radius:5px;border-radius:5px;} .special_nav .link_box a{color:black} .month_links .link_box{background-color:#4EA3C9;padding:3px 5px;float:left;margin-right:5px;margin-bottom:5px;-moz-border-radius:5px;border-radius:5px;} .month_links .link_box a{color:white} .static_content{margin:20px 0px;} .static_content ul, .static_content ol, .index_list_content ul, .index_list_content ol{padding:12px 0px 12px 20px;margin:2px} /* STATIC PAGES */ .table_row .rss_image{float:left;width:40px;margin-bottom:5px;} .table_row .rss_image img{width:36px;} .table_row .list_row{margin-left:4px;margin-bottom:5px;overflow:hidden;height:auto;} .error{color:red;font-weight:bold} /* Genre main landing page */ .genre_box_wrapper{float:left;margin:6px} .genre_box_wrapper:hover{border:5px solid #F5C023;margin:1px;} .genre_box_wrapper img{display:block;} .genre_box_description{padding:5px;background-color:#4F4F4F;text-align:center;font-size:16px;font-weight:bold} .genre_box_description a, .genre_box_description a:link, .genre_box_description a:visited{color:white} .genre_box_description a:hover{color:#F5C023} .genre_landing_column{width:50%;float:left} .genre_landing_column h2{width:95%} /* HOMEPAGE */ #left_home_column{width:190px;float:left;margin-top:20px;} #main_home_column{width:670px;float:left;margin:20px 20px 0px 20px;background-color:white;min-height:1000px;} #left_home_column h2{width:100%;font-weight:normal;padding:6px 9px 9px 9px;} #boxoffice{background-color:white;margin-bottom:20px;} .box_office_row{padding:6px 0px 8px 0px;border-bottom: 1px solid #E8E8E8;} .box_office_row .rating{float:left;width:20%;text-align:center;color:#4f4f4f;font-size:150%;line-height:150%;font-weight:bold;padding-left:5px;} .box_office_row .listing{float:left;width:80%;color:#4f4f4f;padding:0 12px 0 7px} #home_content{padding:20px 20px} .home_feature_article{background-color:#242424;color:white;} .home_feature_article img{width:100%;height:inherit;border:0px;display:block;margin-bottom:4px} .home_feature_article div{padding: 6px 10px 12px 12px} .home_feature_article div h3{color:#F5C023;font-size:27px;line-height:27px;font-weight:normal;margin-top:0px;margin-bottom:3px;} .home_feature_article h3 a, .home_feature_article h3 a:link, .home_feature_article h3 a:visited, .home_feature_article h3 a:hover{color:#F5C023;margin-top:0px;margin-bottom:3px; } .home_article{float:left;background-color:#4f4f4f;color:white;;width:48%;margin-bottom:20px} .home_article img{width:100%;height:inherit;border:0px;display:block;margin-bottom:4px} .home_article div{padding:6px 10px 12px 12px} .home_article h3{color:#F5C023;font-size:20px;font-weight:normal;margin-top:0px;margin-bottom:3px;} .home_article h3 a, .home_article h3 a:link, .home_article h3 a:visited{color:#F5C023;font-size:20px;margin-top:0px;margin-bottom:3px;line-height:24px; } .home_article h3 a:hover{color:#FF960E;} .home_odd_margin{margin-right:4%} .homepagePosters{ margin:0px 0px 20px 0px;} .homepagePosters img{ float:left;display:block;width:147px;height:219px;margin-bottom:6px;} .homepagePosters h2{ width:100%;background-color:#4EA3C9;color:white;font-weight:normal;font-size:20px;padding:6px 9px 9px 9px; margin-bottom:6px} a.homepagePostersMore{ display:block; margin:0px 0px 3px 0px;padding: 5px 9px 7px 9px; background-color: #4F4F4F; color:#F5C023; width: 100%; text-align: center; font-weight:normal } a.homepagePostersMore:hover{color:#FF960E;} a.home_more{display:block;margin-bottom:20px;padding:10px;background-color:#F5C023;color:#4f4f4f;font-size:20px;text-align:center} #home_about{font-size:80%;color:#4f4f4f} /* ipad */ @media only screen and (min-width: 760px) and (max-width: 959px) { #nav,#banner{width:100%} body { width: 100%; -webkit-text-size-adjust: 100%; } #leftcolumn,#preview_leftcolumn{width:25%;float:left;margin-top:20px;} #maincolumn{width:inherit;width:73%;margin:20px 0px 20px 2%;background-color:white} #rightcolumn{float:inherit;width:73%;margin-top:20px;margin-left:27%;} #footer{width:100%;margin:0px;} #leaderboard_ad{margin:8px;float:left} #header_logo{margin:19px 10px 4px 15px;} #social_media_banner{margin-top:24px} /* HOMEPAGE */ #left_home_column{width:25%;margin-top:20px;} #main_home_column{width:73%;margin:20px 0px 0px 2%;} #home_content{padding:20px 0px} .home_article{width:48%} .home_odd_margin{margin-right:4%} .homepagePosters{width:50%;float:left;} .homepagePosters img{width:48%;height:inherit} .new_content_block{width:50%;float:left;} #ad_square,#social_media_right,#hide{display:none;} #cssmenu{width:100%} #cssmenu ul{width:100%;display:none;} #cssmenu ul li{width:100%;border-top:1px solid #444} #cssmenu ul li:hover{background:#363636;} #cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto} #cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0} #cssmenu > ul > li{float:none} #cssmenu ul ul li a{padding-left:25px} #cssmenu ul ul li{background:#333!important;} #cssmenu ul ul li:hover{background:#363636!important} #cssmenu ul ul ul li a{padding-left:35px} #cssmenu ul ul li a{color:#ddd;background:none} #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#FFC20E;} #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left} #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none} #cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700} } /* Kindle */ @media only screen and (min-width: 600px) and (max-width: 759px) { body { width: 100%; -webkit-text-size-adjust: 100%; } h2{width:100%} #leftcolumn,#preview_leftcolumn{width:25%;float:left;margin-top:20px;} #maincolumn{float:left;width:73%;margin:20px 0px 20px 2%;background-color:white;min-height:inherit} #rightcolumn{float:inherit;width:300px;margin-left:auto;margin-right:auto;margin-top:20px} #footer{width:100%;margin:0px;} /* HOMEPAGE */ #left_home_column{width:25%;margin-top:20px;} #main_home_column{width:73%;margin:20px 0px 0px 2%;} #home_content{padding:20px 0px} .home_article{width:48%} .home_odd_margin{margin-right:4%} #rightcolumn{width:73%;margin-left:27%;} .homepagePosters{width:50%;float:left;} .homepagePosters img{width:48%;} /* CONTEST & MISC */ #contest_image{margin-left:0px;float:none} .genre_landing_column{width:100%;float:none} /*NAVIGATION*/ #wrapper{width:100%;margin:0px;} .logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none} .logo2{display:none} nav{width:100%;} #cssmenu{width:100%} #cssmenu ul{width:100%;display:none;} #cssmenu ul li{width:100%;border-top:1px solid #444} #cssmenu ul li:hover{background:#363636;} #cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto} #cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0} #cssmenu > ul > li{float:none} #cssmenu ul ul li a{padding-left:25px} #cssmenu ul ul li{background:#333!important;} #cssmenu ul ul li:hover{background:#363636!important} #cssmenu ul ul ul li a{padding-left:35px} #cssmenu ul ul li a{color:#ddd;background:none} #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#FFC20E;} #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left} #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none} #cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700} .button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;} .button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''} .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''} .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} .button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)} #cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer} #cssmenu .submenu-button.submenu-opened{background:#262626} #cssmenu ul ul .submenu-button{height:34px;width:34px} #cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''} #cssmenu ul ul .submenu-button:after{top:15px;right:13px} #cssmenu .submenu-button.submenu-opened:after{background:#fff} #cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''} #cssmenu ul ul .submenu-button:before{top:12px;right:16px} #cssmenu .submenu-button.submenu-opened:before{display:none} #cssmenu ul ul ul li.active a{border-left:none} #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none} /*Hide these elements altogether*/ #ad_square,#hide,#leaderboard_ad,#home_about,#zergnet_sidebar,#zergnet_preview,#leftcolumn #sidenav{display:none;} } /* Mobile landscape */ @media only screen and (min-width: 480px) and (max-width: 599px) { body { width: 100%; -webkit-text-size-adjust: 100%; } h2{width:100%} #leftcolumn{width:100%;margin-top:20px;} #maincolumn{width:100%;margin:20px 0px;background-color:white;min-height:inherit} #rightcolumn{float:inherit;width:300px;margin-left:auto;margin-right:auto;margin-top:20px} #footer{width:100%;margin:0px;} #content{padding:20px 40px} .sidebar_link{width:50%;float:left;border-right:1px solid white} #nav_empty,#movieposter_alternative{display:block} /* HOMEPAGE */ #left_home_column{width:100%;float:none;margin-top:20px;} #main_home_column{width:100%;float:none;margin:20px 0px 0px 0px;} #home_content{padding:20px 0px} .home_article{width:48%} .home_odd_margin{margin-right:4%} #rightcolumn{width:100%} .homepagePosters{width:50%;float:left;} .homepagePosters img{width:48%;height:inherit} .genre_landing_column{width:100%;float:none} #preview_altnav{width:100%;margin-top:20px;display:block} /*NAVIGATION*/ #wrapper{width:100%;margin:0px;} .logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none} .logo2{display:none} nav{width:100%;} #cssmenu{width:100%} #cssmenu ul{width:100%;display:none;} #cssmenu ul li{width:100%;border-top:1px solid #444} #cssmenu ul li:hover{background:#363636;} #cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto} #cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0} #cssmenu > ul > li{float:none} #cssmenu ul ul li a{padding-left:25px} #cssmenu ul ul li{background:#333!important;} #cssmenu ul ul li:hover{background:#363636!important} #cssmenu ul ul ul li a{padding-left:35px} #cssmenu ul ul li a{color:#ddd;background:none} #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#FFC20E;} #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left} #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none} #cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700} .button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;} .button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''} .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''} .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} .button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)} #cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer} #cssmenu .submenu-button.submenu-opened{background:#262626} #cssmenu ul ul .submenu-button{height:34px;width:34px} #cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''} #cssmenu ul ul .submenu-button:after{top:15px;right:13px} #cssmenu .submenu-button.submenu-opened:after{background:#fff} #cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''} #cssmenu ul ul .submenu-button:before{top:12px;right:16px} #cssmenu .submenu-button.submenu-opened:before{display:none} #cssmenu ul ul ul li.active a{border-left:none} #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none} /*Hide these elements altogether*/ #skyscraper,#ad_square,#hide,#leaderboard_ad,#movieposter,#home_about,#movieimagefeature,#preview_leftcolumn,#zergnet_sidebar,#zergnet_preview,#leftcolumn #sidenav, #left_home_column{display:none;} } /* Mobile - portrait*/ @media only screen and (max-width: 479px) { body { width: 100%; position: relative; padding:0px; } h2{width:100%} #leftcolumn{width:100%;margin-top:20px;} #maincolumn{width:100%;margin:20px 0px;background-color:white;min-height:inherit} #rightcolumn{width:100%;margin-top:20px} #footer{width:100%;margin:0px;} #content{padding:20px 20px} #nav_empty{display:block;} #movieposter_alternative{display:block;width:200px;float:none} #moviedetails .movie_label,#moviedetails .movie_info{float:none;margin-left:0px;clear:both} .table_row .movie_thumb{float:inherit} /*.table_row .movie_poster{float:inherit} .table_row .movie_info{float:inherit}*/ /* HOMEPAGE */ #left_home_column{width:100%;float:none;margin-top:20px;} #main_home_column{width:100%;float:none;margin:20px 0px 0px 0px;} #home_content{padding:20px 0px} .home_article{width:100%} /* CONTEST */ #contest_image{margin-left:0px;float:none} .genre_landing_column{width:100%;float:none} #preview_altnav{width:100%;margin-top:20px;display:block} /*NAVIGATION*/ #wrapper{width:100%;margin:0px;} .logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none} .logo2{display:none} nav{width:100%;} #cssmenu{width:100%} #cssmenu ul{width:100%;display:none;} #cssmenu ul li{width:100%;border-top:1px solid #444} #cssmenu ul li:hover{background:#363636;} #cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto} #cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0} #cssmenu > ul > li{float:none} #cssmenu ul ul li a{padding-left:25px} #cssmenu ul ul li{background:#333!important;} #cssmenu ul ul li:hover{background:#363636!important} #cssmenu ul ul ul li a{padding-left:35px} #cssmenu ul ul li a{color:#ddd;background:none} #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#FFC20E;} #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left} #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none} #cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700} .button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;} .button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''} .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''} .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} .button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)} #cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer} #cssmenu .submenu-button.submenu-opened{background:#262626} #cssmenu ul ul .submenu-button{height:34px;width:34px} #cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''} #cssmenu ul ul .submenu-button:after{top:15px;right:13px} #cssmenu .submenu-button.submenu-opened:after{background:#fff} #cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''} #cssmenu ul ul .submenu-button:before{top:12px;right:16px} #cssmenu .submenu-button.submenu-opened:before{display:none} #cssmenu ul ul ul li.active a{border-left:none} #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none} /*Hide these elements altogether*/ #skyscraper,#ad_square,#hide,#leaderboard_ad,#movieposter,#home_about,#movieimagefeature,#preview_leftcolumn,#zergnet_sidebar,#zergnet_preview,#leftcolumn #sidenav, #left_home_column{display:none;} }