/*  JK's Porn Links 3.0 CSS Copyright 2007  */

/* Globals */
body { background-color: #FFF; background-image: url(http://www.jk-porn.com/images/line.gif); background-position:top; background-repeat:repeat-x; padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: small; color: #000; }
a:link { text-decoration: underline; color:#039; }
a:visited { text-decoration: underline; color: #690; }
a:active { color: #690; }
a:hover { text-decoration: none; color:#C00; }
h1 { font-size: 24px; margin: 0px; }
h2 { font-size: 18px; margin: 0px; }
h3 { font-size: 14px; text-align: center; margin: 0px;}
input, textarea, select { font-family: Verdana, Tahoma, Arial, helvetica, sans-serif; font-weight: bold; padding: 2px; font-size: 14px; color: #C00; background-color: #CCC; border: solid 1px #000; }
th {font size: 16px; font-weight: bold; text-align: center; }
/* input, select { text-align: center; } */
/*  ID's  */

#imgPreviewWithStyles {
    background: #292B3B;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 15px;
    z-index: 999;
    border: 1px solid: #000;

}
#imgPreviewWithStyles img {
	border: 1px solid #000;
}
/* Text below image */
#imgPreviewWithStyles span {
    color: #FFF;
    font-weight: bold;
    text-align: center;
    display: block;
    padding: 4px 0 4px 0;
}

#mates { text-align: center; padding: 10px; }
#container { max-width: 980px; margin-left: auto; margin-right: auto; padding: 5px;}
#container h1 {text-align: center;}
#whereami { padding: 6px; background-color:#FFFFFF; }
#header { padding: 10px; margin-bottom: 0px; background-color: #fff; color: #006; border-bottom: 1px solid #000; }
#toptable, #topgaytable { padding: 0px; margin: 0px; background-image: url(http://www.jk-porn.com/images/line.gif); background-repeat: repeat-x; width: 100%; height: 100px; }
#quality { padding: 10px; text-align: center; }
/* #warning, #basic {	padding: 5px;	margin-left: auto;	margin-right: auto;	margin-bottom: 10px; font-size: .9em; background-color:#fff; width: 750px;} */
#intro { margin-left: 20px;	padding: 5px;	font-size: .9em;	text-align: left;}
#porn { padding: 5px;	margin-left: auto;	margin-right: auto;	margin-top: 10px;	margin-bottom: 10px;}
#dropdown { position: relative; top: 15px; padding: 10px; text-align: left; } 
#sidebar, #gaysidebar { padding: 10px; width: 220px; float: left; margin-left: 0px; margin-bottom: 10px; background-color:#F9F9F3; border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;}
#content, #gaycontent { padding: 10px; margin-right: 10px; margin-left: 250px; margin-bottom: 10px; border: 1px solid #690; }
#links2 { padding: 10px; margin-right: 220px; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; border: 1px solid #690; }
#linksidebar, #gaylinksidebar { font-size: 12px; font-weight: bold; padding: 10px; width: 190px; float: right; margin-right: 0px; margin-top: 0px; background-color:#F9F9F3; border-top: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #000; border-right: none; }
#footer { padding: 10px; margin-top: 20px; border-top: 3px dotted #690; font-weight: bold; background-color: #036; color: #fff; text-align: left; clear: both; }
#footerz { font-size: 10px; padding: 2px; margin: 0px; border-top: 1px solid #808080;  border-bottom: 1px solid #808080; font-weight: bold; background-color: #D4D0C8; color: #666; text-align: center; clear: both; }
#footer a:link, #footerz a:link, #footer a:visited, #footerz a:visited, #footer a:active, #footerz a:active { text-decoration: none; color: #333; }
#footer a:hover, #footerz a:hover { text-decoration: none; color: #000; }
#footerz p { margin: 1px; padding: 1px; }
#stories, #links, #more { padding: 10px; margin: 10px; background-color: #fff; border: 1px solid #690; }
#sidebar li, #sidebar ul, #sidebar ul li ul { padding: 0px; margin: 0px; }

.sidebarlinks ul, .sidebarlinks ul li, .sidebarlinks ul li ul, .sidebarlinks ul li ul li, .sidebarlinks li ul li { padding: 0px; margin: 0px; list-style-type:none; }
.sidebarlinks ul li ul li { padding-left: 10px; }

#sidebar li, #sidebar ul li ul, #sidebar ul li ul li { list-style-type:none; }
#links p { font-weight: bold; }
#new { padding: 10px; margin: 10px; font-size: 0.9em; background-color:#fff; border: 1px solid #690; }
#litype1 ul { text-indent: -1em; }
#litype2 li:before { list-style: none; margin-left: 0; padding-left: 1em; content: "\00BB \0020"; }
#enter { font-size: 1.5em; font-weight: bold; text-align: center;}
#enter a { text-transform:uppercase; }
#inline ul, #inline li { display: inline; margin: 0px; padding: 0px; font-weight: bold; }
#inline li:after { content: ", "; }
#inline li.last:after { content: "."; }
#comments { text-align: left; }
#nada, #nada td, #nada table { vertical-align: top; width: 100%; }

/*  Classes  */

a.here { text-decoration: none; color: #000; font-weight: bold; }

.featured { width: 750px; margin: auto; }
.feature {text-align: center; padding: 5px; }

.video { text-align: center; margin: 10px auto; }

.big {font-size: 2em; }
.big2 {font-size: 1.5em; }
.big3 {font-size: 1.3em; }
.sm {font-size: .8em; }
.hot { font-family: Verdana, Arial, Helvetica, sans-serif; color: #00F; }
.recommended { font-family: Verdana, Arial, Helvetica, sans-serif; }
.recommended a { font-size: 1.5em; }
.new { font-family: Verdana, Arial, Helvetica, sans-serif; color: #F00; }
.info { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; color:#000; text-decoration: none; }
.info a { text-decoration: none; }
.report { text-align: right; font-size: .8em; } 
.desc a { text-decoration: none; color: #000; border-bottom: #666666; border-width: 0px 0px 1px 0px; border-style: none none dotted none; }
/* 
.hot { padding: 5px; text-align: center; margin-left: auto; margin-right: auto; border: 2px dotted #CCC; }
.hot a { color: #F00; font-size: 2.5em; font-weight: bold; }
.hot p { text-align: center; }
*/
.newlink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .9em; color: #00F; padding: 1px; border: 1px solid; background-color: #CFF; }
.hotlink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .9em; color: #900; padding: 1px; border: 1px solid; background-color: #F99; }
.reclink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .9em; color: #360; padding: 1px; border: 1px solid; background-color: #9C6; }

.inline ul, .inline li { display: inline; margin: 0px; padding: 0px; font-weight: bold; }
.inline li:after { content: ", "; }
.inline li.last:after { content: "."; }

.heading { color: #FFF; font-size: 2.5em; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align: left; }
.gayheading { color: #000; font-size: 2.5em; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align: left; }
.warning { font-size: 1.5em; color:#F00; font-weight: bold; }
.sponsor { font-size: 3em; color:#F00; font-weight: bold; }
.spns { text-align: center; padding: 5px; font-size: 2.5em; color: #F00; font-weight: bold; }
.spacer { clear: both; }
.sidebarbox { padding: 5px; font-weight: bold; }
.bottom { border-bottom: solid 1px #033; }
.s { font-size: .7em; }
.more { font-size: .9em; }
.b { font-weight: bold; }
.gay { font-weight: bold; color: #C6C; }
.fw { font-weight: bold; color: #90F; }
.sidebarlinks { font-size: .9em; text-align: left; }
.thumbnails {text-align: center; margin: 0; padding: 0; }
.navdropdown { float: right; position: relative; top: 20px;}
.left, .left td, td.left { padding: 2px; }
.right, .right td, td.right { padding: 2px; white-space:nowrap; width: 200px; }
.subcats { padding: 10px; text-align: center; }

#bannerTop { position: relative; right: 15px; }

.jk-content-full {
  background-color: #ececec;
  border: 1px solid #afafaf;
  padding: 4px 8px;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
}

.jk-content-main {
  background-color: #ececec;
  border: 1px solid #afafaf;
  padding: 2px;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
}

.jk-content-main, .jk-content-main h2, .jk-content-main p {margin:0px; }
.jk-content-main h2 {border:0; font-weight: normal; padding: 5px;}
.jk-content-main ul { margin:0 0 0 5px; padding: 0; }
.jk-content-main li { list-style-type:none; }

.jk-content-sidebar {
background:#DDEFFF; 
border:1px solid #4C6DA8;
padding: 2px;
font-weight: bold;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
}

.jk-content-sidebar h1, .jk-content-sidebar h2, .jk-content-sidebar p {margin:0px; }
.jk-content-sidebar h2 {font-size:2em; border:0; padding-top:0.5em;}
.jk-content-sidebar p {padding-bottom:0.5em;}
/* .jk-content-sidebar { background: transparent; width: 200px; } */
.jk-content-sidebar a:link { text-decoration: underline; color:#003; }
.jk-content-sidebar a:visited { text-decoration: underline; color:#033; }
.jk-content-sidebar a:active { color: #000; }
.jk-content-sidebar a:hover { text-decoration: none; color:#000; }
.jk-content-sidebar ul { margin:0; padding:0; }
.jk-content-sidebar li { list-style-type:none; }

#asnazzy, #asnazzy h2, #asnazzy p {margin:0px; }
#asnazzy h2 {border:0; font-weight: normal; padding: 5px;}
#asnazzy { background-color: #ececec; }
#asnazzy ul { margin:0 0 0 5px; padding: 0; }
#asnazzy li { list-style-type:none; }

.atop, .abottom {display:block; background:transparent; font-size:1px;}
.ab1, .ab2, .ab3, .ab4 {display:block; overflow:hidden;}
.ab1, .ab2, .ab3 {height:1px;}
.ab2, .ab3, .ab4 {background:#fff; border-left:1px solid #690; border-right:1px solid #690;}
.ab1 {margin:0 5px; background:#690;}
.ab2 {margin:0 3px; border-width:0 2px;}
.ab3 {margin:0 2px;}
.ab4 {height:2px; margin:0 1px;}
.aboxcontent {display:block; background:#fff; border:0 solid #690; border-width:0 1px; padding: 2px;}
#zsnazzy h1, #zsnazzy h2, #zsnazzy p {margin:0px; }
#zsnazzy h2 {font-size:2em; border:0; padding-top:0.5em;}
#zsnazzy p {padding-bottom:0.5em;}
#zsnazzy { background: transparent; width: 200px; }
#zsnazzy a:link { text-decoration: underline; color:#003; }
#zsnazzy a:visited { text-decoration: underline; color:#033; }
#zsnazzy a:active { color: #000; }
#zsnazzy a:hover { text-decoration: none; color:#000; }
.ztop, .zbottom {display:block; background:transparent; font-size:1px;}
.zb1, .zb2, .zb3, .zb4 {display:block; overflow:hidden;}
.zb1, .zb2, .zb3 {height:1px;}
.zb2, .zb3, .zb4 {background:#DDEFFF; border-left:1px solid #08c; border-right:1px solid #08c;}
.zb1 {margin:0 5px; background:#08c;}
.zb2 {margin:0 3px; border-width:0 2px;}
.zb3 {margin:0 2px;}
.zb4 {height:2px; margin:0 1px;}
.zboxcontent { overflow: hidden; background:#DDEFFF; border:0 solid #08c; border-width:0 1px; padding: 1px;}
form, select, optgroup, option {text-align: left; margin: 0px; }
.pay { font-size: 1em; font-weight: bold; }
ul.pay a, .pay a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.5em; font-weight: bold; }
ul.pay .desc a, .pay .desc a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.pagination { padding: 5px; }
.pagination a { font-weight: bold; padding: 2px 4px; border: 1px solid #690; }