@charset "utf-8";
/* CSS Document */

/* "members" and "preview" control what is displayed depending on which section the html file
   is located in.  This means this portion of the CSS will be different as "members" items
   are set to off when in the preview section, and so forth and vice versa for "preview" */
   
.members
{
	display: none;
}

.preview
{
	display: inline;
}

body
{
	background-color: #000;
	background-image: url(../graphics/new_main/bg_fade_stripe.png);
	background-position: center;
	background-repeat: repeat-y;
	margin: 0;
	
}

.clearleft
{
	clear: left; /* mini container for the movie thumbs so they will clear the title headings */
}

.pushdown /* pushes down the section to contain any floating objects */
{
	clear: both;
}

.header /* the header graphic */
{
	background-image: url(../graphics/new_main/header.png);
	background-repeat: no-repeat;
	width: 798px;
	height: 103px;
	margin: 10px auto 0 auto;
	padding: 0 22px 0 32px;
}

.menuoption /* container for the menu options in the header */
{
	float: right; /* to align it to the right */
	width: auto;
	height: auto;
	text-align: center;
	font-family: verdana;
	font-size: 9px;
	color: #EDA817;
	margin: 20px 5px 0 0; /* they float over the header so it has to be set lower away from the shadow */
}

.menuoption img /* the graphic for the menu option */
{
	margin: 0 auto 0 auto;
	border: 2px solid #000;
	clear: both;
}

.menuoption a:hover img {border: 2px solid #EDA817;}

.container  /* the main content in the middle */
{
	width: 788px;
	padding: 15px 32px 15px 32px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	background-image: url(../graphics/new_main/container_back.png);
	background-repeat:repeat-y;
}

.topstatsheadings /* controls the stats heading at the top of the main page.  */
{
	padding: 0;
	margin: 0 0 0 0;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	color: #C60;
	list-style-type: none;
}

.topstatsnumbers /* the actual stats numbers */
{
	padding: 0;
	margin: 0 0 15px 0;
	font-family: arial;
	font-size: 100px;
	list-style-type: none;
	color: #999;
}

.topstatsheadings li, .topstatsnumbers li
{
	width: 250px;
	float: left;
}

.bigheader /* to be used as section headers such as "list of pornstars" and "list of movies" on individual pages */
{
	font-family: arial;
	font-size: 28px;
	color: #666;
	clear: both;
	margin: 0 0 5px 0;
	padding: 0;
	text-transform: uppercase;
}

h5,h6 /* section headings such as "today's movie" */
{
	float: left;
	padding: 5px 12px 5px 12px;
	font-family: arial;
	font-size: 12px;
	margin: 0px 0 5px 0;
}

h5
{
	background-color:#000;
	font-weight: bold;
	color: #FFF;
}

h6
{
	background-color: #F90;
	color: #000;
}

.moviethumb /* the little screencaps */
{
	background-color: #F5F5F5;
	padding: 5px;
	border: 1px solid #E0E0E0;
	margin: 0 5px 5px 0;
	float: left;
}

.movieinfobox /* contains the box cover, info, etc */
{
	width: 761px;
	background-color: #F5F5F5;
	background-image: url(../graphics/new_main/movieinfobox_back.jpg);
	background-repeat: no-repeat;
	padding: 10px;
	border: 1px solid #E0E0E0;
	margin: 0 0 30px 0;
	float: left;
}

.movieinfobox h3, h4
{
	float: left;
	display: inline;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	margin: 0 0 5px 0;
}

.movieinfobox h3 /* headings for the various aspects of the movie info box */
{
	background-color: #EB9A21;
	padding: 5px 0 5px 10px;
	color: #FFF;
	width: 71px;
	font-weight: bold;
}

.movieinfobox h4
{
	background-color: #777;
	padding: 5px 0 5px 5px;
	color: #F5F5F5;
	width: 141px;
}

.moviecover
{
	background-color: #FFF;
	padding: 10px;
	border: 1px solid #E0E0E0;
	margin: 0 10px 10px 0;
	float: left;
}

.moviedescription /* brief statement about the movie */
{
	background-color: #FFF;
	padding: 10px;
	border: 1px solid #E0E0E0;
	width: 433px;
	font-family: verdana;
	font-size: 12px;
	color: #000;
	float: left;
	margin: 0 0 5px 0;
	
}

.movieinfobox h2 /* header for the actress portion */
{
	background-color: #EB9A21;
	font-family: verdana;
	font-size: 11px;
	padding: 5px 50px 5px 10px;
	margin: 0 290px 5px 0;
	color: #FFF;
	float: left;
}

.actress /* div containing the actress profile pic and name */
{
	float: left;
	width: 87px;
	height: auto;
	margin: 0 5px 5px 0;
	font-size: 10px;
	font-family: verdana;
	color: #333;
	min-height: 113px; /* minimum height set due to difference in name lengths so actress div's in next line will slot beneath and not to the side */
}

.actress img /* profile pic */
{
	background-color: #FFF;
	padding: 5px;
	border: 1px solid #E0E0E0;
}

.actress a:hover img {background-color: #E0E0E0;}

.button /* handles the download and register buttons in the movieinfobox */
{
	float: right;
	margin: 5px 8px 0 0;
	padding: 0;
	border: none;
}

/* site news */
.news
{
	float: left;
	width: auto;
	margin: 10px 0 0 0;
	font-family: arial;
}

.news h1
{
	font-size: 20px;
	color: #464646;
	margin: 0 0 10px 0;
	padding: 0;
}

.news p
{
	font-size: 12px;
	padding: 0;
	margin: 0 0 10px 0;
}

.news img
{
	float: left;
	border: 1px solid #c9c9c9;
	padding: 5px;
	margin: 0 10px 10px 0;
}

/* end of site news */

.footer  /* the base of the page */
{
	width: 818px;
	padding: 0px 17px 0px 17px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	background-image: url(../graphics/new_main/container_back.png); /* reused the shadow background, but smaller padding so a longer div can go inside */
	background-repeat:repeat-y;
}

.footer ul
{
	margin: 0 0 10px 15px;
	padding: 0;
	list-style-type: square;
}

.footer a:link { color: #F2E4B3; text-decoration: none; }
.footer a:visited { color: #F2E4B3; text-decoration: none; }
.footer a:hover { color: #F2E4B3; text-decoration: underline; }

.footer p
{
	margin: 0 0 10px 0;
}

.black /* keeps the footer black */
{
	padding: 15px 15px 15px 15px;
	background-color: #000;
	font-family: arial;
	font-size: 12px;
	color: #EEE;
}

.black h2 
{
	font-size: 26px;
	color: #626262;
	margin: 0 0 5px 0;
}

/* these are the "columns" for information in the footer.  the first set is called "footerlefts" because they will 
have white divising borders on the right. To keep the design consistent, a "footerright" is at the end that contains no white border.
This is done instead of a single "footermiddle" with white borders, to accomodate a change in width of the columns in the future */

.footerlefts 
{
	float: left;
	padding: 0 15px 0 0;
	margin: 0 15px 10px 0;
	border-right: 1px dotted #FFF;
	width: 235px;
}

.footerright
{
	float: left;
}

.stats /* gives the stats numbers a bigger font to stand out */
{
	font-size: 24px;
	color: #F90;
}