* {
	margin:0; padding:0;
	border:0;}
	
body {
	color:#434343;
	font: normal 0.8em helvetica, arial, sans-serif;
	background: #eee;
	text-align:center;}
	
a {
	color:#0099ff;}
	
select {
	background:#eee;
	color:#0099ff;
	font:normal 0.95em helvetica, arial, sans-serif;
}
	
h4 a, h5 a, h1 a { color:#000;}
a:hover { color:#336699;}

h4 a, h5 a, h1 a, a:hover,
#nav a, #nav-articles a, .nav-tabs a, .num a, .cloud-tag
.tweet a, #breadcrumbs a, .view-comments a, 
#featured-secondary a, #featured-primary a { text-decoration:none;}
	
/* ----------------------------------- MAIN DIVS */

#top {
	background: url('../img/layout/bg.gif') top repeat-x;
	height:135px;
	padding: 10px 0 10px 20px;
	text-align:left;}

#outer-container, #footer div, #top-content {
	width:1024px;
	margin:auto;
	text-align:left;}

#footer div { width:980px;}

#user-area {
	border-right:1px dotted #000;
	padding-right:20px;
	margin-right:20px;}

#inner-container {
	padding:35px 10px 0 20px;}

#footer {
	font-size:0.875em;
	padding:40px 20px;
	background:#bfbfbf url('../img/layout/bg-footer.gif') 0 0 repeat-x;
	height:110px;}
	
#featured, #content, #footer { clear:both;}

/* ----------------------------------- NAVIGATION STUFFS */

#nav a, .nav-tabs a, .nav-articles-main, .nav-tabs a {
	background:#000;
	color:#fff;
	font-weight:bold;
	line-height:29px;}
	
#nav {
	height:28px;	
	overflow:hidden;}
	
#nav li div, #nav li a, #nav-tabs li a, .nav-tabs li div {
	float:left;
	height:28px;}

#nav li, #nav-articles li, .nav-tabs li { 
	list-style:none;
	display:inline;}

.lcorner { background:url('../img/layout/bg-lcorner.gif');}
	
.rcorner {
	background:url('../img/layout/bg-rcorner.gif');
	margin-right:5px;}

.rcorner, .lcorner { width:9px; height:29px;}

/* --- articles navigation */
.nav-articles-main {
	background:url('../img/layout/bg-nav-articles.gif');
	width:119px; height:29px;
	text-indent:13px;}

#nav-articles ul li {
	font-weight:bold;
	color:#b9b9b9;
	background:#e0e0e0;
	line-height:28px;
	overflow:hidden;
	padding-right:8px;}
	
/* --- sidebar navigational tab things */

.tabs {
	display:block;
	padding:13px 0 10px 9px;
	background:#bfbfbf;
	border-bottom:1px dotted #000;}

.nav-tabs {
	display:block;
	height:28px; overflow:hidden;
	margin-bottom:7px;}

.nav-tabs li a, .nav-articles-main, #nav-articles ul li {
	display:block;
	float:left;}

.categories { clear:left;}
.nav-tabs li a:hover, a:hover.nav-articles-main, #nav a:hover { color:#99ffff !important;}

	
/* ----------------------------------- FOOTER */

#footer li a, #footer p { color:#777;}
#footer li { height:15px;}

#footer li a {
	text-decoration:none;
	border-bottom:1px solid #777;
	display:block;}
	
#footer li a:hover {
	color:#555;
	border-bottom:1px solid #555;}

#footer p { 
	width:300px;
	text-align:justify;}
	
#footer ul {
	list-style:none;
	width:200px; 
	margin-right:20px;}
	

/* ----------------------------------- CONTENT */

#left {
	float:left;
	width:660px;}

#right {
	background:#fff;
	width:300px;
	float:right;}

