/*
Theme Name: comAcesso
Version: 2014.0
Description: Adaptado de IACT - Theme for the Inclusion and Accessibility in Action unit
Author: Cláudio Esperança <claudio.esperanca@ipleiria.pt>, Joana Mineiro <joana.mineiro@ipleiria.pt>
Author URL: http://ued.ipleiria.pt
License: GNU General Public License
UED Theme Coordinator: <a href="mailto:joselia.neves@ipleiria.pt?subject=iACT Theme">Josélia Neves</a>, <a href="mailto:rcosta@ipleiria.pt?subject=iACT Theme">Rogério Costa</a>
UED Theme Designer: <a href="mailto:joana.mineiro@ipleiria.pt?subject=iACT Theme">Joana Mineiro</a>
UED Theme Developer: <a href="mailto:claudio.esperanca@ipleiria.pt?subject=iACT Theme">Cláudio Esperança</a>
*/

@import url('css/reset.css');

/* Fonts */

@import url('fonts/tiresias/style.css');

/* Layout */

a:link,
a:visited,
a:active,
a:hover {
    text-decoration: underline;
    color: #231F20;
}

@media screen {
	#content a:visited, 
	dl.portlet a:visited {
		color: #231F20;
		text-decoration: underline;
		border-bottom: 0 transparent;
	}
	body, 
	#content .documentDescription, 
	#content #description {
		font-family: TiresiasPCfontRegular, Arial, Helvetica, sans-serif;
		/* font-size: 14px; */
		color: #231F20;
		background-color: #FFFFFF;
		background-image: none;
		vertical-align: middle;
		font-weight: normal;
		font-size: 1em;
		line-height: 2em;
	}
	
}
.clearer {
    display: block;
    clear: both;
    content: " ";
    height: 0;
    overflow: hidden;
}
.fleft {
    float: left;
}
.fright {
    float: right;
}
/* Text meant only for screen readers */

#wpadminbar .screen-reader-text,
.screen-reader-text,
.skip-link,
p.hiddenStructure a{
    position: absolute;
    left: -9000px;
    display: block;
    white-space: nowrap;
}
a.skip-link:focus,
p.hiddenStructure a:focus{
    position: fixed;
    left: 0;
}

body,
#content .documentDescription, 
#content #description {
    font-family: TiresiasPCfontRegular, Arial, Helvetica, sans-serif;
    /*font-size: 14px;*/
    color: #231F20;
    background-color: #FFFFFF;
    background-image: none;
    vertical-align: middle;
    font-weight: normal;
    font-size: 1em;
    line-height: 2em;
}
.sitearea {
    width: 100%;
}
.contentarea {
    width: 940px;
    margin: 0 auto;
    position: relative;
}

#header {
    min-height: 90px;
    background: #FFFFFF top left repeat-x;
}
#header .contentarea {
    position: relative;
    min-height: 110px;
}
#header .accessibility-bar {
    position: absolute;
    right: 0;
    top: 0;
    background: #FFFFFF
}
#logo-container {
    padding-top: 15px;
}
#logo-container h1 {
    margin: 0;
}
#logo-container h1,
#logo-container h1 a {
    font-size: 1em;
    line-height: 1.5em;
    vertical-align: bottom;
}
#logo {
    background: transparent url('./images/comacesso_composto.png') top left no-repeat;
    width: 220px;
    height: 66px;
}
#menus {
    background: #001F3E top left repeat-x;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    font-size: 0.9em;
    color: #FFFFFF
}
#menus .contentarea {
    position: relative;
}
#content-wrapper {
    background: #FFFFFF top left repeat-x;
    padding-top: 35px;
}
#content-wrapper .contentarea {
    position: relative;
}
#footer-spacer {
    min-height: 42px;
    background: #FFFFFF url('./images/footer-spacer.jpg') top left repeat-x;
}
#footer {
    background: transparent url('./images/footer.jpg') top left repeat-x;
    text-align: center;
    color: #828384;
    font-size: 0.8em;
    padding-top: 5px;
}
#siteoverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}
/* menu */

#access .menu-header ul,
div.menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#access .menu-header li,
div.menu li {
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
}
#access a {
    color: #231F20;
    display: block;
    padding: 0 15px;
    margin: 0;
    text-decoration: none;
    vertical-align: middle;
    line-height: 3em;
    border: 1px solid transparent;
}
#access ul ul {
    border: 1px solid #F5F6F8;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 3em;
    left: 0;
    float: left;
    z-index: 10;
}
#access ul ul li {
    margin: 0;
}
#access ul ul ul {
    left: 100%;
    top: 0;
}
#access ul ul a {
    width: 15em;
    background-color: #F5F6F8;
    line-height: 1.5em;
    padding: 10px;
    height: auto;
    text-transform: none;
    font-weight: normal;
}
#access ul li ul {
    /*display: none;*/
    left: -1000em;
}
#access ul li.show-menu > ul,
#access ul li:hover > ul {
    /*display: block;*/
    left: 0;
}
#access ul li.show-menu > ul li.show-menu > ul,
#access ul li:hover > ul li:hover > ul {
    left: 100%;
}
#access ul li a:hover,
#access ul li a:focus,
#access ul li.show-menu > a,
#access ul li:hover > a,
* html #access ul li a:hover {
    background-color: #CCC;
}
#access ul li.current_page_item > a,
#access ul li.current_page_ancestor > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a,
* html #access ul li.current_page_item a,
* html #access ul li.current_page_ancestor a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a {
    color: #FFFFFF;
    background: #85BA3F url('./images/menu-active.jpg') top left repeat-x;
}
#access div.menu > ul > li {
    padding-right: 4px;
    margin-left: 0px;
}
#access .vertical-submenu-indicator {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0.7em;
    background: url('./images/menu-toggle.png') center top no-repeat;
}
#access .show-menu .vertical-submenu-indicator {
    top: 1em;
}
/* language bar */

.sloganbar {
    padding: 0 4px;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
}
.sloganbar ul {
    list-style: none;
}
.sloganbar ul li {
    margin: 1px 0 0;
}
.sloganbar ul li,
.sloganbar ul li a,
.sloganbar ul li a:visited,
.sloganbar ul li a:link {
    color: #231F20;
}
.sloganbar ul li a,
.sloganbar ul li a:visited,
.sloganbar ul li a:link {
    text-decoration: underline;
}
.sloganbar ul li.active a,
.sloganbar ul li.current a {
    font-weight: bold;
}
.sloganbar h2 {
    font-size: 1em;
    line-height: 1.5em;
    font-weight: bold;
}
/* sidebar */

.sidebar {
    width: 240px;
    position: absolute;
    top: 0;
    right: 0;
}
.with-sidebar.right {
    width: 680px;
}
/* sidebar widgets */

.sidebar-widget {
    margin-bottom: 30px;
}
.sidebar-widget .widget-title {
    font-size: 0.8em;
    font-weight: normal;
    color: #FFFFFF;
    background: #001F3E top left repeat-x;
    margin: 0;
    padding: 0 20px;
    line-height: 41px;
    vertical-align: middle;
    white-space: nowrap;
}
.sidebar-widget > div,
.sidebar-widget > ul {
    background-color: #f8f8f8;
    padding: 10px 20px;
}
.sidebar-widget .widget-title,
.sidebar-widget > div,
.sidebar-widget > ul {
    border: 1px solid transparent;
}
.sidebar-widget .widget-title + div,
.sidebar-widget .widget-title + ul {
    border-top: none;
}
/* Accessibility Widget */

.accessibility-widget .button:hover {
    background: #EBEBED url('./images/menu-sidebar.jpg') top left repeat-x;
    color: #231F20;
}
/* Youtube Widget */

.sidebar-widget.YouTubeFeaturedVideosWidget > div.featured-youtube-video {
    padding: 0;
    border: 0 none;
}
/* search form */

#searchform {
    padding: 0;
    margin: 24px 0;
}
#searchform .searchbox,
#searchform .searchbutton {
    border: 1px solid #e3e3e3;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
#searchform .searchbox {
    border-right-style: dotted;
    width: 180px;
    height: 25px;
    float: left;
}
#searchform .searchbutton {
    border-left: none;
    width: 36px;
    background: transparent url('./images/search.png') no-repeat center center;
    text-indent: -999%;
    line-height: 1px;
    height: 27px;
}
/* post/page content */

.highlight-image {
    padding: 0;
    margin: 10px 0;
    background-position: center center;
    background-repeat: no-repeat;
}
.entry-title {
    padding: 0 0 5px;
    margin: 0;
    text-transform: none;
    position: relative;
}
.post .entry-title {
    padding: 0;
}
.entry-title .edit-link {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0;
    margin: 0;
}
h1.entry-title {
    font-size: 1.8em;
    margin: 20px 0 10px;
}
h2.entry-title {
    font-size: 1.6em;
    margin: 20px 0 10px;
}
h3.entry-title {
    font-size: 1.4em;
    margin: 20px 0 10px;
}
h4.entry-title {
    font-size: 1.2em;
    margin: 20px 0 10px;
}
.list .entry-title {
    font-size: 1.4em;
    margin: 10px 0 5px;
}
.entry-title,
.entry-title a,
.entry-title a:visited,
.entry-title a:link,
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
    font-weight: normal;
}
.entry-title a,
.entry-title a:visited,
.entry-title a:link,
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
    text-decoration: underline;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active,
.entry-meta a:hover,
.entry-meta a:focus,
.entry-meta a:active {
    text-shadow: #EEEEEE 1px 1px 1px;
}
.ftag,
.entry-title .ftag a,
.entry-title .ftag a:visited,
.entry-title .ftag a:link {
    font-size: 0.8em;
    vertical-align: middle;
    font-weight: normal;
    text-transform: none;
}
.entry-meta,
.entry-meta *,
.entry-meta a,
.entry-meta a:visited,
.entry-meta a:link,
.entry-meta a:hover,
.entry-meta a:focus,
.entry-meta a:active {
    color: #A7A9AC;
    text-decoration: none;
}
.entry-meta {
    margin-top: -10px;
}
.post .entry-summary,
.post .entry-content {
    padding: 0 0 10px;
}
.post .entry-summary,
.post .entry-content,
.publications .publications-group {
    border-bottom: 1px dotted #A7A9AC;
}
.post .entry-content {
    margin-bottom: 25px;
}
.post.last-child .entry-content {
    border-bottom: 0px none;
}
.post .entry-summary {
    margin: 0;
}
.post .entry-content h4 {
    margin-top: 25px;
    text-transform: none;
}
.publications .entry-title.subtitle {
    /*color: #231F20;*/
}
.post:last-child > .entry-summary,
.post:last-child > .entry-content,
.publications .publications-group:last-child {
    border-bottom: none;
}
.entry-summary p,
.entry-content p {
    margin: 0 0 5px;
}
/* more link */

.more-link-container {
    padding-top: 10px;
    text-align: right;
}
.more-link {
    display: inline-block;
    padding: 0 10px;
    line-height: 34px;
    vertical-align: middle;
    background: #e0e1e3 url("./images/more-link.jpg") top left repeat-x;
}
.more-link,
.more-link:visited,
.more-link:link {
    color: #231F20;
}
.more-link:hover,
.more-link:focus,
.more-link:active {
    text-decoration: underline;
}
/* comments */

#content .comments-header {
    background-color: #ECECEC;
    padding: 7px 5px 0 5px;
    vertical-align: bottom;
    margin: 0 0 15px;
}
#content .comments-header .label {
    font-weight: bold;
    background-color: #FFFFFF;
    vertical-align: bottom;
    padding: 5px;
    text-transform: none;
}
.comment-avatar-box {
    padding: 0 5px 5px 0;
}
.comment-author-name,
.comment-author-name a,
.comment-author-name a:visited,
.comment-author-name a:link,
.comment-author-name a:hover,
.comment-author-name a:focus,
.comment-author-name a:active {
    font-weight: bold;
    color: #231F20;
    text-decoration: none;
}
.comment-author-name a:hover,
.comment-author-name a:focus,
.comment-author-name a:active {
    color: #A7A9AC;
}
.comment-entry {
    border-bottom: 1px solid #231F20;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
.commentlist ul.children {
    margin-left: 30px;
}
.comment-navigation {
    margin-bottom: 20px;
}
#commentform label {
    vertical-align: top;
    display: block;
}
#commentform input,
#commentform textarea {
    border: 1px solid #ECECEC;
}
#comments #respond {
    border-bottom: 1px solid #231F20;
    margin-bottom: 15px;
    padding-bottom: 5px;
}
/* search */

.posts-list .entry-title {
    margin-bottom: 15px;
}
.posts-list .loop-posts,
.posts-list .loop-posts a,
.posts-list .loop-posts a:visited,
.posts-list .loop-posts a:link,
.posts-list .loop-posts a:hover,
.posts-list .loop-posts a:focus,
.posts-list .loop-posts a:active {
    font-weight: bold;
    text-decoration: underline;
}
.posts-list .entry-summary {
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #231F20;
}
.posts-list .highlight-image {
    margin: 0 10px 0 0;
    width: 55px;
    height: 55px;
}
.navigation,
.navigation a,
.navigation a:visited,
.navigation a:link,
.navigation a:hover,
.navigation a:focus,
.navigation a:active {
    color: #231F20;
    text-decoration: none;
}
.navigation a:hover,
.navigation a:focus,
.navigation a:active {
    color: #A7A9AC;
}
/* backoffice link */

