@charset "UTF-8";
/* 	CSS Document 
	by Periscope Media LLC.
	http://periscopemedia.net
*/

*					{ margin: 0; padding: 0; }
body				{ color: white; font: 14px Verdana, serif; background: #000 url(../images/bg1.jpg) fixed no-repeat; }
a					{ text-decoration: none;}
a img				{ border: 0;}

#page-wrap			{ width: 979px; margin: 0 auto;}
#header				{ width: 979px; height: 505px; background: url(../images/dana-hamm-topbg1.jpg) no-repeat;}
#header-top			{ width: 970px; padding-top: 150px;}
#join-box			{ width: 315px; float: right; padding-right: 25px;}
#header-intro		{ width: 909px; padding: 0px 35px 0px 35px; text-align: justify; line-height: 20px;}

#nav				{ width: 979px; height: 43px; background: #cc6600 url(../images/nav-bar-home.jpg) no-repeat;}
ul#nav				{ width: 530px; padding-left: 200px; text-align: middle; padding-top: 9px; font-size: 14px; letter-spacing: 2px; }
ul#nav li 			{ display: inline;}
ul#nav li a 		{ display: block; height: 43px; color: white; float: left;}
ul#nav li.home a	{ width: 70px;}
ul#nav li.photos a	{ width: 90px;}
ul#nav li.videos a  { width: 90px;}
ul#nav li.girlfriends a { width: 150px;}
ul#nav li.bio a 	{ width: 60px;}
ul#nav li.store a 	{ width: 70px;}

ul#nav li a:hover 	{ color: #a1c5f2;}
#members			{ width: 180px; height: 36px; padding-top: 7px; font-size: 16px; letter-spacing: 2px; float: right; font-weight: bold; }
#members a			{ color: #532530;}
#members a:hover	{ color: #cc6600;}


/*
TYPOGRAPHY
*/
h1					{ color: white; font-weight: normal; font-size: 19px; padding-top: 25px; padding-bottom: 20px;}
h2					{ color: white; padding-top: 15px; padding-bottom: 20px; font-size: 30px;}
h3					{ padding: 10px 0px 30px 0; font-size: 14px; font-weight: normal}
h4					{ padding: 30px 0px 30px 35px; font: 50px Arial Black;}

#main-content		{ width: 979px; background: #4c222b url(../images/main-bg.jpg) repeat;}
#update-count		{ color: #f6d889; font-size: 16px; text-align: right; width: 369px; height: 356px; background: url(../images/dana-holding-laptop.jpg) no-repeat;}
.teaser 			{ float:right; width:570px; padding: 4px 10px 0px 0px;}
#fadeshow1			{ float:right; width:580px; }


#first-banner		{ width: 979px; height: 270px; background: rgba(35,16,20,0.6);}
#four-images		{ width: 740px;}
#four-images img	{ padding: 22px 0px 0px 25px;}
#first-banner-join	{ padding: 22px 20px 0 0; font-size: 13px; letter-spacing: 0.05em; width: 200px; line-height: 18px; float: right;}
#bottom-boxes		{ width: 979px; height: 387px;}
#magazines			{ width: 340px; height: 387px; background: url(../images/magazines.png) no-repeat; float: left;}
#chat				{ width: 247px; height: 387px; background: url(../images/chat.png) no-repeat; float: left;}
#close-ups			{ width: 368px; height: 387px; background: url(../images/close-ups.png) no-repeat; float: left;}
#close-ups-text 	{ padding: 280px 40px 0px 40px; font-size: 14px; letter-spacing: 0.05em;}
#phone-chat			{ width: 979; padding: 0px 30px 20px 30px}

#footer				{ width: 679px; text-align:  center; font-size: 10px; line-height: 20px; padding: 20px 150px 50px 150px;}
#footer a			{ color: white;}
#footer a:hover		{ color: #cc6600;}

/*
PHOTO PAGE
*/

#header-photo					{ width: 979px; height: 496px; background: url(../images/dana-hamm-top-photos.jpg) no-repeat;}
#join-photo						{ width: 315px; padding: 170px 0px 80px 50px; }
#photo-intro					{ width: 909px; padding: 0px 35px 0px 35px; text-align: justify; line-height: 22px;}
#nav-photos						{ width: 979px; height: 43px; background: #cc6600 url(../images/nav-bar-photos.jpg) no-repeat;}
ul#nav-photos					{ width: 530px; padding-left: 210px; text-align: middle; padding-top: 9px; font-size: 14px; letter-spacing: 2px; }
ul#nav-photos li 				{ display: inline;}
ul#nav-photos li a 				{ display: block; height: 43px; color: white; float: left;}
ul#nav-photos li.home a			{ width: 70px;}
ul#nav-photos li.photos a		{ width: 90px;}
ul#nav-photos li.videos a  		{ width: 90px;}
ul#nav-photos li.girlfriends a	{ width: 150px;}
ul#nav-photos li.bio a		 	{ width: 60px;}
ul#nav-photos li.store a		{ width: 70px;}

ul#nav-photos li a:hover 		{ color: #a1c5f2;}

#photo-cutout					{ width: 294px; height: 531px; background: url(../images/dana-photos.jpg) no-repeat;}
#photo-updates					{ float: right; width: 640px; height: 375px;}
#sample-images					{ width: 979px; height: 320px}
#sample-images img				{ padding: 30px 0 20px 50px}
#sample-images-text				{ width: 979px; height: 100px; font: 50px Arial Black; text-align: center;}
#sample-images-text	a:hover		{ color: #a1c5f2;}
#sample-images-text	a			{ color: white; }

/*
VIDEO PAGE
*/

#header-video					{ width: 979px; height: 510px; background: url(../images/dana-hamm-top-videos.jpg) no-repeat;}
#video-intro					{ width: 909px; padding: 400px 35px 0px 35px; text-align: justify; line-height: 22px;}
#nav-videos						{ width: 979px; height: 43px; background: #cc6600 url(../images/nav-bar-bg.jpg) no-repeat;}
ul#nav-videos					{ width: 530px; padding-left: 210px; text-align: middle; padding-top: 9px; font-size: 14px; letter-spacing: 2px; }
ul#nav-videos li 				{ display: inline;}
ul#nav-videos li a 				{ display: block; height: 43px; color: white; float: left;}
ul#nav-videos li.home a			{ width: 70px;}
ul#nav-videos li.photos a		{ width: 90px;}
ul#nav-videos li.videos a  		{ width: 90px;}
ul#nav-videos li.girlfriends a 	{ width: 150px;}
ul#nav-videos li.bio a			{ width: 60px;}
ul#nav-videos li.store a		{ width: 70px;}

ul#nav-videos li a:hover 		{ color: #a1c5f2;}

#video-box						{ width: 979px; height: 600px; background: url(../images/video-page/black-back.gif) no-repeat;}
#video-box-text					{ width: 260px; height: 380px; padding: 40px 0px 0px 26px;}
#video-box-text p				{ color: gray; font: 18x; line-height: 21px; padding: 20px; text-align: justify;}
#trailer-box					{ width: 640px; height: 380px; float: right; padding: 30px 30px 0px 0px; }
#screenshots					{ width: 950; padding-left: 18px;}
#screenshots img				{ padding: 20px 0px 0px 9px;}
#video-thums					{ width: 870px; padding: 0px 0px 30px 50px;}
#video-thums img				{ padding: 30px 0px 0px 10px;}

/*
BIO PAGE
*/

#header-bio						{ width: 979px; height: 510px; background: url(../images/dana-hamm-top-bio.jpg) no-repeat;}
#fanmail						{ width: 200px; padding: 300px 20px 0 0; float: right; line-height: 22px;}
#intro-bio						{ width: 400px; padding: 190px 35px 0px 50px; text-align: justify; line-height: 30px;}
#bio							{ width: 680px; margin: 0 auto;}
#bio img						{ padding-right: 20px; float: left;}
#bio p							{ padding: 50px 50px 0px 50px; background: black;}

/*
GIRLFRIENDS PAGE
*/

#header-girlfriends				{ width: 979px; height: 475px; background: url(../images/dana-hamm-top-girlfriends.jpg) no-repeat;}
#intro-girlfriends				{ width: 800px; padding: 370px 35px 0px 35px; text-align: justify; line-height: 22px;}
#sample-girlfriends				{ width: 979px; }
#sample-girlfriends img			{ padding: 30px 0 20px 50px}