/* 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: #ececec top left repeat-x; }
body, td, p  { font: 500 12px/1.6em Arial, sans-serif; color: #333; }
.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: #1fa6cd; text-decoration: none; }
a:hover, a:active  { color: #1fa6cd; text-decoration: none; }
strong, b  { font-weight: bold; }
u  { text-decoration: underline; }
i, em  { font-style: italic; }
p  { padding: 0.5em 0; }


/* header */

#header { padding: 5px 0; position: relative; background: #333 url("../images/mobile-header.png") repeat-x; text-align: center; }
#logo  { display: block; margin: 0 auto; }


/* menu */

#menubar-wrapper  { width: 100%; padding: 6px 0; position: relative; border-top: 1px solid #808080; border-bottom: 1px solid #3f3f3f; background: #eee; }
#menubar  { max-width: 480px; position: relative; margin: 0 auto; text-align: center; }
#menubar a  { width: 22%; height: 25px; display: inline-block; overflow: hidden; margin: 2px 0; background: #1fa6cd; border-top: 1px solid #ccc; font-size: 11px; line-height: 26px; font-weight: bold; color: #fff;
				-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
#menubar a.alt  { background: #605ba4; border-top: 1px solid #ccc; }
#menubar a.login  { background: #808080; border-top: 1px solid #b0b0b0; }

#search-wrapper  { width: 100%; position: relative; padding: 6px 0; background: #fff; }
#search  { max-width: 480px; position: relative; margin: 0 auto; text-align: center; }
#search select  { width: 35%; height: 24px; margin: 0 2px; vertical-align: middle; }
#search input.text  { width: 35%; height: 22px; background: #fff; border: 1px solid #aaa; line-height: 22px; margin: 0 2px; vertical-align: middle; }
#search input.submit  { width: 10%; height: 24px; margin: 0 2px; background: #1fa6cd; border: 0; font-size: 11px; line-height: 24px; font-weight: bold; vertical-align: middle; color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }


/* index page */

