/*
Theme Name: ESA Blogs
Theme URI: none
Author: ESA - European Space Agency
Author URI: http://www.esa.int/
Description: ESA Blogs
Version: 1.1
License: none
License URI: none
Tags: ESA, European Space Agency, blogs
Text Domain: esablogs

ESA Blogs WordPress Theme © 2014 ESA - European Space Agency
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}



/***** GENERAL LAYOUT
****************************************************************************************************/

@font-face {
	font-family: "NotesESABold";
	src: url('fonts/notesesabol-webfont.eot');
  	src: url('fonts/notesesabol-webfont.eot?#iefix') format('eot'), url('fonts/notesesabol-webfont.ttf') format('truetype'), url('fonts/notesesabol-webfont.woff') format('woff'), url('fonts/notesesabol-webfont.svg') format('svg');
  	font-weight: normal;
  	font-style: normal;
}

* {
	margin: 0;
}

html, body {
	height: 100%;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 100;
	background: #ebebeb;
	color: #23323f;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px;
}

.content {
    margin: 0 auto;
    width: 980px;
}

a, a:after, span, span:after, h1, h2, h3, input, #sidebar img, .fancybox {
	text-decoration: none;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
}

a:active, a:focus {
	border: none;
}

.block {
    display: block;
    border: none;
}

.block:hover {
    border: none;
}

#wpstats {
    display: none;
}

article p em, i {
    font-style: italic;
}

strong, b {
    font-weight: bold;
}







/***** NAVBAR
****************************************************************************************************/

nav {
    background: none repeat scroll 0 0 #252525;
    height: 40px;
    width: 100%;
}

#header .menu-top-nav-container {
    float: left;
}

#header #search {
    display: none;
    float: right;
}

#header ul.menu {
    margin-top: 14px;
}

#header ul.menu li {
    display: inline;
}

#header ul.menu li a {
    color: #939598;
    font-family: NotesESABold;
    font-size: 12px;
    margin-right: 15px;
    text-transform: uppercase;
    border: none;
    line-height: 0;
}

#header ul.menu li a:hover {
	color: #fff;
}

#header ul.menu li.portal a {
	color: #0098db;
}

#header ul.menu li.portal a:hover {
	color: #fff;
}





/***** BRANDING
****************************************************************************************************/

#branding {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 145px;
    margin-top: 10px;
    width: 100%;
}

#branding .content {
    display: table;
    height: 145px;
}

#branding, #footer, #header, #menu, #featured-post article.post, .content {
  min-width: 980px;
}

#site-title {
    display: table-cell;
    padding-left: 30px;
    vertical-align: middle;
}

#site-title a {
    border: medium none;
    display: block;
    float: left;
    line-height: 0;
}

#esa-logo {
    display: table-cell;
    padding-right: 30px;
    text-align: right;
    vertical-align: middle;
}






/***** INDEX POSTS
****************************************************************************************************/

#content {
    float: left;
    margin-top: 10px;
    position: relative;
    width: 720px;
}

.page-description,
.search h1.entry-title,
.archive h1.entry-title,
.author h1.entry-title {
    background: none repeat scroll 0 0 #D7D7D7;
    color: #898989;
    font-family: NotesESABold;
    font-size: 14px;
    margin: 0 10px 10px 0;
    padding: 15px;
    text-transform: uppercase;
}

article {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin: 0 10px 10px 0;
}

.thumbnail {
	line-height: 0;
}

.attachment-thumbnail {
    height: 200px;
    width: 350px;
}

article a {
    line-height: 0;
    color: #0098DB;
    border-bottom: 1px dotted rgba(0, 0, 0, 0);
}

article a:hover {
    border-bottom: 1px dotted #00549F;
    color: #00549F;
}

article .overlay {
    display: block;
    height: 200px;
    overflow: hidden;
    position: absolute;
    width: 350px;
}


