/* @override http://dev.notilat.com:8888/css/styles2.css */

/*
Theme for "NewsBlocks" Demo -- a clone of PopURLs.com, TheWebList.net, etc.
By Ryan Parman (http://ryanparman.com, http://simplepie.org)
Updated: 2007.10.01
Additional Design by Carlos Granier-Phelps (http://red66.com/)
Lots of code by Electric Pulp (http://electricpulp.com/)
*/

/*********************************************
NAVIGATION BAR
*********************************************/

div.topchunk {
	margin-bottom: 1em;
	margin-top: 1em;
}

div#logo {
	clear: both;
}

ul#navbar {
	width:  51em;
	margin: 0;
	padding: 0;
	/*border:  1px solid #A52A2A;*/
}

ul#navbar li {
	width:  10em;
	height: 2em;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#navbar li a {
	display:  block;
	width:  10em;
	line-height:  2em;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #A52A2A;
}

ul#navbar li a:hover {
	color: #FFF;
}

li.ar a { background-position: 0em -0em }
li.bo a { background-position: 0em -2em }
li.br a { background-position: 0em -4em }
li.cl a { background-position: 0em -6em }

li.co a { background-position: -10em -0em }
li.cr a { background-position: -10em -2em }
li.cu a { background-position: -10em -4em }
li.ec a { background-position: -10em -6em }

li.sv a { background-position: -20em -0em }
li.gt a { background-position: -20em -2em }
li.hn a { background-position: -20em -4em }
li.mx a { background-position: -20em -6em }

li.ni a { background-position: -30em -0em }
li.pa a { background-position: -30em -2em }
li.py a { background-position: -30em -4em }
li.pe a { background-position: -30em -6em }

li.do a { background-position: -40em -0em }
li.uy a { background-position: -40em -2em }
li.ve a { background-position: -40em -4em }
li.es a { background-position: -40em -6em }

ul#navbar li.co,
ul#navbar li.sv,
ul#navbar li.ni,
ul#navbar li.do
{
	margin-top: -7.8em;
}

ul#navbar li.ar,
ul#navbar li.bo,
ul#navbar li.br,
ul#navbar li.cl
{
	margin-left: 0em;
}

ul#navbar li.co,
ul#navbar li.cr,
ul#navbar li.cu,
ul#navbar li.ec
{
	margin-left: 10.1em;
}

ul#navbar li.sv,
ul#navbar li.gt,
ul#navbar li.hn,
ul#navbar li.mx
{
	margin-left: 20.2em;
}

ul#navbar li.ni,
ul#navbar li.pa,
ul#navbar li.py,
ul#navbar li.pe
{
	margin-left: 30.3em;
}

ul#navbar li.do,
ul#navbar li.uy,
ul#navbar li.ve,
ul#navbar li.es
{
	margin-left: 40.4em;
}

/*********************************************
HYPERLINK STYLES
*********************************************/
a {
	color: #545454;
	text-decoration:none;
}

a:hover {
	color:#191919 !important;
	/*background-color:#545454;*/
	text-decoration:none;
}

h2 a {
	color:#003e82;
}


/*********************************************
GENERAL STYLES
*********************************************/
body {
	font-family:arial, helvetica, sans-serif;
	font-size:.84em;
	line-height:.84em;
	color:#545454;
	background-color: #E5ECF3;
	/*background:#abc;*/
/*	background-attachment:fixed;*/
	margin:0;
	padding:0;
}

#content {
	background: #FFF;
	border: 1px solid #ccd2d8;
	border-bottom: 1px solid #245790;
}

#newsblock {
	margin: 20px;
}

#aboutblock {
	margin: 20px;
	width: 480px;
}

#aboutblock p {
	font-size: 1.1em;
	line-height: 1.1em;
}

#aboutblock ul {
	list-style-type: disc;
	font-size: 1.1em;
	line-height: 1.1em;
	margin-left: 2.2em;
}

#aboutblock ol {
	list-style-type: decimal;
	font-size: 1.1em;
	line-height: 1.1em;
	margin-left: 2.2em;
}

#aboutblock li {
	padding-bottom: 0.5em;
}

#aboutblock a {
	text-decoration: underline;
	color: #003e82;
}

#aboutblock a:hover {
	background-color: #B2D281;
	color:  #fff;
}

