/*
.portlet_support
.portlet_author
.portlet_news
.project
.project_share
.question_answers
  .question_answers_list
.portlet_project_summary
.projects_filter
*/


.portlet_support {
}
  .portlet_support .portlet_top, .portlet_support .portlet_bottom {
    position: relative;
    background: #f42760 url(red_v.jpg) repeat-x 0 100%;
    color: #fff;
    padding: 20px;
  }
    #pagebody .portlet_support .portlet_top {
      margin-bottom: 20px;
      -moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
    }
    .portlet_support .portlet_top .arrow {
      position: absolute;
      left: 35px;
      bottom: -14px;
      width: 26px;
      height: 14px;
      background: url(red_down.gif) no-repeat 0 0;
    }

    #pagebody .portlet_support .portlet_bottom {
      border-top: 1px solid #b93749;
      margin-top: 20px;
      -moz-border-radius: 0 0 5px 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
    }
    .portlet_support .portlet_bottom .arrow {
      position: absolute;
      left: 35px;
      top: -11px;
      width: 20px;
      height: 11px;
      background: url(red_border_up.gif) no-repeat 0 0;
    }

  .portlet_support .sectitle {
    font-size: 130%;
    line-height: 1em;
    margin: 0;
    padding: 0 0 0 40px;
    font-weight: normal;
    background: url(euro.png) no-repeat 0 50%;
  }
    .portlet_support .sectitle strong {
      display: block;
      font-weight: normal;
      font-size: 180%;
      line-height: 1.2em;
    }

  .portlet_support .maininfo ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .portlet_support .maininfo li {
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
  } 
  .portlet_support .maininfo li.last {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
  } 
    .portlet_support .maininfo .title {
      font-size: 170%;
      line-height: 1.1em;
      margin-bottom: 0.2em;
    }
    .portlet_support .maininfo .title a {
      text-decoration: none;
    }
    .portlet_support .maininfo  .title a:hover {
      color: inherit !important;
      background-color: transparent;
      text-decoration: underline;
    }
    .portlet_support .maininfo .subtitle {
      font-size: 110%;
      line-height: 1.2em;
      margin-bottom: 1em;
    }
    .portlet_support .maininfo .text {
      margin-top: 0.9em;
      font-size: 130%;
      line-height: 1.2em;
    }
    .portlet_support .maininfo .donate {
      margin-top: 0.5em;
      font-size: 150%;
      line-height: 1.5em;
      text-align: right;
    }
  
  #pagebody .portlet_support .bottom_info {
    margin-top: 20px;
    background-color: #f2f2f2;
    color: inherit;
    border-top: 1px solid #ccc;
  }
    .portlet_support .bottom_info ul {
      margin: 0;
      padding: 0 0 0 100px;
      list-style-type: none;
      overflow: hidden;
    }
    .portlet_support .bottom_info li {
      padding: 10px 0 15px 20px;
      border-right: 1px solid #ccc;
      text-align: left;
      font-size: 110%;
      line-height: 1.2em;
      text-transform: uppercase;
    }
    .portlet_support .bottom_info li.donated {
      float: left; display: inline;
      margin-left: -100px;
      width: 79px;
      border-right: 1px solid #ccc;
    }
    .portlet_support .bottom_info li .num {
      display: block;
      font-size: 330%;
      line-height: 1.2em;
    } 
    .portlet_support .bottom_info li a {
      color: #DA0C53 !important;
      background-color: transparent;
      text-decoration: none;
    } 
    .portlet_support .bottom_info li .num .percent {
      font-size: 30%;
      line-height: 1.2em;
    }





