/* CSS Document */

/* //////////////// Standard HTML elements \\\\\\\\\\\\\\\\\\\\\ */
body {/*formats the bodies of pages*/
	padding:0px;
	margin:0px;
	background-color:#000;	}

h1 {/*formats the default, unstyled H1 element*/
	padding:0px;
	margin:15px 0px 10px 0px;
	font:bold 16pt "Trebuchet MS"; 
	color:#F00000;
}

h2 {/*formats the default, unstyled H2 element*/
	padding:0px;
	margin:20px 0px 10px 0px;
	font:bold 14pt "Trebuchet MS";
	color:#F00000;
	color:#444;		
	clear:both;}

h3 {/*formats the default, unstyled H3 element*/
	padding:0px; 
	margin:35px 0px 0px 25px;
	border-top:1px solid #000;
	font:bold 12pt "Trebuchet MS"; 
	color:#444;	
	clear: both;}	

p, ul, li, ol, td {/*sets the default font for various styles; other style
	attributes for the HTML elements are defined below */
	font:10pt Arial, Helvetica, sans-serif; 
	color:#000;}
	
ul, ol {/*formats the left margins of bullet and ordered lists*/
	margin-left:60px;}
		
li {/*formats margins for list items*/
	padding-top: 12px;}
th { /*formats default, unstyled table headers*/
	font:bold 10pt Arial, Helvetica, sans-serif; 
	text-align:left;}

td, tr { /*formats default, unstyled table cells and rows*/
	vertical-align:top;}	
	
a {/*Do not specify an active or visited pseudoclass, which will will 
	interfere with the color of links in the navigational bar */
	color:#FF6633;	
	color:#990033;}

a:hover {/*formats the hover effect of a link*/
	color:#333;	}

form {
	margin:0px;
	padding:0px;}

/* ///////////////////// Page layout styles \\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
	
.outerborder {/* Formats the outer container of the site that houses the 
	header, footer, and main body of pages. Do not put padding on this 
	style. The auto margins are needed to center the content on the page 
	in Firefox and other Mac browsers  */
	width:800px;
	padding:0px; 
	margin:10px 0px; 
	margin-left:auto; 
	margin-right:auto; 
	border:1px solid #FF0000;
	text-align:center; }

#header {/*formats the masthead of every page. Do not put a width on this 
	style because it inherits the width from the outerborder style. 
	Do not put padding or margins on this style. */
	height:100px;
	padding:0px; 
	margin:0px; 
	background-color:#333;	
	text-align:left; }

	
.mastheadPhoto {/*formats the picture in the masthead section of pages */
	float:left;	}
	
.siteName {	/*formats the site name in the masthead section of pages */
	float:left;
	padding:15px 0px 10px 20px;
	font:28pt "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#FFF;
	text-align:left;	}
	
.tagline {/* formats and positions the tagline in the masthead of every page. */
	font:13pt "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#EDEDED;
	text-align:right;	}
	
#navigation {/* formats the navigational bar below the header on all pages. 
	This width is less than 800 to ensure that navigation never buts up 
	against the side of the parent container. If you make this number higher,
	you must decrease the left and right padding of this style so that the 
	width of this div is less than 800. If you opt decrease the padding, you
	must increase the width. Do not put margins on this style.*/ 
	width:780px; 
	padding:5px 10px;
	margin:0px; 
	background-color:#FF0000; 
	color:#FFF;	}	

.fullWidth {/* Formats the main body area for single column pages. 
	Do not put a width on this style because it inherits the width from the 
	outerborder style. */
	margin:0px;
	padding:10px;
	background-color:#FFF; 
	vertical-align:top;
	text-align:left; 	}

.content {/*formats the table containing the body of Grabby web pages
	Do not add margins or padding to this style.*/
	width:800px;
	padding: 0px;
	margin: 0px;
	border: 0px; }
	

.main {/* Formats the main text area for pages that use a sidebar column. 
	If you adjust the width of the main style, you must also adjust the 
	width of the sidebar style to ensure that these 2 widths add up to 
	the width of the outerborder style. 
	Do not add margins to this style */
	width:600px; 
	margin:0px; 
	padding:10px 15px;
	background-color:#FFF; 
	vertical-align:top; text-align:left;	}

.sidebar {/*formats the sidebar column on 2-column pages 
	If you adjust the width of the sidebar style, you must also adjust the 
	width of the main style to make sure that they both add up to the 
	width of the outerborder style. */
	width:160px; 
	margin:0px; 
	padding:10px;
	background-color:#F3F3F3;
	vertical-align:top; 
	text-align:left;	}

#footer {/* Formats the footer section that displays on every page. 
	Do not specify a width for this section because it inherits is width 
	from the outerborder style. */
	clear:both;
	margin:0px;
	padding:0px; 
	border-top:1px solid #FF0000;
	font:10pt Verdana, Arial, Helvetica, sans-serif; 
	text-align:center;	}
	
.sponsorBar {/*Formats the sponsor bar in the footer of every page. 
	Do not specify a width because it is inherited from the 
	outerborder style.*/
	padding:5px 0px;
	background-color:#333;
	font:8pt Arial, Helvetica, sans-serif; 
	color:#EEE;	}
	
.slidingsponsorLogo, .mediaLogo {/*formats the style applied to sponsor logos. 
	You can decrease the left/right padding if the sponsorbar gets 
	crowded as the number of sponsors increases. */
	height:40px;
	display:inline;
	vertical-align:middle;
	padding:15px 15px;
	border:0px; }

.mediaLogo {/*formats the style applied to media logos.  */
	padding:16px 10px; 
	vertical-align:middle;}
	
.slidingCategoryTitle {/*formats the sliding logo category titles (Corporate vs. Media)*/
	/*padding-left:100px;*/
	display:inline;
	font: bold 16pt "Trebuchet MS" Arial, Helvetica, sans-serif; 
	color:#EEE;}	
	
.copyright {/*Formats the copyright statement in the footer on all pages. 
	Do not specify a width for this style because it inherits its width 
	from the outerborder style. */
	padding:5px;
	background-color:#FF0000;
	font:normal 9pt Arial, Helvetica, sans-serif; 
	color:#FFF;}
	

/*///////////////Paragraph Styles \\\\\\\\\\\\\\\\\\\ */

.FrontPageEventInfo {/*formats the event info at the bottom of the homepage */
	padding-top:10px;
	font:bold 11pt "Trebuchet MS", Arial, Helvetica, sans-serif; }

.sidebarHeading { /*formats headings in the sidebar */
	padding-top:20px; 
	margin:0px 0px 0px 0px;
	font:bold 12pt "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#000;}
.eventTitle {/*formats event titles on the events page */
	padding:0px; 
	margin:25px 0px 10px 40px;
	font:bold 12pt "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#000;}
		
.centered {/* Centers text and images on pages */
	text-align:center;
	margin-left: auto;
	margin-right: auto;	}


.indented {/* Formats paragraph text that should be indented (all regular 
	paragraphs. You should not reduce the left margin because that would 
	make it harder for readers to quickly scan pages for informaiton */
	margin:15px 10px 15px 40px; }
	
.photoSidebar {/* formats pictures in the photo sidebars */
	margin:0px 0px 5px 20px;
	text-align:right;}

.buyLink {/*formats the buy now links on nomination pages */
	padding:2px 8px; 
	margin:10px 2px 10px 10px;
	border: none; 
	background-color:#ededed;
	font:8pt Arial, Helvetica, sans-serif; 
	color: #666;
	text-decoration:none;}

.buyLink:hover {/*formats the buy now links on nomination pages */
	padding:2px 8px; 
	margin:10px 2px 10px 10px;
	border: none; 
	background-color:#333;
	font:8pt Arial, Helvetica, sans-serif; 
	color: #fff;
	text-decoration:none;}
	
.jumpline {/* Formats the jumpline used to navigate large pages */
	padding:10px; 
	margin:5px 0px 5px 0px;
	font:9pt Arial, Helvetica, sans-serif; 
	color:#333;
	clear:both;	}	
	
.jumplink {/* formats the links to other parts of the current page */
	padding:0px 10px;
	color:#333; 
	text-decoration:none; }
	
.announcement { /*Use this style to format the homepage's Coming Up column */
	padding:0px; 
	margin:10px 0px 0px 0px;
	font:8pt/8pt Arial, Helvetica, sans-serif; 
	color:#333;}
	
.future { /*Use this style for pages where content is forthcoming, for example 
	nominations and cohosts & trophy studs before announcements are made */
	padding:10px; 
	margin:40px 80px;
	border:1px solid #FF0000;
	font:18pt "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#000;
	text-align:center; }

.highlight {/*Formats text to be highlighted. Should be used sparingly */
	font-weight:bold; 
	color:#FF0000; 	}

.clear {/* forces the next line of text to wrap to the bottom of whatever 
	container the clear style is applied to; useful when using divs 
	with floats */
	clear:both;}

.alignedRight {/*formats an object as right-aligned */
	text-align:right;}
	
.nomineeMastheadImage {/* Formats the image that displays at the top 
	of the yearly nomination pages */
	width:400px; 
	height:100 px; 
	float:left; 
	padding:0px; 
	margin:0px 10px 10px 0px;	}
	
.return2top {/* formats the top of page link for long pages */
	padding:0px 20px;
	font:8pt Arial, Helvetica, sans-serif; 
	color:#999;
	text-decoration:none;
	text-align:right; 	}
	
.button {/* Used to format the primary focus button. There should only be 
	one focal task button per page. */
	padding:4px 8px; 
	margin:0px 2px;
	border:none; 
	background-color:#FF3300;
	font:8pt Arial, Helvetica, sans-serif; 
	color:#FFF;
	text-decoration:none; 	}	
	
.sidebarlink {/*formats link that display in the sidebar */
	color:#FF0000;	}
	
.footerLink {/*formats links that display in the footer*/
	color:#FFF;}
	
.primaryNav { /* Formats the primary navigation bar on every page. */
	padding:2px 10px;
	font:bold 10pt "Trebuchet MS"; 
	color:#FFF;
	text-decoration:none;	}
	
.code {/*formats HTML code that should be treated as text*/
	font:bold 9pt "Courier New", Courier, mono; 
	color:#666;}
	

/* ////////////////// Nominations page styles \\\\\\\\\\\\\\\\ */

.inlineYearSelect {/*formats the year selection area in the award-page navigation bar */
	color:#ff0000;
	font:bold 10pt Arial, Helvetica, sans-serif;
	padding-right:20px;
	display:inline;}
	
.awardName {/*Formats the names of awards on the nomination pages 
	that just lists the awards and winners (without the other nominees 
	in award categories*/
	background-color:#EFEFEF;
	font:bold 10pt "Trebuchet MS"; 
	color:#333;}

.recapArea {/* formats the recap bar on winner pages */
	border: 1px solid red;
	height:100px;
	background-color: #fff;}
	

.movieTitle { /*Formats the names of movies anywhere in the Grabby site*/
	font:italic bold 10pt Arial, Helvetica, sans-serif; 
	color:#B30000;
	color: #D90000;
	color: #800000;
	color: #000;
	color: #800000;}

.person { /*Formats people names anywhere in the Grabby's website */
	font:bold 10pt Arial, Helvetica, sans-serif; 
	color:#660033;	
	color:#4D2600;
	color: #000;
	color: #555;}

.winner, .winner3Column  {/* formats the links to buy nominated videos */
	padding:2px 5px; 
	margin-left:-40px;
	border:1px solid #FF9933;
	font:6pt Arial, Helvetica, sans-serif; 
	color:#FF9933;
	text-decoration:none; }

.winner, .winner3column {/*formats the winner indicator */
	background-color:#FF0000;
	border:1px solid #333;
	color:#FFF;
	padding:1px 5px;	}

.winner3column {
	margin-left:2px;
	font: 6pt Arial, Helvetica, sans-serif;}

.nomination {/*formats the paragraph containing a nomination */
	padding:0px; 
	margin:10px 10px 10px 70px;	}

.specialOffer {/*formats the sidebar badge ad for purchasing nominated movies */
/*	padding:5px 10px; margin:5px;
	width:120px; */
	margin-top:20px;
	border:2px solid #FF0000; 
	background-color:#FFF;
	font:8pt Arial, Helvetica, sans-serif; 
	color:#333; }
	
.awardRow {
	padding:10px 10px 0px 10px;}

.multiColumnNomineeList {/*formats multi-column nominee lists */
	margin-left:40px;
	padding:10px;}

.multiColumnCell {/*formats the table cell containing one column of a multi-column nominee list */
	width:180px;}

.normal {/*makes text look normal when special attributes are applied to table cells */
	font-weight:normal; 
	color:black;}

/* //////////////////// Cohosts page styles \\\\\\\\\\\\\\\\\\ */
.cohostPhoto {/* formats the cohost photos on the hosts & trophystuds page */
	margin:5px;
	border:1px solid #ff0000;}

.hostBio {/*formats the biographical blurbs about people on the hosts page */
	padding:0px; 
	margin:0px;
	font:8pt Arial, Helvetica, sans-serif; 
	text-align:justify; }

.bigyear {/* formats the year in the history table on the cohoss page */
	border-top:1px solid #333;
	font:bold 20pt "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#666; }
	
/* //////////////////// Sponsor page styles \\\\\\\\\\\\\\\\\\ */
.sponsortable, .sponsorLevel {/* Use to define top borders and fonts for 
	the sponsorship table and the various sponsorship columns. 
	Note, the sponsorLevel, platinum, gold, and silver styles have 
	additional, unique style properties defined below. */
	padding:5px;
	border-top:1px solid #333;
	font:10pt Arial, Helvetica, sans-serif;
	text-align:left; }

.sponsorLevel {/*formats the width, left/right borders and tex */
	width:66px;
	border-left:1px solid #333; 
	border-right:1px solid #333;
	font:8.5pt Arial, Helvetica, sans-serif;
	text-align:center;}
	
.platinum {/*Creates a platinum background and is usally stacked with another style*/
	background-color:#fafafa; }

.gold {/*Creates a gold background and is usally stacked with another style */
	background-color:#ffedc2;}

.silver {/*Creates a silver background and is usally stacked with another style*/
	background-color:#cecfd1;}
.bronze {/*Creates a bronze background and is usually stacked with another style*/
	background-color:#b3aa99;}

/* Shared styles */
.issueBar {/*formats the issues bar beneath column titles */
	background-color:#aaa;
	padding: 6px 10px;
	margin: 20px 10px;
	font: italic bold 9pt Arial, Helvetica, sans-serif; 
	color: #fff;}

.pagination {/*formats the pagination bar on multi-page content */
	margin: 15px 0px;
	padding: 10px;
	display:block;
	text-align:left;}

.page, .page:hover {/*Formats text to be highlighted. Should be used sparingly */
	font-weight:bold; 
	color:#000;
	background-color:#fff;
	text-decoration: none;
	font-size:11pt;
	padding:2px 8px;
	margin:0px 2px;
	border: 1px solid red; 	}

.page:hover {
	background-color:#333;
	color: #fff;}

.current {/*Formats text to be highlighted. Should be used sparingly */
	font-weight:bold; 
	color:#fff;
	text-decoration: none;
	font-size:11pt;
	padding:2px 8px;
	margin:0px 2px;
	background-color:red; 
	border: 1px solid red; 	}
	
.recapPhoto {/*formats a div contianing an event recap photo and caption */
	float:right;
	padding: 20px 0px 20px 20px;
	font: italic bold 8pt Arial, Helvetica, sans-serif; }

.recapPhotoCentered {/*formats a div contianing an event recap photo and caption */
	padding: 10px;
	font: italic bold 8pt Arial, Helvetica, sans-serif; 
	margin-left:auto;
	margin-right:auto;	
	text-align:center;}

.archiveYear {/* formats the year in the history table on the cohoss page */
	padding:0px;
	margin:0px 10px 10px 10px;
	font:bold 20pt/18pt "Trebuchet MS", Arial, Helvetica, sans-serif; 
	text-decoration:none;
	text-align:center;
	color:red; }
	
.adult {
	display: none;}

.sidebarList {
	margin:0px;
	margin-left:10px;
	padding:0px;}

.left {
	float:left;
	text-align:left;
	display:inline;}

.right {
	float:right;
	text-align:right;
	display:inline;}

.awardPicklist {
	font:bold 11pt Arial, Helvetica, sans-serif;
	color:#999;
	padding: 10px 0px 5px 0px;}

.videoBoxCover {/*Formats the box photos on an archive list page */
	width:90px;
	height:125px;
	margin:10px 0px 10px;
	border:none;}

.winnerBox {/*Formats the box photos on an archive list page */
	float: right;
	width:115px;
	height:160px;
	margin:10px 0px 10px 10px;
	border: 1px solid #666;	}
	
.noMargin {/*formats images in the sidebar */
	padding:0px;
	margin:0px;
	text-align:center;
	clear:both;
	float:none;}
		
.middle {/* Used to make table cells vertically align center */
	vertical-align:middle;}
	
/*SexxxFiles styles */
.sexxFilesFoto {/*formats the photos on the sexx files index page */
	width: 115px;
	height: 166px; 
	border: 0px;
	padding-bottom:4px;}
	
.SFFOTO {/*formats the hover images that display on the sexxx files index page */
	border:0px;}
	
.sfLink {/*formats the porn star name links on the SF index page */
	text-decoration:none;
	color:#666;}

.sfLink:hover {/*formats the porn star name links on the SF index page */
	text-decoration: underline;
	color: orange;}
	
.sfQuestion {/*formats the SexxFiles questions */
	padding: 0px;
	margin: 10px 10px 10px 10px;
	font: italic bold 10pt Arial, Helvetica, sans-serif; }

.sfAnswer {/*formats the SexxFiles answers*/
	padding: 0px;
	margin: 10px 10px 10px 35px;
	font: 10pt Arial, Helvetica, sans-serif; }

.SFThumbnail {/* Formats the container for a year selection on an archive list */
	float:left;
	text-align:center;
	width:120px;
	padding:4px 2px;
	padding:4px 16px;
	border:1px solid white;
	margin-bottom:20px; }
.hidden {/* Formats the container for a year selection on an archive list */
display:none;
font:bold 10pt Verdana, Arial, Helvetica, sans-serif;}
.left10 {/* formats paragraphs in sexxfiles interview recapphoto divs */
	padding-left:10px;}

.currentYear {/*sets the background color for SeXXX Files for the current year */
	background-color:#ddd; font-weight:bold;}

#countdowncontainer {/*formats the countdown timer in the header*/
	background-color: #ffffff;
	padding:10px;
	margin:10px;
	color:#ff0000;
	font: bold 16pt Arial, Helvetica, sans-serif;}

.compact {
	margin-left:40px;
	padding-left:10px;
	margin-top:0px;
	padding-top:0px;}
	
.eventTableRow {/*FOrmats rows in Event tables*/
padding-top:20px;}

.eventDescription {
	padding-left:20px;
	width:320px;}
	
.eventIcon {
	padding:0px 0px 10px 20px;
	height:100px;
	width: 125px;
	float:right;}

.recapThumbnail {
	height:130px;
	width:100px;
	border:1px solid #666;
	margin:10px;}

.WOFPic {
	padding: 0px 10px 0px 20px;
	height:100px;
	width:100px;
	float:right;
	text-align:right;
	clear: right; }

.WOFEntry {
	display:block;
	clear:both;
	margin:15px 10px 15px 40px;
	padding:5px 0px 10px 00px;
	border-top:1px solid #ccc;} 
	
.WOFperson {
	font: bold 12pt Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;}

.WOFcurrent {/*formats the latest WOF recipients in the WOF page */
	vertical-align: middle;
	padding-right:5px;}

.jumplist {
	border-bottom:2px dotted red;
	padding:8px;
	background-color:#ececec;}
	
.WOFpage {/*Formats text to be highlighted. Should be used sparingly */
	font-weight:bold; 
	color:#000;
	background-color:#ececec;
	text-decoration: none;
	font-size:11pt;
	padding:2px 4px;
	margin:0px 2px;
	border: 1px solid red; 	}	

.WOFNomPageLayout {
	margin-left:40px; 
	clear:both; 
	width:600px;
	margin-bottom:20px;
	display:block;}

.WOFaward {
	float:left;
	width:150px;
	text-align:center;
	font:9pt Arial, Helvetica, sans-serif;
	padding:10px 0px 20px 0px;}
	
.latest {
	vertical-align:middle;
	padding-right:5px;}

.secondary {
	color:#666;}

.grey {
	color:#555;}