/*
Theme Name: IPL+Inclusivo
Version: 2012.0
Description: Theme for the IPL+Inclusivo website
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('./reset.css');

/* Fonts */
@import url("http://fonts.googleapis.com/css?family=Crete+Round:400,400italic|Titillium+Web:400,200,300,600,700,900,200italic,300italic,400italic,600italic,700italic");



/* Layout */

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

h1, h2, h3, h4, h5, h6{
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    font-style: normal;
}

.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 {
    position: absolute;
    left: -9000px;
}

body{
    font-family: 'Crete Round', sans-serif;
    /*font-size: 14px;*/
    font-style: italic;
    color: #006838;
    background-color: #FFFFFF;
    line-height: 20px;
    vertical-align: middle;
}

.sitearea{
    width: 100%;
}

.sitearea,
#supersized,
#footer,
.highlight-image,
#banner,
#header-top{
    min-width: 940px;
}
.contentarea,
#sequence .model{
    width: 940px;
}

.contentarea{
    margin: 0 auto;
}

#header{
    min-height: 85px;
    position: relative;
}

#header .contentarea{
    position: relative;
}

#logo-container{
    position: relative;
    margin-top: 15px;
    padding-left: 15px;
}

#logo-main-container{
    position: absolute;
    top: -10px;
    left: 215px;
}

#logo-container,
#menus{
    z-index: 20;
}
#logo-container h1{
    margin: 0;
}


#logo-container h1,
#logo-container h1 a{
    font-size: 1em;
    line-height: 1.5em;
    vertical-align: top;
}
#content-wrapper,
#content-wrapper .contentarea{
    position: relative;
}

#content{
    font-size: 0.9em;
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid #D7DF23;
}

#footer,
#footer a,
#footer h3{
    color: #006838;
    font-family: 'Crete Round', sans-serif;
    font-style: italic;
    
}

#footer a,
#footer a:link{
    text-decoration: none;
}

#footer a:hover,
#footer a:focus,
#footer a:active{
    text-decoration: underline;
}


#footer .contentarea{
    padding-top: 25px;
    margin-top: 8px;
    border-top: 1px solid #D7DF23;
}

#footer .contentarea-with-background{
    background-color: #D7DF23;
}

#footer .about-text a{
    display: block;
    min-height: 50px;
    padding: 0 20px;
    font-family: "Titillium Web", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.2em;
}

.menu-footer{
    border-bottom: 1px solid #FFFFFF;
    padding: 0 20px;
}

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

.menu-footer li{
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
}

.menu-footer li:before{
    color: #FFFFFF;
    content: '|\0000a0';
}

.menu-footer li:first-child:before{
    content: '';
}

.menu-footer li a{
    /*border-left: 1px solid #FFFFFF;*/
    margin: 0 3px;
}

#footer .menu-footer ul li.current_page_item > a,
#footer .menu-footer ul li.current_page_ancestor > a,
#footer .menu-footer ul li.current-menu-ancestor > a,
#footer .menu-footer ul li.current-menu-item > a,
#footer .menu-footer ul li.current-menu-parent > a{
    color: #FFFFFF;
}

#siteoverlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

#credits a{
    font-size: 0.9em;
}

/* menu */
#menus{
    position: absolute;
    top: 31px;
    right: 0;
    max-width: 430px;
    padding-right: 10px;
}
#access ul,
div.menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#access li,
div.menu li {
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
}

#access a {
    background-color: #D7DF23;
    color: #006838;
    display: block;
    margin: 0 0 0 7px;
    text-decoration: none;
    vertical-align: middle;
    text-transform: uppercase;
    font-style: normal;
    line-height: 56px;
    padding: 0 10px;
    text-align: left;
    font-family: "Titillium Web", sans-serif;
    font-weight: 700;
    border: 1px solid transparent;
}

#access ul{
    
}

#access ul ul {
    position: absolute;
    top: 56px;
    left: 20px;
    float: left;
    z-index: 10;
    /*padding-top: 5px;*/
}

