/* css clear */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td  { margin: 0; padding: 0; }
table  { border-collapse: collapse; border-spacing: 0; }
fieldset,img  { border: 0; }
ul  { list-style: none; }
caption,th  { text-align: left; }
h1,h2,h3,h4,h5,h6  { font-size: 100%; font-weight: normal; }
q:before,q:after  { content:''; }
abbr,acronym  { border: 0; }
b, strong  { font-weight: bold; }
address,caption,cite,code,dfn,em,strong,th,var  { font-style: normal; font-weight: normal; }


/* general definitions */

body  { margin: 0; padding: 0; position: relative; background: #f2f2f2 url('../images/bgd.gif') repeat-x left top; }
body, td, p  { font: 500 12px/1.5em Arial, sans-serif; color: #303030; }
.clear  { clear: both; }
.center  { margin: 0 auto; display: block; }
.fl  { float: left; }
.fr  { float: right; }
.block  { display: block; }
.inline  { display: inline; }
a:link, a:visited  { color: #101010; text-decoration: none; }
a:hover, a:active  { color: #606060; text-decoration: none; }
strong, b  { font-weight: bold; }
u  { text-decoration: underline; }
i, em  { font-style: italic; }
p  { padding: 0.5em 0; }
h3  { margin: 2px 0 4px 0; font-size: 14px; font-weight: bold; }

hr { height: 1px; margin: 10px 0; padding: 0;  background-color: #d0d0d0; color: #d0d0d0; border: none; }


/* header */

#topbar  { width: 980px; height: 40px; position: relative; overflow: hidden; margin: 0 auto; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #606060; }
#topbar a  { text-decoration: underline; }

#topbar #login  { float: left; line-height: 36px; text-align: left; }
#topbar #login input.textfield  { width: 100px; padding: 0 2px; background: #fff; border: 1px solid #c0c0c0; font-size: 11px; line-height: 18px; font-weight: bold; }
#topbar #login input.submit  { width: 60px; background: #d0d0d0; border: 0; font-size: 11px; line-height: 20px; font-weight: bold; color: #fff; }

#topbar #search  { height: 36px; float: right; position: relative; zoom: 1; }
#topbar #search > div  { display: block; float: left; margin-left: 6px; line-height: 36px; }
#topbar #search input.textfield  { width: 140px; padding: 0 2px; background: #fff; border: 1px solid #c0c0c0; font-size: 11px; line-height: 18px; font-weight: bold; }
#topbar #search input.submit  { width: 60px; background: #d0d0d0; border: 0; font-size: 11px; line-height: 20px; font-weight: bold; color: #fff; }

.ui-tabs .ui-tabs-nav li { float: left; position: relative; padding: 0 4px; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; }
.ui-tabs .ui-tabs-hide { display: none !important; }

#logobar  { width: 980px; height: 70px; margin: 0 auto; background: url('../images/logobar.png') no-repeat center bottom; line-height: 70px; }
#logo  { vertical-align: middle; }

#menubar  { width: 980px; height: 60px; padding: 2px 0 0 0; margin: 0 auto; text-align: center; background: url('../images/menubar.png') no-repeat center top; }
#menubar ul  { width: 980px; height: 34px; display: block; text-align: center; }
#menubar ul li { height: 34px; display: inline-block; padding: 0 12px; background: url('../images/menu-item.gif') no-repeat right top; }
#menubar ul li:last-child  { background: none; }
#menubar ul li a:link, #menubar ul li a:visited { display: block; height: 34px; font-family: Tahoma, Arial, Helvetica, san-serif; font-weight: bold; line-height: 34px; color: #fff; }
#menubar ul li.current a:link, #menubar ul li.current a:visited { color: #ffff66; }
#menubar ul li a:hover, #menubar ul li a:active { color: #c8c8c8; }

#subheader  { width: 980px; height: 28px; margin: 0 auto; }
#subheader-addthis  { width: 200px; float: left; margin-top: 3px; }
#subheader-links  { float: right; margin-right: 10px; line-height: 28px; }
#subheader-links a  { margin-left: 4px; }


/* index page */

#main-wrapper  { width: 100%; background: url('../images/main.gif') repeat-x left bottom; }
#main  { width: 980px; margin: 0 auto; }

.title  { height: 29px; padding: 0 0 0 15px; background: url('../images/title.gif') no-repeat left top; font-size: 14px; line-height: 29px; font-weight: bold; color: #606060; }
.title.short  { background-image: url('../images/title-short.gif'); }
.title-sort { float: right; margin-right: 10px; font-size: 11px; line-height: 29px; }
.title-sort a { margin-left: 10px; }
.title-alphabet  { float: right; margin-right: 10px; font-size: 11px; font-weight: bold; line-height: 29px; }
.title-alphabet a  { margin: 0 1px; }

.contents  { padding: 10px 0; margin: 0 auto; text-align: center; }

.bannerspot-index  { width: 388px; height: 340px; display: block; float: right; padding-top: 70px; text-align: center; }
.banner  { margin: 15px auto; text-align: center; }
.recommended-column  { width: 180px; margin: 0 2px; float: left; color: #707070; }


/* index page - video boxes */

.content  { width: 190px; height: 200px; display: inline-block; position: relative; margin: 1px; background: url('../images/content.png') no-repeat center center; }
.content .img  { width: 180px; height: 135px; position: absolute; top: 5px; left: 5px; }
.content .vtitle  { width: 180px; position: absolute; bottom: 36px; left: 5px; font-size: 12px; font-weight: bold; text-align: center; }
.content .vtitle.friends  { bottom: 12px; }
.content .vtitle.pornstars  { bottom: 22px; }
.content .vtitle.channels  { bottom: 22px; }
.content .rating  { position: absolute; bottom: 8px; right: 8px; }
.content .views  { position: absolute; bottom: 4px; left: 8px; font-size: 11px; color: #666; }
.content .time  { position: absolute; bottom: 19px; left: 8px; font-size: 11px; color: #666; }
.content .date  { position: absolute; bottom: 19px; right: 8px; font-size: 11px; color: #666; }

.star_off  { width: 50px; height: 10px; margin-top: 2px; float: left;  display: block; background: url('../images/star_off.gif') repeat-x; }
.star_on  { height: 10px; float:left; background: url('../images/star_on.gif') repeat-x; }


/* index page - pagination and pornstar alphabet */

#pagination  { width: 100%; margin: 10px auto; text-align: center; }
#pagination a:link, #pagination a:visited  { min-width: 15px; height: 20px; padding: 0 4px; margin: 2px; display: inline-block; background: #e0e0e0; color: #606060; border: 1px solid #c0c0c0; font-size: 11px; line-height: 20px; font-weight: bold; 
											 -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; }
#pagination a:hover, #pagination a:active  { background: #fff; }
#pagination span  { min-width: 15px; height: 20px; padding: 0 4px; margin: 2px; display: inline-block; font-size: 11px; line-height: 20px; font-weight: bold; color: #303030; }


/* video page */

#left  { width: 660px; float: left; margin: 10px 0; }
#right  { width: 320px; float: right; margin: 20px 0 10px 0; text-align: center; }

#gallery  { margin: 0 auto; text-align: center; }
#gallery .thumb  { display: inline-block; }

#player  { margin: 0 auto; text-align: center; }
#player-desc  { margin: 5px 10px; text-align: justify; }

#player-info  { padding: 5px 10px 15px 10px; }
#player-info-left  { width: 200px; float: left; text-align: left; }
#player-info-center  { width: 300px; min-height: 65px; float: left; text-align: left; padding: 0 0 0 5px; border-left: 1px solid #aaa; }
#player-info-right  { width: 120px; min-height: 65px; float: right; text-align: left; padding: 0 0 0 5px; border-left: 1px solid #aaa; }
#player-info-right a:link, #player-info-right a:visited  { font-size: 11px; font-weight: bold; }
#player-info-rating  { width: 75px; height: 20px; }


/* video page - comments */

.ul-comments  { padding:0px; margin:0px; } 
.ul-comments li  { padding: 10px 0 0 0; margin: 0; text-align: left; }
.ul-comments li span  { font-size: 11px; }
.ul-comments li p  { font-size: 12px; padding: 5px 0; color: #2a2828; }

.pageform { margin: 15px 0 10px 0; text-align: left; }
.pageform #myspan  { font-size: 12px; font-weight: bold; text-align: left; }
.pageform textarea  { width: 450px; height: 120px; margin-bottom: 5px; font: 500 12px/1.6em Tahoma, Arial, sans-serif; text-align: left; background: #fff; border: 1px solid #aaa; }
.pageform input[type="text"] { width: 300px; height: 25px; margin-bottom: 5px; background: #fff; border: 1px solid #aaa; line-height: 25px; }
.pageform input[type="submit"] { padding: 3px 6px; }


/* pornstar bio and member page */

.pornstar-bio-left { width: 180px; float: left; }
.pornstar-bio-left img { max-width: 180px; height: auto; }
.pornstar-bio-rating { width: 75px; height: 15px; padding: 10px 0 10px 52px; }
.pornstar-bio-middle { width: 220px; float: left; margin-left: 20px; text-align: left; }
.pornstar-bio-right { width: 510px; float: left; margin-left: 20px; text-align: justify; }

.member-bio-left { width: 180px; float: left; }
.member-bio-left img { width: 180px; height: auto; display: block; margin-bottom: 8px; }
.member-bio-middle { width: 220px; float: left; margin-left: 20px; text-align: left; }
.member-bio-right { width: 450px; float: left; margin-left: 20px; text-align: justify; }


/* footer */

#footer-wrapper  { width: 100%; margin: 0 auto; padding: 20px 0; background: #f2f2f2 url('../images/footer-wrapper.gif') repeat-x left top; }
#footer  { width: 980px; margin: 0 auto; }
#footer-links  { text-align: center; }