a.authenticationLink,
a.authenticationLink,
a.authenticationLink:hover,
a.authenticationLink:active,
a.authenticationLink:focus,
a.authenticationLink:visited,
a.authenticationLink:link {
    position: absolute;
    top: 0;
    left: 5px;
    display: block;
    width: 12px;
    height: 12px;
    background: transparent url("./images/backoffice.png") top left no-repeat;
    text-decoration: none;
    border: none;
    padding: 0;
    margin: 0;
}
a.authenticationLink.anonymous:hover,
a.authenticationLink.anonymous:focus,
a.authenticationLink.anonymous:active,
a.authenticationLink.authenticated {
    background-position: bottom left;
}
#wpadminbar .quicklinks li#wp-admin-bar-uedtheme-login > a {
    border-left: none;
    padding: 0;
    margin: 0;
}
#wpadminbar .quicklinks .site-logo {
    display: block;
    padding: 0 .8em 0 45px;
    line-height: 28px;
    min-width: 37px;
    background: transparent url("./images/admin-bar-sprite.png") center left no-repeat;
    position: relative;
}
#wpadminbar .quicklinks .site-logo img {
    position: absolute;
    top: 5px;
    left: 5px;
}
#wpadminbar .quicklinks #wp-admin-bar-uedtheme-login .ab-item.ab-empty-item {
    padding: 0;
    margin: 0;
}
#wpadminbar .quicklinks .site-logo.authenticated {
    padding: 0 .8em 0 0;
    min-width: 37px;
    line-height: 28px;
}
/* Members */

.entry-title.subtitle,
.sub-items .entry-title {
    font-size: 1.5em;
    line-height: 1.5em;
    margin: 20px 0 0px;
}
.entry-title.subtitle {
    border-bottom: 1px solid #A7A9AC;
}
.entry-title.subtitle+.entry-summary {
    padding: 0 0 10px;
}
.members .member a,
.members .member a:link,
.members .member a:visited {
    color: #231F20;
    font-size: 0.8em;
    text-align: center;
    text-decoration: none;
}
.members .member a:hover,
.members .member a:focus,
.members .member a:active {
    text-decoration: underline;
}
.members .member a .foto {
    border: 1px solid transparent;
}
.member .foto {
    background: transparent url('./images/member.jpg') top left no-repeat;
    display: block;
    overflow: hidden;
    width: 100px;
    height: 100px;
}
.member .member-info {
    font-size: 0.85em;
    text-align: left;
    background-color: #ECECEC;
    border: 1px solid transparent;
    padding: 3px;
    max-width: 180px;
}
.member .member-info-section div p {
    line-height: 1.5em;
}
/* content */

.header-item,
.entry-content .header-item {
    margin: 30px 0 0;
    display: block;
    font-size: 1.5em;
}
.project .project-info-header {
    text-transform: none;
    font-size: 1em;
}
.project .featured-image {
    margin: 25px 20px 10px 0;
}
.list-featured-image {
    margin: 10px 20px 10px 0;
}
.concept_tags ul li {
    float: left;
    list-style: none;
    margin: 0 10px 0 0;
}
/* Estilos para o Plone */

dl.portlet dt.portletHeader,
.portletStaticText h2,
dl.portlet dt.portletHeader a {
    font-size: 0.8em;
    font-weight: normal;
    background: #001F3E;
    margin: 0;
    padding: 0 20px;
    line-height: 41px;
    vertical-align: middle;
    color: #fff;
    text-decoration: none;
}
dl.portlet dd,
{
    background-color: #f8f8f8;
    padding: 10px 20px;
}
.portletStaticText {
    background-color: #f8f8f8;
    padding: 0;
    margin-bottom: 10px;
}
.portletStaticText p,
.portletStaticText ul {
    margin-bottom: 5px;
    margin: 5px 10px;
    font-size: 0.8em;
}
#access a {
    color: #fff;
}
#access a:hover {
    color: #000;
}
#edit-bar li,
#portal-personaltools li {
    margin-left: 0;
}
h1 {
    line-height: 1em;
}

#wrapper li{
    display: block;
}

#wrapper .recommend-sites li{
    display: inline-block;
	vertical-align: middle;
}