#aboutblock h3 {
	line-height: 1.2em;
	padding-top: 20px;
}

#footer {
	/*background-color: #FFF;*/
	background: #245790;
}

/*#footer {
	clear: both;
	background-color: #E5ECF3;
    position: relative;
    text-align: left;
    padding-right: 20px;
    min-height: 180px;
    width: 100%;
}*/

#footerblock {
	margin: 20px;
    color: #8696A4;
	background: #E5ECF3;
}

/*#footer-content {
    color: #8696A4;
    float: left;
    padding-top: 25px;
    padding-left: 10px;
	background-color: #245790;
}*/

#footer dl {
    float: left;
    margin: 10px 0 0 0;
    padding: 1px 0 20px;
    width: 15%;
    /*border-right: 1px solid #ddd;*/
    /*min-height: 160px;*/
}

#footer dl.last {
    border: none;
    width: 14% !important;
} /*IE7*/

#footer dd {
    margin: 0;
    padding: 3px 10px;
    font-size: 85%;
}

#footer dd a {
    text-transform: uppercase;
    padding-bottom: 1px;
	font-size: 0.8em;
	text-decoration: underline;
	color: #1B578F;
}

#footer dd a span {
    text-transform: none;
}

#footer dt {
    font-size: 105%;
    font-weight: bold;
    letter-spacing: -0.02em;
    padding: 0 10px 7px;
}

#footer ul {
	margin: 0;
	padding: 0;
	width:  990px;
	float: left;
	list-style: none;
}

#footer ul li {
	float:  left;
}

#footer ul a {
	display:  block;
	padding: 0 2em;
	line-height:  2.1em;
	text-decoration: none;
	color:  #fff;
}

#footer ul a:hover {
	color: #e6e6e6;
	background-color: #695eff;
}

#copyright {
    padding: 30px 15px 40px 0;
    font-size: 85%;
    color: #999;
    clear: both;
	border-top: 1px solid #245790;
}

div#site {
	width:990px;
	margin:0 auto 0 auto;
}

h1 {
	margin:20px 0;
	padding:0;
	font-size:2.5em;
	letter-spacing:-1px;
	text-align:center;
}

h2 {
		margin:1.5em 15px 5px 0;
		font-weight:bold;
		text-transform:uppercase;
		font-size:.9em;
		letter-spacing:.05em;
		color: #003e82;
		border:none;
		padding:3px 0 2px 0;
}

p {
	margin:0;
	padding:5px 0;
}

p.navibar {
		font-size:.85em;
		color:#868686;
		padding:5px 0;
		margin:0 0 1.5em 0;
}

/*********************************************
NAVIGATION TABLE
*********************************************/

table {
	border-collapse: collapse;
	width:  990px;
	/*border: 1px solid #E5ECF3;*/
}

th, td {
	padding: 0.2em 0 0.2em 4em;
}

td a {
	display: block;
}

th {
	font-weight:  normal;
	text-align:  left;
}

td.ar {
	background: url(/fi/flags/ar.png) no-repeat 2.5em center;
}

td.bo {
	background: url(/fi/flags/bo.png) no-repeat 2.5em center;
}

td.br {
	background: url(/fi/flags/br.png) no-repeat 2.5em center;
}

td.cl {
	background: url(/fi/flags/cl.png) no-repeat 2.5em center;
}

td.co {
	background: url(/fi/flags/co.png) no-repeat 2.5em center;
}

td.cr {
	background: url(/fi/flags/cr.png) no-repeat 2.5em center;
}

td.cu {
	background: url(/fi/flags/cu.png) no-repeat 2.5em center;
}

td.ec {
	background: url(/fi/flags/ec.png) no-repeat 2.5em center;
}

td.es {
	background: url(/fi/flags/es.png) no-repeat 2.5em center;
}

td.sv {
	background: url(/fi/flags/sv.png) no-repeat 2.5em center;
}

td.gt {
	background: url(/fi/flags/gt.png) no-repeat 2.5em center;
}

td.hn {
	background: url(/fi/flags/hn.png) no-repeat 2.5em center;
}

td.mx {
	background: url(/fi/flags/mx.png) no-repeat 2.5em center;
}

td.ni {
	background: url(/fi/flags/ni.png) no-repeat 2.5em center;
}

