/* 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; }

html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

/* general definitions */

body  { margin: 0; padding: 0; position: relative; background: #000; }
body, td, p  { font: 500 14px/1.6em Arial, sans-serif; color: #e7e7e7; }
.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: #b1b1b1; text-decoration: none; }
a:hover, a:active  { color: #fff; text-decoration: none; }
strong, b  { font-weight: bold; }
u  { text-decoration: underline; }
i, em  { font-style: italic; }
p  { padding: 0.5em 0; }
.white  { color: #fff; }
.red  { color: #ed0000; }


img{
    max-width: 100%;
}

.clear {
    clear: both;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.wrapper {
    position: relative;
    width: 980px;
    margin: 0 auto;
}

/* header */

.topbar  { 
    width: 100%; 
    height: 10px; 
    position: relative; 
    margin: 0 auto; 
    background: #333; 
    border-bottom: 1px solid #460707;
    -webkit-box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,1);
    -moz-box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,1);
    box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,1);
}
.header{ 
    position: relative;
    width: 100%; 
    min-height: 144px; 
    margin: 0 auto; 
 /*    background: url(../images/bg-header.gif); */
    text-align: center;
}

.header:before{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
    content: '';
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top,  rgba(23,23,23,1) 34%, rgba(23,23,23,0.69) 52%, rgba(164,35,35,0) 92%, rgba(192,37,37,0.33) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(23,23,23,1) 34%,rgba(23,23,23,0.69) 52%,rgba(164,35,35,0) 92%,rgba(192,37,37,0.33) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(23,23,23,1) 34%,rgba(23,23,23,0.69) 52%,rgba(164,35,35,0) 92%,rgba(192,37,37,0.33) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171717', endColorstr='#54c02525',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #000;
}

.logo  { float: left; margin-top: 30px; }
.header-ad  { width: 100%; max-width: 730px; float: right; margin: 20px 0; text-align: center; }


/* menus */

.menu  { 
    position: relative;
    width: 100%; 
    padding-top: 1px;
    margin: 0 auto; 
    text-align: center; 
    height: 39px;
}
.menu:before{ 
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
    content: '';
    width: 100%;
    height: 100%;
    border-top: 1px solid #3b3b3b;
    background: rgb(37,37,37); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(37,37,37,1) 0%, rgba(59,59,59,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(37,37,37,1) 0%,rgba(59,59,59,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(37,37,37,1) 0%,rgba(59,59,59,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#3b3b3b',GradientType=0 ); /* IE6-9 */
}
.menu a:link, .menu a:visited { }
.menu a:hover, .menu a:active  { }

ul.lavaLampWithImage  { width: 100%; position: relative; }
ul.lavaLampWithImage li  { 
    display: block; 
    float: left; 
    background: url('../images/menu-item.png') repeat-x left bottom; 
    border-right: 1px solid #3b3b3b; 
}

.menu li.menu-opener{
    display: none;
}

ul.lavaLampWithImage li.menu-opener{
    display: none;
    width: 100%;
    text-align: center;
    border-right: 0;
    float: none;
}
ul.lavaLampWithImage li.menu-opener a{
    line-height: 35px;
    background: transparent;
    padding-left: 30px;
    font-size: 15px;    
}
ul.lavaLampWithImage li.menu-opener:before{
    content: '';
    width: 20px;
    height: 19px;
    background: url(../images/menu-opener.png) no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -38px;
    top: 7px
}

ul.lavaLampWithImage li.toggle-menu{
    display: none;
}

ul.lavaLampWithImage li.back  { width: 1px; height: 38px; z-index: 8; position: absolute; background: url("../images/lava.gif") repeat-x right bottom; }
ul.lavaLampWithImage li.back .left  { background: url("../images/lava.gif") repeat-x left bottom; height: 38px; }
ul.lavaLampWithImage li.current,
ul.lavaLampWithImage li:hover{
    background: url(../images/lava.gif) repeat-x;
}
ul.lavaLampWithImage li a  { height: 38px; position: relative; z-index: 10; overflow: hidden; display: block; margin: auto 11px; outline: none; font-size: 12px; line-height: 38px; font-weight: 500; color: #fff; text-align: center; text-transform: uppercase;}
ul.lavaLampWithImage li:last-child a, ul.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited { border: none; }

.lavalamp-object {
    z-index: 1;
    background: url("../images/lava.gif") repeat-x left bottom; 
}

.submenubar  { 
    width: 100%; 
    padding: 8px 0; 
    margin: 0 auto; 
    text-align: center; 
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b1b1b+0,202020+100 */
    background: rgb(27,27,27); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(27,27,27,1) 0%, rgba(32,32,32,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(27,27,27,1) 0%,rgba(32,32,32,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(27,27,27,1) 0%,rgba(32,32,32,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1b1b', endColorstr='#202020',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #272727;
    -webkit-box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,1);
    -moz-box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,1);
    box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,1);
}
ul.submenu  { display: block; float: left; }
ul.submenu > li  { position: relative; display: block; float: left; padding: 0 10px; border-right: 1px solid #282828; }
ul.submenu > li:hover  { background: #272727; }
ul.submenu > li.categories:hover  { background: #901010; }
ul.submenu > li.filter:hover  { background: #901010; }
ul.submenu > li a  { font-size: 11px; line-height: 26px; color: #909090; text-transform: uppercase; }
ul.submenu > li:hover a  { color: #fff; }

.categorieslist  { display: none; padding: 5px 0; position: absolute; left: 0; top: 26px; z-index: 999; background: #901010; }
.categorieslist ul  { width: 330px; list-style-type: none; padding: 0; margin: 0; }
.categorieslist li  { width: 90px; float: left; padding: 0 0 0 10px; margin: 0 5px; border-top: 1px solid #a01010; border-bottom: 1px solid #701010; text-align: left; }
.categorieslist li:hover  { background: #701010; }
.categorieslist li a  { display: block; font-size: 11px; font-weight: bold; color: #fff; }
.categorieslist li:hover a  { color: #e0e0e0; }
.categorieslist li:hover a.categories  { color: #e0e0e0; }

.filterlist  { display: none; padding: 5px 0; position: absolute; left: 0; top: 26px; z-index: 999; background: #901010; }
.filterlist ul  { width: 330px; list-style-type: none; padding: 0; margin: 0; }
.filterlist li  { width: 90px; float: left; padding: 0 0 0 10px; margin: 0 5px; border-top: 1px solid #a01010; border-bottom: 1px solid #701010; text-align: left; }
.filterlist li:hover  { background: #701010; }
.filterlist li a  { display: block; font-size: 11px; font-weight: bold; color: #fff; }
.filterlist li:hover a  { color: #e0e0e0; }
.filterlist li:hover a.categories  { color: #e0e0e0; }

form.topsearch  { width: 280px; height: 25px; display: block; float: right; margin: 0 15px 0 0; background: #393939; border: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
form.topsearch input.text  { width: 240px; height: 25px; display: block; float: left; padding-left: 5px; background: none; border: 0; line-height: 25px; color: #909090; }
form.topsearch input.submit  { with: 25px; height: 25px; display: block; float: right; background: none; border: 0; }


/* contents layout */

.bg-content{
   /* background: url(../images/bg-content.gif) repeat-x; */
}

.contents-thumbs-wrapper  { float: left; padding: 10px 0px 10px 0; width: 100%;}
.contents-thumbs-rightad  { width: 250px; float: left; margin-left: -250px; text-align: center; margin-top: 13px;}
.contents-thumbs  { margin: 0 auto; text-align: center; font-size: 0.01em; }   /* removes spacing between child inline-block elements */

.contents  { width: 100%; margin: 0 auto; text-align: center; }
.contents-wrapper .contents { padding: 10px 0; text-align: left;}

.title-wrapper { width: 100%; padding: 10px 0 0 0; margin: 0 auto; border-bottom: 3px solid #202020; }
.title { color: #f0f0f0; font-size: 32px; line-height: 38px; padding: 7px 0; font-weight: normal; letter-spacing: -1px; }
.title-sort, .title-alphabet, .title-comments-toggle { padding-left: 4px; font-size: 14px; letter-spacing: 0; }
.title-sort a { margin-left: 6px; }
.title-alphabet a { margin-left: 2px; }


/* index page - video boxes */

.content  { width: 312px; display: inline-block; position: relative; margin: 4px 3px; background: #202020; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.content:hover  { background: #171717; }
.content.channel, .content.pornstar  { height: 265px; }

.content .img  { width: 100%; display: block; position: relative; }
.content .vtitle  { width: 100%; display: block; position: relative; margin: 5px auto 1px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 13px; line-height: 1.6em; font-weight: bold; text-align: center; padding: 0 10px}
.content .vtitle a:link, .content .vtitle a:visited { color: #fff; }
.content .vtitle a:hover, .content .vtitle a:active { color: #b1b1b1; }

.content .rating  { width: 100%; position: relative; display: block; height: 13px; text-align: center;}
.star_off  { width: 65px; height: 13px; display: inline-block; background: url('../images/star_off.gif') repeat-x; }
.star_on  { height: 13px; float:left; background: url('../images/star_on.gif') repeat-x; }

.content .info  { display: none; position: absolute; left: 4px; bottom: 4px; right: 4px; font-size: 12px; line-height: 20px; font-weight: bold; color: #e0e0e0; text-align: center;}
.content .info div { background: #171717; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.content .time  { width: 30%; position: relative; display: inline-block; }
.content .date  { width: 35%; position: relative; display: inline-block; margin: 0 2px; }
.content .views  { width: 30%; position: relative; display: inline-block; }
.content .play  { width: 30%; position: relative; display: inline-block;  margin: 80px 2px; opacity:0.65;}


.content .inner{
    position: relative;
    height: 0;
    padding-bottom: 75.9%;
    overflow: hidden;
}

.content .inner img{
    position: absolute;
    top: 0; 
    left: 0; 
    right: 0; 
    width: 100%; 
    min-height: 100%;
}

.content .inner a{
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 0;
    height: 100%;
}

.item-body{
    float: left;
    position: relative;
    width: 100%;
    height: 48px;
}

.content-photoitem-thumb  { display: inline-block; margin: 2px 3px; }

.pagination  { max-width: 750px; margin: 10px auto; font-size: 14px; line-height: 24px; font-weight: bold; text-align: center; }
.pagination a:link, .pagination a:visited  { min-width: 20px; padding: 0 10px; margin-left: 2px; display: inline-block; color: #b1b1b1; background: #171717; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.pagination a:hover, .pagination a:active  { background: #303030; }
.pagination span  { min-width: 20px; padding: 0 10px; display: inline-block; margin-left: 2px; color: #b1b1b1; background: #303030; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }

.tagz  { margin: 10px auto; font-size: 14px; line-height: 24px; font-weight: bold; text-align: center; }
.tagz a:link, .pagination a:visited  { min-width: 20px; padding: 0 10px; margin-left: 2px; display: inline-block; color: #b1b1b1; background: #171717; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.tagz a:hover, .pagination a:active  { background: #303030; }

/* video page */

.contents-left  { width: 100%; float: left; text-align: left; }
.contents-right  { width: 300px; float: right; text-align: center; }

#player  { margin-bottom: 5px; }
.player-info-left  { width: 520px; float: left; }
.player-info-right  { width: 120px; float: right; padding-top: 8px; text-align: center; }
.player-info-rating  { width: 75px; height: 20px; overflow: hidden; }
.player-info-desc  { padding: 6px 0 0 0; font-size: 14px; line-height: 18px; }
.player-info-row  { padding: 6px 0 0 0; font-size: 14px; line-height: 18px; }
.player-info-meta  { display: block; margin: 5px 0; background: #474747; font-size: 11px; line-height: 18px; font-weight: bold; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: px; }

.player .inner{
    position: relative;
    height: 0;
    padding-bottom: 62.5%;
    overflow: hidden;
}

.player img,
.player video,
.player embed,
.player iframe{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.gallery-images{
    margin-top: 15px;
}

.photo-item{
    position: relative;
    float: left;
    width: 212px;
    margin-left: 1px;
    margin-bottom: 1px;
}

.photo-item .inner {
    position: relative;
    height: 0;
    padding-bottom: 71.3%;
    overflow: hidden;
}

.photo-item a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255,255,255,0);
    color: #505258;
    font-size: 14px;
    padding: 5px;
    font-weight: 400;
    transition: all 0.6s ease;
}

.photo-item a:hover {
    opacity: 0.8;
}

.photo-item img {
    width: 100%;
}

span.name  { padding: 0 8px; margin: 0 2px; background: #474747; font-weight: bold; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: px; }
span.tags a:link, span.tags a:visited  { margin: 0 2px; color: #c02525; }
span.tags a:hover, span.tags a:active  { color: #b0b0b0; }

.comments  { display: none; }
.ul-comments li  { padding: 0; margin: 10px 0; text-align: left; }
.ul-comments li strong { font-size: 1.3em; }
.ul-comments li p  { padding: 0; text-align: justify; color: #d0d0d0; }

.ul-comments li{
    position: relative;
    min-height: 120px;
}

.ul-comments li .block{
    padding-left: 140px;
}

.comment-avatar{
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    height: auto;
}

.comment-avatar img{
    width: 100%;
    float: left;
    margin-top: 5px;
}

.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-banner-wrapper  { 
    width: 100%;  
    position: relative; 
    padding-top: 20px; 
/*    background: url('../images/bg-footer-banners.gif');  */
    text-align: center; 
    border-top: 1px solid #242424;
    clear: both;
}
.footer-banner-wrapper-inside  { width: 100%; margin: 0 auto; }
.footer-banner  { width: 75%; display: inline-block; margin: 0 20px 20px 20px;}

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

 .pornstar-item .item-body,
 .channel-item .item-body{
     height: 30px;
 }

/* Additional styles */

.half-column{
    width: 50%;
    float: left;
}

.left-half{
    padding-right: 17px;
}

.right-half{
    padding-left: 17px;
}

form label {
    width: 100%;
    display: inline-block;
    font-size: 14px; font-size: 0.875rem;
    font-weight: 700;
}

form input[type="text"],
form input[type="email"],
form input[type="password"],
form select,
form textarea {
    width: 78%;
    display: inline-block;
}

form .description {
    width: 78%; 
    display: inline-block;
    margin-left: 21%; margin-bottom: 10px; 
    *zoom: 1; clear: both;
    font-size: 11px; font-size: 0.6875rem;
    font-style: italic; 
}

form .description:before,
form .description:after {
    display: block;
    clear: both;
    content: " ";
}

form .form-item {
    margin-bottom: 10px; margin-top: 5px;
}

form .form-item.error {
    color: #d70a0a;
}

form .form-item.form-textarea label {
    vertical-align: top;
}

form .form-item.form-checkbox label,
form .form-item.form-radio label {
    width: auto;
    margin-right: 25px;
    display: inline-block;
    font-weight: 400;
}

form .form-action {
    padding-top: 10px; 
}

form legend {
    padding: 0 10px;
}

form fieldset {
    margin: 5px 0 10px;
}



.miniform{
    font-size: 14px;
}

.miniform input[type=text],
.miniform input[type=password],
.miniform input[type=email],
.miniform select,
.miniform textarea,
#comment-form input[type=text],
#comment-form input[type=password],
#comment-form input[type=email],
#comment-form textarea,
#mailbox .compose input[type='text'],
#mailbox .compose textarea{
    width: 100%;
    padding: 7px 12px;
    max-width: 100%;
    border: 1px solid #cdcdcd;
    font-family: 'Roboto Condensed', Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
}

.sep-row{
    margin-top: 15px;
}

.miniform input[type=submit],
.miniform button,
#comment-form input[type=submit],
#comment-form button{
    background: #c4292b;
    color: #fff;
    border: 0;
    padding: 10px 15px;
    cursor: pointer;
    font-family: 'Roboto Condensed', Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
}

#comment-form .form-action{
    margin-top: 10px;
}

.form-item,
.form-item-actions{
    margin-top: 15px;
}

.captcha-img{
    margin-top: 15px;
}

.btn-transparent{
    margin: 0 10px;
}

.comments-block {
    padding: 20px 0;
}

.comments-block h3 {
    padding: 8px 0 8px 25px;
    position: relative; 
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf; 
    font-size: 16px; font-size: 1rem;
}

.comments-block .c-description,
.comments-block form {
    width: 100%; 
    float: left;
    padding-left: 75px;
}

.comments-block .c-author {
    font-size: 12px; font-size: 0.75rem;
    margin-bottom: 3px;
}

.comments-block .c-comment {
    color: #7f7f7f;
    font-size: 12px; font-size: 0.75rem;
    font-weight: 300;
}

.comments-block ul {
    padding: 0;
    margin: 0;
}

.comments-block ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    list-style-image: none;
}

.comments-block ul li {
    *zoom: 1; clear: both;
    margin-bottom: 15px;
}

.comments-block ul li:before,
.comments-block ul li:after {
    display: block;
    clear: both; content: " ";
}

.comments-block .sep-row .sep-line {
    margin-bottom: 20px;
    margin-top: 10px;
}

.comments-block form {
    position: relative;
}

.comments-block form:before {
    width: 0px; height: 0px;
    display: block;
    position: absolute; top: 15px; left: 64px; 
    content: " ";
    border-style: solid; 
    border-color: transparent #dfdfdf transparent transparent;
    border-width: 8px 12px 8px 0;
}

.comments-block form:after {
    width: 0px; height: 0px;
    display: block; 
    position: absolute; top: 15px; left: 66px;
    content: " ";
    border-style: solid;
    border-color: transparent #ffffff transparent transparent;
    border-width: 8px 12px 8px 0;
}

.comments-block form textarea {
    width: 100%;
    height: 124px;
    padding: 5px;
}

.comments-block form input[type="submit"] {
    padding: 7px 20px; 
    border: none;
    border-radius: 0;
    background-color: #2f2d2c;
    color: #ffffff;
    font-size: 14px; font-size: 0.875rem;
    font-weight: 300;
}

#mailbox:before,
#mailbox:after{
    content: '';
    display: inline-block;
    width: 100%;
}

.ilibox-iframe{
    background: #fff;
}

.ilibox-frame{
    padding: 20px;
}

.ilibox-frame h1{
    font-weight: 300;
}

.ilibox-frame .ilibox-label{
    width: 121px;
}
.ilibox-frame .ilibox-input{
    width: 369px;
}

#video_rating{
    position: relative;
}

.notification {
    position: relative;
    clear: both;
    padding: 17px;
    margin: 0 0 20px;
    text-align: left;
}

.notification p {
    margin: 0;
    padding: 0;
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color:#333333;
    font-size: 14px;
    line-height: 21px;
    vertical-align: baseline;
    padding-left: 20px;
}

.notification ol {
    padding-left: 20px;
}

.notification.success {
    background: #EFFEB9;
    border: 1px solid #C1D779;
}

.notification.error {
    background: #FAD5CF;
    border: 1px solid #E18B7C;
}

.notification.alert {
    background: #FFE9AD;
    border: 1px solid #EAC572;
}

.my_profile h4 {
    background-color: #FAFAFA;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #d3d6dd;
    color: #000000;
    padding: 7px;
    cursor:pointer;
}

#mailbox .navi {
    width:100%;
    float:left;
    padding:0px;
    margin:0px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d3d6dd;
}

#mailbox .cnt:before,
#mailbox .cnt:after {
    display: table;
    content: '';
    clear: both;
}

#mailbox .navi li {
    display:block;
    padding:0px;
    margin:0px;
}

#mailbox .navi li a {
    margin-right: 3px;
    padding: 5px 10px;
    float: left;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

#mailbox .navi li a:hover,
#mailbox .navi li.active a {
    background-color: #E9E9E9;
    color: #000000;
}

#mailbox table {
    width: 100%;
    border-collapse:collapse;
}

#mailbox input[type='submit'],
#mailbox a.delete,
#mailbox a.reply { 
    padding: 10px 15px;
    margin-top: 10px;
    background: #c4292b;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-family: 'Roboto Condensed', Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
}

#mailbox a.reply { 
    color: #c4292b;
    font-family: 'Roboto Condensed', Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
}

#mailbox a.delete, 
#mailbox a.reply{
    padding: 0;
    margin-top: 10px;
    background: transparent;
    color: #c4292b;
}

#mailbox .actions{
    width: 100%;
    clear: both;
    margin-top: 26px;
}

#mailbox .notification{
    clear: both;
    margin-top: 30px;
    width: 100%;
}

#mailbox table a {
    color:#434343;
    text-decoration:underline;
}

#mailbox .row {
    margin-top:20px;
}

#mailbox .compose {
    padding:0px;
    margin:0px;
    list-style-type:none;
}

#mailbox .compose textarea {
    height:240px;
}

#mailbox .compose li {
    width:100%;
    padding: 5px 0 5px 0;
    margin: 5px 0 0 0;
}

#mailbox table td,
#mailbox table th {
    padding:5px 10px; 
    text-align:left;
}

#mailbox table td {
    background-color:#FAFAFA;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #F7F2F7;
}

#mailbox table tr th {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #666666;
}

#mailbox table tr:hover td {
    background-color:#E8F5F5;
}


/* Media queries */

@media(min-width: 990px) and (max-width: 1199px) {
    .wrapper {
        width: 970px;
    }
    .contents-left{
        width: 645px;
    }
    .recommended-column{
        width: 178px;
    }
}

@media(min-width: 768px) and (max-width: 989px) {
    .wrapper {
        width: 750px;
    }
    #topbar{
        text-align: center;
    }
    #topbar #login input.textfield{
        width: 80px;
    }
    #topbar #search input.textfield{    
        width: 100px;
    }
    .header{
        text-align: center;
    }
    .logo  {
        display: inline-block;
        float: none;
    }    
    .header-ad{
        max-width: 100%;
    }
    ul.lavaLampWithImage li{
        width: 16.66%;
    }
    ul.lavaLampWithImage li.hide-small-desk{
        display: none;
    }
    ul.lavaLampWithImage li.toggle-menu{
        display: block;
        position: relative;
    }
    ul.lavaLampWithImage li.toggle-menu ul{
        display: none;
        position: absolute;
        top: 38px;
        left: 0;
        z-index: 10;
        width: 200px;
    }
    ul.lavaLampWithImage li.toggle-menu:hover ul{
        display: block;
    }
    ul.lavaLampWithImage li.toggle-menu:hover ul li{
        border-top: 1px solid #3b3b3b;
        background: rgb(37,37,37); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(37,37,37,1) 0%, rgba(59,59,59,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(37,37,37,1) 0%,rgba(59,59,59,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(37,37,37,1) 0%,rgba(59,59,59,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#3b3b3b',GradientType=0 ); /* IE6-9 */   
    }
    ul.lavaLampWithImage li.toggle-menu:hover ul li:hover{
        background: url(../images/lava.gif) repeat-x;
    }
    ul.lavaLampWithImage li.toggle-menu:hover ul li,
    ul.lavaLampWithImage li.toggle-menu:hover ul li a{
        width: 100%;
        text-align: left;
        line-height: 42px;
    }
    .bannerspot-index{
        width: 100%;
        padding-top: 0;
        height: 282px;
        padding-top: 10px;
    }
    .contents{
        text-align: center;
    }
    .content{
        width: 48%;
    }    
    .contents-left,
    .contents-right{
        width: 100%;
    }
    #player-info-center{
        width: 406px;
    }
    .contents-right{
        text-align: center;
        margin-top: 20px;
    }
    .contents-right .box{
        display: inline-block;
        margin: 0 5px 10px 5px;
    }
    #comments-left  { width: 100%;}
    #comments-right  { width: 100%;}
    .pageform textarea{
        width: 100%;
    }    
    #menubar ul  { 
        background: transparent;
    }
    #menubar{
        background: url('../images/menubar.png') no-repeat center top;    
    }
    .recommended-column{
        width: 168px;
    }
    form input[type="text"],
    form input[type="email"],
    form input[type="password"],
    form select,
    form textarea {
        width: 100%;
    }  
    .photo-item{
        width: 249px;
    }
}

@media(min-width: 480px) and (max-width: 767px) {
    .wrapper {
        width: 460px;
    }
    #topbar{
        text-align: center;
    }
    #topbar #login,
    #topbar #search{
        display: inline-block;
        float: none;
    }
    #topbar #search > div{
        margin: 0;
    }    
    .header{
        text-align: center;
    }
    .logo  {
        display: inline-block;
        float: none;
    }
    .header-ad{
        max-width: 100%;
    }    
    ul.submenu {
        display: none;
    }
    form.topsearch{
        margin: 10px 0 5px;
        display: inline-block;
        float: none;
    }
    ul.lavaLampWithImage li{
        display: none;
    }
    ul.lavaLampWithImage li.menu-opener{
        display: inline-block;
    }
    #subheader-links{
        display: none;
    } 
    #subheader-addthis{
        width: 100%;
        text-align: center;
    }
    .bannerspot-index{
        width: 100%;
        padding-top: 0;
        height: 282px;
        padding-top: 10px;
    }    
    .contents{
        text-align: center;
    } 
    .content{
        width: 48%;
    }
    .contents-thumbs-wrapper{
        padding-right: 0;
    }    
    .contents-thumbs-rightad{
        width: 100%;
        clear: both;
        position: relative;
        text-align: center;
        margin-right: 0;
    }    
    #pagination a:link, 
    #pagination a:visited{
        display: none;
    }
    #pagination a.next:link, #pagination a.next:visited,
    #pagination a.prev:link, #pagination a.prev:visited{
        display: inline-block !important;
    }  
    .contents-thumbs-rightad{
        margin-left: 0;
    }
    .recommended-column{
        width: 196px;
    }
    .contents-left,
    .contents-right{
        width: 100%;
    }
    .player-info-left  { width: 100%; float: left; }
    .player-info-right  { float: left; padding-top: 8px; text-align: left; clear: both;}
    .contents-right{
        text-align: center;
        margin-top: 10px;
    }
    .contents-right{
        text-align: center;
        margin-top: 20px;
    }    
    .contents-right .box{
        display: inline-block;
        margin: 0 5px 10px 5px;
    }
    #comments-left  { width: 100%;}
    #comments-right  { width: 100%;}
    .pageform textarea{
        width: 100%;
    }    
    #player-desc{
        margin-top: 15px;
    }
    #player-info-center{
        width: 240px;
    }
    #player-info-right{
        width: 100%;
        padding: 0;
        border: 0;
    }
    #footer{
        text-align: center;
    }
    #footer-links{
        width: 100%;
        text-align: center;
    }
    #footer .logo-footer{
        display: inline-block;
        margin-top: 24px;
        width: 100%;
        max-width: 357px;
    }  
    /* Additional styles */
    .half-column{
        width: 100%;
    }
    .left-half,
    .right-half{
        padding: 0;
    }  
    .photo-item{
        width: 229px;
    }   
    .title .title-alphabet,
    .title .title-sort{
        width: 100%;
        clear: both;
        line-height: 10px;
        display: block;
    }
    .title .title-alphabet a,
    .title .title-sort a{
        line-height: 22px;
    }
    .title .title-alphabet:before,
    .title .title-alphabet:after,
    .title .title-sort:before,
    .title .title-sort:after{
        content: '';
        display: inline-block;
        width: 100%;
        clear: both;
    } 
    form input[type="text"],
    form input[type="email"],
    form input[type="password"],
    form select,
    form textarea {
        width: 100%;
    }    
}

