#fogall { z-index: 10; }

/* Reset CSS and general stuff */
*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,li,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font:100% serif}table{border-collapse:collapse}caption,th,td{text-align:left}

.clear { 
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
}

a span { 
	left: -10000px;
	position: absolute;
}

a:hover {
	color: #e80101;
}
 
a.btn-more {
	background: #fff url(btn-more.gif) top left no-repeat;
	display: block;
	float: right;
	height: 15px;
	margin: 0 0 10px 0;
	position: relative;
	width: 65px;
}

a.btn-more:hover {
	background-position: bottom;
}
 
/* Design CSS */
body {
	background: #910707 url(bg-general.jpg) center 34px repeat-y;
	color: #000;
	font: 12px/1.6 Arial, Helvetica, sans-serif;
}


#container { 
	background: #fff;
	display: block;
	margin: 0 auto;
	padding: 0 0px 4px 0px;
	position: relative;
	width: 980px;
}


	#header-template {
		background: url(header-template.jpg) top center no-repeat;
		display: block;
		height: 436px;
		margin: 0 auto;
		min-width: 980px;
		position: relative;
		width: 100%;	
	}

	#header {
		background: url(header.jpg) top center no-repeat;
		display: block;
		height: 439px;
		margin: 0 auto;
		min-width: 980px;
		position: relative;
		width: 100%;
	}

	#header div { position: relative; width: 980px; margin: 0 auto; padding: 390px 0 0;}

		#header .panel {
			color: #fff;
			font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
			position: absolute;
			right: 150px;
			text-transform: lowercase;
			top: 1px;
		}
		
			#header .panel a {
				color: #fff;
				text-decoration: none;
			}
			
			#header .panel a:hover {
				font-weight: bold;
			}
				

		#header a#home {
			display: block;
			height: 390px;
			position: absolute;
			width: 100%;
			top: 0;
		}

		#header a#trailer {
			display: block;
			height: 90px;
			position: absolute;
			left: 180px;
			top: 260px;
			width: 275px;
		}
	
		ul#menu {
			background: url(bg-menu.gif) top left repeat-x;
			font: bold 15px/35px Verdana, Arial, Helvetica, sans-serif;
			height: 42px;
			padding: 0;
			position: relative;
			margin: 0 auto; 
			width: 980px;
			border: 0;
		}
		
				
			ul#menu #mnu-home { width: 89px; padding-left: 80px; }
			ul#menu #mnu-movies { width: 80px; }
			ul#menu #mnu-pictures { width: 85px; }
			ul#menu #mnu-about { width: 105px; }
			ul#menu #mnu-store { width: 70px; }
			ul#menu #mnu-bonus { width: 78px; }
			ul#menu #mnu-links { width: 82px; }
			ul#menu #mnu-join { width: 120px; }
			ul#menu #mnu-dropdown { width: 100px; }
			
			#actors_form { position: relative; top: -2px; width: 170px; margin: 0px 0 0 10px; }
			#actors_form select { border: 1px solid #444; width: 170px; font: 11px Arial, Helvetica, sans-serif; }
			* html #actors_form { margin-top: 8px; }
			
			
			ul#menu li {
				float: left;		
			}
			
				ul#menu li a { 
					background: url(bg-menuitem.gif) right top no-repeat;
					color: #000;
					display: block;
					height: 35px;
					text-align: center;
					text-decoration: none;
					width: 100%;
				}
				
				* html ul#menu li a { color: #fff; }
				
				ul#menu li a strong { position: relative; top: -36px; color: #fff; display: block; }
				
				* html ul#menu li a strong { display: none; } 
								
				ul#menu li a:hover { 
					color: #e80101;
				}				

				ul#menu .join {
					font-size: 24px;
					text-transform: uppercase;
					background: none;
					text-align: center;
				}
				


	a#mnu-blog {
		background: url(btn-blog.png) top left no-repeat;
		behavior: url(/skins/default/scripts/iepngfix.htc);
		height: 103px;
		left: 0px;
		position: absolute;
		top: 377px; 
		width: 105px;	
		z-index: 5;					
	}
	
					

	#content {
	
	}
	
	#content-template {
		margin: 20px 0;
		text-align: center;		
	}

		h1 { 
			background: url(bg-h1.jpg) left bottom no-repeat;
			color: #000;
			display: block;
			font: bold 18px Arial, Helvetica, sans-serif;
			margin: 12px 0 10px 0;
			padding: 0 0 5px 0px;
		}
				
		h2 {
			border-bottom: 1px dotted #910707;
			display: block;
			font: bold 18px Arial, Helvetica, sans-serif;
			margin: 12px 0 8px 0;
			padding: 0 0 5px 0;		
		}

			
		#home-about {
			display: inline;
			float: left;
			padding: 0 0 10px 30px;
			width: 558px;
		}
		
			#home-about h1 {
				background: url(bg-h1-homeabout.jpg) left bottom no-repeat;
				float: left;
				display: inline;
				margin: 0px 0 8px 10px;
				width: 300px;
			}
		
			#home-about img {
				background: #fff;
				border: 1px solid #000;
				display: inline;
				float: left;
				margin: 0 0 0 10px; 
				padding: 1px;
			}
			
			#home-about p {
				float: left;
				margin: 0 10px 12px 10px;
				text-align: justify;
				width: 320px;
			}

			p.breadcrumbs {
				float: none;
				font: bold 10px Verdana, Arial, Helvetica, sans-serif;
				margin: 0 0 35px 0;
				padding: 0 0 0 125px;
			}
		
			#home-about p.breadcrumbs {
				position: relative;
				float: none;
				font: bold 10px Verdana, Arial, Helvetica, sans-serif;
				margin: 0;
				padding: 0 0 0 85px;
				top: -7px;
			}		
		
				p.breadcrumbs a { 
					color: #918b7f;
					font: bolder 10px Verdana, Arial, Helvetica, sans-serif;
					text-decoration: none;
				}
							
							
			
			
			* html #home-about p {
				width: 310px; 
			}
			
					
		div.separator {
			background: url(bg-separator.gif) top left repeat-x;
			clear: both;
			height: 27px;
			width: 100%;
		}				
		
		#home-sidebar {
			background: url(bg-sidebar.jpg) left 153px no-repeat;
			display: inline;
			float: left;
			height: 332px;
			width: 352px;
		}
		
		
			#home-sidebar a {
				background: url(btn-join.gif) top left no-repeat;
				display: block;
				height: 302px;
				width: 100%;
			}		
		
	.section {
		padding: 0 0 10px;
		width: 960px;
		margin: 0 auto;
	}

	.bg { 

	}
			
	.section-about {
		line-height: 18px;		
	}
	
	.section-about p {
		text-align: justify;
		margin-bottom: 16px;
	}
	
	.section p.about {
		margin: 0 auto;
		padding: 5px;
		width: 790px;
	}
	
	.section .col {
		background: #e7e6e3ok ;
	}
	
		.space { margin: 25px 0 0 0; }

	
		.section div.column-left {
			float: left;
			height: 220px;
			margin: 0 15px 0 0px;
			width: 200px;
		}
	
		.section div.column {
			float: left;
			margin: 0 10px 10px 10px;
		}
		
			.section div.column h2 { 
				width: 214px;
			}

		.section .flash {
			padding: 5px;
		}

		.section .photoset {
			font-weight: bold;
			margin: 105px 0 0 0;
		}
		
			.section .photoset a {
				display: block;
				text-transform: uppercase;
			}		

		.section div.column-last {
			float: left;
			height: 260px;
			overflow: auto;
			text-align: justify;
			width: 345px;
		}
		

			.section div.column-last p {
				margin: 0 10px 12px 0;
			}

		.section p {
			padding: 2px 0;
		}
	
		.section a { 
			color: #000;
		}

		.section a:hover { 
			color: #e80101;
		}
	
		.section .update-box {
			background: #000;
			display: inline;
			float: left;
			margin: 14px 17px 14px 17px;
			padding: 1px;
			width: 203px;
		}
		
		.section .first {
			clear: both;

		}
				
		
			.section .update-box img {
				border: 1px solid #fff;
				margin: 0 0 0 0;
			}
			
			.section .update-box p {
				background: #141414 url(bg-thumb-info.gif) top left repeat-x;
				border: 1px solid #fff;
				color: #fff;
				font-size: 11px;
				font-weight: bold;
				min-height: 70px;
				line-height: 15px;
				margin: 0;
				padding: 6px 12px 6px 12px;
				width: 177px;
			}
			
			* html .section .update-box p {
				height: 70px;
			}
			
				.section .update-box a {
					display: block;
					height: 147px;
					margin: 0;
					padding:0;
				}
			
				.section .update-box p a {
					color: #fff;
					display: block;
					height: 18px;
					font-weight: normal;
				}			
		
				.section .update-box p a:hover {
					color: #e80101;
				}
				
				.section img.thumb {
					background: #fff;
					border: 1px solid #000;
					display: inline;
					float: left;
					margin: 5px 0 5px 10px;
					padding: 1px;
				}
				
				.section img.picture {
					background: #fff;
					border: 1px solid #000;	
					margin: 5px 0 20px 0;
					padding: 1px;								
				}
				
				.section h2.title-pic {
					height: 40px;
				}
				
				.section .thumbfirst{
					clear: both;
					margin: 5px 0 5px 0!important;
				}



