@charset "utf-8";
@import url(reset.css);

/* 
		CSS Internimagazine 
		---------------------------
		date : 06.05.2009
		color: 	#222   		-	background
				#3fb7d4		-	link color
*/

* {margin:0;padding:0}
body { text-align:center; background:#E4E3E0;color:#fff; font:83%/1.5 arial,tahoma,verdana,sans-serif; }
img { border:none; display:block; }
hr { margin: 1em 0; background:#eee; height:1px; color:#eee; border:none; clear:both; }

/* LINKS */
a,a:link,a:link,a:link,a:hover {font-weight:bold;background:transparent;text-decoration:underline;cursor:pointer} 
a:link {color:#333} 
a:visited {color:#333} 
a:hover,a:active {color:#49bad6} 

/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1.5em}
h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: Georgia, "Times New Roman", Times, serif; margin: 1.2em 0 .3em;color:#000;border-bottom: 1px solid #eee;padding-bottom: .1em}
h1 {font-size: 196%;margin-top:0;border:none}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}

/* DYNAMIC CONTENT */
#content { background: transparent; text-align: left; z-index:100; }  
#topbanner { background: #C5DBED; height:90px; text-align:center; padding:9px 0; }
#topflash{ margin:0 auto; height:90px; width:728px; z-index:20; }
#leftnav { float: left; width: 136px; background: transparent;	padding: 15px 7px; }
#rightbanner { float: right; width: 160px; padding:7px; background:transparent; }
#rightbanner #rightflashbanner { display:block; width:140px; background:#999; z-index:21;font:0.8em arial,tahoma,verdana,sans-serif;padding:10px;color:#333; }
#rightbanner #rightflashbanner img.banner { padding:8px 0; }

.articleList #mainContent { /* margin: 0 150px 0 150px; */ padding: 0; overflow:hidden; display:block; width:auto; } 
.articleList #footer { height:50px; line-height:50px; margin:0; background:#ddd; clear:both; color:#333; float:left; width:100%; zoom:1; } 

.articlePage #mainContent { padding: 7px; width:785px; background:#eee;float:left;position:absolute;clear:both;margin-left:10px; } 
.articlePage #mainContent img { margin:0px;}
.articlePage #mainContent h2 { color:#0099ff; font-size:246%; line-height:1em; border:0; margin:7px; font-style:normal; font-weight:normal; display:block; }
.articlePage #mainContent h3 { color:#666; font-size:166%; line-height:1em; border:0; margin:7px; font-weight:normal;font-style:italic;  }
.articlePage #mainContent p { color:#333; margin:7px; }
.YouTubeInfo { color:#666; font-size:120%; }
.YouTubeInfo a{ color:#FFF; font-size:100%; }

.homePage #mainContent { padding: 7px; overflow:hidden; display:block; width:678px; background:#0f0f0f url(../img/homePage_bg.jpg) repeat-x; float:none; margin:10px; position:relative; left:10px } 
.homePage #mainContent h2 { font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:246%; line-height:1em; border:0; margin:7px; font-style:normal; font-weight:normal; display:block; margin-left:30px; }
.homePage #mainContent #hpContent { width:678px; }
.homePage #mainContent .hpBlock {width:300px; height:390px; float:left; display:inline; margin-left:30px;}
.homePage #mainContent .hpBlock img { margin-bottom:10px; }
.homePage #mainContent .hpBlock p {}
.homePage #mainContent .hpBlock p strong { color:#ff0; font-weight:normal; }
.homePage #mainContent .hpBlock p a, .homePage #mainContent .hpBlock p a:link { color:#fff; padding-left: 11px; background:transparent url(../img/hp_red_arrow.gif) no-repeat left 5px; text-decoration:none; font-weight:normal;  }
.homePage #mainContent .hpBlock p a:hover { color:#ff0; }

/* FLOATING CONTENT */
#welcomeFloatBox {width:299px; height:198px; display:block; float:left; margin:7px 0 0 7px; background:#666; color:#fff; text-align:left; padding:10px; }
#welcomeFloatBox h3 { color:#fff; font-family:Arial, Helvetica, sans-serif; border:0; font-size: 110%; }

/* ++++++++++++++++++++++++++++++++++++ */
/* ARTICLE LISTS						*/
/* ++++++++++++++++++++++++++++++++++++ */
.floatbox { width:156px; height:218px; display:block; float:left; margin:7px 0 0 7px; background:#fff; color:#999; text-align:left;}
.floatbox img {margin:3px;}
.floatbox h3 {margin:0 8px; color:#0099ff; border:0;font-size:90%; }
.floatbox a, .floatbox a:link, .floatbox a:hover { text-decoration:none; color:#0099ff; }
.floatbox h4 {margin:0 8px; color:#666; border:0; font-style:italic; font-size:80%; }
.floatbox p {margin:0 8px; color:#666; font-size:84%;}

.special_fs { background:#ffff00; }
.special_fs h3 { color:#0099ff; }
.special_fs a,.special_fs a:link{ color:#0099ff; }
.special_fs h4 { color:#666; }
.special_fs p { color:#666; }

.blog { background:#fff;}
.blog h3 { color:#3fb7d4; }
.blog h4 { color:#666; }
.blog p { color:#666; }
.blog img {float:left; display:inline;}

/* TOP MENU */
div#header{ position:fixed;top:0;left:0;width:100%;height:24px; z-index:1000; background-color:#333;border-bottom:0px solid #999999;text-align:left; color:#fff; }
div#header a, div#header a:link { color:#fff; }
div#header a:hover, div#header a.On { color:#666; }
.mainnav { color:#FFF;overflow:hidden; margin-left:15px; }
.mainnav img { margin:3px 30px 0 0 ; float:left; }
.mainnav_lang { float:right; text-align:right; margin-right:15px; }
.txt_xs { line-height:24px; }
.txt_xs a, .txt_xs a:link { line-height:24px; text-decoration:none; }

/* LOGO */
#logo { width: 133px; height: 37px; position: relative; color:#dddbd1; font-size:1px;margin-bottom:3em; }
#logo a { background: url(../img/logo.gif) no-repeat; position: absolute; cursor:pointer; width: 100%; height: 100%; }

/* LEFT NAVIGATION */
#leftnav h3 { color:#3fb7d4; }
#leftnav h4 { color:#3fb7d4;font-size:100%; }
#leftnav ul li a, #leftnav ul li a:link { text-decoration: none; font-size:86%; }
#leftnav ul li a.On {color:#49bad6} 

/* ++++++++++++++++++++++++++++++++++++ */
/* USEFUL CLASSES						*/
/* ++++++++++++++++++++++++++++++++++++ */
.FloatSX { float:left; }
.FloatDX { float:right; }

/* ++++++++++++++++++++++++++++++++++++ */
/* PAGING								*/
/* ++++++++++++++++++++++++++++++++++++ */
.heading { overflow:hidden;margin:1em 0;clear:both; }
.heading a.CatTitle { letter-spacing: -1px;font-family: Georgia, "Times New Roman", Times, serif; margin: 1.2em 0 .3em;padding-bottom: .1em;color:#FFF;text-decoration:none; }
.whereuare { background:#000;padding:5px;color:#FFF;margin-left:10px;width:200px; }
.whereuare a { color:#FFF; }
.whereuare a:hover { color:#FFF; }
.pagination	a { background:url(../img/paging-bg.jpg);color:#FFF;padding:5px;margin:0 2px; }
.pagination-pn div {background:url(../img/paging-bg.jpg);padding:7px;margin-right:4px;}
.pagination-pn div a {color:#FFF;}

/* .pagination	div a { color:#FFF;display:block;} */

/* ++++++++++++++++++++++++++++++++++++ */
/* LOGINS - Facebook, Mondadori 		*/
/* ++++++++++++++++++++++++++++++++++++ */
a.LoginMondadori { font-size:86%;color:#000; }


/* 2009 RESTYLING */
#content h1.logo {
	margin:50px 0 20px 10px;
	width: 795px; 
	height: 55px;
	background: url(../img/newsweekly-logo-09.jpg) no-repeat;
	font-size: 0px;
	color: #E4E3E0;
}

#content h1.logo a {
	display:block;
	width: 795px; 
	height: 55px;
	cursor:pointer;
}

#content ul.MainNav 				{ padding: 5px;margin: 15px 5px;list-style-type: none;clear:both;overflow:hidden; }
#content ul.MainNav li 				{ float: left;display:inline;margin-right:8px;width:110px; }
#content ul.MainNav li a 			{ background: transparent url(../img/corner-DX.jpg) no-repeat scroll top right;display: block;float: left;height: 27px;padding-right:13px;color:#FFF;padding-top:-2px;font-size:0.9em;text-decoration:none;text-align:center;font-weight:normal; }
#content ul.MainNav li a span 		{ background: transparent url(../img/span-img.jpg) no-repeat;display: block;height: 27px;padding:4px;width:80px;text-align:center;padding-left:15px;margin:0 auto; } 
#content ul.MainNav li a:hover 		{ background: transparent url(../img/corner-DX-on.jpg) no-repeat scroll top right; }
#content ul.MainNav li a:hover span { background: transparent url(../img/span-img-on.jpg) no-repeat; }

#content ul.MainNav li a.lighton 		{ background: transparent url(../img/corner-DX-on.jpg) no-repeat scroll top right; }
#content ul.MainNav li a.lighton span { background: transparent url(../img/span-img-on.jpg) no-repeat; }

/* Menu On */

#content ul.MainNav li a.On 			{ background: transparent url(../img/corner-DX-on.jpg) no-repeat scroll top right; }
#content ul.MainNav li a.On span 		{ background: transparent url(../img/span-img-on.jpg) no-repeat; } 
#content ul.MainNav li a.On:hover 		{ background: transparent url(../img/corner-DX-on.jpg) no-repeat scroll top right; }
#content ul.MainNav li a.On:hover span 	{ background: transparent url(../img/span-img-on.jpg) no-repeat; }

/* the overlayed element */ 
.simple_overlay { 
	position:absolute;
	right:0;
	top:5px;
	z-index:1000;
}