/* @override http://notilat.com/css/client.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;
}

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;
}

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

a:hover {
	color:#191919 !important;
	text-decoration:none;
}

h2 a {
	color:#003e82;
}


/*********************************************
GENERAL STYLES
*********************************************/
body {
	font-family:arial, helvetica, sans-serif;
	font-size:.84em;
	line-height:.84em;
	margin:0;
	padding:0;
}

#content {
	background: #FFF;
}

#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: #245790;
}

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

#footer dl {
    float: left;
    margin: 10px 0 0 0;
    padding: 1px 0 20px;
    width: 15%;
}

#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;
}

div.poweredby {
	padding-top: 25px;
	padding-bottom: 5px;
}

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;
}


/*********************************************
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;
}

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;
	text-align:left;
	padding:5px;
	min-height:1em;
	-moz-border-radius:5px;
}

body div#toolTip p {
	margin:0;
	padding:0;
	color:#191919;
	line-height:1.7em;
			display:block;
		font-weight: normal;
		font-size: .9em;
		width:260px;
		margin: 0;
		padding: 10px 20px;
		border: 1px solid #4c4c4c;
		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;
	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;
}