html, body { height:100%; width:100%; margin:0; padding:0; }
body {
	background:#FFF url('i/mosaic.gif');
	color:#000;
}

div#hover-image-preloader { position:absolute; top:0; left:0; display:none; }

/* FONTS */
.sans { font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, sans-serif; }
.serif { font-family: georgia, serif; }
.monospace { font-family: 'courrier new', monospace; }


/* ARTICLE NAVIGATION */

.article-navigation {
	height:33px;
	width:100%; 
	background:#EEE; 
	border-bottom:3px double #CCC;
	padding:0;
	margin:0;

	line-height:30px;
	font-size:15px;
	white-space:nowrap;
	font-family:'Lucida Grande','Lucida Sans Unicode',tahoma,sans-serif;
	font-weight:normal;	
}

.article-navigation a {
	display:block;
	float:left;
	height:33px;
	text-decoration:none;
	max-width:480px;
	overflow:hidden;
}

.article-navigation a.first {
	width:61px;
	background:#FE0 url('i/homesmall.gif') 10px 0 no-repeat;
}

.article-navigation a.item {
	margin-left:-17px;
	padding-left:28px;
	padding-right:24px;
	background:url('i/superheader/default.gif') 0 0 no-repeat;
}

.article-navigation a.rss {
	float:right;
	width:60px;
	background:url('i/superheader/rss.gif') 0 0 no-repeat;
	text-align:right;
}
.article-navigation a.rss  img { margin:0px 18px 0 0; vertical-align:middle; }

.article-navigation div.search {
	float:right;
	height:33px;
	background:url('i/superheader/start.gif') 0 0 no-repeat #CCC;
	padding-left:28px;
	padding-right:8px;
}

.article-navigation div.search form {
	margin:0;
	padding:0 0 0 0;
	border:0;
}

.article-navigation a.first:hover { background-color:#900; background-image:url('i/homesmall_dance.gif'); }
.article-navigation a.item:hover { background-image:url('i/superheader/hover.gif'); color:#FFF !important; }
.article-navigation a.rss:hover { background-image:url('i/superheader/rss_hover.gif'); } 

/* colors */
.article-navigation a.item-article 	{ background-image:url('i/superheader/articles.gif'); }
.article-navigation a.item-news	 	{ background-image:url('i/superheader/news.gif'); color:#FFF; }
.article-navigation a.item-collumns 	{ background-image:url('i/superheader/collumns.gif'); }

.article-navigation a.item-a-type	{ color:#FFF; }
.article-navigation a.item-sport		{ background-image:url('i/superheader/sport.gif'); }
.article-navigation a.item-people 	{ background-image:url('i/superheader/people.gif'); }
.article-navigation a.item-politics 	{ background-image:url('i/superheader/politics.gif'); }
.article-navigation a.item-science 	{ background-image:url('i/superheader/science.gif'); }
.article-navigation a.item-internet 	{ background-image:url('i/superheader/internet.gif'); }
.article-navigation a.item-culture 	{ background-image:url('i/superheader/culture.gif'); }
.article-navigation a.item-dotdotdot	{ background-image:url('i/superheader/dotdotdot.gif'); }


.article-navigation a  img { border:0; vertical-align:middle; }
.article-navigation strong { display:none; }

.article-navigation span.end {
	margin-left:-17px;
	width:17px;
	background:url('i/superheader/end.gif') 0 0 no-repeat;
	display:block;
	float:left;
	height:33px;
}
.article-navigation div.search form input { vertical-align:middle; margin:0;  }
.article-navigation div.search form input.text { margin-right:4px; background-color:#DDD; border:#999 1px solid; height:24px; }




/* CONTENT AREA */

#content_area {
	margin:24px 28px;
	padding:12px 48px 24px 48px;
	background:#FFF;
	border:#CCC 3px double;
}


/* LAYOUT */
div.text-collumn {
	/* magic 8 */
	width:62.50%;
}

#content_area div.text-collumn h1 { width:160%;}

blockquote.note {
	position:relative;
	float:left;
	clear:left;
	display:block;
	left:160%;
	width:52%;
	padding:0;
	margin:0 0 0 -52%;
}


blockquote.inner-left,
blockquote.inner-right  {
  margin:0 .5em 0 0;
  padding:.4em;
  border:#CCC 1px solid;
  display:block;
}
blockquote.inner-left { float:left; }
blockquote.inner-right { float:right; }


blockquote.quote-big {
	display:block;
	float:right;
	clear:right;
	width:80%;
	margin:0 -60% 0 1em;
	padding:0;
}

div.double-collumn {
	width:160%;
	clear:both;
}

div.clearboth { clear:both;font-size:0px;line-height:0px;height:0px;overflow:hidden; }


/* FOOTER */

.article-footer {
	border:#CCC 3px solid; 
	background:url(i/mosaic_large.gif); 
	padding:24px 32px; 
	margin:24px 28px;
}
.article-footer-content {
	border:#CCC 3px double; 
	background:#FFF; 
	padding:8px 12px;
	font-family:'Lucida Grande','Lucida Sans Unicode',tahoma,sans-serif;
	font-size:.8em;
}