/* NAVBAR */
ul.navbar { position: relative; width: 800px; height: 23px; margin: 10px 40px 20px 0; list-style-type: none; }
	ul.navbar li { position: relative; float: left; width: 21px; height: 21px; display: block; margin: 0 1px 0 0; }
	ul.navbar li a { display: block; width: 21px; height: 21px; }
	ul.navbar li.previous { background: url(btn-nav-left.gif) top left no-repeat; height: 23px; width: 21px; }
	ul.navbar li.next { background: url(btn-nav-right.gif) top left no-repeat; height: 23px; width: 21px; }
	ul.navbar li.page { border: 1px solid #868686; background: #868686; text-align: center; line-height: 21px; font-weight: bold; color: #fff; }
		ul.navbar li.page a {  background: #fff; text-decoration: none; font-weight: bold; color: #868686; }
		ul.navbar li.page a:hover { background-color: #626262; color: #fff; }
	ul.navbar span { display: none; }


	.access {
		background: url(bg-access.jpg) top left no-repeat;
		height: 175px;
		margin: 20px 0 0;
		width: 975px;
	}
		
		.access a {
			display: block;
			float: left;
			height: 60px;
			margin: 90px 0 0 15px;
			width: 116px;
		}
		
		.access .first {
			margin: 90px 0 0 162px;
		}
		
	#footer {
		clear: both;
		padding: 10px;
	}
	
		#footer a {
			color: #910707;
		}

		#footer p {
			font-size: 11px;
			text-align: center;
		}

		#footer ul {
			margin: 10px 0;
			position: relative; 
			text-align: center;
			width: 100%;
		}
		
		#footer ul li { 
			display: inline;
			font-size: 10px;
		}
	
		#footer ul a {
			color: #910707;
			text-decoration: none;
		}
		
		#footer ul a:hover {
			text-decoration: underline;		
		}
			#footer ul.menufooter li { 
				display: inline;
				font-size: 12px;
				margin: 0 12px;
			}
				
			#footer ul.menufooter .join {
				color: #e80101;
				text-transform: uppercase;
			}	
			
				#footer ul.menufooter li a {
					color: #910707;
					font-weight: bold;
					text-decoration: none;
				}
				
				#footer ul.menufooter li a:hover {
					text-decoration: underline;
				}
						


