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

/* Globals */
body { background-color: #FFFFFF; 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; }
h2 { font-size: 18px; }

input, textarea, select { font-family: Verdana, Tahoma, Arial, helvetica, sans-serif; font-weight: bold; padding: 2px; font-size: 10px; color: #C00; background-color: #CCC; border: inset 2px #000; }

/*  ID's  */
#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; }

#warning, #basic {
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: .9em;
	background-color:#fff;
	border: 1px solid #690;
	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: 15x; padding: 10px; } 


#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-weight: bold; padding: 10px; width: 190px; float: right; margin-right: 0px; margin-top: 10px; 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; }
#footer a:link { color: #F60; }
#footer a:visited { color: #F60; }
#footer a:active { color: #F60; }
#footer a:hover { text-decoration: none; color: #FF0; }
#stories, #links, #more { padding: 10px; margin: 10px; background-color: #fff; border: 1px solid #690; }

#sidebar li, #sidebar ul { padding: 0px; margin: 0px; }

#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: 0; padding: 0; font-weight: bold; }
#inline li:after { content: ", "; }
#inline li.last:after { content: "."; }
#comments { text-align: left; }

/*  Classes  */

.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; color: #900; }
.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:link { text-decoration: none; color: #333333; font-style: italic; }
.desc a:visited { text-decoration: none; color: #333333; font-style: italic; }
.desc a:hover { { text-decoration: underline; color: #333333; font-style: italic; }
/* 
.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: 0; padding: 0; 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; }
.sidebarlinks { font-size: .8em; }
.thumbnails {text-align: center; }

.spacer { clear: both; }
.sidebarbox { padding: 5px; font-weight: bold; }
.bottom { border-bottom: solid 1px #033; }
.s { font-size: .7em; }

.pay { font-size: .9em; font-weight: bold; }

ul.pay { list-style-type: circle; }

.pay li { padding: 2px; }
.free { font-size: .9em; }
ul.free { list-style-type: circle; }
.free li { padding: 2px; }
.gallery { font-size: .8em; }
ul.gallery { list-style-type: circle; }
.gallery li { padding: 1px; }
ul.aen { list-style-type: circle; }

.aen { font-size: .8em; }
.related { font-size: .8em; }
.more { font-size: .9em; }
.b { font-weight: bold; }
.gay { font-weight: bold; color: #C6C; }
.fw { font-weight: bold; color: #90F; }

#mates { text-align: center; padding: 10px; }