article .overlay:after {
	background: none repeat scroll 0 0 #0098DB;
    color: #FFFFFF;
    content: "\2192";
    display: block;
    font-family: NotesESABold;
    font-size: 50px;
    height: 100%;
    left: 0;
    top: 100%;
    line-height: 200px;
    position: absolute;
    text-align: center;
    width: 100%;
    zoom: 1;
	filter: alpha(opacity=90);
	opacity: 0.9;
    border-radius: 50%;
}

article .overlay:hover:after {
	top: 0;
	border-radius: 0%;
	font-size: 100px;
}

article .entry-title {
    color: #0098DB;
    display: inline-block;
    font-family: NotesESABold;
    font-size: 18px;
    margin: 20px 25px 10px;
    text-transform: uppercase;
    line-height: 1;
    padding: 0;
}

article .entry-title:before {
    content: "→";
    display: block;
    margin-left: -15px;
    position: absolute;
}

article .entry-title:hover {
    color: #00549F;
}

article p {
    line-height: 20px;
    margin: 0 25px;
}

.post-info {
    background: none repeat scroll 0 0 #252525;
    float: left;
    height: 30px;
    text-align: right;
    width: 100%;
}

.post-info p {
    color: #FFFFFF;
    font-size: 11px;
    line-height: 30px !important;
    margin: 0 15px !important;
}

.post-info a {
    border-bottom: 1px dotted transparent;
    color: #0098DB;
    display: inline !important;
}

.post-info a:hover {
    border-bottom: 1px dotted #fff !important;
    color: #fff !important;
}

.home article,
.search article,
.archive article,
.author article {
    height: 430px;
    width: 350px;
}

.page-template-blog-navigator-php article {
    height: 310px;
    width: 350px;
}

.home article .label,
.search article .label,
.archive article .label,
.author article .label {
    background: none repeat scroll 0 0 #D0103A;
    color: #FFFFFF;
    float: left;
    font-family: NotesESABold;
    font-size: 15px;
    height: 30px;
    line-height: 29px;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    width: 50px;
    padding-right: 10px;
}

.home article .label:after,
.search article .label:after,
.archive article .label:after,
.author article .label:after {
    background: -moz-linear-gradient(45deg, #D0103A 0%, #D0103A 50%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#D0103A), color-stop(50%,#D0103A), color-stop(51%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(45deg, #D0103A 0%,#D0103A 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(45deg, #D0103A 0%,#D0103A 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(45deg, #D0103A 0%,#D0103A 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%);
    background: linear-gradient(45deg, #D0103A 0%,#D0103A 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%);
    content: "";
    display: block;
    height: 30px;
    left: 60px;
    position: absolute;
    top: 0;
    width: 30px;
}

.entry-title.author a {
    color: #0098DB;
}

.entry-title.author a:hover {
    color: #00549f;
}

.archive-meta {
    background: none repeat scroll 0 0 #FFFFFF;
    font-style: normal;
    margin: -10px 10px 10px 0;
    padding: 20px 15px;
    line-height: 22px;
    font-size: 14px;
}

.archive-meta:before {
    background: none repeat scroll 0 0 #FFFFFF;
    content: "";
    display: block;
    height: 15px;
    left: 10px;
    position: absolute;
    top: 38px;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    width: 15px;
}









/***** FEATURED POST
****************************************************************************************************/

#featured-post {
    width: 100%;
    margin-top: 10px;
}

#featured-post article {
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#featured-post article.post {
    float: none;
    height: 350px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

#featured-post .post-info {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    float: right;
    height: 350px;
    left: 50%;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    width: 490px;
}

#featured-post .entry-title {
    color: #FFFFFF;
    font-size: 36px;
    margin: 40px 40px 20px 60px;
}

#featured-post .entry-title:before {
    margin-left: -30px;
}

#featured-post .post-info a {
    border: medium none;
}

#featured-post .post-info a:hover {
    border: medium none !important;
}

#featured-post .post-info h2:hover {
    color: #0098db;
}

#featured-post .post-info p {
    font-size: 18px;
    padding: 0 40px 0 47px;
    line-height: 24px !important;
}













