/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Tribuna Douro

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";

/* ------------------------------------------------------------------------------------------------------------------------ 

	CSS

------------------------------------------------------------------------------------------------------------------------ */
body{font-family: Arial, Helvetica, Geneva, sans-serif;background: #fff url("images/body_bg.gif") repeat-x;color: #333;margin-bottom: 0;}

/* links */
a{color: #cf7201;}
a:hover{text-decoration: underline;}

/* page structure
------------------------------------------------------------------------------------------------------------------------ */
#wrap{margin: 0 auto;text-align: left;width: 950px;padding: 0 15px;position: relative;}
#header{width: 950px;position: relative;height: 110px;border-bottom: 1px solid #CCC;margin-bottom: 5px;}
#navigation{background: #cf7201 url("images/nav_bg.gif") repeat-x;padding: 10px;}
#subheader{height: 82px;background: #191919 url("images/banner.jpg") no-repeat left;margin-top: 5px;position: relative;}
#primary-content{width: 620px;float: left;margin-bottom: 10px;}
#secondary-content{width: 300px;font-size: 12px;float: right;margin-top: 10px;margin-bottom: 20px;border-left: 1px dashed #CCC;border-bottom: 1px dashed #CCC;padding: 0 0 10px 10px;}
#footer{position: relative;border-top: 1px dashed #CCC;font-size: 11px;padding: 0 10px;}

/* stactic pages */
.pages{margin-top: 30px;}

/* page not found */
.full{width: 100% !important;}

/* toolbar
------------------------------------------------------------------------------------------------------------------------ */
#toobar{text-align: right;padding: 10px;}
#toobar .feed{font-family: Cambria, Georgia; font-style: italic; font-size: 18px; background: #fcf8f6 url("images/feed_bg.gif") repeat-x; padding: 5px;text-align: left;margin-bottom: 10px;width: 300px;position: absolute;top: 30px;right: 0;}
#toobar .feed a{background: url("images/feed_icon.png") no-repeat left;padding: 5px 5px 5px 40px;}
.login{background: url("images/padlock_open.png") no-repeat left center;padding: 0 0 0 25px;width: auto;text-align: left;position: absolute;top: 80px;right: 0;}

/* header
------------------------------------------------------------------------------------------------------------------------ */
#header h1{height: 64px;width: 376px;z-index: 1; padding: 15px 0 10px 0;margin-bottom: 0;}

/* navigation */
#navigation ul{margin: 0;list-style: none;position: relative;z-index: 2000;}
#navigation ul li{float: left;position: relative;}
#navigation ul li a{float: left;display: block;padding: 7px 15px;font-weight: bold;text-align: center;color: #fff;margin: 0 1px;}
#navigation ul li a.current{background: #d68727;}

	#navigation li ul { display: none;top: 30px;position: absolute;	-webkit-box-shadow: 0 0 25px #000;-moz-box-shadow: 0 0 25px #000;box-shadow: 0 0 25px #000;background: #000;padding: 1px 0;}
	* html #navigation li ul { width: 130px;} 
	#navigation li:hover ul { display: block; left: 0;z-index: 2000;}
	#navigation li ul li a { padding: 5px 10px;width: 160px;font-weight: normal !important;text-align: left;}
	#navigation li ul li a:hover { background: #00839D; }

#sections-menu {position: absolute; right: 534px; top: 40px; background: #FFF;z-index: 10000;padding: 0;border: 1px solid #DDD;border-bottom: none;display: none;}
#sections-menu ul {margin: 0; list-style: none; text-align: right;}
#sections-menu ul li {padding: 0;display: inline;}
#sections-menu ul li a {display: block; padding: 4px 10px; border-bottom: 1px solid #DDD; cursor: pointer;}

/* search */
#navigation .search{position: absolute;top: 116px;right: 15px;padding: 0 10px 0 15px;width: 285px; text-align: left;background: #00839d;color: #fff;line-height: 52px;}
*html #navigation .search{padding: 14px 10px 12px 15px;}
#navigation input.text{width: 190px;}
#navigation span{font-weight: bold;}

/* subheader
------------------------------------------------------------------------------------------------------------------------ */
#subheader ul{margin: 0;position: absolute;width: 290px;height: 60px;right: 0;top: 20px;padding: 13px 10px 10px 10px;list-style: none;}
#subheader ul li{display: inline;}
#subheader ul li a{color: #7ABFCC;background: url("images/copy.png") no-repeat top left;padding-left: 20px;display: block;}
#subheader .now{position: absolute;right: 0;top: 0;z-index: 200;font-size: 16px;letter-spacing: -1px;font-style: italic;padding: 5px 10px;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;color: #fff;font-weight: bold;text-align: left;width: 290px;}

/* primary content
------------------------------------------------------------------------------------------------------------------------ */
#primary-content h2{margin: 10px 0 10px 0;line-height: 1.0em;padding: 10px 0 5px 0;position: relative;font-family: Cambria, Georgia;font-size: 28px;font-weight: normal;}
#primary-content h2 strong{display: block; font-size: 0.7em; letter-spacing: normal; margin-bottom: 3px;}
#primary-content h2 em{font-weight: normal;}
#primary-content h2 a, #primary-content h3 a{color: #333;}
#primary-content h2 a:hover, #primary-content h3 a:hover{color: #cf7201;}
#primary-content h3{margin-bottom: 10px;line-height: 1.0em;padding: 10px 0 5px 0;border-bottom: 1px solid #CCC;letter-spacing: normal;}

#primary-content .image{float: left; margin: 0 10px 10px 0;width: 310px;font-size: 11px;}
#primary-content .image img{ width: 310px;}
#primary-content .img{ float: left; margin: 0 10px 0 0;}

/* entry tools */
.entry-tools{position: absolute;bottom: 10px;right: 10px;display: none;}
.entry-tools a{display: block;text-indent: -10000px; height: 16px; width: 16px;float: left;}
.mail{background: url("images/email_go.png") no-repeat;}
.print{background: url("images/printer.png") no-repeat;margin-right: 5px;}

/* featured */
.featured{padding: 10px 0 0 0;width: 608px;padding: 0 10px;border: 1px dashed #CCC;margin: 10px 0;}
.featured .intro{margin: 10px 0 0 0;}
.featured .image{float: left !important;margin: 0 10px 10px 0 !important;width: 310px;}
.photo-info{padding: 10px;background: #EEE;font-style: italic;color: #999;}
.photo-info span{display: block;color: #CB0000;font-family: Cambria, Georgia;}

.featured-content{}
.featured-content h2{margin: 0 0 10px 0 !important;line-height: 1.0em;padding: 0 0 5px 0 !important;}
.featured-content p{margin-bottom: 10px;font-size: 13px;}

.wide {width: 620px !important;}

/* banner */
.banner{background: #EEE;border: 1px solid #DDD;padding: 10px 0 0px 80px;margin: 10px 0;text-align: center;font-weight: bold;}

/* news-group */
#news-group{float: left;width: 360px;}
#news-group h3{border: none;font-size: 22px;font-weight: normal;padding: 0;}
#news-group p{font-size: 12px;}
#news-group .single{padding: 10px 10px 0 10px;border-top: 1px dashed #CCC;}
#news-group .date{font-size: 11px;margin-top: 5px;}

/* user-bits */
#user-bits{float: right;width: 240px;}
#user-bits .intro{border-bottom: 1px solid #CCC;margin:  0 0 10px 0;clear: both;}

/* signatures */
#signatures{margin-bottom: 10px;position: relative;}
#signatures div{background: #EEE;color: #333;padding: 10px;border-top: 1px solid #CCC;}
#signatures div span{font-weight: bold;display: block;margin-bottom: 5px;text-transform: uppercase;font-size: 11px;}
#signatures div ul{margin: 0 0 0 20px; padding: 0;}

/* info */
#info{margin-top: 20px;}
#info h3{border-bottom: 1px solid #CCC;font-size: 11px;padding: 10px 10px 7px 10px;text-transform: uppercase;color: #333;background: #EEE;margin: 0; letter-spacing: normal;margin-bottom: 10px;}

/* comments */
.comments h3{text-transform: uppercase;border-bottom: 1px solid #CCC;font-size: 1.2em;}
.comments dl{background: #EEE;border: 1px solid #DDD;border-left: none;border-right: none;padding: 20px;}
.comments dl.admin{background: #F7FBFD;border: 1px solid #ebebeb;border-left: none;border-right: none;padding: 20px;color: #000;}
.comments dl dt span{color: #999;font-weight: normal;}
.comments dl dd blockquote{border-left: 1px solid #DDD;padding-left: 10px;font-style: italic; color: #999;}

/* section */
.section .intro{margin: 30px 0 10px 0;border-bottom: 1px solid #CCC;}
.section .single{border-bottom: 1px solid #CCC;margin: 10px 0;overflow: hidden; height: 1%;}
#primary-content .section h2{margin: 0;padding: 0; border: none;}

/* pagination */
.pagination {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em; position: relative;}
.pagination p {position:absolute; right: 5px; top: 5px; text-align:right; float: right;}
.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding: 2px 5px 1px 5px;border: 1px solid #ccc; line-height: 20px;}
.pagination p a:hover {background:#cf7201;color:#fff}
.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc; line-height: 20px;}

.news-pagination {background: #f2f2f2;color:#666;padding: 5px;border: 1px solid #ddd;}
.news-pagination a:link, .news-pagination a:visited, .news-pagination a:hover, .news-pagination a:active {text-decoration:none;background:#fff;padding: 2px 5px 1px 5px;border: 1px solid #ccc;}
.news-pagination a:hover {background:#cf7201;color:#fff}

/* calendar page */
#wrap-calendar{border: 1px dashed #EBEBEB;background: #fff;padding: 5px;margin-bottom: 10px;}
#calendar-search{border: 1px solid #CCC;width: 300px;padding-top: 10px;float: right;height: 183px}
#calendar-search p{margin: 0 0 10px 0;}
#calendar-search fieldset{margin-bottom: 0;padding: 0 10px;}
#calendar-search label{width: 65px;}
#calendar-search .text{width: 190px;padding: 1px;}
#calendar-search select{width: 194px;font-size: 11px;}
#calendar-search .wrap-bt{margin: 0 0 10px 0;padding: 0;}
#calendar-search .button{padding: 1px;font-size: 11px;margin-top: 10px;}

.calendar .intro{border-bottom: 1px solid #CCC;margin: 0 0 10px 0;}
.calendar dt{margin-top: 5px; background: #EEE; border-bottom: 1px solid #CCC;padding: 5px;}
.calendar dd.title{margin-top: 15px;}
.calendar dd.desc{margin-bottom: 5px; border-bottom: 1px dotted #CCC;padding-bottom: 5px; font-size: 1.3em; margin-left: 18px;font-weight: bold;}
.calendar dd.quiet{font-style: italic;}
.calendar dd h3{padding: 5px 0 !important;}
.calendar dd img{float: left; margin-right: 10px;}

/* opiniao */
.opiniao dl{margin-bottom: 55px;}
.opiniao dt{margin-bottom: 0; background: #EEE; border-bottom: 1px solid #CCC;padding: 5px;position: relative;}
.opiniao dd h3{padding: 5px 0 !important;}
.opiniao dd.highlight{background: #FBF4EC;}
.opiniao dd img{float: left; margin-right: 10px;}

/* assinaturas */
ul.steps {list-style: none;margin: 0 0 20px 0;padding: 0;width: 630px; overflow: hidden;}
ul.steps li {display: block;float: left;margin: 0;padding: 0;width: 146px;height: 36px;}
ul.steps li.first {width: 180px;}
ul.steps li.last {width: 112px;}
ul.steps li.join {width: 15px;height: 36px;}
ul.steps li a {padding: 0;display: block;height: 36px;line-height: 36px;text-align: left;color: #000;background: url(images/steps_li_back.png) repeat-x;cursor: default;}
ul.steps li a span {font-size: 25px;color: #AAA;line-height: 36px;float: left;margin: 0 5px 0 10px;}
ul.steps li a:hover {text-decoration: none;}
ul.steps li.first a {border-left: 1px solid #b2b2b2;}
ul.steps li.last a {border-right: 1px solid #b2b2b2;}
ul.steps li.selected a {font-weight: bold;}

ul.steps li.join a {background: url(images/steps_join_back.png) no-repeat;}
ul.steps li.hover a {text-decoration: none;background: url(images/steps_li_hover_back.png) repeat-x;}
ul.steps li.first.hover a {text-decoration: none;background: url(images/steps_li_hover_back.png) repeat-x;}

ul.steps li.join-hover {width: 15px;}
ul.steps li.join-hover-front {width: 15px;}
ul.steps li.join-hover a {background: url(images/steps_join_hover_back.png) no-repeat;}
ul.steps li.join-hover-front a {background: url(images/steps_join_hover_front_back.png) no-repeat;}

/* pdfs */

.pdfs{
	border: 1px dashed #ccc;
	padding: 5px;
	background: #fafafa;
	float: left;
	width: 170px;
	margin: 10px;
	position: relative;
	text-align: center;
	height: 235px;
}
.pdfs h3{
	padding: 0 0 5px 0 !important;
	margin: 0 0 5px 0 !important;
	text-align: left;
	border-bottom: 1px dashed #ccc !important;
}
.pdfs ul{
	list-style: none;
	margin: 0;
}
.pdfs img{
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;
}

/* secondary content
------------------------------------------------------------------------------------------------------------------------ */
#secondary-content h3{background: #E5E5E5 url("images/h3_bg.gif") no-repeat;border-bottom: 1px solid #fff;font-size: 13px;font-family: Arial, Helvetica, Geneva;padding: 12px 10px 8px 25px !important;border-top: 1px solid #CDCDCD;color: #555;margin: 0 !important;letter-spacing: normal;}

.accordion {border-bottom: 1px solid #eee;margin-top: 20px;}
.accordion h4{margin: 0; letter-spacing: normal;font-family: Arial, Helvetica, Geneva;background: #F7F7F7 !important;padding: 0 !important;font-size: 12px;}
.accordion h4 a{padding: 10px 10px 7px 10px;color: #666;background: #fff url("images/magnify_plus.gif") no-repeat right center; display: block;border: 1px solid #eee;border-bottom: none;}
.accordion div{padding: 10px 10px 10px 0; margin: 0;background: #fafafa;border: 1px solid #eee;border-bottom: none;}
.accordion ul{padding: 0;margin: 0 0 0 25px;font-size: 11px;}
.accordion ul li span.date{font-size: 11px;display: inline;font-style: normal;}

#secondary-content .intro{border-bottom: 1px solid #CCC;margin: 10px 0;}

/* user-login */
#user-login{text-align: left;position: absolute;z-index: 3000;top: 100px;right: 10px;display: none;}
#user-login fieldset{border: 1px solid #CCC;background: #F3F3F3;-webkit-box-shadow: 0 0 25px #666;-moz-box-shadow: 0 0 25px #666;box-shadow: 0 0 25px #666;}
#user-login p{margin-bottom: 0;}
#user-login input.text{margin-bottom: 10px;}
#user-login h4{font-weight: normal;position: relative;margin: 0 0 10px 0;}
#user-login span.user{color: #999;font-weight: bold;}
#user-login span.log-out{top: 2px;font-size: 11px;}

/* user-menu */
#user-menu{border-top: 1px solid #ebebeb;list-style: none;margin: 0;font-size: 1.0em;}
#user-menu li{display: inline;}
#user-menu li a{display: block;padding: 5px 10px;background: #f7f7f7;border-bottom: 1px solid #ebebeb;}
#user-menu li a:hover{background: #F9FBFC;}

.user-content{border: 1px solid #ebebeb;padding: 5px;background: #f7f7f7;}
.user-content h5{border-bottom: 1px solid #ebebeb;margin: 0 0 5px 0;padding: 10px;}

/* pdf */

div#pdfVersion{text-align: left;}
div#pdfVersion ul{list-style: none;margin: 0;}
div#pdfVersion li.title{padding-bottom: 5px;margin: 10px 0 5px 0;}
div#pdfVersion li span{color: #888;font-style: italic;}
div#pdfVersion li a{font-size: 11px;}
div.pdfThumb img{background: #fff;float: left;margin-right: 5px;padding: 5px;border: 1px solid #ccc;}

/* cron */
.cron{margin-top: 20px;font-size: 11px;}
.cron dl{overflow: hidden;}
.cron dl, .cron dt, .cron dd{margin: 0;}
.cron h3{margin-bottom: 10px !important;}
.cron .item{padding: 10px 0 0 0;}
.cron .item div{float: left;margin-right: 5px;overflow: hidden;}
.cron dd.highlight{	font-weight: bold;line-height: 14px;margin-bottom: 3px;font-size: 12px;}

/* tabs */
ul.options{margin: 10px 0 0 0;}
ul.options li{padding:0; margin:0; list-style:none; float: left;}
ul.options li a{float:left; display: block; margin-right:1px; background:#DDD; padding: 6px 8px; color:#333; text-decoration:none; font-weight:bold; border-bottom: 1px solid #999;}
ul.options li a:hover{text-decoration: underline;}
ul.options li.selected a{background:#EEE; color:#333;border-bottom: 1px solid #EEE;}

#latest-stats{background: #F3F3F3;border-bottom: 1px solid #CDCDCD;}
.options-content{font-size: 11px;}
.options-content h3{background: #E5E5E5 url("images/h3_bg.gif") no-repeat;border-bottom: 1px solid #DDD;font-size: 13px;font-family: Arial, Helvetica, Geneva;padding: 12px 10px 8px 25px !important;border-top: 1px solid #CDCDCD;color: #555;margin: 0 !important;}
.options-content ul{margin: 0;padding: 10px 10px 10px 30px;border-top: 1px solid #fff;}

.options-content img{padding: 2px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;}

/* footer
------------------------------------------------------------------------------------------------------------------------ */
#footer p{margin: 0 !important;padding: 15px 0;color: #666;}
#footer p span.poweredby{position: absolute; right: 15px;}

/* global
------------------------------------------------------------------------------------------------------------------------ */
h1, h2, h3{letter-spacing: -1px;font-family: Cambria, Georgia;}
blockquote{border-left: 1px solid #333;padding-left: 20px;}
.intro{font-size: 11px;display: block;padding: 5px;text-transform: uppercase;height: 1%;position: relative;color: #333;}
.sec{font-size: 11px;display: block;padding: 5px;text-transform: uppercase;height: 1%;position: relative;color: #333;font-weight: bold;}
.book{text-align: center;background: #fafafa; padding: 5px;border: 1px dashed #ebebeb;} 
.book img{padding: 5px;border: 1px solid #ccc;margin-right: 10px;}
.date{display: block;font-style: italic;color: #999;font-size: 12px;letter-spacing: normal;font-size: 12px;font-weight: normal;}

.vote{margin-bottom: 15px;}
.vote strong{float: left; margin-right: 10px;}

.col{float: left;width: 310px;}
.col ul{font-size: 11px;}
.last{float: right;margin: 0 !important;}
.read-more{margin-top: 0;}
.floater{position: absolute;top: 5px;right: 5px;}

/* rss link */
.rss-link {margin: 10px 0 0 -30px !important; list-style: none;background: #fff;padding: 5px;border-bottom: 1px solid #CDCDCD;}
.rss-link a {color: #666;padding: 5px 0 5px 30px;background: url("images/feed.gif") no-repeat 10px 50%;}

/* photos */
.photos-wrap{border-top: 1px solid #DDD;clear: left;padding: 0;border-bottom: 1px solid #DDD;overflow: hidden;position: relative;height: 140px !important;}
.photos-panel {position: absolute;left: 0;width: 10000px;}

.photos{list-style: none;margin: 0;padding: 0;position: relative;float: left;width: 640px;margin-top: 5px;}
.photos li{border: 1px solid #CCC;width: 145px;height: 115px;float: left;margin: 5px;display: table;overflow: hidden;text-align: center;background: #FFF;}
.photos li a{display: table-cell;vertical-align: middle;margin: 0px auto;text-align: center;line-height: 120px;}
.photos li:hover{border: 1px solid #333;}

#user-bits .fp{float: none !important;width: 310px !important;}
#user-bits .fp li{margin: 0 0 5px 5px;display: inline;float:left;padding: 10px; width: 120px; height: 80px;}
#user-bits .fp li a{display:block;float:left;height:80px;line-height:80px;overflow:hidden;position:relative;}

.navigate{padding: 5px 0; color: #999;border-top: 1px solid #DDD;}
.navigate div{margin: 0 auto;width: 95%; position: relative;}
.navigate a.next, .navigate a.previous{margin: 0;text-indent: -10000px;height: 17px;display: block;width: 20px;}
.navigate a.next{background: url("images/thumbs-bg-next.gif") no-repeat;float: right;}
.navigate a.previous{background: url("images/thumbs-bg-prev.gif") no-repeat;float: left;}
.navigate a.next:hover{background: url("images/thumbs-bg-next.gif") no-repeat 0 -17px;}
.navigate a.previous:hover{background: url("images/thumbs-bg-prev.gif") no-repeat 0 -17px;}

a.next, a.previous{margin: 0;height: 17px;display: block;width: 20px;}
a.next{background: url("images/pdf-next.gif") no-repeat;float: right;}
a.previous{background: url("images/pdf-prev.gif") no-repeat;float: right;}
a.next:hover{background: url("images/pdf-next.gif") no-repeat 0 -17px;text-decoration: none;}
a.previous:hover{background: url("images/pdf-prev.gif") no-repeat 0 -17px;text-decoration: none;}


.pdf{width: 50px !important;}

.results{padding: 5px 0 5px 20px;background: url("images/bullet_blue.png") no-repeat left center;}
.author{color: #CB0000;}

/* forms */
.form-container h3{text-transform: uppercase;margin-top: 20px;border-bottom: 1px solid #CCC;font-size: 1.2em;}
.form-container fieldset {background: none;margin: 0 0 10px 0; padding: 0 10px 10px 10px; border: none;border-top: 1px dotted #CCC;}
.form-container fieldset legend {font-weight: bold;font-size: 12px;padding-bottom: 20px;}
.form-container fieldset p{position: relative;width: 100%;}
.form-container fieldset label{display: block;float: left;width: 136px;text-align: right;margin-right: 10px;padding: 5px 5px 0 0;border-bottom: 1px dotted #CCC;}
.form-container fieldset span{font-weight: normal; position: absolute; top: 5px; right: 30px; font-size: 11px; color: #999;width: 60px;}
.form-container input.text{width: 340px;}
.form-container textarea{padding: 2px;font-size: 1.2em;width: 342px;height: 300px;overflow: auto;}
.form-container .wrap-bt{text-align: center;padding: 10px 0;}

label{display: block;}
input.text, textarea { border: 1px solid #ccc; border-top-color: #777; border-bottom-color: #DDD; background: #fff; font-size: 13px; padding: 3px; width: 90%; }
.button{cursor: pointer;}

/* messages */
#messages{background: #990000;border-bottom: 1px solid #000;position: fixed;top: 0;left: 0;width: 100%;color: #FFF;text-align: center;z-index: 1;}
#messages div{padding: 1.5%;}


/* nice button */
a.r{float: right;}
a.nicebutton {background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;color: #444;display: block;float: left;height: 24px;margin-right: 6px;padding-right: 18px;text-decoration: none;-moz-outline: none;}
a.nicebutton span {background: transparent url('images/bg_button_span.gif') no-repeat;display: block;line-height: 14px;padding: 5px 0 5px 18px;}
a.nicebutton:active {background-position: bottom right;color: #000;outline: none;}
a.nicebutton:active span {background-position: bottom left;padding: 6px 0 4px 18px;}

.errors {background: #ffffcc url(images/alert.png) 10px 7px no-repeat; color: #000; border: 1px solid #eee; padding: 10px 5px 10px 50px; 5px; margin-bottom: 20px;}