.portlet_author {
}
  .portlet_author .sectitle {
    font-size: 230%;
    line-height: 1em;
    margin: 0 0 0.6em 0;
    padding: 0;
    font-weight: normal;
  }
  .portlet_author .image {
    margin: 0 0 1em 0;
  }
  .portlet_author .title {
    font-size: 190%;
    line-height: 1em;
    margin: 0 0 0.4em 0;
    padding: 0;
    font-weight: normal;
  }
  .portlet_author .image img{
    background: #fff;
    padding: 5px;
  }
  .portlet_author .text, .portlet_author .moreinfo {
    font-size: 130%;
    line-height: 1.2em;
  }
  .portlet_author .text {
    margin-bottom: 1em;
  }
  .portlet_author .text a.more {
    white-space: nowrap;
  }
  .portlet_author .moreinfo a {
    text-decoration: none;
  }
  .portlet_author .moreinfo a:hover {
    text-decoration: underline;
  }


.portlet_news {
}
  .portlet_news .sectitle {
    font-size: 230%;
    line-height: 1em;
    margin: 0 0 1em 0;
    padding: 0;
    font-weight: normal;
  }
  .portlet_news .sectitle .num {
    font-size: 60%;
    line-height: 1.2em;
  }
  .portlet_news > ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .portlet_news > ul > li {
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
  }
  .portlet_news > ul > li.last {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .portlet_news .date {
    font-size: 110%;
    line-height: 1.2em;
  }
  .portlet_news .title {
    margin: 0 0 0.4em 0;
    padding: 0;
    font-size: 150%;
    line-height: 1.2em;
    font-weight: normal;
  }
  .portlet_news .title a {
    text-decoration: none;
  }
  .portlet_news .title a:hover {
    text-decoration: underline;
  }
  .portlet_news .image {
    margin: 0 0 1.2em 0;
  }
  .portlet_news .image img {
    border: 1px solid #999;
    background: #ccc;
    padding: 4px;
  }
  .portlet_news .text {
    font-size: 130%;
    line-height: 1.2em;
  }
  .portlet_news a.more {
    white-space: nowrap;
  }

  #pagebody .portlet_news .boxbottom {
    text-align: right;
    font-size: 130%;
    line-height: 1.2em;
    padding: 15px 20px;
  }
    .portlet_news .boxbottom a {
      text-decoration: none;
    }
    .portlet_news .boxbottom a:hover {
      text-decoration: underline;
    }



.project {
  position: relative;
}

  #pagebody .project .slide {
    position: relative;
    margin-bottom: 20px;
  }
  #pagebody .project .slide li {
    position: relative;
  }  
    .project .slide .title {
      position: absolute;
      left: 40px;
      top: 160px;
      font-size: 350%;
      line-height: 1.2em;
      width: 500px;
      z-index: 10;
    }
      .project .slide .title a, .project .slide .title a:hover {
        float: left; display: inline;
        color: #fff !important;
        padding: 10px 20px;
        text-decoration: none;
        background-color: rgba(0, 0, 0, .7);
        -moz-border-radius: 5px; -webkit-border-radius: 5px;
      }
  
    .project .slide .play_link a, .project .slide .play_link a:hover {
      position: absolute;
      z-index: 10;
      left: 40px;
      top: 100px;
      color: #fff !important;
      font-size: 190%;
      line-height: 1.2em;
      padding: 10px 35px 10px 20px;
      text-decoration: none;
      background: rgba(0, 0, 0, .7) url(arrow_white_right.png) no-repeat 95% 50%;
      -moz-border-radius: 5px; -webkit-border-radius: 5px;
    }

    .project .slide ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
      overflow: hidden;
    }
    .project .slide li {
      margin: 0;
      float: left; display: inline;
      width: 640px;
      height: 360px;
      background-repeat: no-repeat;
      background-position: 0 0;
      -moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
    }
    /*
    .project .slide .slide_item {
      position: relative;
      float: left; display: inline;
      width: 640px;
      height: 360px;
      background-repeat: no-repeat;
      background-position: 0 0;
      -moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
    }
    */
    
    
    .project .slide .navigation {
      position: absolute;
      width: 100%;
      left: 0;
      bottom: 0;
      padding: 4px 0;
      z-index: 10000;
    }
      .project .slide .navigation a, .project .slide .navigation a:hover {
        color: #fff !important;
        font-size: 150%;
        line-height: 1.2em;
        padding: 4px 10px;
        text-decoration: none;
        background-color: rgba(0, 0, 0, .7);
        -moz-border-radius: 5px; -webkit-border-radius: 5px;
        -moz-box-shadow: 0 1px 3px #333; -webkit-box-shadow: 0 1px 3px #333;
      }
      .project .slide .navigation a:hover {
        text-decoration: underline;
      }
      .project .slide .navigation a.prev {
        float: left; display: inline;
        margin: 0 0 20px 20px;
      }
      .project .slide .navigation a.next {
        float: right; display: inline;
        margin: 0 20px 20px 0;
      }
      
  
  .project .title {
    font-size: 250%;
    line-height: 1em;
    margin: 0 0 0.5em 0;
    padding: 0;
    font-weight: normal;
  }
  .project .text {
    clear: both;
    font-size: 150%;
    line-height: 1.4em;
  }
  .project .text .subtitle {
    font-size: 1em;
    margin: 0 0 1em 0;
    padding: 0;
    font-weight: normal;
  }

  .project .text img {
    border: 1px solid #999;
    background: #ccc;
    padding: 10px;
  }


