@import "reset.css";
@import "text.css";

body { background: #000 url(../images/bg.png) repeat top center; }

a, a:visited { color: #FCF; text-decoration: underline; }

.flt_lft { float: left; }
.flt_rgt { float: right; }

#cntnr { background: url(../images/x-tile_bg.png) repeat-x top center; width: 320px; margin: auto; }
#splash_hdr { position: relative; background: url(../images/splash_hdr.jpg) no-repeat top center; width: 320px; height: 260px; }
#disclaimer { position: absolute; bottom: 5px; right: 10px; }
#content { padding: 3px 10px; }
#mov_content { padding: 4px; }

#leave a { display: block; background: url(../images/leave_btn.png) no-repeat top center; width: 145px; height: 42px; }
#enter a { display: block; background: url(../images/enter_btn.png) no-repeat top center; width: 145px; height: 42px; }
#leave a:hover, #enter a:hover { background-position: bottom center; }

.intro_txt { margin: 17px 3px 9px 3px; }
.intro_txt2 { margin: 17px 3px 17px 3px; }

.thumb { position: relative; margin: 8px; }
a .img { border: 2px solid #FCF; }
a .img2 { border: 2px solid #FFF; }
.nameplate { background: #FCF; color: #000; text-align: center; line-height: 20px; font-weight: bold; margin-top: 1px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; }
.thumb_banner { position: absolute; top: -3px; left: -3px; }

#sub_cntnr { background: url(../images/x-tile_bg.png) repeat-x 0px -63px; width: 320px; margin: auto; }
#cntnt_hdr { position: relative; background: url(../images/cntnt_hdr.jpg) no-repeat top center; width: 320px; height: 107px; }
#nav { padding-top: 76px; }
#nav a, #nav a:visited { display: block; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #360; font-weight: bold; text-align: center; text-decoration: none; line-height: 32px; }

#nav div#home { width: 95px; }
#nav div#pics { width: 80px; }
#nav div#vids { width: 71px; }
#nav div#movs { width: 74px; }

.cntnt_select { display: block; }
.cntnt_sel_thmb { background: #9FC120; padding: 6px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; }

.movie_cntnr { background: -moz-linear-gradient(100% 100% 90deg, rgb(51, 51, 51), rgb(0, 0, 0)); background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333)); border: 1px solid #252525; margin-bottom: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.movie_hdr1 { background: #FC6; line-height: 36px; text-align: center; margin: 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.movie_hdr2 { background: #FCF; line-height: 36px; text-align: center; margin: 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.movie_hdr3 { background: #B8E7FF; line-height: 36px; text-align: center; margin: 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

#pagination { margin: 20px 53px; }
.pagi_btn-active { background: -moz-linear-gradient(100% 100% 90deg, rgb(158, 158, 158), rgb(253, 253, 253)); background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#9E9E9E)); border: 1px solid #030; width: 22px; height: 22px; color: #000; line-height: 22px; text-align: center; font-weight: bold; margin-right: 1px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.pagi_btn a { display: block; background: -moz-linear-gradient(100% 100% 90deg, rgb(32, 63, 0), rgb(51, 102, 0)); background: -webkit-gradient(linear, left top, left bottom, from(#360), to(#203F00)); border: 1px solid #030; width: 22px; height: 22px; color: #FFF; line-height: 22px; text-align: center; font-weight: bold; text-decoration: none; margin-right: 1px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }


#ftr { color: #666; text-align: center; margin: 8px 3px 14px 3px; }
#ftr2 { color: #666; text-align: center; margin: 17px 3px 14px 3px; }
#links a, #links a:visited { color: #FCF; font-weight: bold; text-decoration: none; }
#copyright { margin-top: 15px; }

.alpha { margin-left: 0px; }
.omega { margin-right: 0px; }

.pi { margin: 10px; }
.pi1 { margin-top: 10px; }
.pi2 { margin-right: 10px; }
.pi3 { margin-bottom: 10px; }
.pi4 { margin-left: 10px; }
.pi5 { margin-left: 5px; }

.beta { margin: 20px; }
.beta1 { margin-top: 20px; }
.beta2 { margin-right: 20px; }
.beta3 { margin-bottom: 20px; }
.beta4 { margin-left: 20px; }

.zeta { margin-top: 10px; margin-bottom: 10px; }
.zeta2 { margin-top: 20px; margin-bottom: 20px; }

html body div.clear, html body span.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }
