@charset "iso-8859-1";

/*  
Theme Name: Plio
Theme URI: http://www.plio.pt
Description: Plio website
Version: 1.0
Author: Pedro Reis
Author URI: http://www.uxte.com/

*/

*{margin:0; padding:0}

body{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	color:#333;
}


h1{
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 28px;
	font-weight:normal;
	color:#FFF;
	line-height:1.1em;
}

h2, h3{
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 22px;
	color: #4E4E4E;
}

h4{font-size:14px;}

a img{border:none}

.hide{ display:none}

a:link, a:visited{
	text-decoration:underline;
	color: #333;
}

a:hover{
	text-decoration: none;
	color: #333;
}

.align-left{float:left}
.align-right{float:right}

#wrap{
	margin: 0 auto 0 auto;
	width: 900px;
	text-align: left;
}

#header{position:relative; height:480px}

#top{background: url(images/logo.gif) 10px 20px no-repeat; position:absolute; z-index:2; top:0; left:0; width:900px; height:130px}

.logo{float:left; margin:30px 0 30px 30px}

ul#nav{
	padding-top:70px;
	float:right;
	list-style-type:none
}

ul#nav li{float:left}

ul#nav li a:link, ul#nav li a:visited{
	padding:18px 22px 27px 22px;
	display:block;
}

.nav-link{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#999;
	text-transform:uppercase;
}

a.nav-link:link, a.nav-link:visited{
	color:#999;
	text-decoration:none;
}

a.nav-link:hover{color:#333}

ul#nav li.selected, ul#nav li.selected-1{
	background:#cecece url(images/top-tab-left.gif) top left no-repeat;
}

ul#nav li.selected a:link, ul#nav li.selected a:visited, ul#nav li.selected a:hover{
	background: url(images/top-tab-right.gif) top right no-repeat;
	display:block;
	color:#fff;
}

ul#nav li.selected-1 a:link, ul#nav li.selected-1 a:visited, ul#nav li.selected-1 a:hover{
	background: url(images/top-tab-right-1.gif) top right no-repeat;
	display:block;
	color:#fff;
}


#banner{
	position:absolute;
	z-index:1;
	top:120px; 
	left:0; 
	width:900px; 
	height:300px; 
	background:#666 url(images/banner.jpg) top left no-repeat;
}

.banner-image{
	position:absolute;
	top:0;
	left:10px;
}

.banner-text{
	position:absolute;
	top:50%;
	right:40px;
	width:500px;
	height: 220px;
	margin-top:-110px;
}

#banner h1{}

p.banner-button{	
	background:url(images/banner-btn-left.jpg) top left no-repeat;
	position:absolute;
	bottom:0;
	right:0
}

.banner-button a:link, .banner-button a:visited{	
	background:url(images/banner-btn-right.jpg) top right no-repeat;
	display:block;
	padding:10px 50px 11px 20px;
	font-weight:bold;
	color:#999;
	text-decoration:none;
	text-transform:uppercase;
}

.banner-button a:hover{
	display:block;
	color:#333;
}

#subnav{position:absolute; z-index:2; top:410px; left:0; color:#333; width:100%;}

#subnav ul{
	list-style-type:none;
}

#subnav ul li{
	float:left;
	margin-right:-20px;
}

#subnav ul li a:link, #subnav ul li a:visited{
	padding:26px 40px 18px 40px;
	display:block;
}

#subnav ul li.selected{
	background:#666 url(images/bottom-tab-left.gif) bottom left no-repeat;
}

#subnav ul li.selected-1{
	background:#666 url(images/bottom-tab-left-1.gif) bottom left no-repeat;
}

#subnav ul li.selected a:link, #subnav ul li.selected a:visited, #subnav ul li.selected-1 a:link, #subnav ul li.selected-1 a:visited{
	background: url(images/bottom-tab-right.gif) bottom right no-repeat;
	display:block;
	color:#fff;
	text-decoration:none;
}

#subnav ul li.selected a:hover, #subnav ul li.selected-1 a:hover{color:#333}

ul#sub-subnav{
	position:relative;
	float:left;
	width:100%;
	border-top:#eee solid 1px;
	margin-top:22px;
	list-style-type:none;
	color:#666;
}

ul#sub-subnav li{
	float:left;
	padding:10px 15px 0 14px;
}

li.nav-arrow{
	position:absolute;
	top:-12px;
	background:url(images/proj-nav-arrow.gif) top left no-repeat;
	width:25px;
	height:12px;
}


