/*** General stylesheet for every pages ***/

/* Reset CSS and general stuff */
*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,li,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font:100% serif}table{border-collapse:collapse}caption,th,td{text-align:left}
html { overflow:-moz-scrollbars-vertical; }
.clear { clear: both; font-size: 0; height: 0; line-height: 0; }
a { outline: none; }

body { font: 11px Arial, Helvetica, sans-serif; }
select { font: 12px Arial, Helvetica, sans-serif; }

h1 { position: absolute; left: -10000px; }

/*** Top toolbar ***/
#container { position: absolute; width: 980px; left: 50%; margin: 0 0 0 -490px; padding: 265px 0 0; }
#container #toolbar { position: absolute; top: 0; width: 960px; height: 17px; padding: 10px; text-align: right; font: 12px Arial, Helvetica, sans-serif; }
#container #toolbar form { float: left; }
#container #toolbar #switch-members { display: block; float: left; margin: 0 0 0 10px; }

/*** Flags ***/
#container #flags { position: absolute; display: none; top: 35px; padding: 0 7px 5px; background-color: #d7dcc0; z-index: 10; }
#container #flags img { position: relative; top: 5px; }
#container #flags p { margin: 0 0 5px 0; }
#container #flags a { text-decoration: none; }

/*** Header ***/
#container #header { position: absolute; top: 35px; width: 980px; height: 140px; z-index: 0; font: 12px Arial, Helvetica, sans-serif; }
#container #header-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#container #header-link strong { display: none; }
#container #header #stats { position: absolute; width: 150px; height: 110px; top: 28px; right: 5px; }
#container #header #stats h2 { padding: 5px; font-weight: bold; text-align: center; }
#container #header #stats .content { padding: 5px; text-align: center; }

/*** Menu ***/
#container .menu { position: absolute; width: 980px; height: 21px; top: 30px; }
#container .menu li { position: relative; float: left; }
#container .menu li a { display: block; float: left; font-weight: bold; text-align: center; text-decoration: none; }
#container .menu li a span { position: absolute; top: 0; right: 0; width: 5px; height: 21px; }
#container .menu li a:hover span { background: none!important; }

#page-home #container .menu #mnu-home a,
#page-movies #container .menu #mnu-movies a,
#page-pictures #container .menu #mnu-pictures a,
#page-pornstars #container .menu #mnu-pornstars a,
#page-about #container .menu #mnu-about a,
#page-fanclub #container .menu #mnu-fanclub a,
#page-news #container .menu #mnu-news a,
#page-links #container .menu #mnu-links a { background-position: bottom left!important; }

#container .menu #mnu-home a { background-position: -15px 0!important; }
#container .menu #mnu-home a:hover { background-position: -15px -21px!important; }

#page-home #container .menu #mnu-home a span,
#page-movies #container .menu #mnu-movies a span,
#page-pictures #container .menu #mnu-pictures a span,
#page-pornstars #container .menu #mnu-pornstars a span,
#page-about #container .menu #mnu-about a span,
#page-fanclub #container .menu #mnu-fanclub a span,
#page-news #container .menu #mnu-news a span,
#page-links #container .menu #mnu-links a span { background: none; }

#page-home #container .menu #mnu-home a,
#page-home #container .menu #mnu-home a:hover { background-position: -5px -21px!important; }

/*** SubMenu ***/
#container .menu li .mnu-under { position: absolute; width: 250px; padding: 0 0 10px 0; left: 0; top: 21px; z-index: 1000; visibility: hidden; }
#container .menu li .mnu-under div { position: absolute; top: 0; left: 0; }
#container .menu li .mnu-under ul { width: 240px; }
#container .menu li .mnu-under li { position: relative; float: none; width: 220px; height: auto!important; line-height: auto!important; padding: 0 10px; }
#container .menu li .mnu-under li a { position: relative; float: none; display: block; width: 200px; height: auto; height: 25px!important; line-height: 25px!important; text-decoration: none; padding: 0 0 0 20px; margin: 3px auto; background-image: none!important; text-align: left; font-weight: bold; }
#container .menu li .mnu-under li a:hover { background-image: none!important; }
#container .menu li .mnu-under li.separator { height: 0; line-height: 0; font-size: 0; }
#container .menu li .mnu-under li.separator div { position: relative; }

