/* GENERAL HTML ----------------------------------------------------- */
BODY {
	color: #000000;
	font: normal 11px Verdana, Arial, Geneva, Helvetica, sans-serif;
	}

IMG {border: 0px;}	


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* CONTAINERS ----------------------------------------------------- */	
#content {	
	margin-top: 10px; 	
	float: left;
	width: 990px;
}
#container {
	font: normal 13px Verdana, Arial, Helvetica, sans-serif; 
	line-height: 20px;
	width: 870px;
	
	float: right;
}

#french a:link, #french a:visited,  #french a:hover,  #french a:active {
font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
color: #CC0000;
padding-left: 10px;
}
#french a:hover {text-decoration: none;}
/* AD :: BANNER (728x90) ----------------------------------------------------- */	
#ads_banner {width: 990px; height: 90px; text-align: right; padding: 0px 0px 10px 0px;}

/* RED LEFT NAV ----------------------------------------------------- */
#leftnav {
	float: left;
	background-color: #be0000;
	border: 1px solid #c00;
	overflow: hidden;
	width: 118px;
	height: 1100px;
	}
#leftnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}	
#leftnav li {
	margin: 0;
	text-align: center;
	}	
#leftnav li a {
	display: block;
	/*padding: 5px 5px 5px 0.5em;*/
	padding: 5px 0px 5px 0px;
	color: #fff;
	font: normal 9px Verdana, Helvetica, Arial, sans-serif;
	background-color: #BE0000;
	text-decoration: none;
	width: 100%;
	}	
html>body #leftnav li a {
	width: auto;
	}
#leftnav li a:hover {
	font: normal 9px Verdana, Helvetica, Arial, sans-serif;
	color: #C00;
	background-color: #FCC;
	}	
	
#leftnavhdr {
	color: #FFFFFF;	
	padding: 1px 0 0 0;
	margin: 0 0 1px 0;
	text-align: center;
	font: bold 9px Verdana, Arial, Geneva, Helvetica, sans-serif;
	text-transform: uppercase;
	width: 118px;
	height: 15px;
	background: url(images/tile_leftnav.gif) repeat-x;	
	}	
	
/* HEADER :: DIARY OF THE WEEK ----------------------------------------------------- */	
#hdr_diary {
	color: #cc0000;
	font: bold 20px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px dashed #999999;
	padding: 0px 0px 0px 10px;}
		
/* ######### ERROR  ######### */
.err {color: #de3d39;}
.err P{padding: 0px 0px 0px 30px;}


/* TABLE SUBSCRIBE NOW */
.hdr {font: bold 18px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	padding-left: 20px; magin: 0px; }
#subscribe {
	float: right;
	border: 1px dashed #cccccc;
	background-color: #f0f2f6;
	margin: 10px 0px 10px 10px; 
	padding: 15px 0px 31px 0px; 
	width: 440px; 
	height: 302px;
	font: normal 12px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	}
#subscribe IMG {padding: 20px 20px 0px 20px;}
#subscribe P {font: normal 12px Century Gothic, Verdana, Arial, Helvetica, sans-serif; line-height: 20px; padding: 0px 20px 0px 0px;}
#subscribe INPUT {border: 0px;}
.yesno {font: bold 13pt Arial, Helvetica, sans-serif;}
.subopt {padding: 0px 0px 0px 20px;}
	
/* OPT IN - 3rd party */
#optin {
	float: left;
	_float: none;
	border: 1px dashed #cccccc;
	background-color: #f0f2f6;
	margin: 0px 0px 0px 0px;  /* this affects float on right*/
	padding: 10px 0px 10px 0px; 
	width: 870px; color:#666666;
	font: normal 12px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}
.otxt  {width: 100px; text-align:right; }

#optin TD {padding: 0px 0px 10px 20px; vertical-align:top;}

.rfields {color: #de3d39;}

#casebox {float: left; width: 870px; }
/* TABLE CONTEST FORM */
FORM {clear: both;}
#formfields {
	float:left;
	font: normal 12px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	
	border: 1px dashed #cccccc;
	background-color: #f0f2f6;
	
	margin: 10px 0px 10px 0px;  /* left 10px*/
	padding: 10px 0px 10px 0px; 
	width: 418px; 
	}
#formfields TD {padding-left: 10px; }

.border {border: 1px solid #b0e6ff;} /* input box border*/
.ftxt  {width: 150px; text-align:right;}

#btn_submit {
	background-color: #c50000;
	width: 602px;
	font: bold 14px Arial, Helvetica, sans-serif; color:#FFFFFF;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	margin: 10px 0px 0px 80px;
	padding: 0px auto 0px auto;
}

#btn {width: 820px;  padding:10px 0px 10px 50px; margin: 0px;}

/* LEGAL 
.ruler  { border-top: 1px dashed #666666; padding: 0px 0px 10px 0px; margin: 0px;}*/
.legal_micetype {	
	padding: 10px 0px 10px 20px;
	font: normal 8pt Arial, Helvetica, sans-serif;
	
}
.legal_micetype a:link,.legal_micetype a:visited, .legal_micetype a:hover, .legal_micetype a:active {
	color: #c50000;
}

.hdr2 {font: bold 12pt Arial, Helvetica, sans-serif;
	color: #333333;
	padding-left: 20px; magin: 0px; 
	color: #0066CC;}
.txt {padding-left: 20px;}

/*----------FACEBOOK | DIGG | DELICIOUS (SOCIAL BOOKMARKS) -------------------------------------------------- */
.articleLinks {padding:20px 0px 0px 0px; margin:0px; font: normal 10px Verdana, Arial, Geneva, Helvetica, sans-serif;
}
.articleLinks p {line-height:20px; text-align:center; padding:0px 0px 0px 0px; margin:0px;}
.articleLinks p a {color:#4b0031; text-decoration:none; text-align:center; font-size:11px; padding:0px 0px 0px 0px; margin:0px;}
.articleLinks p a:hover {color:#4b0031; text-decoration:underline; text-align:center; font-size:11px; padding:0px 0px 0px 20px; 
margin:0px 15px 0px 15px;}
.articleLinks p a.digg {background:url(images/icons/digg.gif) no-repeat 0px 2px; margin:0px 15px 0px 15px; padding-left:20px;}
.articleLinks p a.icio {background:url(images/icons/icio.gif) no-repeat 0px 2px; margin:0px 15px 0px 15px; padding-left:20px;}
.articleLinks p a.facebook {background:url(images/icons/facebook.gif) no-repeat; margin:0px 15px 0px 15px; padding-left:20px;}

	
/* FOOTER ----------------------------------------------------- */	
#footer {
	width: 990px;
	float: left;
	text-align: center;
	margin: 20px auto auto 0;
	clear: both;
	padding: 10px;
	border: 1px dotted #F5CFCF;
	font: normal 11px Verdana, Arial, Geneva, Helvetica, sans-serif;
	}
	
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color: #990000; text-decoration: none;}
#footer a:hover {color:#333333;}