.project_share {
  overflow: hidden;
}
  .project_share .sectitle {
    font-size: 250%;
    line-height: 1em;
    margin: 0 0 0.8em 0;
    padding: 0;
    color: #fff;
    background-color: transparent;
  }
  .project_share .title {
    font-size: 190%;
    line-height: 1.2em;
    margin: 0 0 0.3em 0;
    padding: 0;
  }
  .project_share .text {
    font-size: 150%;
    line-height: 1.2em;
    margin: 0 0 1em 0;
    padding: 0;
  }
  .project_share .share_widget {
    float: left; display: inline;
    width: 48%;
  }
  .project_share .share_link {
    float: right; display: inline;
    width: 48%;
  }
  .project_share .share_widget .share_item {
    margin-top: 1.8em;
  }
  .project_share .share_widget .share_item a, .project_share .share_widget .share_item a:hover {
    position: relative;
    background: #fff url(papers.png) no-repeat 9px 50%;
    color: inherit !important;
    padding: 6px 12px 6px 30px;
    font-size: 170%;
    line-height: 1.5em;
    text-decoration: none;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
    -moz-box-shadow: 1px 3px 1px #0089b7; -webkit-box-shadow: 0px 3px 1px #0089b7;
  }
    .project_share .share_widget .share_item a:hover {
      text-decoration: underline;
    }
  .project_share .share_link input {
    /*background: #0082ad;
    color: inherit;*/
    font-size: 130%;
    border: 1px solid #005c7b;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
    padding: 7px;
    width: 90%;
  }
  .project_share .share_social {
  }
    .project_share .share_social p {
      margin: 8px 0 0 0;
    }

    .project_share .share_social a {
      display: block;
      border: 1px solid #005c7b;
      -moz-border-radius: 5px; -webkit-border-radius: 5px;
      padding: 7px;
      width: 90%;
    }
    .project_share .share_social .share_facebook a {
      background: #3B5998 url(facebook-s.gif) no-repeat 95% 50%;;
      color: #fff !important;
      font-size: 130%;
      line-height: 1.2em;
    }
    .project_share .share_social .share_twitter a {
      background: #ACEBED url(twitter-s.png) no-repeat 95% 50%;;
      color: #3C5253 !important;
      font-size: 130%;
      line-height: 1.2em;
    }
    .project_share .share_social .share_email a {
      background: #fff url(mail-blue.png) no-repeat 95% 50%;
      font-size: 130%;
      line-height: 1.2em;
    }




