/*
Theme Name: My Porn
Description: The WP Theme for Porn Bookmark site
Version: 2.0
*/

body {
background-color: #3B3F42;
color : #FFFFFF;
font-family : 'Open Sans', sans-serif;
}

.header {
max-width : 955px;
min-width : 955px;
margin-left : auto;
margin-right : auto;
}

.header_container {
width : 100%;
z-index : 99999;
position : fixed;
background-color: #c02828;
box-shadow : 0 1px #505050;
height : 160px;
}
@media only screen and (max-width: 425px) {
	.header_container {
		height: 120px !important;
	}
}
.bookmark {
width:395px;
position:absolute;
top:0;
padding:3px;
border-radius:0 0 5px 5px;
overflow:hidden;
max-height:29px;
}

.bookmark a {
color : white;
}

.logo {
float : left;
padding-top : 54px;
}

.about {
 color: #fff;
 float: right;
 font-size: 14px;
 line-height: 21px;
 padding-top: 17px;
 width:570px;
}

.about b {
color: #fff;
font-weight: bold;
}


.siteinfo {
font-size : 13px;
display:none;
}

.siteinfo .leftcolumn {
float : left;
width : 200px;
margin-right : 14px;
}

.siteinfo .leftcolumn img {
width : 200px;
height : 108px;
border-radius : 4px;
border : #6C6B6B solid 1px;
background : #505050;
padding : 1px;
}
.siteinfo .rightcolumn {
float : left;
width : 320px;
height : 110px;
position : relative;
}
.siteinfo .rightcolumn .desc {
margin-bottom : 20px;
font-style : italic;
border-bottom : 1px dashed #5F5F5F;
padding-bottom : 2px;
}
.siteinfo .rightcolumn .ads{
text-transform : uppercase;
font-size : 11px;
bottom : 2px;
position: absolute;
}
.siteinfo .rightcolumn .ads span {
text-transform : none;
}
.siteinfo .rightcolumn .date {
font-size : 11px;
bottom : 2px;
position: absolute;
right: 0;
}

#best-porn-networks h2 { background-color: #c02828; font-size : 14px; color:white;}

h2 {
border-top-left-radius : 3px;
border-top-right-radius : 3px;
font-size : 14px;
font-weight : bold;
height : 30px;
margin-top : 25px;
text-align : center;
line-height : 25px;
font-family : 'Open Sans', sans-serif;
background-color : #56B9D0;
}

.icon {
top : 4px;
width : 16px;
height : 16px;
margin-right : 5px;
position : relative;
display : inline-block;
}

:target {
background : url('images/staricon.png') 98% 15% no-repeat #F7462F !important ;
}

.container {
padding: 30px 0 0 0;
min-width : 955px;
max-width : 955px;
}

.container .item_wrap {
background : none 0 0 repeat scroll #FFFFFF;
border-radius : 3px 3px 3px 3px;
margin-bottom : 10px;
}

.container .item_wrap .item_title {
background : none 0 0 repeat scroll #000;
border-top-left-radius : 3px;
border-top-right-radius : 3px;
font-size : 14px;
font-weight : bold;
height : 30px;
margin-top : 4px;
text-align : center;
line-height : 25px;
}

.container .item_wrap .item_title a {
color : #FFFFFF;
text-decoration : none;
}

.container .item_wrap .item_title a:hover {
text-decoration : underline;
}

.container .item_wrap .item_group {
overflow : auto;
}
.container .item_wrap .item_group ul {
list-style-position : inside;
list-style-type : none;
margin-bottom : 0;
padding : 0;
padding-left : 5px;
}
.container .item_wrap .item_group li {
font-size : 12px;
position : relative;
}
.container .item_wrap .item_group li a {
color : #000;
border-bottom : 1px dashed #fff;
}
.container .item_wrap .item_group li a:hover {
text-decoration : underline !important ;
text-decoration : none;
color : #555;
}

.site-teaser {
display : none;
}

.item_wrap li:hover .site-teaser {
display : block;
background : white;
color : #F7462F;
padding-right : 2px !important ;
font-size : 9px !important ;
text-transform : uppercase;
width : 65px !important ;
height : 120px !important ;
text-align : center;
text-shadow : 1px 1px #fff;
}

.container .item_wrap .item_group img.favicon {
height : 16px;
margin-right : 5px;
position : relative;
top : -2px;
width : 16px;
}
.container .item_wrap .item_group li div.tag {
top : 2px;
right : 0;
color : #FFFFFF;
display : block;
position : absolute;
}
.container .item_wrap .item_group li div.tag span {
font-size : 11px;
padding : 1px 2px 1px 2px;
}

.container ol {
color : #999999;
margin-left : -15px;
font-size : 15px;
}

.container ol li span {
font-size : 15px;
max-height : 1px;
}

.container ol li {
font-size : 15px;
}

.markfav {
border-bottom : 1px dashed #ccc;
color : #000000;
font-size : 10px;
height : 22px;
text-align : center;
}

.markfav a {
color : white;
}

.item_wrap:hover .markfav a {
font-size : 10px;
padding-left : 5px;
color : #5F5F5F;
text-align : center;
line-height : 20px;
text-transform : capitalize;
}

.off {
background : url(images/closed.png) 96% center no-repeat #999 !important ;
opacity : 0.5;
}

.cat-4 h2, .cat-5 h2 {
background : url(images/premiumicon.png) 3px 40% no-repeat;
}


.footer {
bottom : 0;
box-shadow : 0 -1px #BBBBBB;
color : #fff;
font-size : 13px;
height : 200px;
margin-top : 10px;
padding : 10px 0;
position : relative;
text-align : center;
width : 100%;
text-shadow : 1px 1px #000;
background-color:#000;
}

.footer a{
color: #56B9D0;
font-size: 15px;
font-weight: bold;
text-decoration: none;
}

.footer a.toplink{
color: #FFFFFF;
font-size: 15px;
font-weight: bold;
text-decoration: underline;
}

p.topp{
color: #FFFFFF;
font-size: 15px;
font-weight: bold;
text-decoration: none;
text-align:center;
}

.fb-like {
text-align : center !important ;
max-width : 230px;
overflow : hidden;
}



@media only screen{.container{min-width:767px;padding-top:150px}}@media only screen and (max-width:767px){body{overflow-x:hidden;width:100%}.logo{margin:0 auto}.about{display:none}.container{min-width:0;width:70%;min-width:275px}.container ol li span{font-size:17px;line-height:33px}.item_group{max-height:355px;overflow-x:hidden !important}.footer{min-height:200px}#category_26,#category_27{display:none}}@media (min-width:768px) and (max-width:990px){h2{font-size:11px}.about{font-size:12px;width:400px;float:left}.logo{margin-right:120px}.container ol li{font-size:12px}.leftcolumn img{display:none}.container ol li span{font-size:12px}}@media only screen and (max-width:767px){.header_container .header{max-width:100%;min-width:unset !important}.header_container .logo{float:none;margin:0 auto;text-align:center;padding-top:0px}.header_container .bookmark{display:none}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{min-height:1px;padding-left:0px;padding-right:7px}}

@media only screen and (max-width: 767px) {
 .header_container .header .logo {
		position: absolute;
		text-align: center;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);    
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
}