/*** Contains what's under the menu and header ***/
#container #global { position: absolute; top: 51px; width: 970px; background-color: #fff; padding: 32px 5px 5px; z-index: 0; }
#container #global .content-margin { padding: 5px; }

/*** Breadcrumbs ***/
#container #global .breadcrumbs { position: absolute; width: 958px; top: 5px; left: 5px; padding: 5px; text-transform: capitalize; }

/*** General title of a module in a color box ***/
#container #global h3 { padding: 5px 10px; font-weight: bold; font-size: 14px; text-transform: uppercase; }

/*** General module in a colored border ***/
#container #global .module { float: left; width: 968px; margin: 5px 0 25px; line-height: 15px; background-color: #fff; }
#container #global .module h4 { width: font-weight: bold; font-size: 12px; }
#container #global .module h4 a { text-decoration: none; font-weight: bold; }
#container #global .module h4 span { display: block; }
#container #global .module-content { padding: 5px 10px; }
#container #global .scene .star { position: relative; top: 2px; float: none; margin: 0; border: 0; }
#container #global .dvd .star { position: relative; top: 2px; float: none; margin: 0; border: 0; }
#container #global .first-module { margin: 5px 0 30px 0; }

/*** Columns in module for listed content ***/
#container #global .module .module-content .col-title { display: inline; float: left; width: 300px; margin: 5px 10px 5px 5px; font-weight: bold; }
#container #global .module .module-content .col-content { display: inline; float: left; text-align: left; margin: 5px; }

/*** Text content only ***/
#container #global .text-content p { margin: 0 0 15px 0; line-height: 18px; }

/*** General scene boxes that float ***/
#container #global .scene { display: inline; float: left; width: 230px; margin: 10px 0; height: 200px; }
#container #global .scene h4,
#container #global .scene p { width: 185px; height: 17px; overflow: hidden; }
#container #global .last { width: 185px; } /* last scene of the row has smaller width */

/*** General pornstar boxes that float ***/
#container #global .pornstar { display: inline; float: left; width: 199px; margin: 10px 0; }
#container #global .pornstar h4,
#container #global .pornstar p { width: 150px; }
#container #global .last-pornstar { width: 152px; } /* last scene of the row has smaller width */

/*** General DVD boxes that float ***/
#container #global .dvd { display: inline; float: left; width: 253px; margin: 5px 0 10px 0; }
#container #global .dvd h4,
#container #global .dvd p { width: 214px }
#container #global .dvd img { display: inline; margin: 0 5px 0 0; }
#container #global .last-dvd { width: 185px; } /* last scene of the row has smaller width */
#container #global .last-dvd h4,
#container #global .last-dvd p { width: 185px; }

/*** Navbar ****/
#container #global .navbar { margin: 15px 10px; }
#container #global .navbar span#alphab_search { margin: 0 0 0 50px; }
#container #global .navbar #search_alphab { margin: 0 5px 0 0; padding: 2px; } 
#container #global .navbar #jumptoactor { margin: 0 0 0 50px; }

/*** See All button ***/
#container #global .module .seeall { position: relative; margin: 5px 0 5px; text-align: center; }
#container #global .module .seeall a { font-size: 16px; font-weight: bold; }


/*** Comments ***/
#container #global #comments-module { line-height: 18px; border-bottom: none; }
#container #global #comments-module h3 a { float: right; text-transform: none; margin: 0 0 0 10px; }
#container #global #comments-module .module-content { line-height: 18px; }

/*** Add Comment ***/
#container #global #write-comment { float: none; width: 720px; height: 213px; margin: 0px auto; }
#container #global #write-comment textarea { width: 468px; height: 100px; margin: 5px 0; padding: 5px; font: 12px Arial, Helvetica, sans-serif; overflow: auto; }
#container #global #write-comment input { margin: 5px 0; padding: 2px; font: 12px Arial, Helvetica, sans-serif; }
#container #global #write-comment #nickname { margin: 0 30px 0 0; }
#container #global #write-comment label { font-weight: bold; }
#container #global #write-comment td { font-weight: bold; }