/***** PAGINATION NAV
****************************************************************************************************/

#nav-below {
    background: none repeat scroll 0 0 #D7D7D7;
    float: left;
    width: 710px;
}
body.single #nav-below {
	margin-top: 10px;
}

#nav-below .nav-previous {
    padding: 15px;
    float: left;
}

#nav-below .nav-next {
    padding: 15px;
    float: right;
}

#nav-below a {
    color: #898989;
    font-family: NotesESABold;
    font-size: 14px;
    line-height: 0;
    text-transform: uppercase;
}

#nav-below a:hover {
	color: #252525;
}

#nav-below .meta-nav {
    display: none;
}









/***** SIDEBAR AND MOREFOOT
****************************************************************************************************/

#sidebar {
    float: left;
    margin-top: 10px;
    width: 260px;
}

.textwidget {
    background: #fff;
}

.widget-title,
#sidebar h2 {
    background: none repeat scroll 0 0 #252525;
    color: #FFFFFF;
    font-family: NotesESABold;
    font-size: 14px;
    padding: 15px;
    text-transform: uppercase;
}

.widget-container ul li, 
#sidebar ul li {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-top: 1px;
    padding: 15px;
}

#sidebar h1.entry-title a,
#sidebar a,
#morefoot h1.entry-title a,
#morefoot a {
    color: #0098DB;
    border-bottom: 1px dotted transparent;
    line-height: 16px;
}

#sidebar h1.entry-title a:hover,
#sidebar a:hover,
#morefoot h1.entry-title a:hover,
#morefoot a:hover {
    color: #00549F;
    border-bottom: 1px dotted #00549F;
}

#sidebar .entry-content p,
#morefoot .entry-content p {
    line-height: 18px;
    margin-top: 10px;
}

#sidebar .widget-container,
#morefoot .widget-container {
    margin: 0 0 10px;
    padding: 0;
    background: none;
}

#sidebar .widget-container .screen-reader-text {display:none;}

.widget-container .searchform {
    background: none repeat scroll 0 0 #FFFFFF;
}

.widget-container .searchform label {
    display: none;
}

.widget-container .searchform #s {
    border: medium none;
    color: #707070;
    font-size: 12px;
    padding: 15px;
    background: none;
    -webkit-appearance: none;
    width: 180px;
}

.widget-container .searchform #searchsubmit {
    background: url("images/search.png") no-repeat scroll center center #ffffff;
    border: medium none;
    cursor: pointer;
    float: right;
    font-size: 0;
    height: 45px;
    margin: 0;
    padding: 0;
    width: 45px;
}

.textwidget a {
    
}

.textwidget img {
    width: 100%;
    display: block;
    margin-top: 1px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

#sidebar img:hover,
#morefoot img:hover {
    opacity: 0.8 !important;
    filter: alpha(opacity=80) !important;
}

.textwidget p {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 15px;
    line-height: 16px;
}

#morefoot {
    clear: both;
    padding-top: 50px;
}

#morefoot ul.xoxo li {
    display: block;
    float: left;
    margin-right: 10px;
    width: 320px;
}

#morefoot ul.xoxo li:last-child {
    margin-right: 0;
}

#morefoot ul.xoxo li ul li {
    float: none;
    margin: 1px 0 0;
    width: auto;
}

.hasCountdown {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border-radius: 0 !important;
    padding: 15px !important;
}

/***** TAG CLOUD *****
********************/

.tagcloud {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 15px;
}


/***** TWITTER *****
********************/

.twitter-timeline {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0;
}

.textwidget .twitter-follow-button {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 1px;
    padding: 15px;
    width: 230px !important;
}

#morefoot .textwidget .twitter-follow-button {
    width: 290px !important;
}

/***** FLICKR *****
********************/

.flickrpress-container {
    overflow: hidden;
    text-align: center;
}