.title-wrapper  { max-width: 480px; margin: 0 auto; }
h2.title  { width: 90%; display: block; padding: 5px 0; margin: 0 auto 10px auto; border:1px solid #191818;
background: #5e5e5e; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNzM3MzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #5e5e5e 0%, #373737 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e5e5e), color-stop(100%,#373737)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #5e5e5e 0%,#373737 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #5e5e5e 0%,#373737 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #5e5e5e 0%,#373737 100%); /* IE10+ */
background: linear-gradient(to bottom,  #5e5e5e 0%,#373737 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5e5e', endColorstr='#373737',GradientType=0 ); /* IE6-8 */; font-size: 21px; font-weight: bold; letter-spacing: -1px; color: #fff; text-align: center;
			-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.contents  { width: 100%; position: relative; padding: 10px 0; background: #fff; text-align: center; }

#pornstaralphabet  { width: 280px; margin: 10px auto; text-align: center; }
#pornstaralphabet a  { font-size: 16px; line-height: 22px; font-weight: bold; margin: 3px; }


/* index page - video boxes */

.content  { width: 152px; height: 170px; position: relative; margin: 0; display: inline-block; overflow: hidden; }
.content .img  { width: 150px; height: 114px; position: absolute; top: 1px; left: 1px; }
.content .vtitle  { width: 152px; position: absolute; top: 118px; left: 0; font-size: 13px; font-weight: bold; text-align: center; }
.content .vtitle a:link, .content .vtitle a:visited { }
.content .vtitle a:hover, .content .vtitle a:active { }
.content .rating  { position: absolute; bottom: 6px; right: 8px; font-size: 11px; color: #666; }
.content .views  { position: absolute; bottom: 2px; left: 8px; font-size: 11px; color: #666; }
.content .time  { position: absolute; bottom: 16px; left: 8px; font-size: 11px; color: #666; }
.content .date  { position: absolute; bottom: 16px; right: 8px; font-size: 11px; color: #666; }

.content-pornstar  { width: 152px; height: 140px; position: relative; margin: 0; display: inline-block; overflow: hidden; background: #f0f0f0; }
.content-pornstar .img  { width: 150px; height: 114px; position: absolute; top: 1px; left: 1px; }
.content-pornstar .vtitle  { width: 152px; position: absolute; top: 118px; left: 0; font-size: 13px; font-weight: bold; text-align: center; }
.content-pornstar .vtitle a:link, .content .vtitle a:visited { }
.content-pornstar .vtitle a:hover, .content .vtitle a:active { }

.content-photoitem-thumb  { width: 152px; height: 116px; position: relative; margin: 0; display: inline-block; overflow: hidden; background: #f0f0f0; }
.content-photoitem-thumb .img  { width: 150px; height: 114px; position: absolute; top: 1px; left: 1px; }

.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  { max-width: 480px; margin: 0 auto; text-align: center; }
#pagination a  { margin: 10px 20px 20px 20px; display: inline-block; font-size: 50px; font-weight: bold; line-height: 30px; }

#pagination .pagenumber-wrapper  { max-width: 480px; margin: 0 auto; }
#pagination .pagenumber { width: 90%; display: block; padding: 5px 0; margin: 0 auto 10px auto; background: #f0f0f0; border-bottom: 1px solid #c0c0c0; font-size: 16px; font-weight: bold; letter-spacing: -1px; color: #333; text-align: center;
							-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

/* video page */

#notplaying  { padding: 5px 0; font-size: 12px; line-height: 24px; font-weight: bold; }
#notplaying a  { height: 22px; display: inline-block; padding: 0 6px; margin-left: 5px; background: #1fa6cd; font-weight: bold; color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

#info-wrapper  { max-width: 480px; margin: 0 auto; }
#info  { width: 90%; display: block; padding: 5px 0; margin: 0 auto 10px auto; background: #f0f0f0; border-bottom: 1px solid #c0c0c0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.info-item  { padding: 5px 10px; border-bottom: 1px solid #d0d0d0; text-align: left; color: #333; }
.info-item:last-child  { border-bottom: 0; }
.info-item a  { font-weight: bold; }


/* forms */

.forms-wrapper  { width: 100%; position: relative; }
.forms  { max-width: 480px; position: relative; margin: 0 auto; text-align: center; }
.forms .forms-intro  { width: 90%; padding: 0 0 6px 0; margin: 0 auto; color: #333; text-align: left; }
.forms .forms-error  { width: 90%; padding: 0 0 6px 0; margin: 0 auto; color: #dd3333; text-align: left; }
.forms .form-label  { width: 25%; float: left; padding: 2px 0; margin-left: 5%; line-height: 25px; color: #333; text-align: right; }
.forms .form-field  { width: 60%; float: right; padding: 2px 0; margin-right: 5%; line-height: 25px; color: #333; text-align: left; }
.forms input.text  { width: 90%; height: 25px; background: #fff; border: 1px solid #aaa; line-height: 25px; }
.forms input.submit  { width: 40%; height: 25px; background: #fff; border: 1px solid #aaa; line-height: 25px; }
.forms img.captcha  { display: block; margin-bottom: 3px; }


/* footer */

#footer  { width: 100%; padding: 6px 0; position: relative; border-top: 1px solid #808080; text-align: center; }


h4{
background: none repeat scroll 0 0 #F0F0F0;
    border-bottom: 1px solid #C0C0C0;
    border-radius: 2px 2px 2px 2px;
    color: #333333;
    display: block;
    font-size: 21px;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 0 auto 10px;
    padding: 5px 0;
    text-align: center;
    width: 90%;
}


/* notification */
.notification { border-radius: 2px 2px 2px 2px; margin: 0 0 20px; text-align:left; padding: 10px 10px 10px 45px; position: relative; }
.notification p { color:#333333; background: none repeat scroll 0 0 transparent; border: 0 none; margin: 0; padding: 0; line-height:21px; vertical-align: baseline; }
.notification.info { background-color:#f8faff; padding: 10px 10px 10px 10px; border: 1px solid #f1f3f8; vertical-align: baseline; }
.notification.success { background: url("../images/ico-success.png") no-repeat scroll 10px center #EFFEB9; border: 1px solid #C1D779; }
.notification.error { background: url("../images/ico-error.png") no-repeat scroll 10px center #FAD5CF; border: 1px solid #E18B7C; }
.notification.alert { background: url("../images/ico-warning.png") no-repeat scroll 10px center #FFE9AD; border: 1px solid #EAC572; }
/* notification */