/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

body 
{
background-repeat:	no-repeat;
background-position: top left;
background-image:	url(images/layout/bg.jpg);
background-color:			#ffffff;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 15px;
font-weight:	normal;
color:	#000000;
margin:	0px;
}

img 
{
border-color: black;
}

a:link, 
a:visited 
{ 
color:#5D5D80; 
text-decoration: none 
}

a:active,
a:hover
{ 
color:#000000; 
text-decoration: none 
}

/*-----------------------------------------------------------------------------------------------
  base layout
-----------------------------------------------------------------------------------------------*/

#header
{
width:900px;
height:100px;
}

#banner
{
float:left;
}

#teasers
{
float:right;
width:300px;
margin-top:10px;
}

#teasers .left
{
float:left;
text-align:right;
font-size:10px;
color:#808292;
}

#teasers .right
{
float:right;
width:80px;
}

#wrapper
{
width:900px;
}

#menu
{
float:left;
width:165px;
}

#pagebody
{
float:right;
}


/*-----------------------------------------------------------------------------------------------
  text and headers
-----------------------------------------------------------------------------------------------*/

.red 
{
font-size: 10px; 
color: #CD012C;
}

h1
{
margin:0px;
line-height:1.5em;
font-family: georgia, arial, sans-serif; 
font-style:italic;
font-size: 1.5em; 
color: #7f808b;
}

h2
{
font-family: arial, sans-serif; 
font-size: 2.0em; 
color: #202022;
margin-bottom:5px;
}

h3
{
font-family: arial, sans-serif; 
font-size: 1.4em; 
color: #202022;
}

.subtext 
{
color: #616179;
line-height:16px;
}

.smalltext 
{
font-family: verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #77778F;
}

.error 
{
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #EC033F;
font-weight: bold;
padding:10px;
border:solid 2px #EC033F;
}

.subheading 
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #484858;
letter-spacing: 1pt;
text-transform: uppercase;
}

.vid 
{
font-family:  Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #8C8D95;
text-decoration: none; 
}

.time 
{
font-family:  Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #8C8D95;
text-decoration: none; 
}

.agonyid 
{
font-family:  Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #626472;
text-decoration: none; 
font-weight:bold;
}

/*-----------------------------------------------------------------------------------------------
  links
-----------------------------------------------------------------------------------------------*/


a.PREV:link,
a.PREV:visited
{
color: #CF042F;
font-family: arial, courier new, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}

a.PREV:hover,
a.PREV:active 
{
color:	#000000;
font-family: arial, courier new, sans-serif;
font-size: 10px;
font-weight: bold;
}

a.zip:link,
a.zip:visited 
{
color: #646465;
font-family: arial, courier new, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}

a.zip:hover,
a.zip:active 
{
color: #BB011F;
font-family: arial, courier new, sans-serif;
font-size: 10px;
font-weight: bold;
}

/*-----------------------------------------------------------------------------------------------
 Forms
-----------------------------------------------------------------------------------------------*/

.form 
{
border-collapse:	collapse;
border:			1px solid black;
background-color:	#ffffff;
font-family:		verdana, arial, sans-serif;
font-size:			11px;
color:				black;
height:				20px;
padding:			2px;
}

input.white 
{
background-color:	#ffffff;
font-family:	verdana, sans-serif;
font-size:		11px;
color:			#000000;
border:			1px solid black;
}

input 
{
font-family: verdana, sans-serif;
font-size:	12px;
padding:3px;
color:	#000000;
border:	1px solid #B0B0C6;
}

textarea 
{
background-color:	#ffffff;
font-family:	verdana, sans-serif;
font-size:		11px;
font-weight:	normal;
color:			#000000;
border:			1px solid #B0B0C6;
}

div.nextdue 
{
font-family:arial, courier new, sans-serif;
font-size:	10px;
font-weight:normal;
color:#000000;
}

div.rate 
{
font-weight:	bold;
font-style:	normal;
color:	#339397;
}

div.error 
{
font-style:	normal;
color:	#E70021;
}

div.countdown 
{
font-weight:	bold;
font-style:	normal;
color: #969999;
}

td.vid 
{
background-position:center center;
background-image:	url(images/layout/vid.gif);
background-repeat:	no-repeat;
font-family:arial, courier new, sans-serif;
font-size:	10px;
font-weight:normal;
letter-spacing:  1px;
color:	#000000;
white-space: nowrap;
padding-top: 12px;
}

td.vid a.zip:link,
td.vid a.zip:visited,
td.vid a.zip:active,
td.vid a.zip:hover 
{
font-size:			10px;
color:				#646465;
text-decoration:	none;
letter-spacing:         0px;
}

td.vid a.zip:hover 
{
color:	#01A5AB;
}

td.vid a.free:link,
td.vid a.free:visited,
td.vid a.free:active,
td.vid a.free:hover 
{
font-family:		arial, courier new, sans-serif;
font-size:			11px;
color:				#ffffff;
text-decoration:	none;
font-weight:		bold;
background-color:  #CF042F;
}

td.vid a.free:hover 
{
color: #000000;
}

td.mailheading 
{
font-family: verdana, arial, courier new, sans-serif;
font-size:	11px;
color:	#ffffff;
background-color:#9696AE;
padding:  4px;
letter-spacing: 1px;
}