.flickrpress-container .flickrpress-items div.flickr_item {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: medium none !important;
    display: block !important;
    float: left;
    margin: 1px 0 0 1px !important;
    padding: 5px !important;
}

.flickrpress-container .flickrpress-items div a {
    border: medium none !important;
    display: block;
    line-height: 0;
    margin: 0;
    padding: 0;
}

.flickrpress-items img {
    margin: 0 !important;
}

/***** DROPDOWNS *****
********************/

.widget-container select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 100;
    height: 50px;
    margin-top: 1px;
    padding: 15px;
    position: relative;
    width: 260px;
}

.widget-container select option {
    border-bottom: 1px solid #EEEEEE;
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 100;
    padding: 15px;
}

/***** RSS *****
********************/

.widget_rss h3.widget-title .rsswidget {
    color: #FFFFFF !important;
    line-height: 0 !important;
    border: none !important;
}

.widget_rss h3.widget-title .rsswidget:hover {
    border: none !important;
    color: #0098DB !important;
}

/***** LANGUAGE *****
********************/

.qtrans_flag_and_text {
    background-position: 0 3px !important;
    padding-left: 30px !important;
}




















/***** SINGLE POST AND SINGLE PAGE
****************************************************************************************************/

body.single article,
body.page-template-default article {
	background: #fff;
	width: 710px;
	height: auto;
	padding-bottom: 50px;
}

body.single article .post-info {
    float: none;
    height: auto;
    padding: 0;
    width: auto;
}

body.single article .post-info p {
    font-size: 14px;
    line-height: 45px !important;
    padding: 0;
}

body.single h1.entry-title,
body.page-template-default h1.entry-title {
    color: #00549F;
    font-size: 24px;
    margin: 50px 100px 0 40px;;
}

article h2 {
    color: #00549F;
    font-family: NotesESABold;
    font-size: 18px;
    padding: 40px 0 20px;
}

body.single h1.entry-title:before,
body.page-template-default h1.entry-title:before {
	margin-left: -20px;
}

.content-pad {
    padding: 0 40px;
}

body.single article p,
body.page-template-default article p {
    font-size: 14px;
    line-height: 22px;
    margin: 20px 0;
}

body.single article img,
body.page-template-default article img {
    height: auto;
    max-width: 630px;
}

.wp-caption a {
    border: medium none !important;
	display: inline !important;
	line-height: 1 !important;
	margin: 0;
	padding: 0;
}

body.single article img {
    height: auto;
    max-width: 630px;
    width: 100%;
}

.wp-smiley {
    height: auto !important;
    width: auto !important;
}

img.alignleft {
    float: left;
    margin: 10px 30px 20px 0;
    width: auto !important;
}

img.alignright {
    float: right;
    margin: 10px 0 20px 30px;
    width: auto !important;
}

div.alignleft {
    float: left;
    margin: 10px 30px 20px 0;
}

div.alignright {
    float: right;
    margin: 10px 0 20px 30px;
}

.alignnone,
.aligncenter {
    margin: 20px 0 40px;
    max-width: 630px;
}

body.single .wp-caption-text,
body.page-template-default .wp-caption-text {
    background: none repeat scroll 0 0 #F2F2F2;
    font-size: 12px;
    margin: 0;
    padding: 10px 15px;
}

iframe {
    clear: both;
    display: block;
    margin: 30px 0;
    max-width: 630px;
}

#primary iframe {
    margin: 0;
}

.post-edit-link {
    margin: 22px 24px 0 0;
    position: absolute;
    right: 0;
    top: 0;
}

body.page-template-default a,
body.single a {
	display: inline;
	color: #0098db;
	border-bottom: 1px dotted transparent;
	line-height: 16px;
}

body.page-template-default a:hover,
body.single a:hover {
	border-bottom: 1px dotted #00549F;
	color: #00549F;
}

#fancybox-close:hover {
	border: none;
}

.wp_twitter_button {
    left: -75px;
    position: absolute;
    top: -30px;
}

.fancybox,
.fancybox:hover {
    border: medium none !important;
}