/*********** bonus ****************/
		
		h3 {
			background: url(bg-bonustitle.gif) top left repeat-x;
			display: block;
			height: 52px;
			width: 100%;
		}

			h3 a {
				background-position: top left;
				background-repeat: no-repeat;
				display: block;
				height: 39px;
				margin: 0 0 0 15px;
				width: 400px;
			}		

			h3 a#tommydxxx { background-image: url(tit-tommyd.gif); }
			h3 a#nextdoormale { background-image: url(tit-nextdoormale.gif); }
			h3 a#nextdoorhookups { background-image: url(tit-nextdoorhookups.gif); }
			h3 a#nextdoorbuddies { background-image: url(tit-nextdoorbuddies.gif); }
			h3 a#strokethatdick { background-image: url(tit-strokethatdick.gif); }		
			h3 a#codycummings { background-image: url(tit-codycummings.gif); }

	
	.bonus {
		position: relative; 
		background: #fdfdfd;
		color: #4b4b4b;
		font: 11px Arial, Helvetica, sans-serif;
		margin: 15px auto 0 auto;
		padding: 0;
	}
	
	.bonus p {		
		line-height: 18px;
		margin: 20px 0;
		width: 400px;
	}
	
		.bonus a.bonuslinkimage {
			border: 1px solid #899093;
			float: left;
			margin: 0 0 20px 10px;
		}

		.bonus a.bonuslinktext {
			background-position: top left;
			background-repeat: no-repeat;
			display: block;
			height: 8px;
			width: 220px;
		}
			
			.bonus #link-tommyd { background-image: url(tit-tommyd-link.gif); }
			.bonus #link-nextdoormale { background-image: url(tit-nextdoormale-link.gif); }
			.bonus #link-nextdoorhookups { background-image: url(tit-nextdoorhookups-link.gif); }
			.bonus #link-nextdoorbuddies { background-image: url(tit-nextdoorbuddies-link.gif); }
			.bonus #link-strokethatdick { background-image: url(tit-strokethatdick-link.gif); }
			.bonus #link-codycummings { background-image: url(tit-codycummings-link.gif); }
			
	.links p {
		line-height: 16px;
		margin: 0 0 14px 0;
		width: 600px;
	}			
	
		
	a.watchvideo {
		background: url(btn-watchvideo.gif) top left no-repeat;
		display: block;
		font-size: 14px;
		font-weight: bold;
		height: 53px;
		margin-top: 10px;
		text-align: center;
		text-decoration: none;
		width: 194px;
	}
	
	a.watchvideo:hover { 
		background-position: bottom;
	}	
	
	
