/*
Theme Name: EWEA PROJECTS
Theme URI: http://www.ewea.org
Description: EWEA Projects Default Wordpress Template
Author: Jason Bickley (EWEA)
Author URI: http://www.ewea.org
Version: 1.1
Tags: EWEA Projects Official Wordpress Template
*/


/* TOTAL RESET & KEY STYLES
====================================================================*/
*  {padding: 0; margin: 0; list-style: none; font-family: "Franklin Gothic Book", Arial, Helvetica, sans-serif; border: 0;}
hr {display: none;}
a  {overflow: hidden; text-decoration: none; color: #005596;}
h1 {}
h2 {color: #79bde8; font-size: 24px; font-weight: bold; padding: 0 0 1em 0;}
h3 {color: #005596; font-size: 16px; font-weight: bold; padding: 0 0 1em 0;}
blockquote {padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px dotted #79bde8; background: url("images/blockquote.gif") no-repeat scroll 0 0 transparent;}
th {vertical-align: middle; text-align: left; padding: 3px 6px; font-weight: bold; background: #eef6fc;}
td {vertical-align: top; text-align: left; padding: 3px 6px; background: #f3f3f3;}

#content p       {padding: 0 0 1em 0;}
#content strong  {color: #222;}
#content ul      {padding: 0 0 1em 0.5em; margin: 0 0 1em 1em;}
#content li      {padding: 0 0 0 0.1em; margin: 0 0 0.2em 0.1em; list-style: square;}
#content a:hover {color: #79bde8; text-decoration: underline;}


/* MAIN STRUCTURES
====================================================================*/
body     {text-align: center; background: #d3dbe3 url(images/bkgrd_body.gif) 50% 0 repeat-x; font-size: 90%;}
#wrapper {width: 100%; height: 100%; margin: 0 auto; text-align: center; background: transparent url(images/bkgrd_wrapper.png) 50% 0 repeat-y;}
#content {min-height: 400px;}
#frame   {width: 952px; margin: 0 auto; text-align: left; background: #fff; border-top: 0; border-right: 4px solid #fff; border-bottom: 4px solid #fff; border-left: 4px solid #fff;}
#header  {position: relative; height: 330px; border-bottom: 4px solid #fff; background: url(images/header-sub.jpg) 50% 130px no-repeat;}
body.home #header {height: 400px; background: url(images/header.jpg) 50% 100% no-repeat;}


/* HEADER ELEMENTS
====================================================================*/
#logo    {background: #fff; height: 110px;}
#logo h1 {position: absolute; width: 187px; height: 84px; top: 20px; left: 20px;}
#logo a  {display: block; width: 187px; height: 84px; text-indent: -9999px; background: url(images/logo.gif) 0 0 no-repeat;}
#tag     {position: absolute; width: 655px;  top: 200px; left: 30px;}
#tag h2  {font-weight: normal; font-family: "Franklin Gothic medium", Arial, Helvetica, sans-serif; font-size: 24px; text-align: left; line-height: 24px; color: #fff; text-shadow: 2px 3px 3px #000; font-style: italic;}
#IEE       {position: absolute; top: 10px; right: 16px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #aac;}
#IEE  a    {display: inline-block; width: 63px; height: 41px; background: url(images/logo_EU.gif) 0 0 no-repeat; text-indent: -9999px;}
#IEE  span {display: inline-block; width: 75px; height: 41px; line-height: 41px;}

#search                     {height: 20px; position: absolute; top: 60px; right: 16px; width: 230px;}
#search #s                  {border: 1px solid #005596; color: #aac; display: block; float: left; height: 18px ;line-height: 18px; padding: 1px 0 1px 2px; vertical-align: middle; width: 144px;}
#search #searchsubmit       {display: block; width: 75px; line-height: 22px; border: 1px solid #79bde8; background: #005596; float: right; vertical-align: middle; color: #fff; font-weight: bold;}
#search #searchsubmit:hover {background: #79bde8; border: 1px solid #005596;}
#search .screen-reader-text {display: none;}


/* NAVI ELEMENTS
====================================================================*/
#nav          {position: absolute; width: 100%; height: auto; top: 110px; background-color: #005596;}
#nav li       {display: block; position: relative; float: left; height: auto; background: #79bde8; border-right: 1px solid #fff;}
#nav li:hover {border-right: 1px solid #fff;}
#nav a        {display: block; float: left; height: 27px; color: #fff; font-size: 12px; font-weight: bold; padding: 12px 20px 0 20px; background-color: #005596;}
#nav a:hover  {background: none;}
#nav li.current_page_item       {border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
#nav li.current_page_item a     {background: #fff; color: #005596; cursor: default;}
#nav li.current_page_ancestor   {border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
#nav li.current_page_ancestor a {background: #fff; color: #78a22d; cursor: default;}

#nav .children    {display: none;}
#nav .children li {display: block; width: auto;  height: auto; background: none #79bde8;}
#nav .children a  {display: block; width: 180px; height: auto; background: none #79bde8; padding: 3px 10px 3px 10px;}
#nav li.current_page_item .children li,
#nav li.current_page_item .children li a {background: none #78a22d ; color: #fff;}
#nav li.current_page_item .children li:hover,
#nav li.current_page_item .children li a:hover {background: none #79bde8; color: #fff;}

#nav ul li:hover .children {display: block; position: absolute; top: 39px; left: 0; z-index: 999;}
#nav .page-item-16 {border-right: 0;}

#nav .members {display: none;}
#nav .members a {background: url("") repeat-x scroll 0 0 transparent;color: #FFFFFF; display: block; float: right; font-size: 12px; font-weight: bold; width: 20px; height: 20px; padding: 0; text-indent: -9999px; margin: 10px;}


/* BREADCRUMBS
====================================================================*/
#breadcrumbs         {color: #aaa; position: absolute; bottom: 0; left: 0; background: url(images/smallwave.png) 100% 100% no-repeat; /* text-indent: -100px; overflow: hidden; */}
#breadcrumbs span    {color: #aaa; background: #fff; display: block; padding: 5px 0 4px 10px; margin: 0 25px 0 0; font-size: 9px; font-family: verdana, sans-serif;}
#breadcrumbs a       {color: #aac; font-size: 9px; font-family: verdana, sans-serif;}
#breadcrumbs a:hover {color: #79bde8; text-decoration: underline;}


/* MAIN CONTENT ELEMENTS
====================================================================*/
#section1         {width: 740px; float: left;}
#section1_content {padding: 10px 16px 10px 16px;}


/* SIDEBAR ELEMENTS
====================================================================*/
#section2         {width: 200px; float: right; background: #eef6fc url(images/bkgrd_sidebar.gif) 0 0 repeat-y; min-height: 400px;}
#section2_content {padding: 10px 16px 120px 20px; background: url(images/sidebar_graphic.png) 5px 98% no-repeat; min-height: 270px;}
#sidebar h2 {font-size: 18px;}
#sidebar li {list-style: square outside none; color: #79bde8;}
#sidebar a {font-weight: bold;}
#section2_content ul {margin: 0;}

/* FOOTER ELEMENTS
====================================================================*/
#footer {clear: both; border-top: 4px solid white; background: #79bde8; color: #005596; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-style: normal; position: relative; height: 150px;}

#footer h3 {font-size: 16px;}
#footer p {color:#fff;}
#coordinator {background-color: #fff; width: 160px; height: 130px; float: left; text-align: center;}
#coordinator h3 {color: #005596; margin-top: 8px;}
#partners {width: 760px; height: 130px; float: left; padding: 8px;}
#partners h3.support  {color: #fff; padding-bottom: 0.5em;}
#partners h3.partners {color: #fff;}

#footer a.footer00 {width: 71px; height: 44px; background: url(images/partners/logo_EWEAsm.gif) 50% 50% no-repeat; display: inline-block;}
#footer a.footerEU {width: 63px; height: 41px; background: url('images/logo_EU.gif') 50% no-repeat; display: inline-block; margin-top: 5px; margin-right: 13px; float: left;}

#footer #partners a {font-size: 14px; line-height: 20px;}
#footer #partners a:hover {color: #fff;}


#footer address   {background: #005596; color: #fff; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-style: normal; padding:0 20px; line-height: 20px; vertical-align: middle; position: absolute; bottom: 0; left: 0; display: block; width: 912px; border-top: 4px solid #fff;}#footer address   {display: inline-block;}
#footer address a {text-indent: 0; float: none; display: inline; position: initial; color: #fff;}
#disclaimer {padding-top: 14px;}


/*#footer a {display: block; text-indent: -9999px; float: left; position: absolute;}
#footer a.footer00 {width: 71px;  height: 44px; background: url(images/partners/logo_EWEAsm.gif) 50% 50% no-repeat; top: 47px; left: 35px;}
#footer a.footer01 {width: 140px; height: 19px; background: url(images/partners/logo_IEEsm.gif) 50% 50% no-repeat; top: 47px; left: 170px;}

#footer a.footer02 {width: 28px; height: 30px; background: url(images/reservices/partners/logo_3E.gif) 50% 50% no-repeat; top: 35px; left: 338px;}
#footer a.footer03 {width: 72px; height: 25px; background: url(images/reservices/partners/logo_vtt.gif) 50% 50% no-repeat; top: 38px; left: 376px;}
#footer a.footer04 {width: 25px; height: 25px; background: url(images/reservices/partners/logo_ge.gif) 50% 50% no-repeat; top: 40px; left: 460px;}

#footer a.footer05 {width: 47px; height: 25px; background: url(images/reservices/partners/logo_epia.gif) 50% 50% no-repeat; top: 14px; left: 510px;}
#footer a.footer06 {width: 59px; height: 25px; background: url(images/reservices/partners/logo_acciona.gif) 50% 50% no-repeat; top: 14px; left: 582px;}
#footer a.footer07 {width: 21px; height: 30px; background: url(images/reservices/partners/logo_UCD.gif) 50% 50% no-repeat; top: 14px; left: 666px;}
#footer a.footer08 {width: 156px; height: 25px; background: url(images/reservices/partners/logo_DTU.gif) 50% 50% no-repeat; top: 18px; left: 712px;}

#footer a.footer09 {width: 33px; height: 25px; background: url(images/reservices/partners/logo_sma.gif) 50% 50% no-repeat; top: 53px; left: 510px;}
#footer a.footer10 {width: 92px; height: 25px; background: url(images/reservices/partners/logo_fraunhofer.gif) 50% 50% no-repeat; top: 53px; left: 568px;}
#footer a.footer11 {width: 83px; height: 25px; background: url(images/reservices/partners/logo_mainstream.gif) 50% 50% no-repeat; top: 54px; left: 685px;}
#footer a.footer12 {width: 48px; height: 25px; background: url(images/reservices/partners/logo_edso.gif) 50% 50% no-repeat; top: 54px; left: 793px;}*/



/* HOMEPAGE THUMBNAILS
====================================================================*/
#thumbnails   {margin-top: 20px; overflow: hidden;}
#thumbnails p {display: block; float: left; padding: 0; margin: 0 6px 0 0; background: url(images/th_frame.gif) 0 0 no-repeat;}
#thumbnails a {display: block; width: 138px; height: 138px; padding; color: #005596; overflow: hidden; margin: 7px;}
#thumbnails a:hover {color: #005596; text-decoration: none;}
#thumbnails a span  {display: block; margin: 120px 0 0 0; background: url(images/th_label.png) 0 0 repeat; line-height: 18px;}
#thumbnails a strong {display: block; background: url(images/th_arrow.png) 100% 50% no-repeat; line-height: 18px; color: #005596; font-size: 11px; padding: 0 0 0 6px;}

#thumbnails p.th_01 a {background: url(images/th_img01.jpg) 50% 50% no-repeat;}
#thumbnails p.th_02 a {background: url(images/th_img02.jpg) 50% 50% no-repeat;}
#thumbnails p.th_03 a {background: url(images/th_img03.jpg) 50% 50% no-repeat;}
#thumbnails p.th_04 a {background: url(images/th_img04.jpg) 50% 50% no-repeat;}
#thumbnails p.th_04   {margin: 0;}


/* HIDE SEARCHBUTTON
====================================================================*/
#nav li.page-item-167 a,
#nav li.page-item-167 {display: none;}


/* SEARCH PAGE
====================================================================*/
body.search #section1_content    {padding: 0px 0 0 16px;}
body.search #section1_content h2 {padding: 10px 0 15px 0;}
body.search .hentry {background: #eef6fc; padding: 10px; margin: 0 0 20px 0;}
body.search #section1_content h4 {margin: 0 0 15px 0;}
body.search #resultSearchInput   {color: #aac; border: 1px solid #005596; color: #AAAACC; display: block; float: left; height: 18px; line-height: 18px; padding: 1px 0 1px 2px; vertical-align: middle; width: 144px; margin-right: 10px;}
#resultSearchForm .screen-reader-text {display: none;}
#resultSubmit {background: none repeat scroll 0 0 #005596; border: 1px solid #79BDE8; color: #FFFFFF; display: block; float: left; font-weight: bold; line-height: 22px; vertical-align: middle; width: 75px;}


/* PRESS PAGE
====================================================================*/
body.blog h2 {font-size: 18px;}
body.blog blockquote {font-style: italic; padding: 0 0 0 50px; background: url(images/blockquote.gif) no-repeat 0 0;}
blockquote {font-style: italic; padding: 0 0 0 50px; background: url(images/blockquote.gif) no-repeat 0 0;}


/* CONTACTS
====================================================================*/
#contacts td  {font-size: 90%;}
#contacts img {box-shadow: 2px 2px 4px #aaa; border: 5px solid #fff; margin-bottom: 10px;}


/* SPARE ELEMENTS
====================================================================*/
#spare01 {margin: 0 auto; width: 992px; height: 50px; background: url("images/page_bottom.png") no-repeat scroll 50% 0 #d3dbe3;}
#spare02 {position: absolute: top 10px; left: 10px; color: #f00;}


/* MEMBERS' AREA
====================================================================*/
.wpfiles {padding: 20px; background: #efefef; margin: 0 0 30px 20px;}
.wpfiles table {border-collapse: collapse; border: 1px solid #fff; width: 100%; margin: 0 0 10px 0;}
.wpfiles th {padding: 2px 5px; background: #ccc;}
.wpfiles td {padding: 2px 5px; border-bottom: 1px dotted #fff;}
.wpfiles .fileName {width: auto;}
.wpfiles .fileDel {width: 80px; text-align: center}
.wpfiles a {overflow: hidden;}
.wpfiles .upload {padding-left: 20px; background: url(/wp-content/themes/eera-dtoc/images/icon_upload.png) 0 2px no-repeat;}

/* MEMBERS AREA LOGIN
====================================================================*/
.login {
    width: 600px;
    margin: 0 0 50px 0;
}
.login * {
    margin: 0;
    padding: 0;
}
.login form {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E5E5E5;
    box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
    font-weight: normal;
    margin-left: 8px;
    padding: 26px 24px 46px;
}
.login form .forgetmenot {
    float: left;
    font-weight: normal;
    margin-bottom: 0;
}
.login .button-primary {
    float: right;
    font-size: 13px !important;
    line-height: 16px;
    padding: 3px 10px;
    margin-right: 155px;
}
#content #login form p {
    margin-bottom: 0;
    padding-bottom: 0;
}
#login form p.submit {
    padding: 0;
}
.login label {
    color: #777777;
    font-size: 14px;
}
.login form .forgetmenot label {
    font-size: 12px;
    line-height: 19px;
}
.login form p {
    margin: 0; padding: 0;
}
.login h1 a {
    background: url("/eera-dtoc/wp-admin/images/logo-login.png") no-repeat scroll center top transparent;
    display: block;
    height: 67px;
    overflow: hidden;
    padding-bottom: 15px;
    text-indent: -9999px;
    width: 326px;
}
#login {
    margin: auto;
    padding: 114px 0 0;
    width: 320px;
}
#login_error, .login .message {
    margin: 0 0 16px 8px;
    padding: 12px;
}
.login #nav, .login #backtoblog {
    margin: 0 0 0 16px;
    padding: 16px 16px 0;
    text-shadow: 0 1px 0 #FFFFFF;
}
#backtoblog {
    padding: 12px 16px 0;
}
.login form .input {
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #E5E5E5;
    box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
    font-size: 24px;
    font-weight: 200;
    line-height: 1;
    margin-bottom: 0px;
    margin-right: 6px;
    margin-top: 2px;
    margin-left: 20px;
    outline: medium none;
    padding: 3px;
    width: 300px;
}
.login input {
    color: #555555;
}
.login br {
    display: none;
}
.login #pass-strength-result {
    border-style: solid;
    border-width: 1px;
    font-weight: bold;
    margin: 12px 0 6px;
    padding: 6px 5px;
    text-align: center;
    width: 250px;
}
.login form .forgetmenot {margin-left: 85px;}


.login #user_pass {
margin-left:24px;
}

.login #wp-submit {
margin-left: 50px;
}


#wp-submit {
    width: 100px;
    background: none repeat scroll 0 0 #78A22D;
    border: 1px solid #78A22D;
    color: #FFFFFF;
    display: block;
    float: right;
    font-weight: bold;
    line-height: 22px;
    vertical-align: middle;
}
#wp-submit:hover {
    background: none repeat scroll 0 0 #E65925;
    border: 1px solid #E65925;
}

div.picture-navi-bar { width: 100%; padding-bottom: 20px; }

.picture-navi-bar .box { width: 150px; height: 113px; display: inline-block; margin-right: 25px; }
.picture-navi-bar .box:hover { opacity: 0.8; }

.picture-navi-bar a { display: block; width: 100%; height: 100%; font-weight: bold; }
.picture-navi-bar a:hover { text-decoration: none !important; }
.picture-navi-bar a span.title { display: block; padding: 5px 10px; box-sizing: border-box; background: rgba(0,85,150,0.5); color: rgba(255,255,255,1); }

.picture-navi-bar .box.about-us { background: url("/wp-content/uploads/shadow.jpg") no-repeat; }
.picture-navi-bar .box.rationale { background: url("/wp-content/uploads/dandelions.jpg") no-repeat; }
.picture-navi-bar .box.results { background: url("/wp-content/uploads/turbine-birds.jpg") no-repeat; }
.picture-navi-bar .box.events { background: url("/wp-content/uploads/shadows.jpg") no-repeat; margin-right: 0; }

/* Forms */
.fm-form {background: #f3f3f3; padding: 20px 0 50px 0;}
form.fm-form input, form.fm-form textarea { border: 1px solid rgba(0,0,0,0.5); padding: 3px; }
form th, form td {background: none;}
.fm-form input.submit {margin-right: 172px;}