@import "reset.css";
@import "text.css";
@import "960.css";

/* BASIC LAYOUT */
body { background: #1F1F1E url(../images/bg.png) repeat top center; }
#bg { background: url(../images/hdr_bg.png) repeat-x top center; }

/* GLOBALS */
a.lnk { border-bottom: 1px dotted #999; color: #999; text-decoration: none; }
a.lnk:hover { border-bottom: none; color: #FFF; text-decoration: none; }
.left { float: left; }
.right { float: right; }
.none { float: inherit; }
.warning-img { background: #000; border: 2px solid #CCC; padding: 1px; }
.img { background: #FFF; border: 1px solid #666; padding: 2px; margin-bottom: 1px; }
.join-img { background: #FFF; border: 1px solid #666; padding: 2px; }
.dotted_sep { background: url(../images/dotted_sep.gif) repeat-x top center; height: 2px; }
.blank-bar { background: #999; width: 100%; height: 3px; margin-top: 1px; }
.blank-bar2 { background: #999; width: 100%; height: 3px; margin: 1px 0px; }
/* PADDING */
.pad5 { padding: 5px; }
.pad10 { padding: 10px; }
.pad20 { padding: 20px; }
/* COLORED BACKGROUNDS */
.midgray-bg { background: #999; }
.dkgray-bg { background: #333; }

/* HEADER STUFF */
#hdr { position: relative; height: 123px; }
#logo { position: absolute; top: 8px; left: 20px; }
#hdr-bar1 { position: absolute; top: 0px; right: 0px; background: url(../images/hdr-bar1.png) no-repeat top right; font-size: 14px; color: #666; text-shadow: #F1F1F1 1px 1px 0px; line-height: 34px; width: 590px; height: 34px; }
#hdr_metadata { width: 435px; text-align: center; }
#hdr_share { text-align: center; width: 155px; margin-top: 9px; }
#hdr-bar2 { position: absolute; top: 34px; right: 30px; background: url(../images/hdr-bar2.png) no-repeat top right; text-align: center; line-height: 34px; width: 530px; height: 34px; }

/* NAVIGATION */
#nav { background: url(../images/nav-bar.png) no-repeat center; height: 71px; }
#nav ul { margin-top: 15px; }
#nav-left { float: left; background: url(../images/nav-left.png) no-repeat top left; width: 3px; height: 56px; }
#nav-right { float: left; background: url(../images/nav-right.png) no-repeat top left; width: 3px; height: 56px; }
#nav li { position: relative; display: inline; font-size: 17px; line-height: 56px; padding: 0px; margin: 0px; }
#nav li em { font-style: normal; }
#nav li a, #nav li#active { float: left; background: url(../images/nav-sprites.png) no-repeat; padding-left: 24px; }
#nav li a span, #nav li#active span { display: block; background: url(../images/nav-sprites.png) no-repeat; padding-right: 24px; }
#nav li a { background-position: top left; color: #333; text-decoration: none; text-shadow: #CCC 1px 1px 0px; }
#nav li a span { background-position: 100% 0%; }
#nav li a:hover, #nav li#active { background-position: 0px -56px; color: #FFF; text-decoration: none; text-shadow: #333 -1px 1px 0px; margin-left: -1px; padding-left: 25px; }
#nav li a:hover span, #nav li#active span { background-position: 100% -56px; color: #FFF; text-decoration: none; }
#nav li#active  { z-index: 100; }
#nav li.link:hover { z-index: 1000; }
#nav li a:hover span em, #nav li#active span em { border-bottom: 1px dotted #FFF; }
#nav li#active div#icon { position: absolute; bottom: 0px; background: url(../images/nav-sprites.png) no-repeat bottom center; width: 100%; height: 6px; margin: auto; margin-left: -25px; }

/* MAIN LAYOUT */
#main { background: url(../images/main-bg.png) repeat-y top center; }
#content { background: url(../images/main-top.png) no-repeat top center; width: 978px; margin: auto; }

/* COLUMN HEADER */
.grid3-hdr { background: url(../images/hdr-grid3.png) no-repeat top center; width: 220px; height: 29px; }
.grid6-hdr { background: url(../images/hdr-grid6.png) no-repeat top center; width: 460px; height: 29px; }
.grid6-hdr2 { background: url(../images/hdr-grid6_dual.png) no-repeat top center; width: 460px; height: 29px; }
.hdr-txt1 { color: #CCC; font-weight: bold; text-indent: 10px; text-shadow: #000 1px 1px 0px; line-height: 29px; }
.hdr-txt2 { color: #CCC; font-weight: bold; text-align: center; text-shadow: #000 1px 1px 0px; line-height: 29px; }

/* COLUMN FOOTERS */
.ftr-grid6 { background: url(../images/ftr1-grid6.png) no-repeat top center; width: 460px; height: 26px; }
.ftr-grid3 { background: url(../images/ftr1-grid3.png) no-repeat top center; width: 220px; height: 26px; }
.grid-ftr { font-weight: bold; line-height: 26px; text-shadow: #000 1px 1px 0px; }
.grid-ftr2 { font-weight: bold; line-height: 26px; text-align: left; text-indent: 10px; text-shadow: #000 1px 1px 0px; }
.ftr-lft { text-indent: 10px; }
.ftr-rgt { margin: 0px 10px; }
.ftr-rgt2 { margin: 6px 5px; }
.ftr-sep { background: url(../images/ftr1-sep.png) no-repeat top center; width: 2px; height: 26px; }
.ftr-grid6-btn a { display: block; background: url(../images/ftr1-grid6-btn.png) no-repeat top center; color: #FFF; text-align: center; line-height: 26px; font-weight: bold; text-decoration: none; text-shadow: #333 1px 1px 0px; width: 460px; height: 26px; margin-top: 1px; }
.ftr-grid3-btn a { display: block; background: url(../images/ftr-grid3-btn.png) no-repeat top center; color: #FFF; text-align: center; line-height: 32px; font-weight: bold; text-decoration: none; text-shadow: #333 1px 1px 0px; width: 220px; height: 32px; }
.ftr-grid6-btn a:hover, .ftr-grid3-btn a:hover { text-decoration: underline; }

/* GALLERY UPDATES */
#update-bar { text-indent: 10px; width: 344px; margin-bottom: 1px; }
#hdr-btn a { display: block; text-indent: 0px; text-align: center; color: #333; text-decoration: none; text-shadow: #CCC 1px 1px 0px; width: 116px; height: 29px; }
#hdr-btn a:hover { text-decoration: underline; }

/* MAIN PAGE MOVIE UPDATES */
.rounded-hdr_grid6 { background: url(../images/rounded-hdr_grid6.png) no-repeat top center; color: #FFF; font-size: 18px; font-weight: bold; text-align: center; line-height: 28px; text-shadow: #000 1px 1px 0px; width: 460px; height: 28px; }
.movie-thumb { position: relative; }
.wmv_thumb { position: absolute; bottom: 5px; left: 5px; }
.movie_play { position: absolute; bottom: 13px; right: 13px; }

/* CENTER COLUMN THUMBS */
.date-bar1 { background: #CCC; border: 4px solid #999; color: #000; font-weight: bold; text-align: center; line-height: 18px; text-shadow: #EBEBEB 1px 1px 0px; height: 18px; margin-bottom: 1px; }
.date-bar2 { background: #333; border: 4px solid #999; color: #FFF; font-weight: bold; text-align: center; line-height: 18px; text-shadow: #000 1px 1px 0px; height: 18px; margin-bottom: 1px; }

/* FORM STYLES */
#the-form { padding: 10px 20px; }
.frm-tag { color: #FFF; font-size: 13px; font-weight: bold; text-shadow: #000 1px 1px 0px; margin-bottom: 4px; }
.frm-inpt { background: url(../images/drop-bg.png) no-repeat top center; width: 180px; height: 25px; margin-bottom: 10px; }
select { background: none; border: none; width: 172px; height: 17px; margin: 4px; }
#rate-it .frm-tag { color: #FFF; font-size: 13px; text-align: right; line-height: 25px; font-weight: bold; text-shadow: #000 1px 1px 0px; margin-right: 5px; }
#rate-it .frm-inpt { background: url(../images/rate-drop-bg.png) no-repeat top center; width: 50px; height: 25px; margin-bottom: 10px; }
#rate-drop { margin-top: 10px; }
#rate-it select { background: none; border: none; width: 42px; height: 17px; margin: 4px; }
#rate-model { text-indent: 0px; }
#rate-model .frm-tag { color: #FFF; font-size: 13px; text-align: right; font-weight: bold; text-shadow: #000 1px 1px 0px; margin-bottom: 0px; }
#rate-model .frm-inpt { background: url(../images/rate-drop-bg2.png) no-repeat top center; width: 50px; height: 23px; margin: 3px; }
#rate-model select#rate { background: none; border: none; width: 50px; height: 17px; margin: 3px; padding-right: 6px; }

/* RATING STYLES */
.midgray-bg#rate-it { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; }
#model-rate { color: #CCC; text-indent: 10px; line-height: 29px; }

/* MODEL META DATA */
#model-metadata { display: block; width: 239px; height: 330px; margin-left: 1px; }
.meta-pad { margin: 1px; }
#model-metadata .name { border-bottom: 1px solid #999; font-size: 18px; font-weight: bold; text-indent: 10px; line-height: 26px; text-shadow: #000 1px 1px 0px; }
#model-metadata .entry { border-bottom: 1px solid #999; line-height: 23px; text-indent: 10px; text-shadow: #000 1px 1px 0px; }


/* PAGINATION STYLES */
.pagination1 { background: #999; padding: 10px; margin-bottom: 10px; }
.pagination2 { background: #999; padding: 10px; margin: 10px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.pagination div.frame { background: #333; color: #FFF; text-align: center; line-height: 30px; font-weight: bold; text-shadow: #000 1px 1px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
.pagination div.frame a, .pagination div.frame a:visited { color: #CCC; text-decoration: none; text-transform: uppercase; }
.pagination div.frame a:hover { color: #FFF; }
.pagination div.frame .previous { text-align: left; margin-left: 10px; width: 100px; }
.pagination div.frame .count { width: 220px; }
.pagination div.frame .next { text-align: right; margin-right: 10px; width: 100px; }

/* WARNING PAGE */
#warning_hdr { height: 167px; }

/* BUTTONS */
#nav-row { margin-bottom: 15px; }
#enter-btn_sm a { display: block; background: url(../images/enter-btn_sm.png) no-repeat top center; width: 300px; height: 66px; }
#leave-btn a { display: block; background: url(../images/leave-btn.png) no-repeat top center; width: 300px; height: 66px; }
#enter-btn_big a { display: block; background: url(../images/enter-btn_big.png) no-repeat top center; width: 940px; height: 66px; }
#cta1 a { display: block; background: url(../images/cta1.png) no-repeat top center; width: 940px; height: 66px; }
#cta2 a { display: block; background: url(../images/cta2.png) no-repeat top center; width: 940px; height: 66px; }
#memb-btn a { display: block; background: url(../images/members-btn.png) no-repeat top center; width: 314px; height: 66px; }
#join-btn a { display: block; background: url(../images/join-btn.png) no-repeat top center; width: 312px; height: 66px; }
#more-btn a { display: block; background: url(../images/more-btn.png) no-repeat top center; width: 314px; height: 66px; }
.dl-btn1 a { display: block; background: url(../images/download-btn1.png) no-repeat top center; width: 460px; height: 66px; }
#back-btn a { display: block; background: url(../images/back-btn.png) no-repeat top center; width: 220px; height: 32px; }
#back-btn-models a { display: block; background: url(../images/back-btn-models.png) no-repeat top center; width: 220px; height: 32px; }
/* BUTTON HOVERS */
#enter-btn_sm a:hover, #leave-btn a:hover, #enter-btn_big a:hover, #cta1 a:hover, #cta2 a:hover, #cta3 a:hover, #cta4 a:hover, #memb-btn a:hover, #join-btn a:hover, #more-btn a:hover, .dl-btn1 a:hover, #back-btn a:hover, #back-btn-models a:hover { background-position: bottom; }

/* JOIN FORM STYLES */
.meta_box { background: #333; background: -moz-linear-gradient(100% 100% 90deg, rgb(51, 51, 51), rgb(34, 34, 34)); background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#222)); border: 1px solid #333; color: #9CF; font-weight: bold; text-align: center; }
#join_table .meta_box { padding: 10px; margin-bottom: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#join_table .meta_box { font-weight: normal; color: #FFF; }
#join_table { width: 460px; }
#join_table .heading { font-size: 17px; font-weight: normal; text-transform: uppercase; }
.payment_type { position: relative; background: url(../images/payment_type_bg.png) no-repeat top center; color: #333; font-weight: bold; line-height: 57px; width: 200px; height: 57px; margin-top: 10px; }
#cc_icon { margin-top: 8px; margin-right: 10px; margin-left: 6px; }
#ec_icon { margin-top: 12px; margin-right: 10px; margin-left: 6px; }
#pbp_icon { margin-top: 5px; margin-right: 10px; margin-left: 5px; }
#sm_icon { margin-top: 0px; margin-right: 10px; margin-left: 5px; }
.check { margin-top: 20px; margin-right: 5px; }
.micro_arrow { position: absolute; bottom: 5px; right: 5px; }
/* MOUSEOVER ELEMENTS */
#join_form p { background: url(../images/join_elements.png) no-repeat 0 -40px; height: 34px; margin: 4px 0; padding: 0px; overflow: hidden; }
#join_form p label { display: block; background: url(../images/join_elements.png) no-repeat right -120px; color: #000; font-size: 14px; font-weight: bold; height:34px; cursor: pointer; }
#join_form p#prdo3 label { display: block; background: url(../images/join_elements.png) no-repeat right -160px; color: #000; font-size: 14px; font-weight: bold; height:34px; cursor: pointer; } 
#join_form p label input { float: left; margin: 11px 24px 0px 12px; padding:0; outline: none; }
#join_form p label span { float: left; margin: 8px 0px 0px 0px; }
#join_form p.active { display: block; background-position: 0px 0px; height:34px; }
#join_form p.button { background-position: 0 -240px; height: 46px; }
#join_form p.button span { display: block; background: url(../images/join_elements.png) no-repeat right -290px; height: 46px; }
#join_form p.button button { display: block; background:url(../images/join_elements.png) no-repeat 0 -290px; border: 0px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #FFF; font-size: 21px; font-weight: bold; text-align: center; text-shadow: 1px 1px 1px #000; cursor: pointer; width: 100%; padding: 0px; padding: 8px 0px 14px 0px; }
#join_form p.button:hover {  background-position: 0 -340px; }
#join_form p.button:hover span {  background-position: right -390px; }
#join_form p.button:hover button {  background-position: 0 -390px; }
/* /MOUSEOVER JOIN FORM ELEMENTS */

/* FOOTERS */
#ftr { background: url(../images/ftr.png) no-repeat top center; height: 96px; margin: auto; margin-bottom: 25px; }
#warning_ftr, #ftr { text-align: center; }
#warning_ftr a, #warning_ftr a:visited, #ftr a, #ftr a:visited { color: #FFF; text-decoration: none; }
#warning_ftr a:hover, #ftr a:hover { text-decoration: underline; }
.copyright { margin-top: 4px; }