#searchform{
	float:right;
	width: 280px;
	padding: 18px 0  0px 40px;
}

#searchform input{
	float: left;
	width: 160px;
}

#searchform #searchsubmit{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#999;
	text-transform:uppercase;
	
	width:90px;
	margin:-16px 0 0 10px;
	border:none;
	background:none;
	cursor:pointer;
}

#container{ 
	float:left;
	width:100%;
	margin:10px 0 20px 0;
	border-bottom: #eee solid 1px;

}

.post{
	position:relative;
	float:left;
	width:100%;
	padding:20px 0 10px 0;
	border-top: #eee solid 1px;
}

.odd{}
.even{background-color:#f6f6f6}

.post-info{
	float:left;
	width:240px;
	text-align:right;
	padding:0 0 10px 10px;
}

.post-info h2{color:#3399cc}

.post-info a:link, .post-info a:visited{
	color:#3399cc;
	text-decoration:none;
}

.post-info a:hover{
	color:#333;
	text-decoration:none;
}

.post-date{
	font-weight:bold;
	font-size:12px;
	color:#999;
	padding-top:0.2em;
}

p.post-comment{
	height:23px;
	width:24px;
	background:url(images/icon-comment.gif) top left no-repeat;
	float:right;
	margin-top:8px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

p.post-comment a:link, p.post-comment a:visited{
	height:21px;
	width:22px;
	padding-top:2px;
	display:block;
	color:#999;
	text-decoration:none;
}

p.post-comment a:hover{
	color:#333;
	text-decoration:none;
}

a.readmore{
	background:url(images/icon+.gif) center right no-repeat;
	padding-right:18px;
}

p.button-edit{position:absolute; bottom:10px; right:10px;}

.post .entry{
	float:left;
	width:620px;
	padding:0 10px 10px 20px;
}

.entry ul{padding:0 0 10px 20px}

.post .entry p{line-height:18px; padding-bottom:10px;}

/*.post .entry img {float:right; padding:0 10px 10px 0;}*/
.aligncenter, div.aligncenter {
	display: block;
	margin:0 auto 0 auto;
}
.alignleft{float:left; padding:0 10px 10px 0;}
.alignright{float:right; padding:0 0 10px 10px;}

/*COMMENTS*/

.comments{
	border-top: #eee solid 1px;
	float:right;
	width:630px;
	padding:10px 0 20px 0;
}

.comments-header{padding-bottom:10px; float:left; width:100%; border-bottom: #eee solid 1px;}

.comments-header p{float:left}

p.add-comment{padding:2px 0 0 10px}

p.comments-number{
	height:21px;
	padding-top:2px;
	width:24px;
	background:url(images/icon-comment.gif) top left no-repeat;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

#form-box{border-bottom: #eee solid 1px; padding-top:10px; float:left; width:100%}

#comment-form{float:left; margin-bottom:20px}

#comment-form input{width:540px}

#comment-form textarea{width:616px; height:100px}

#comment-form input.submit{
	float: left;
	width:160px;
	margin-right:470px;
}

ol.comment-list{list-style-type:none; margin-top:20px; float:left}

ol.comment-list li{padding:20px 20px 10px 20px; position:relative; float: left; width:585px;}

.comment-list p{padding-bottom:10px}

.alt-comment{background-color:#f6f6f6}

p.comment-meta{}
p.obs{}
span.alert{border:#ff6666 1px solid; padding:4px; font-weight:bold; color:#ff6666}


/*PAGE*/

.content{
	padding:20px 10px 10px 10px;
	border-top: #eee solid 1px;
}

.content p{line-height:18px; padding-bottom:10px;}

.content h2{padding-bottom:20px;}

.content h3{
	background-color:#999; 
	margin:0 -10px 10px -10px;
	padding:8px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	text-transform:uppercase;
}

.content h4{padding:10px 0;}

.content ul{list-style-type:none; padding:0 0 20px 16px}
.content ul li, .entry ul li{background:url(images/icon-check.gif) top left no-repeat; padding: 0 0 6px 20px;list-style-type:none }

a.link-pdf{ background: url(images/icon-pdf.gif) 0 0 no-repeat; padding-left:30px}
a.link-doc{ background: url(images/icon-doc.gif) 0 0 no-repeat; padding-left:30px}

.logos{float:left; margin:0 -30px 0 -30px}
.f-logo{float:left; padding:0 0 20px 20px}
.f-logo img{border:#eee 3px solid;}

/*FORMS*/

form ul{list-style-type:none}

form ul li{
	float:right;
	margin-top:10px;
}

input, textarea{
	background-color:#f7f7f7;
	padding: 6px;
	border: #dedede solid 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}

input.submit{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#999;
	text-transform:uppercase;
	background:none;
	cursor:pointer;
}

form label{
	padding-right:10px; 
	margin-right:10px; 
	border-right: #ccc 1px dotted;
	color:#999;
}

li.form-success{border:#82B34D 1px solid; padding:6px; width:380px; font-weight:bold; color:#82B34D}
li.form-error{border:#ff6666 1px solid; padding:6px; width:380px; font-weight:bold; color:#ff6666}

select{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}

/*NEWSLETTER*/

form#newsletter-form{width:600px}
form#newsletter-form input{width:460px}
form#newsletter-form input.submit{width:160px;}

form#newsletter-form li.form-success{width:460px}
form#newsletter-form li.form-error{width:460px}

form#newsletter-form p.form-note{width:472px; padding:10px 0 20px 0; color:#999}

/*JOB*/

#job-form{margin-top:-10px}

#job-form form ul{float:left; width:600px}
#job-form form input{width:460px}
#job-form form input.submit{width:160px; margin-bottom:20px}
#job-form form select{width:474px}

#job-form form li.form-success{width:460px}
#job-form form li.form-error{width:460px}

#job-form form p.form-note{width:472px; padding:10px 0 20px 0; color:#999}

#job-form .cv-box{float:right; width:260px; padding:9px 20px}

#job-form .cv-box p, #job-form .cv-box h4{padding-bottom:10px; line-height:18px}

input#cv{width:260px !important; margin-bottom:10px}

/*CONTACTS*/

.contacts-content{
	padding-bottom:20px;
	border-top: #eee solid 1px;
}

form#contact-form{float:left; width:560px; padding:10px 0 20px 0}

form#contact-form input{width:380px}

form#contact-form textarea{width:540px; height:200px}

form#contact-form input.submit{
	float: left;
	width:160px;
	margin-right:394px;
}

form#contact-form li.form-success{width:380px}

form#contact-form li.form-error{width:380px}

.contacts{float:right; width:300px; padding:0 0 20px 20px}

.contacts p{border-bottom:#eee solid 1px; padding:20px 10px; width:280px}

#map{float:left; margin-top:20px; width:300px; height:300px}

a.map-link{float:left; border-top:#eee solid 1px; margin-top:20px; padding:20px 10px 0 10px; width:280px}


/*ARCHIVES */

ul#archive-list{}

ul#archive-list, ul#archive-list ul{list-style-type:none}

li.archive-year{
	border-top:#eee solid 1px;
	float:left; 
	width:100%;
	margin-bottom:10px;
}

li.archive-year h2{
	background-color:#999;
	float:left; 
	padding:8px 10px; 
	width:130px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	
}

ul.archive-month{
	float:right;
}

ul.archive-month h3{
	background-color:#ccc;
	padding:8px 10px; 
	width:730px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#666;
}

a.archive-post:link, a.archive-post:visited{
	background:url(images/icon+.gif) 10px center no-repeat;
	display:block; 
	padding:8px 10px 8px 30px; 
	width:710px;
	text-decoration:none;
	color:#3399cc;
}

a.archive-post:hover{background-color:#eee}

span.archive-day{
	background:url(images/icon-day.gif) 0 -50px no-repeat;
	font-size:12px;
	color:#999;
	font-weight:bold;
	padding:7px 10px 2px 4px;
}

/*FORM PLAN*/

#header-pf{}

#header-pf .text-pf{ float:left; width:460px}

#header-pf h1{color:#3399cc; padding:20px 10px }
#header-pf p{padding:10px; line-height:18px}

ul.form-list{list-style-type:none}

ul.form-list h2, .form-list-head{
	float:left; 
	padding:8px 10px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}

ul.form-list h2{
	background-color:#999;
	color:#fff;
	width:210px;
}

.form-list-head{
	background-color:#ccc;
	width:650px;
}

p.form-date{float:left; padding:8px 10px; width:210px; text-align:right}

a.form-post:link, a.form-post:visited{
	background:url(images/icon+.gif) 10px center no-repeat;
	float:left;
	display:block; 
	padding:8px 10px 8px 30px; 
	width:630px;
	text-decoration:none;
	color:#3399cc;
}

a.form-post:hover{background-color:#eee}

#footer-pf{
	position:relative;
	float:left; 
	width:100%;
	height:100px
}

ul.footer-pf-nav{
	float:left;
	padding:40px 0;
	list-style-type:none
}

ul.footer-pf-nav li{
	background: url(images/list-icon2.gif) center left no-repeat;
	float:left;
	padding: 0 10px;
}

ul.footer-pf-nav li.no-style{
	background: none;
	padding: 0 10px;
}

ul.footer-pf-nav a:link, ul.footer-pf-nav a:visited{
	text-decoration:none;
	color:#999
}

ul.footer-pf-nav a:hover{
	text-decoration:underline;
	color:#333
}
/*SEARCH*/

.search-result{
	position:relative;
	float:left;
	width:880px;
	padding:10px;
	border-top: #eee solid 1px;
}

.search-header{padding-bottom:10px; width:100%; float:left}

.search-result h2, .search-result h3{font-size:16px; float:left; padding-right:6px}

.search-result h2 a:link, .search-result h2 a:visited{color:#666}

.search-result h2 a:hover{
	color:#666;
	text-decoration:none;
}

.search-result h3 a:link, .search-result h3 a:visited{
	color:#3399cc;
}

.search-result h3 a:hover{
	color:#3399cc;
	text-decoration:none;
}

.search-result p{line-height:18px; padding-bottom:10px}

/*POST PAGES*/

.tag{
	background-color:#999;;
	float:left;
	width:880px;
	padding:8px 10px
}

.tag h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	text-transform:uppercase;
}

.post2{
	position:relative;
	float:left;
	width:880px;
	padding:10px 10px 20px 10px;
	border-top: #eee solid 1px;
}

.post2 .post-date{margin-top:-12px;}

.post2 .entry h2, .post2 .entry h3{padding-bottom:10px}

.post2 .entry p{padding-bottom:10px; line-height:18px}

.post2 .entry h3 a:link, .post2 .entry h3 a:visited{
	color:#3399cc;
	text-decoration:none;
}

.post2 .entry h3 a:hover{
	color:#333;
	text-decoration:none;
}

.post2 .entry img{margin-right:10px}

.post2 .entry a:hover img.size-thumbnail {border:#fff 10px solid; width:130px; height:130px}

.title-id{color:#3399cc; background:url(images/icon-project.gif) left 2px no-repeat; padding-left:26px}


/*FOOTER*/

#footer{
	position:relative;
	background:url(images/footer-bkg.gif) bottom left no-repeat; 
	float:left; 
	width:100%;
}

.page-nav{float:left; width:100%; margin-bottom:-20px}

#post-nav{
	background:#666 url(images/post-nav-left.gif) top left no-repeat;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}

.gotop{float:left; padding:18px 0 0 10px; display:none;}
.prev-link{float:left; margin:18px 20px 0 40px;}
.next-link{float:left; margin:18px 0 0 20px;}

.spacer{
	background:#666 url(images/post-nav-right.gif) top left no-repeat;
	float:left;
	width:20px;
	height:70px;
}

#post-nav a:link, #post-nav a:visited{
	color:#fff;
	text-decoration:none;
}

#post-nav a:hover{
	color:#333;
	text-decoration:none;
}

#wp_page_numbers{float:left; margin-top:18px;}

#wp_page_numbers ul{
	list-style-type:none;
	float:left;
}

#wp_page_numbers ul li{
	float:left;
	padding:0 5px 0 5px;
}

#post-nav li.active_page a:link, #post-nav li.active_page a:visited{color:#333;}

ul.footer-nav{
	float:left;
	width:880px;
	padding:67px 10px;
	list-style-type:none
}

ul.footer-nav li{
	background: url(images/list-icon.gif) center left no-repeat;
	float:left;
	padding: 0 10px;
}

ul.footer-nav li.no-style{
	background: none;
	padding: 0 10px;
}

ul.footer-nav a:link, ul.footer-nav a:visited{
	color:#fff;
	text-decoration:none;
}

ul.footer-nav a:hover{
	text-decoration:underline;
}

p.credits{
	float:right;
	padding:25px 10px 0 0;
	font-weight:bold;
	text-transform:uppercase;
	color:#CCC;
}

p.credits a:link, p.credits a:visited{
	color:#CCC;
	text-decoration:none;
}

p.credits a:hover{
	color:#666;
	text-decoration:none;
}