td.mailbody 
{
font-family: verdana, arial, courier new, sans-serif;
font-size:	11px;
color:	#000000;
background-color:#D0D0DF;
padding: 4px;
letter-spacing:   1px;
}

div.previewthumb 
{
padding-top:	0px;
padding-bottom:	5px;
margin:    17px;
}

div.overkilllink 
{
padding-top:	0px;
padding-bottom:	30px;
font-family:	verdana;
font-size:		10px;
margin:    17px;
}

div.overkilllink_dots 
{
border-bottom:	1px dashed #A5A5B3;
height: 6px;
width: 100px;
}

div.copyright 
{
padding-top:	30px;
padding-bottom:	0px;
font-family:	verdana;
font-size:		10px;
color:			#969999;
position:	    relative; 
bottom: 0; 
width: 160px;
margin: auto;
}

div.navigation 
{
width:			680px;
text-align:		center;
font-family:	verdana;
font-size:		10px;
font-weight:	normal;
padding-top:	20px;
padding-bottom:	20px;
letter-spacing: 0.1em;
}

a.nav:link,
a.nav:visited 
{
color:	#616179;
font-family:verdana, arial, courier new, sans-serif;
font-size:	11px;
text-decoration:none;
padding-bottom:	1px;
border-bottom: 1px dotted #616179;
}
 
a.nav:active,
a.nav:hover 
{
color:				#A6A6B1;
font-family:		verdana, arial, courier new, sans-serif;
font-size:			11px;
}


div.navigation a:hover,
a.nav:hover 
{
color:	#000000;
}

	
div.ack 
{
margin: 100px auto auto 100px;
font-size: 12px;
font-style:	normal;
color: #535366;
}

div.page 
{
margin: 150px auto auto 170px;
}


div.about,
div.ask,
div.help,
div.join,
div.login,
div.affiliates,
div.show,
div.contact,
div.overkill,
div.your_agony,
div.redirect,
div.promo 
{
width:	700px;
margin-left: 20px;
margin-top: 20px;
text-align: justify; 
}

div.about table tr td 
{
text-align:	center;
}

div.help form,
div.contact form 
{
font-size:	10px;
}

div.help input,
div.contact input 
{
font-family:	verdana, sans-serif;
font-size:		11px;
font-weight:	normal;
color:			#000000;
}

div.join span.testimonial 
{
color:	#818586;
}

div.quote 
{
font-size:		10px;
width:			140px;
font-family:	verdana;
color:			#95979E;
}

div.quote cite 
{
font-family:	verdana;
font-weight:	normal;
font-style:		italic;
color:			#74747B;
}

div.menu 
{
background-repeat:			repeat-y;
background-attachment:		fixed;
background-image:			url(images/bg_dots.gif);
}

* html div.affiliatecode {	/* this selector recognized by IE only */
	width:		171px;		/* total width (only for IE5.x/Win) */
	height:		88px;		/* total width (only for IE5.x/Win) */
	w\idth:		162px;		/* content width (for other IE) */
	h\eight:	79px;		/* content width (for other IE) */
}

div.affiliatecode 
{
width:						162px;
height:						79px;
overflow:					auto;
white-space:				pre;
border:						1px dashed #A5A5B3;
background-color:			#ECEBF2;
font-family:				verdana, arial, sans-serif;
font-size:					10px;
color:						#404051;
padding:					8px;
}

.reqtable
{ 
background-color: #D3D6E0;
text-align:left;
}


textarea.affiliates {
border-collapse: collapse;
border: 1px dashed #A5A5B3;
background-color:#ECEBF2;
font-family: verdana, arial, sans-serif;
font-size: 10px;
color:#404051;
padding:8px;
}

table#email_list td { border-bottom: 2px solid #ffffff; }
table#email_list tr.read td { background-color: #D0D0DF; }
table#email_list tr.unread td { background-color: #D0D0DF; font-weight: bold; }
table#email_list tr td:hover { cursor: pointer; }


div.media_thumb_free 
{
color: #ffffff;
position: relative;
height: 90px;
width: 120px;
}

div.media_thumb 
{
color: #ffffff;
position: relative;
height: 90px;
width: 120px;
border: 1px;
}

td.shopheading 
{
font-family:		verdana, arial, courier new, sans-serif;
font-size:			11px;
color:				#ffffff;
background-color:	#9696AE;
padding:  4px;
letter-spacing:         1px;
}

.shop
{
font-family:		verdana, arial, courier new, sans-serif;
font-size:			11px;
color:				#000000;
background-color:	#D0D0DF;
padding:  4px;
letter-spacing:         1px;
}

div.error_spacer 
{
padding-top: 120px;
padding-left: 165px;
font-weight: bold;
}

.pagging_nonsel 
{
color:				#616179;
font-family:		verdana, arial, courier new, sans-serif;
font-size:			11px;
text-decoration:	none;
padding-bottom:	1px;
border-bottom: 1px dotted #616179;
}

.pagging_sel 
{
text-decoration:none; 
font-weight:	normal;
}

.test
{
margin:180px;
}

.cell
{
float:left;
margin-right:30px;
margin-bottom:20px;
}

.promovid
{
width:350px;
float:left;
margin-bottom:20px;
}

.promopic
{
width:120px;
margin-right:15px;
float:left;
}