@media(max-width: 479px) {
    .wrapper {
        width: 300px;
    }
    #topbar{
        text-align: center;
    }
    #topbar #login{
        display: none;
    }
    #topbar #search{
        display: inline-block;
        float: none;
    }
    #topbar #search > div{
        margin: 0;
        width: 100%;
    }  
    #topbar #search input.textfield{
        width: 237px;
    }
    #topbar #search > div ul{
        width: 100%;
        text-align: center;
    }
    #topbar #search > div ul li{
        float: none;
        display: inline-block;
    }
    .header{
        text-align: center;
    }
    .logo  {
        display: inline-block;
        float: none;
    }
    .header-ad{
        max-width: 100%;
    }    
    ul.submenu {
        display: inline-block;
        float: none;
        display: none;
    } 
    form.topsearch{
        margin: 10px 0 5px;
        display: inline-block;
        float: none;
    }
    ul.lavaLampWithImage li{
        display: none;
    }
    ul.lavaLampWithImage li.menu-opener{
        display: inline-block;
    }    
    #subheader-links{
        display: none;
    }    
    #subheader-addthis{
        width: 100%;
        text-align: center;
    }    
    .bannerspot-index{
        width: 100%;
        padding-top: 0;
        height: 282px;
        padding-top: 10px;
    }    
    .content{
        width: 95%;
        margin: 2px 0;
    }   
    .contents-thumbs-wrapper{
        padding-right: 0;
    }    
    .contents-thumbs-rightad{
        width: 100%;
        clear: both;
        position: relative;
        text-align: center;
        margin-right: 0;
    }
    #pagination a:link, 
    #pagination a:visited{
        display: none;
    }
    #pagination a.next:link, #pagination a.next:visited,
    #pagination a.prev:link, #pagination a.prev:visited{
        display: inline-block !important;
    }  
    .recommended-column{
        width: 100%;
        text-align: center;
    }    
    .contents-left,
    .contents-right{
        width: 100%;
    }
    #player-info-center{
        width: 406px;
    }
    .contents-right{
        text-align: center;
        margin-top: 20px;
    }
    .contents-right .box{
        display: inline-block;
        margin: 0 0 10px 0;
    }
    .pageform textarea{
        width: 100%;
    }
    .contents-thumbs-rightad{
        margin-left: 0;
    }
    .player-info-left  { width: 100%; float: left; }
    .player-info-right  { float: left; padding-top: 8px; text-align: left; clear: both;}
    #footer{
        text-align: center;
    }
    #footer-links{
        width: 100%;
        text-align: center;
    }
    #footer .logo-footer{
        display: inline-block;
        margin-top: 10px;
    }
    #footer .logo-footer{
        display: inline-block;
        margin-top: 24px;
        width: 100%;
        max-width: 357px;
    }       
    /* Additional styles */
    .half-column{
        width: 100%;
    }
    .left-half,
    .right-half{
        padding: 0;
    }
    .photo-item{
        width: 100%;
    }         
    .photo-item a{
        padding: 5px 0;
    }    
    .title .title-alphabet,
    .title .title-sort{
        width: 100%;
        clear: both;
        line-height: 10px;
        display: block;
    }
    .title .title-alphabet:before,
    .title .title-alphabet:after,
    .title .title-sort:before,
    .title .title-sort:after{
        content: '';
        display: inline-block;
        width: 100%;
        clear: both;
    } 
    .title .title-alphabet a,
    .title .title-sort a{
        line-height: 22px;
    }    
    form input[type="text"],
    form input[type="email"],
    form input[type="password"],
    form select,
    form textarea {
        width: 100%;
    }
}