#access ul ul a,
#access ul ul a:link,
#access ul ul a:visited{
    font-size: 0.85em;
    color: #006838;
}


#access ul ul li {
    margin: 0;
    border-right: 1px solid #E6E7E8;
    border-left: 1px solid #E6E7E8;
}
#access ul ul li:last-child{
    border-bottom: 1px solid #E6E7E8;
}

#access ul ul ul {
    left: 100%;
    top: 0;
    padding-top: 0;
}
#access ul ul a {
    width: 15em;
    background-color: #FFFFFF;
    color: #01B59D;
    line-height: 1.5em;
    padding: 10px;
    margin-left: 0;
    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: 7px;
}

#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 {
    border: 1px solid #D7DF23;
    background-color: #FFFFFF;
    color: #006838;
}

#access ul ul li a:hover,
#access ul ul li a:focus,
#access ul ul li.show-menu > a,
#access ul ul li:hover > a,
* html #access ul ul li a:hover {
    border: 1px solid transparent;
    background-color: #D7DF23;
    color: #006838;
}

#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{
    border: 1px solid #006838;
    background-color: #006838;
    color: #D7DF23;
}

#access div.menu > ul > li {
    padding-right: 4px;
    margin-left: 0px;
}
/* featured banners */

#banner{
    margin-top: -20px;
    position: relative;
    min-height: 431px;
    z-index: 10;
}

#banner #nav-container {
    position: absolute;
    bottom: 20px;
    right: 25px;
    z-index: 15;
}
#banner #nav{
    display: none;
}

#banner #nav li{
    display: block;
    width: 14px;
    height: 14px;
    background: transparent url("../images/nav-button.png") center center no-repeat;
    overflow: hidden;
    margin: 0 0 0 2px;
}

#banner #nav li.active{
    background-image: url("../images/nav-button-active.png");
}

#sequence-preloader{
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 999999;
    vertical-align: middle;
    text-align: center;
    display: none;
}

#sequence{
    min-height: 433px;
    width: 942px;
    position: relative;
    overflow: hidden;
}

/*
#sequence a.model,
.highlight-image,
.box,
.featured-posts{
    border: 1px solid #C6C7C8;
}
*/

#sequence .model{
    display: block;
    height: 431px; 
    background: transparent center center no-repeat;
    border: 1px solid #D7DF23;
}

#banner .next,
#banner .prev {
    top: 180px;
    background: transparent url("../images/cicle-buttons.png") no-repeat;
    width: 31px;
    height: 31px;
    display: none;
}

#banner .next{
    right: 10px;
    background-position: right top;
}
#banner .prev{
    left: 10px;
    background-position: left top;
}

#banner .prev:hover{
    background-position: left bottom;
}
#banner .next:hover{
    background-position: right bottom;
} 
/* 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 {
    width: 940px;
    display: block;
    height: 95px;
    margin-top: -15px;
    background-position: center center;
    background-repeat: no-repeat;
}

.entry-title{
    padding: 0 0 5px;
    margin: 0;
    text-transform: uppercase;
    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.25em;
    margin: 20px 0 0px;
}

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.25em;
    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{
}

.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{
    font-size: 0.95em;
    color: #A7A9AC;
    text-decoration: none;
}

.entry-meta{
    margin-top: -14px;
}

.post .entry-summary{
    padding: 10px 0 10px;
}

.post .entry-summary{
    border-bottom: 1px dotted #A7A9AC;
}

.post.last-child .entry-content{
    border-bottom: 0px none;
}

.post .entry-summary{
    margin: 0;
}

.post .entry-content h4{
    margin-top: 25px;
    text-transform: none;
}

.post:last-child > .entry-summary,
.post:last-child > .entry-content{
    border-bottom: none;
}

.entry-summary p,
.entry-content p{
    margin: 0 0 5px;
}

.main-content{
    margin-bottom: 15px;
}

.extra-field.title{
    font-size: 1em;
    line-height: 1em;
    margin: 0;
    padding: 0;
    color: #231F20;
    text-transform: uppercase;
}

.extra-field.value.string{
    font-size: 1.9em;
    line-height: 2em;
    color: #006838;
    font-style: italic;
}

.extra-field.value.blob{
    margin: 15px 0;
}

.side-image{
    background: transparent no-repeat top left;
    width: 354px;
    height: 596px;
    float: left;
}

.courses-information.with-side-image{
    margin-left: 402px;
}

.courses-information .main-content h2,
.mceContentBody.content h2,
.courses-information .main-content h3,
.mceContentBody.content h3{
    color: #006838;
}

#content h2,
.courses-information .main-content h2,
.mceContentBody.content h2{
    font-size: 2.45em;
    line-height: 1em;
    text-transform: uppercase;
    margin: 0;
}

.courses-information .main-content h3,
.mceContentBody.content h3{
    font-style: italic;
    text-transform: lowercase;
    font-size: 1.45em;
    line-height: 1em;
    margin: 0;
}

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

.more-link:hover,
.more-link:focus,
.more-link:active{
    text-decoration: underline;
}

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

.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: #000000;
    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;
    z-index: 50;
    top: 15px;
    right: 0;
    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") no-repeat left center;
    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;
    
}

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

/* featured-posts */
.featured-posts{
    overflow: hidden;
    margin-bottom: 20px;
}