.fancybox:hover {
    opacity: 0.8;
    cursor: zoom-in;
}

article li {
    list-style-type: disc;
    margin: 20px;
    font-size: 14px;
    line-height: 22px;
}

td {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #FFFFFF;
    padding: 10px;
}











/***** COMMENTS
****************************************************************************************************/

#comments {
    clear: both;
    width: 710px;
}

.comments-title {
    background: none repeat scroll 0 0 #252525;
    color: #FFFFFF;
    font-family: NotesESABold;
    font-size: 14px;
    padding: 15px;
    text-transform: uppercase;
}

.comments-count {
    color: #898989;
    margin: -30px 25px 0 0;
    position: absolute;
    right: 0;
}

.comments ul {
}

.comment {
    background: none repeat scroll 0 0 #FFFFFF;
    font-size: 14px;
    line-height: 20px;
    margin-top: 1px;
    padding: 40px 40px 30px;
}

.avatar {
    background: url("images/avatar.png") no-repeat scroll 0 0 #D7D7D7;
    display: block;
    float: left;
    height: 70px;
    margin: 0 20px 10px 0;
    width: 70px;
}

cite {
    color: #00549F;
}

.comment-meta {
    float: right;
    margin: -20px 50px 0 0;
    position: absolute;
    right: 0;
}

.comment p {
    margin-top: 20px;
	padding-left: 90px;
}

#comments a {
    color: #0098DB;
    border-bottom: 1px dotted transparent;
}

#comments a:hover {
    border-bottom: 1px dotted #00549F;
    color: #00549F;
}

.reply {
    display: inline-block;
    margin-top: 20px;
    width: 100%;
}

.comment-reply-link {
    float: right;
}

.comment-respond {
    background: none repeat scroll 0 0 #F6F6F6;
    margin-top: 1px;
    padding: 40px;
}

.comment-reply-title {
    color: #D7D7D7;
    font-family: NotesESABold;
    font-size: 30px;
    text-transform: uppercase;
}

.comment-form p {
    display: table;
    margin: 10px 0;
}

.comment-form label {
    background: none repeat scroll 0 0 #252525;
    color: #FFFFFF;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 116px;
    min-width: 116px;
}

.comment-form input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    color: #898989;
    display: table-cell;
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 100;
    height: 40px;
    padding: 0 15px;
}

.comment-form textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    color: #898989;
    display: table-cell;
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 100;
    height: 150px;
    padding: 15px;
}

.required {
    color: #0098DB;
}

.comment-notes,
.logged-in-as {
    padding: 20px 0;
}

.clean_contact_send input,
.comment-form .form-submit input,
#recaptcha-submit-btn-area #submit {
    background: none repeat scroll 0 0 #0098DB;
    color: #FFFFFF;
    cursor: pointer;
    width: 100%;
}

.clean_contact_send input:hover,
.comment-form .form-submit input:hover,
#recaptcha-submit-btn-area #submit:hover {
    background: none repeat scroll 0 0 #00549F;
}

#recaptcha-submit-btn-area #submit {
    margin-top: 20px;
}

.form-allowed-tags {
	display: none !important;
}

.comment-reply-title small {
    float: right;
    font-family: Open Sans;
    font-size: 12px;
    font-weight: bold;
}

.children .comment {
    border-top: 1px dashed #DDDDDD;
    margin-top: 30px;
}

#trackbacks-list ul {
    margin-bottom: 10px;
}

.pingback {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-top: 1px;
    padding: 15px;
}







/***** CONTACT FORM
****************************************************************************************************/

#clean_contact {
    margin-top: 30px;
}

.CleanContact input[type="text"] {
    background: none repeat scroll 0 0 #EEEEEE;
    border: medium none;
    margin-bottom: 1.5em !important;
    padding: 10px;
    width: 100% !important;
}