h1, h1 a, h4 a, h5 a { 
	color:#000;}

h1 { font-size:1.6em; line-height:1em; margin-bottom:0px;}
h4 { font-size:1.2em; margin-bottom:10px;}
h5 { font-size:1em;; margin-bottom:5px;}

p  { margin-bottom:15px;}
	
.ad {
	background: url('../img/layout/bg-ad.gif') 0 0 repeat-x;
	padding-top:12px;
	/*width:300px;
	text-align:center;*/
	/*margin-top:20px;
	float:right;*/}

.whitebox {
	min-height:620px;
	background:#fff;}

.divider {
	height:1px;
	padding:5px 0;
	margin:0 0 15px 0;
	border-bottom:1px dotted #ccc;}

#breadcrumbs {
	color:#999;
	width:auto;
	padding:10px 25px 10px 25px;
	background: #e0e0e0 url('../img/layout/bg-breadcrumbs.gif') bottom left no-repeat;}
	

/* ----------------------------------- FORMS, INPUTS, ETC */


.search {	
	background:#e0e0e0 url('../img/layout/bg-search.gif') top left no-repeat;
	padding-left:50px;	
	color:#808080;
	padding:8px 0 8px 40px;
	width:160px; _height:29px;}

.submit-search { 
	width:auto !important; 
	vertical-align:top;
	background:#e0e0e0;}

.submit-search, .search {
	_position:relative;
	_left:-3px;}

* html .search {
	position:relative;
	top:-1px;
	text-indent:40px;
	padding:0px;
	height:28px !important;
	line-height:28px;}
	
/* --- comments */
.make-comment {
	background:#ccc;
	padding:10px 10px 1px 10px;}

* html .make-comment {
	padding:1px 10px 10px;}

.make-comment label, .make-comment { 
	margin-bottom:3px;
	font-weight:bold;
	display:block;}

.make-comment input, input.share {
	margin-bottom:10px;
	width:180px;}

.make-comment textarea, .make-comment input.text, .share-text {
	padding:5px;
	_height:25px;
	border-right:3px solid #c0c0c0;
	border-bottom:3px solid #c0c0c0;
	background:#eee;
	color:#0099ff;
	font:normal 0.95em helvetica, arial, sans-serif;}

.make-comment img {vertical-align:top;}
.make-comment textarea { width:335px; height:120px;}

.make-comment .submit-search { 
	display:block; 
	position:relative; left:560px; top:0px;
	background:#ccc !important;}

/* --- bad input */
.wrong {
	color:red;}

/* --- sidebar dropdown menu */
select { 
	width:200px;
	padding:0 0 0 3px;
	border:1px solid #ccc;}


/* ----------------------------------- ARTICLES */

/* --- featured */
#featured-secondary {
	float:right;
	width:525px; height:240px;}

#featured-primary {
	text-align:center;
	height:215px; width:423px;
	overflow:hidden;
	float:left;}

#featured-primary .label {
	position:relative; top:-75px; /* was 120 */
	background:url('../img/article/label-primary.gif') no-repeat;
	height:49px;
	padding:12px 0 0 10px;
	text-align:left;
	display:block;}

#featured-primary img { border:5px solid #fff;}	
#featured-primary a, #featured-secondary a { color:#fff;}
.featured-secondary-item img { border:3px solid #fff;}

.featured-secondary-item {
	width:152px; height:145px;
	text-align:center;
	overflow:hidden;
	float:left;
	margin-right:15px;}
	
.featured-secondary-item .label {
	position:relative; top:-60px; /* was 85 */
	text-align:left;
	font: bold 0.85em arial, helvetica, sans-serif;
	line-height:12px;
	background:url('../img/article/label-secondary.gif') no-repeat;
	padding:6px 0;
	display:block;}

.featured-secondary-item .label p {
	line-height:15px;
	font-weight:normal;
	color:#fff;
	background:#000;
	width:100%;
	text-indent:5px;
	padding-bottom:4px;
	position:relative; top:-1px;}

.featured-secondary-item span { 
	display:block;
	padding: 0 5px 4px 5px;
	background:#000;}
	
	
/* --- main articles */

.article-container { 
	text-align:justify;
	line-height:1.125em;
	background-color:#fff;
	background-image:url('../img/layout/bg-article.gif');
	background-position: 0 0;
	background-repeat: no-repeat !important;
	margin-bottom:20px;}

.sponsored {
	background:#fff url('../img/layout/bg-article-wAd.gif') 0 0 no-repeat !important;
	padding-top:10px;}

.article, .whitebox {
	padding:25px 15px 10px 15px;
	display:block;}
	
.advertising .article, .advertising .whitebox {
	padding:25px 0 0 0;
	display:block;
	background:transparent;}

.comments {
	display:block;
	background: url('../img/layout/bg-comments.gif') 0 0 repeat-y;
	padding:10px 20px;
	clear:right;}
	
span.reply {
	background: transparent;
	padding:0;}

.comments p.author {
	font-size:9pt;
	margin-bottom:5px;
	font-weight:bold;}

span.comment {
	display:block;
	border-bottom:1px solid #cecece;
	padding-bottom:10px;
	margin-bottom:15px;}

div.comment {
	margin-left: 20px;
	padding-top:5px;
	display:block;	
	text-align:left;
	clear:left;
	width:550px;}

.view-comments a {
	float:right;
	display:block;
	width:21px; height:30px;
	padding:5px 0;
	text-align:center;
	background: url('../img/layout/comment.png') top right no-repeat;
	font: normal 0.7em geneva, verdana, sans-serif;
	color:#fff  !important;}
	
div.film .view-comments a {
	position:relative;
	top:75px;}
/*
#ad-simplechic {
	background: url('../img/specialad/simplechic-entry.png') bottom left no-repeat;
	display:block;}

#ad-simplechic-btn {
	position:relative;
	top:25px;}
	
#ad-simplechic .tags a {
	color:#000;}

.advertising .article .padding {
	background:#fff;
	padding:0 10px;} */

.tags, .rating { 
	font-size:0.875em; 
	text-align:left;}

.advertising .article h1 {
	padding:0 15px 0 10px;}

.article .title {
	display:block; 
	float:left;
	width:570px;}

.bump {
	float:left;
	padding: 0 8px 0 0;}

.sharing {
	float:right;
	position:relative; 
	left:5px; top:-10px;}

.sponsored .sharing { top:-20px;}
.avatar { float:left;}

/* --- hidden articles */
.article-hidden {
	padding:10px;
	background:#fff url(none);
	border-bottom:1px solid #ccc;}

.article-hidden a.title { width:auto;}

/* ------------------------------------- PROFILE */

.usericon {
	float:right;
	margin-right:10px;
	border:4px solid #eee;}

.contact-profile label {
	margin-top:15px;
	font-weight:bold;
	display:block;}

.contact-profile input, .contact-profile textarea {
	padding:5px;
	width:430px;}

.contact-profile input.contact-submit {
	width:auto;
	background:transparent;
	display:block;
	position:relative;
	left:410px;}

.contact-profile textarea { height:150px;}

/* ------------------------------------- SEARCH */

input.results-searchagain {
	width:400px;
	padding:7px;
	_height:28px;
	overflow:hidden;
	color:#0099ff;
	vertical-align:top;}

input {
	background:#eee;}

.result {
	display:block;
	clear:left;
	padding-bottom:30px;}
	
.num {
	background:#bfbfbf;
	padding:5px;
	border:1px solid #fff;}

.num a {
	color:#fff;
	font-weight:bold;}

span.selected, .contact-profile textarea { background:#e0e0e0;}

/* ------------------------------------- SIDEBAR */
/* --- tag cloud */
.cloud {
	color:#e0e0e0;
	vertical-align:middle;
	text-align:left;
	line-height:1.4em;}

.cloud-tag:active, .cloud-tag:link { text-decoration:none;}
	
/* --- derniers commentaires */
#right .comment p br, .profile .comment p br {
	line-height:0;
	display:inline;}
	
#right .comment, .profile .comment, .tweet {
	min-height:50px;
	padding:4px;
	background:#eee;
	border-bottom:1px dotted #e0e0e0;
	margin-bottom:5px;}
	
#right .comment .author, .profile .comment .author  {
	font-size: 0.8em; 
	color:#808080;
	white-space:nowrap;
	overflow:hidden;}

/* --- plus recentes */
/* --- twitter feed */
.tweet { min-height:20px;}
.tweet strong { color:#404040;}
	
	
/* ----------------------------------- COLORS */

.fblue		{ color:#0099ff;}
.fdarkblue  { color:#0990dd;}
.flightblue { color:#00baff;}
.fwhite     { color:#fff;}
.fgray		{ color:#404040;}
.flightlightblue, .selected { color:#99ffff !important;}
.fblack     { color:#000;}


/* ----------------------------------- MISC */

.fleft     { float:left;}
.fright    { float:right;}
img.fleft  { padding-right:8px;}
img.fright { padding-left:8px;}

.spacer       { height:40px;}
.small-spacer { height:6px;}
.med-spacer   { height:20px;}

.font9 { font-size:0.95em;}
.font8 { font-size:0.875em;}
.fontc { font-family: 'courier new', courier, monospace;}
.small { font-size:0.8em; padding-bottom:4px;}

.quiet { color:#999 !important; font-size:0.85em; }

.nomargin    { margin:0 !important;}
.resetmargin    { margin:0;}
.padding     { display:block; padding:8px;}
.nounderline { border:0 !important;}
.clear		 { clear:both;}
.transparent { background:transparent;}