/******************* FCF LINKS ********************/	
.fcf-linkbox { position: relative; width: 90%; padding: 10px; margin: 0 auto; }
.fcf-link-left { position: relative; float: left; display: inline; padding: 5px; width: 185px; }
.fcf-link-right { position: relative; float: left; display: inline; padding: 5px; width: 600px;}
.fcf-link-right p { line-height: 16px; margin: 0 0 14px 0; }
.fcf-link-right p a { color: #910707; }	
.fcf-link-right p a:hover { color: #e80101; }		
.fcf-clear { clear: both; height: 0; line-height: 0; font-size: 0; }


.loginbox { width: 450px; margin: 40px 0 40px 350px; }
.loginbox h2 { line-height: auto; padding: 5px; font-size: 24px; margin: 0 0 5px 0; font-weight: bold;  border: none;}
.loginbox p { margin: 5px 0 5px 50px; margin: 0 auto; padding: 0 0 0 45px; }
.loginbox p strong { display: block; }
.loginbox input { font: 11px Verdana, Arial, Helvetica, sans-serif; b }
.loginbox .in-box2 { width: 150px; height: 14px; padding: 2px; border: 1px solid #910707;  color: #910707;  }
.loginbox .loginbutton { background-color: #666; color: #fff; padding: 5px; }