td.pa {
	background: url(/fi/flags/pa.png) no-repeat 2.5em center;
}

td.py {
	background: url(/fi/flags/py.png) no-repeat 2.5em center;
}

td.pe {
	background: url(/fi/flags/pe.png) no-repeat 2.5em center;
}

td.do {
	background: url(/fi/flags/do.png) no-repeat 2.5em center;
}

td.uy {
	background: url(/fi/flags/uy.png) no-repeat 2.5em center;
}

td.ve {
	background: url(/fi/flags/ve.png) no-repeat 2.5em center;
}

td:hover {
	background-color: #B2D281;
	color:  #fff;
	/*border-top: 1px solid #0c0083;
	border-bottom: 1px solid #0c0083;*/
}

td.logo {
	/*background: url(/images/notilat_blue.png) no-repeat;*/
	margin: 0;
	padding: 0;
}

td.pageType a {
	font-size: 0.8em;
	text-decoration: underline;
	color: #1B578F;
}

#ar table td.ar {font-weight: bold;	background-color: #90B557; }
#ar table td.ar a {color: #30570A;}

#bo table td.bo {font-weight: bold;	background-color: #90B557; }
#bo table td.bo a {color: #30570A;}

#br table td.br {font-weight: bold;	background-color: #90B557; }
#br table td.br a {color: #30570A;}

#cl table td.cl {font-weight: bold;	background-color: #90B557; }
#cl table td.cl a {color: #30570A;}

#co table td.co {font-weight: bold;	background-color: #90B557; }
#co table td.co a {color: #30570A;}

#cr table td.cr {font-weight: bold;	background-color: #90B557; }
#cr table td.cr a {color: #30570A;}

#cu table td.cu {font-weight: bold;	background-color: #90B557; }
#cu table td.cu a {color: #30570A;}

#ec table td.ec {font-weight: bold;	background-color: #90B557; }
#ec table td.ec a {color: #30570A;}

#es table td.es {font-weight: bold;	background-color: #90B557; }
#es table td.es a {color: #30570A;}

#sv table td.sv {font-weight: bold;	background-color: #90B557; }
#sv table td.sv a {color: #30570A;}

#gt table td.gt {font-weight: bold;	background-color: #90B557; }
#gt table td.gt s {color: #30570A;}

#hn table td.hn {font-weight: bold;	background-color: #90B557; }
#hn table td.hn a {color: #30570A;}

#mx table td.mx {font-weight: bold;	background-color: #90B557; }
#mx table td.mx a {color: #30570A;}

#ni table td.ni {font-weight: bold;	background-color: #90B557; }
#ni table td.ni a {color: #30570A;}

#pa table td.pa {font-weight: bold;	background-color: #90B557; }
#pa table td.pa a {color: #30570A;}

#py table td.py {font-weight: bold;	background-color: #90B557; }
#py table td.py a {color: #30570A;}

#pe table td.pe {font-weight: bold;	background-color: #90B557; }
#pe table td.pe a {color: #30570A;}

#do table td.do {font-weight: bold;	background-color: #90B557; }
#do table td.do a {color: #30570A;}

#uy table td.uy {font-weight: bold;	background-color: #90B557; }
#uy table td.uy a {color: #30570A;}

#ve table td.ve {font-weight: bold;	background-color: #90B557;}
#ve table td.ve a {color: #30570A;}

/*********************************************
COMMON STYLES
*********************************************/


div.chunk {
	margin:0;
	padding:0 0 0 0;
}

.footnote,
.footnote a {
	font-size:12px;
	line-height:1.3em;
	color:#aaa;
}

.clearLeft {clear:left;}
.clearRight {clear:right;}
.clearBoth {clear:both;}
.hide {display:none;}
.noborder {border:none !important;}


/*********************************************
NEWSBLOCK STYLES
*********************************************/
div.block {
	width:285px;
	float:left;
	margin: 0 15px;
}

div.block#adsense {
	text-align: center;
}

div.fpblock {
	width:130px;
	float:left;
	margin: 0 15px;
}

ul {
	list-style:none;
	padding: 0;
	margin: 0;
}

li.newsitem {
		font-size:.85em;
		line-height:1.2em;
		height:1em;
		padding:3px 0 3px 0;
		/*margin: 3px 0 0;*/
		border-top:1px solid #ddd;
		overflow:hidden;
}