/*** Star Rating ***/
.star-rating-wrap{ white-space:nowrap;}
.star-rating,
.star-rating li.current-rating{ background: url(../images/star-rating.gif) left -1000px repeat-x;}
.star-rating{ position:relative; width:100px !important; height:25px !important; overflow:hidden !important; list-style:none; margin:0 !important; padding:0 !important; background-position: left top; display: block; }
.star-rating li{ display: inline; background: none !important; border: 0 !important; }
ul.star-rating li.current-rating{ position:absolute; top:0; left:0; text-indent:-9999px; height:25px !important; line-height:25px !important; outline:none; overflow:hidden; border: none; padding: 0 !important; margin: 0 !important; }
.star-rating li.current-rating{ z-index:1; background-image: url(../images/star-rating.gif) !important; background-position: left center !important; }


/*** Star Rating and vote ***/

.star-rating-wrap{ white-space:nowrap; }

.star-rating-vote,
.star-rating-vote a:hover,
.star-rating-vote a:active,
.star-rating-vote a:focus,
.star-rating-vote li.current-rating{ background: url(../images/star-rating-vote.gif) left -1000px no-repeat; }
.star-rating-vote{ position:relative; width:210px !important; height:50px !important; overflow:hidden !important; list-style:none; margin:0 !important; padding:0 !important; background-position: left top; display: block; float: left; }
.star-rating-vote li{ display: inline; background: none !important; border: 0 !important; }
ul.star-rating-vote a,
ul.star-rating-vote li.current-rating{ position:absolute; top:0; left:0; text-indent:-9999px; height:50px !important; line-height:50px !important; outline:none; overflow:hidden; border: none; padding: 0 !important; margin: 0 !important; }
.star-rating-vote a:hover,
.star-rating-vote a:active,
.star-rating-vote a:focus{ background-position: left bottom; }
.star-rating-vote a.rate-stars-1{ width:10%; z-index:11; }
.star-rating-vote a.rate-stars-2{ width:20%; z-index:10; }
.star-rating-vote a.rate-stars-3{ width:30%; z-index:9; }
.star-rating-vote a.rate-stars-4{ width:40%; z-index:8; }
.star-rating-vote a.rate-stars-5{ width:50%; z-index:7; }
.star-rating-vote a.rate-stars-6{ width:60%; z-index:6; }
.star-rating-vote a.rate-stars-7{ width:70%; z-index:5; }
.star-rating-vote a.rate-stars-8{ width:80%; z-index:4; }
.star-rating-vote a.rate-stars-9{ width:90%; z-index:3; }
.star-rating-vote a.rate-stars-10{ width:100%; z-index:2; }
.star-rating-vote li.current-rating{ z-index:1; background-image: url(../images/star-rating-vote.gif) !important; background-position: left center !important; background-repeat: no-repeat;}

.voted { display: block; float: left; width: 78px; height: 32px; margin: 8px 0 0 15px; padding: 0 0 0 32px; line-height: 15px; background: url(../images/check.gif) 0 0 no-repeat; }

#container #global #footer { padding: 20px; text-align: center; line-height: 20px; }

.banner-holder { position: relative; margin: 10px auto; text-align: center; }

/* Pagination */

div.pagination {
    font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 3px;
    margin: 3px
}
div.pagination a {
    background-color: #fff;
    border: 1px solid #9aafe5;
    color: #105cb6;
    margin: 1px;
    padding: 2px 5px;
    text-decoration: none
}
div.pagination a:hover,active {
    background-color: #9aafe5;
    border: 1px solid #9aafe5;
    color: #214371;
    margin: 1px;
    padding: 2px 5px
}
div.pagination span.courante {
    background-color: #214371;
    border: 1px solid #214371;
    color: #fff;
    font-weight: bold;
    margin: 1px;
    padding: 2px 5px
}
div.pagination span.desactive {
    background-color: #fff;
    border: 1px solid #eee;
    color: #ddd;
    margin: 1px;
    padding: 2px 5px
}