/* Forms */
.fm-form li[id^="fm-item-separator-"]{
    margin-top: 25px;
}

.fm-form li[id^="fm-item-separator-"] label{
    font-weight: bold;
}

.fm-form li[id^="fm-item-separator-"] hr{
    border-top: 1px dotted;
    border-bottom: 0px none;
    border-right: 0px none;
    border-left: 0px none;
    margin: 15px 0 0 0;
}


/* Footer */
#about{
    text-align: left;
    font-size: 0.6em;
    font-family: 'Crete Round', sans-serif;
    font-style: italic;
    padding: 10px 0 20px;
    position: relative;
}


/* front page */

.front-page-content{
    font-family: RobotoLight, sans-serif;
    font-size: 1em;
    color: #006838;
    padding-top: 20px;
}

.front-page-content h2{
    line-height: 1.8em;
}

.ipleiria-courses{
    margin-top: 0px;
}

.ipleiria-course-thumb{
    position: relative;
    overflow: hidden;
    margin-bottom: 17px;
    width: 302px;
}
.ipleiria-course-thumb .image{
    background: transparent no-repeat center center; 
    width: 302px; 
    height: 197px;
    display: block; 
}

.outer,
.middle,
.inner{
    display: block;
}

.outer {
    height: 50px; 
    overflow: hidden;
    display: table; 
    position: static;
}
.middle {
    display: table-cell; 
    vertical-align: middle; 
    width: 100%; 
    position: static;
}
.inner {
}

/*  navbar */
ul.navbar,
ul.navbar ul,
.navbar li{
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.navbar ul,
.navbar li,
.navbar a{
    display: inline-block;
}

.navbar{
    font-size: 0.8em;
    text-align: right;
}

.navbar li:before{
    content: '>\0000a0';
}

.navbar li a{
    font-size: 1em;
    color: #019B9D;
}
.navbar li a,
.navbar li a:link,
.navbar li a:visited{
    text-decoration: none;
}

/* social */
.social-buttons{
    float: left;
    margin: 20px 0 20px 15px;
}

.go-back{
    text-transform: uppercase;
    font-family: "Titillium Web", sans-serif;
    font-weight: 700;
    font-style: normal;
    position: absolute;
    top: -1.8em;
}

a.apply-now{
    text-transform: uppercase;
    font-family: "Titillium Web", sans-serif;
    font-weight: 700;
    font-style: normal;
    background-color: #006838;
    color: #D7DF23;
    padding: 5px 50px 5px 10px;
    font-size: 0.8em;
    margin-bottom: 20px;
    display: inline-block;
}

#content table td,
body.mcecontentbody table td{
    vertical-align: middle;
}

#content table{
    border: 0px none;
}

body.mcecontentbody table,
body.mcecontentbody table td{
    border: 1px solid #DDDDDD;
}