li.newsitem:hover {
	background-color: #C6DFE9;
	overflow:auto;
	height:auto;
}

li.newsitem a:visited {
	color: #999;
}

li.website {
		margin: 1.5em 15px 0 0;
		font-weight:bold;
		text-transform:uppercase;
		font-size:.9em;
		letter-spacing:.05em;
		color: #003e82;
		border:none;
		padding:3px 0 2px 0;
/*		font-weight:bold;
		text-transform:uppercase;
		font-size:1em;
		letter-spacing:.05em;
		color:#f8195d;
		color:#003e82;
		border:none; */	
}

li.website a {
		color:#003e82;
}

p.more {
	text-align:right;
	font-size:0.85em;
}

li.newitem {
	padding-left:20px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:right 6px;
}

li.enclosure {
	padding-left:20px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:left 6px;
}

li.video {
	background-image:url(../images/video.png);
}

li.audio {
	background-image:url(../images/audio.png);
}

li.image {
	background-image:url(../images/images.png);
}

div.wideblock {
	clear:left;
}

div.wideblock li {
	float:left;
	border:none;
}

div.wideblock li a {
	display:block;
	padding:3px;
	margin:10px 0 0 15px;
	background-color:#369;
}

div.wideblock li a:hover {
	background-color:#69c;
}

/*********************************************
STYLES FOR "SWEET TITLES"
By Dustin Diaz, http://www.dustindiaz.com/sweet-titles
*********************************************/
body div#toolTip {
	position:absolute;
	z-index:1000;
	width:300px;
	background:#fff;
	/*border:2px double #f0f0f0;*/
	text-align:left;
	padding:5px;
	min-height:1em;
	-moz-border-radius:5px;
}

body div#toolTip p {
	margin:0;
	padding:0;
	color:#191919;
	/*font:12px/1.2em "Lucida Grande", Verdana, Arial, sans-serif;*/
	line-height:1.7em;
			display:block;
		font-weight: normal;
		font-size: .9em;
		width:260px;
		margin: 0;
		padding: 10px 20px;
		border: 1px solid #4c4c4c;
		/*border-bottom:none;*/
		background: #f0f0f0;
}

body div#toolTip p em {
	display:block;
	margin-top:3px;
	color:#f60;
	font-style:normal;
	font-weight:bold;
}

body div#toolTip p em span {
	font-weight:normal;
	color:#191919;
}

img {
	border:none;
	}
	
.favicon {
	float:left;
	margin-left:-20px; /* done this way because of the ie position bug */
}

li.allFeeds {
	font-size: 1em;
	line-height: 1.2em;
	padding:3px 0 3px 0;
	margin: 0;
	border-top:1px solid #ddd;
	display: block;
}

li.allFeeds:hover {
	background-color: #e6e6e6;
}

img.countryflag {
	vertical-align: baseline;
	padding-right: 3px;
	padding-left: 3px;
}

img.favicon2 {
	vertical-align: bottom;
}

a.sourceTitle {
	text-transform: uppercase;
	padding-right: 7px;
	padding-left: 7px;
	font: bold .85em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #003e82;
}

span.pubDate {
	font: .5em "Lucida Grande", Lucida, Verdana, sans-serif;
}

a.itemDesc {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

p.homepageText {
	font-size: 1.2em;
	line-height: 1.2em;
}

p.homepageText a {
	text-decoration: underline;
	color: #1B578F;
}

#botonera {
	float: right;
	font-size:11px;
	line-height:1em;
	color:#828282;
	}

#botonera div.botones {
	color:#898989;
	background:#FFF;
	/*border:1px solid #ddd;*/
	float:left;
	padding:1px;
	margin:0 0 0 5px;
	line-height:15px;
	height:17px;
	}
	#botonera div.botones span {
		float:left;
		padding:0;
		margin:1px 2px;
	}
	#botonera div.botones a {
		float:left;
		color:#4c4b4b;
		padding:1px 4px;
		margin:0 1px;
	border-left-style: solid;
	border-left-color: #90B557;
	border-right-style: solid;
	border-right-color: #90B557;
	}
	#botonera div.botones a:hover {
	background-color: #B2D281;
	color:  #fff;
}