@media all and (min-width: 1004px) and (max-width: 1200px) {

.nav_panel { width: 100%; height:20px; background: #1f1a18; }
.nav_center { width: 1015px; margin: 0 auto; height:20px; }
.nav_panel .nav_center .nav_menu { width: 1015px; margin: 0 auto; text-transform:uppercase; color: #FFF ; font-size: 10px; font-weight:bolder; float: left; height:20px; line-height: 22px; background-color:#1f1a18; overflow:hidden; }
.add_this { display:none; }

.head { height: 95px; }
.center { width: 1015px; height: 95px; border: 0; }
.menus { width: 828px; height: 65px; float: left; }
.txt_box { height: 60px; padding: 5px 5px 5px; overflow: hidden; text-align: justify; }

.menu { width: 828px; height: 30px; float:right; overflow:hidden; }
.menu LI { height: 30px; float: left; font-size: 11px; text-align: center; text-transform: none; line-height: 25px; list-style: none; margin: 0px 0px 0 2px; }
.menu LI A.rollover { width: 100px; height: 30px; background: url(images/bottom_menu.gif); display:block; color:#FFF; font-weight: bolder; text-shadow: 1px 1px #0B0B0B; }
.menu LI A.rollover:hover { background-position: 0 -30px; color: #040404; text-decoration: none; text-shadow: 1px 1px #e6bf00; }


.thumbs { width: 1024px; height: 1850px; margin: 0px auto; overflow:hidden; }
.thumbs img { width: 200px; height: 260px; margin: 2px 0px 0px 2px; border: 1px solid #303030; }	

.pictop_thumbs { width: 1005px; height: 245px; margin: 0px auto; overflow:hidden;}
.pictop_thumbs A { width: 162px; height: 225px; padding-bottom: 5px; padding-top:5px; margin:5px 2px 0px 2px; }
.pictop_thumbs A IMG { width: 150px; height: 210px; }

.movie_thumbs {padding-top: 5px; width: 990px; margin: 0px auto; overflow:hidden; }

.hardlink { width:770px;  margin:15px auto;  }

.toplist_title { width: 776px; height:30px; margin: 10px auto 0; background-position:left; background:url(images/top_panel_776px.gif) no-repeat; }

.toplist_thumb { width: 1005px; margin: 0px auto; overflow:hidden; }
.toplist_thumb A { width: 162px; height: 225px; margin:2px 1px 2px 2px; }
.toplist_thumb A IMG { width: 150px; height: 210px; }


.bottom_text_top { font-size: 12px; font-weight: bold; margin: 10px auto; width: 1024px; }
.bottom_text_top UL { float: left; width: 180px; }

.footer { width: 776px; height: 85px; margin: 0px auto; font-size: 10px; color:#e3e3e3; }
.foot_desc2 { width: 316px; float: left; text-align: right; }
.foot_desc2 P { margin: 5px }
	
}


@media all and (min-width: 768px) and (max-width: 1003px) {
	

.nav_panel { width: 100%; height:20px; background: #1f1a18; }
.nav_center { width: 768px; margin: 0 auto; height:20px; }
.nav_panel .nav_center .nav_menu { width: 768px; margin: 0 auto; text-transform:uppercase; color: #FFF ; font-size: 10px; font-weight:bolder; float: left; height:20px; line-height: 22px; background-color:#1f1a18; overflow:hidden; }
.add_this { display:none; }

.head { height: 160px; }
.center { width: 768px; height: 160px; border: 0; }
.menus { width: 581px; height: 90px; float: right; }
.txt_box { height: 80px; padding: 5px 5px 5px; overflow: hidden; text-align: justify; }

.menu { width: 768px; height: 60px; float: right; margin-top: 2px; overflow: hidden;}
.menu LI { background-position:left; background-repeat:no-repeat; height: 25px; float: left; font-size: 10px; text-align: center; text-transform: uppercase; line-height: 25px;list-style: none; margin: 0 1px 3px 0px; }
.menu LI A.rollover { width: 100px; height: 25px; background: none; background-color:#383838; display:block; color:#FFF; font-weight: bolder; text-shadow: 1px 1px #000;  margin: 1px 0px 3px 2px; 
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    transition: all 0.3s ease-out;
    box-shadow: 
        inset 0px 1px 0px rgba(255,255,255,0.5), 
        0 2px 2px rgba(0,0,0,0.3), 
        0 0 4px 1px rgba(0,0,0,0.2); 
    /* Font styles */
    text-decoration: none; }
.menu LI A.rollover:hover { color: #fac000; text-decoration: none; text-shadow: 1px 1px #000; }

.thumbs { width: 768px; margin: 0px auto; display:block; }
.thumbs img { width: 190px; height: 250px; margin: 1px 0px 0px 0px; border: 1px solid #303030; }

.pictop_thumbs { width: 710px; height: 530px; margin: 10px auto; }

.thumbs_vid {padding-top: 5px; width: 632px; margin: 0px auto; }

.movie_thumbs {padding-top: 5px; width: 738px; margin: 0px auto; }

.hardlink { width:768px;  margin:15px auto;  }

.toplist_title { width: 768px; height:36px; margin: 10px auto 0; background-position:left; background:url(images/top_panel_776px.gif) no-repeat; }

.toplist_thumb { width: 710px; margin: 0px auto; }

.bottom_text_top { font-size: 14px; font-weight: bold; margin: 10px auto; width: 630px; }

.footer { width: 768px; height: 85px; margin: 0px auto; font-size: 10px; color:#e3e3e3; }
.foot_desc2 { width: 316px; float: left; text-align: right; }
.foot_desc2 P { margin: 5px }
}

@media all and (min-width: 620px) and (max-width: 779px) {

.nav_panel { width: 100%; height:20px; background: #1f1a18; }
.nav_center { width: 620px; margin: 0 auto; height:20px; }
.nav_panel .nav_center .nav_menu { width: 620px; margin: 0 auto; text-transform:uppercase; color: #FFF ; font-size: 8px; font-weight:bolder; float: left; height:20px; line-height: 22px; background-color:#1f1a18; overflow:hidden; }
.nav_panel .nav_center .nav_menu A { padding-left: 3px; padding-right: 3px; }
.add_this { width: 125px; height: 20px; position:absolute;  top: 2px; right: 2%; display:none; }

.nav_panel .nav_center .nav_menu { width: 620px; overflow: hidden; }

.head { height: 145px; }
.center { width: 620px; border: 0; }

.menus { width: 400px; height: 80px; float: right; }
.txt_box { height: 80px; padding: 0px 5px 5px; overflow: hidden; text-align: justify; }
p.desc { font-size: 10px; }
.menu { width: 620px; height: 45px; float: right; margin-top: 2px; overflow: hidden;}
.menu LI { background-position:left; background-repeat:no-repeat; height: 20px; float: left; font-size: 8px; text-align: center; text-transform: uppercase; line-height: 20px;list-style: none; margin: 0 1px 3px 0px; }
.menu LI A.rollover { width: 90px; height: 20px; background: none; background-color:#383838; display:block; color:#FFF; font-weight: bolder; text-shadow: 1px 1px #000; border-radius: 5px;
border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    transition: all 0.3s ease-out;
    box-shadow: 
        inset 0px 1px 0px rgba(255,255,255,0.5), 
        0 2px 2px rgba(0,0,0,0.3), 
        0 0 4px 1px rgba(0,0,0,0.2); 
    /* Font styles */
    text-decoration: none; }
.menu LI A.rollover:hover { color: #fac000; text-decoration: none; text-shadow: 1px 1px #000; }

.thumbs { width: 620px; margin: 0px auto; display:block; }

.thumbs_vid {padding-top: 5px; width: 620px; margin: 0px auto; }

.movie_thumbs {padding-top: 5px; width: 496px; margin: 0px auto; }

.hardlink { width:550px; height: 250px;  margin:15px auto; overflow: hidden; }

.pictop_thumbs { width: 550px; height: 500px; margin: 10px auto; overflow: hidden; }

.toplist_title { width: 620px; height:36px; margin: 10px auto 0; background-position:left; background:url(images/top_panel_620px.gif) no-repeat; }

.toplist_thumb { width: 550px; margin: 0px auto; }

.bottom_text_top { width: 500px; font-size: 12px; font-weight: bold; margin: 10px auto; }
.bottom_text_top UL { float: left; width: 150px; margin: 5px 0 0 6px; }


.footer { width: 620px; height: 85px; margin: 0px auto; font-size: 10px; color:#e3e3e3; }
.foot_desc1 { width: 200px; float: left; }
.foot_desc1 P { margin: 5px 0px 0px 5px; font-size: 8px; }
.foot_desc1 P A { font-size: 10px; }
.foot_desc2 { width: 210px; float: left; text-align: right; }
.foot_desc2 P { margin: 0px; font-size:9px; height: 85px; overflow: hidden; }

}

@media all and (min-width: 460px) and (max-width: 619px) {

.nav_panel { width: 100%; height:20px; background: #1f1a18; }
.nav_center { width: 420px; margin: 0 auto; height:20px; }
.nav_panel .nav_center .nav_menu { width: 420px; margin: 0 auto; text-transform:uppercase; color: #FFF ; font-size: 8px; font-weight:bolder; float: left; height:40px; line-height: 20px; background-color:#1f1a18; overflow:hidden; }
.nav_panel .nav_center .nav_menu A { padding-left: 7px; padding-right: 7px; }
.add_this { width: 125px; height: 20px; position:absolute;  top: 2px; right: 2%; display:none; }

.head { height: 270px; }
.center { width: 420px; height: 270px; border: 0; }

.logo{ width:220px; height:93px; margin: 0px 0 0 100px;}

.menus { width: 400px; height: 85px; float: left; }
.txt_box { height: 85px; padding: 0px ; overflow: hidden; text-align: justify; }
p.desc { font-size: 10px; }

.menu { width: 290px; height: 70px; float: left; margin-top: 0px; margin-left:60px; overflow: hidden;}
.menu LI { background-position:left; background-repeat:no-repeat; height: 20px; float: left; font-size: 8px; text-align: center; text-transform: uppercase; line-height: 20px;list-style: none; margin: 0 1px 3px 0px; }
.menu LI A.rollover { width: 90px; height: 20px; background: none; background-color:#383838; display:block; color:#FFF; font-weight: bolder; text-shadow: 1px 1px #000; border-radius: 5px;
border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    transition: all 0.3s ease-out;
    box-shadow: 
        inset 0px 1px 0px rgba(255,255,255,0.5), 
        0 2px 2px rgba(0,0,0,0.3), 
        0 0 4px 1px rgba(0,0,0,0.2); 
    /* Font styles */
    text-decoration: none; }
.menu LI A.rollover:hover { color: #fac000; text-decoration: none; text-shadow: 1px 1px #000; }

.thumbs { width: 480px; margin: 0px auto; display:block; }
.thumbs img { width: 158px; height: 218px; margin: 1px 0px 0px 0px }

.thumbs_vid {padding-top: 5px; width: 400px; margin: 0px auto; }
.thumbs_vid img {width: 190px; height: 152px; margin: 0 4px 4px 0; border: 1px solid #a79da8;}

.movie_thumbs {padding-top: 5px; width: 248px; margin: 0px auto; }

.hardlink {display: none; }

.pictop_thumbs { width: 380px; height: 745px; margin: 10px auto; overflow: hidden; }

.toplist_title { width: 420px; height:36px; margin: 10px auto 0; background-position:left; background:url(images/top_panel_420px.gif) no-repeat; }

.toplist_thumb { width: 380px; margin: 0px auto; }

.bottom_text_top { width: 320px; font-size: 12px; font-weight: bold; margin: 10px auto; }
.bottom_text_top UL { float: left; width: 150px; height: 305px; margin: 5px 0 0 6px; overflow:hidden; }


.footer { width: 420px; height: 110px; margin: 0px auto; font-size: 10px; color:#e3e3e3; }
.footer_bg { height: 110px; background:#121212; }
.foot_desc1 { width: 200px; float: left; }
.foot_desc1 P { margin: 5px 0px 0px 5px; font-size: 8px; }
.foot_desc1 P A { font-size: 10px; }
.foot_desc2 { width: 410px; float: left; text-align: center; }
.foot_desc2 P { margin: 0px; font-size:9px; height: 45px; overflow: hidden; }

}

@media all and (min-width: 300px) and (max-width: 459px) {

.nav_panel { width: 100%; height:23px; background: #1f1a18; }
.nav_center { width: 300px; margin: 0 auto; height:22px; }
.nav_panel .nav_center .nav_menu { width: 300px; margin: 0 auto; text-transform:uppercase; color: #FFF ; font-size: 8px; font-weight:bolder; float: left; height:40px; line-height: 20px; background-color:#1f1a18; overflow:hidden; }
.nav_panel .nav_center .nav_menu A { padding-left: 2px; padding-right: 2px; }
.add_this { width: 125px; height: 20px; position:absolute;  top: 2px; right: 2%; display:none; }

.center { width: 300px; border: 0; }

.head { height: 265px; }

.logo{ width:220px; height:93px; margin: 0px 0 0 50px;}

.menus { width: 300px; height: 85px; float: left; }
.txt_box { height: 85px; padding: 0px ; overflow: hidden; text-align: justify; }
p.desc { font-size: 10px; }
.menu { width: 290px; height: 70px; float: left; margin-top: 0px; margin-left:10px; overflow: hidden;}
.menu LI { background-position:left; background-repeat:no-repeat; height: 20px; float: left; font-size: 8px; text-align: center; text-transform: uppercase; line-height: 20px;list-style: none; margin: 0 1px 3px 0px; }
.menu LI A.rollover { width: 90px; height: 20px; background: none; background-color:#383838; display:block; color:#FFF; font-weight: bolder; text-shadow: 1px 1px #000; border-radius: 5px; 
border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    transition: all 0.3s ease-out;
    box-shadow: 
        inset 0px 1px 0px rgba(255,255,255,0.5), 
        0 2px 2px rgba(0,0,0,0.3), 
        0 0 4px 1px rgba(0,0,0,0.2); 
    /* Font styles */
    text-decoration: none;}
.menu LI A.rollover:hover { color: #fac000; text-decoration: none; text-shadow: 1px 1px #000; }

.thumbs { width: 320px; margin: 0px auto; display:block; }
.thumbs img { width: 158px; height: 218px;  margin: 1px 0px 0px 0px; }

.thumbs_vid {padding-top: 5px; width: 320px; margin: 0px auto; }
.thumbs_vid img {width: 150px; height: 112px; margin: 0 4px 4px 0; border: 1px solid #a79da8;}

.movie_thumbs {padding-top: 5px; width: 248px; margin: 0px auto; }

.hardlink {display: none; }

.pictop_thumbs { width: 300px; height: 670px; margin: 10px auto; overflow: hidden; }
.pictop_thumbs A { font-size:10px; width: 140px; height: 200px; float:left; padding-bottom: 5px; padding-top:5px;  font-weight:bolder; margin:10px 1px 0px 1px; }
.pictop_thumbs A IMG { width: 135px; height: 188px; border: 1px solid; }

.toplist_title { width: 300px; height:36px; margin: 10px auto 0; background-position:left; background:url(images/top_panel_300px.gif) no-repeat; }
.toplist_title H1 { font-size:18px; color: #FFF; padding-left: 15px; margin-left:10px; line-height:28px; text-shadow: 1px 1px #000; }

.toplist_thumb { width: 300px; margin: 0px auto; }
.toplist_thumb A { font-size:10px; width: 140px; height: 200px; padding-bottom: 5px; padding-top:5px; color: #fac000; font-weight:bolder; margin:2px 1px 2px 1px; background-color:#1b1b1b; border-radius: 5px; }
.toplist_thumb A IMG { width: 135px; height: 188px; border: 1px solid; }

.bottom_text_top { width: 300px; font-size: 10px; font-weight: bold; margin: 10px auto; }
.bottom_text_top UL { float: left; width: 140px; height: 273px; margin: 5px 0 0 6px; overflow:hidden; }


.footer { width: 300px; height: 110px; margin: 0px auto; font-size: 10px; color:#e3e3e3; }
.footer_bg { height: 180px; background:#121212; }
.foot_logo { margin-top:0px; float:left; padding-left: 50px;  }
.foot_desc1 { width: 200px; float: left; padding-left: 50px; }
.foot_desc1 P { margin: 5px 0px 0px 5px; font-size: 8px; }
.foot_desc1 P A { font-size: 10px; }
.foot_desc2 { width: 300px; float: left; text-align: center; }
.foot_desc2 P { margin: 0px; font-size:9px; height: 55px; overflow: hidden; }

}