.question_answers {
}
  .question_answers .sectitle {
    font-size: 250%;
    line-height: 1em;
    margin: 0 0 0.5em 0;
    font-weight: normal;
  }
  .question_answers .sectitle .num {
    font-size: 50%;
    line-height: 1.2em;
  }
  .question_answers_list {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .question_answers_list > li {
    overflow: hidden;
    padding: 10px 0 25px 215px;
    margin: 0 0 25px 0;
    border-bottom: 1px solid #ccc;
    background: url(quotes_open.png) no-repeat 200px 0;
  }
  .question_answers_list > li.last  {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
  .question_answers_list .question_info {
    float: left; display: inline;
    margin-left: -215px;
    width: 195px;
  }
  .question_answers_list .question {
    margin: 0 0 0.4em 0;
    padding: 0;
    font-weight: normal;
    font-size: 190%;
    line-height: 1em;
  }
  .question_answers_list .qauthor {
    font-size: 130%;
    line-height: 1.2em;
  }
  .question_answers_list .answer {
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    font-size: 150%;
    line-height: 1.3em;
    background: url(quotes_close.png) no-repeat 100% 100%;
  }
  .question_answers_list .metadata {
    font-size: 130%;
    line-height: 1.2em;
  }
  
  #pagebody .question_answers .boxbottom {
    margin-top: 40px;
    padding: 15px 20px;
  }
  #pagebody .question_answers .question_join {
    text-align: right;
    font-size: 130%;
    line-height: 1.2em;
  }
  #pagebody .question_answers .question_new .title {
    font-weight: normal;
    font-size: 210%;
    line-height: 1.2em;
    margin: 0 0 0.3em 0;
    padding: 0;
  }
  #pagebody .question_answers .question_new .subtitle {
    margin: 0 0 1em 0;
    padding: 0;
    font-size: 150%;
    line-height: 1.2em;
  }
  #pagebody .question_answers .question_new .actions {
    font-size: 130%;
    line-height: 1.2em;
  }
  #pagebody .question_answers .question_sent {
    color: #999;
    background-color: transparent;
    text-align: center;
    padding: 40px 0;
  }
  #pagebody .question_answers .question_sent .title {
    font-size: 210%;
    line-height: 1.2em;
    margin: 0 0 0.1em 0;
  }
  #pagebody .question_answers .question_sent .subtitle {
    font-size: 150%;
    line-height: 1.2em;
    margin: 0 0 1em 0;
  }
  #pagebody .question_answers .question_sent .more {
    font-size: 150%;
    line-height: 1.2em;
  }
  


#pagebody .portlet_project_summary {
}
  .portlet_project_summary .sectitle {
    margin: 0 0 0.5em 0;
    padding: 0;
    font-size: 250%;
    line-height: 1em;
    font-weight: normal;
  }
  .portlet_project_summary .text {
    margin: 0 0 1em 0;
    font-size: 150%;
    line-height: 1.2em;
  }
  .portlet_project_summary .project_status {
    margin-bottom: 1.3em;
  }
  .portlet_project_summary .status_bar {
    text-indent: -9999px;
  }
  .portlet_project_summary .metadata {
    margin: 0 0 1.2em 0;
    font-size: 130%;
    line-height: 1.2em;
  }
    .portlet_project_summary .metadata a {
      text-decoration: none;
    }
    .portlet_project_summary .metadata a:hover{
      text-decoration: underline;
    }
    
  .portlet_project_summary .activity_status {
    font-size: 130%;
    line-height: 1.2em;
    overflow: hidden;
  }
    .portlet_project_summary .activity_status a.link_questions {
      float: left; display: inline;
    }
    .portlet_project_summary .activity_status a.link_updates {
      float: right; display: inline;
    }


.projects_filter {
  overflow: hidden;
  background: #F7F7F5;
  color: inherit;
}
  .projects_filter .sectitle {
    font-size: 550%;
    line-height: 1em;
    margin: 0 0 0.1em 0;
    padding: 50px 0 0 50px;
    letter-spacing: -1px;
  }
  .projects_filter .text {
    margin: 0;
    padding: 0 0 0 50px;
    font-size: 170%;
    line-height: 1.2em;
  }
  .projects_filter .filter {
    float: right; display: inline;
    font-size: 170%;
    line-height: 1.3em;
  }
  .projects_filter .filter .fieldbox {
    background: #fff;
    color: #000;
    border: 1px solid #9a9a9a;
  }