.CleanContact textarea {
    background: none repeat scroll 0 0 #EEEEEE;
    border: medium none;
    font-size: 1.2em;
    height: 15em;
    margin-bottom: 0.5em;
    padding: 15px;
    width: 100% !important;
}

#clean_contact_send {
    background: none repeat scroll 0 0 #0098DB;
    border: medium none;
    color: #FFFFFF;
    font-size: 12px;
    margin-top: 10px;
    padding: 10px 15px;
}

#clean_contact_send:hover {
    background: #00549f;
}

.CleanContact label {
    clear: none;
    display: block !important;
    padding-bottom: 10px;
    text-align: left;
}

#clean_contact_msg {
    margin: 10px 0 20px;
}









/***** SEARCH PAGE
****************************************************************************************************/

.search h1.entry-title span,
.archive h1.entry-title span,
.author h1.entry-title span {
    color: #252525;
}

.search article.not-found,
.error404 article.not-found {
    height: auto;
    padding: 100px 0 150px;
    text-align: center;
    width: 710px;
}

.search article.not-found .entry-title,
.error404 article.not-found .entry-title {
    color: #00549F;
    font-size: 22px;
}

.search article.not-found .entry-title:before,
.error404 article.not-found .entry-title:before {
    display: none;
}

.search article.not-found header,
.error404 article.not-found header {
    background: url("images/astronaut_icon.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    padding-top: 90px;
}









/***** FOOTER
****************************************************************************************************/

#footer {
    background: none repeat scroll 0 0 #252525;
    height: 100px;
    clear: both;
    margin-top: 100px;
    width: 100%;
}

.push {
	height: 100px;
	clear: both;
}

#footer .content {
    display: table;
    height: 100px;
}

#connect-with-us {
    display: table-cell;
    vertical-align: middle;
	width: 700px;
}

#connect-with-us ul {
    float: left;
    margin: -23px 0 0 132px;
    position: absolute;
}

#connect-with-us ul li {
    float: left;
    margin-right: 10px;
}

#connect-with-us h2 {
    color: #FFFFFF;
    font-family: NotesESABold;
    font-size: 14px;
    text-transform: uppercase;
}

#connect-with-us ul li a {
    display: block;
    line-height: 0;
}

#connect-with-us ul li .overlay {
    display: block;
    height: 32px;
    overflow: hidden;
    position: absolute;
    width: 32px;
}


#connect-with-us ul li .overlay:after {
	background: none repeat scroll 0 0 #0098DB;
    color: #FFFFFF;
    content: "\2192";
    display: block;
    font-family: NotesESABold;
    font-size: 30px;
    height: 100%;
    left: 0;
    top: 100%;
    line-height: 33px;
    position: absolute;
    text-align: center;
    width: 100%;
    zoom: 1;
	filter: alpha(opacity=90);
	opacity: 0.9;
    border-radius: 50%;
}

#connect-with-us ul li .overlay:hover:after {
	top: 0;
	border-radius: 0%;
}

#copyright {
    color: #E6E7E8;
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}


/*############################################################# 

      Contact form

############################################################*/

#fscf_name5, #fscf_email5, #fscf_field5_3, #fscf_field5_4, #fscf_field5_5, #fscf_field5_6, #fscf_field5_7, #fscf_field5_8, #fscf_captcha_code5 {
    background-color: #e6e6e6;
    border: medium none;
    font-size: 14px;
    padding: 10px;
}

#fscf_form5 > div > div, #fscf_captcha_image_div5 {
    margin-top: 20px;
}

#fscf_submit5 {
    background-color: #0098DB;
    border: medium none;
    color: #FFFFFF;
    font-family: "NotesEsa Bold", arial, helvetica;
    font-size: 20px;
    padding: 10px;
    text-transform: uppercase;
    width: 630px;
}

#fscf_submit5:hover {
    background-color: #00549F;
}

#fscf_form5 label {
  display: block;
  font-size: 14px;
  padding-bottom: 5px;
}

#fscf_captcha_refresh5 img {
  float: right;
  width: 22px;
  position: absolute;
}