/*
Theme Name: Media Inaf
Theme URI: http://wordpress.org/themes/twentytwelve
Author: Marco Malaspina
Author URI: http://www.marcomalaspina.it/
Description: Child theme from Twenty Twelve
Template: twentytwelve
Version: 2.3
*/

@import url("../twentytwelve/style.css");

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

-------------------------------------------------------------- */

/* =Theme customization starts here
-------------------------------------------------------------- */

.site {
	padding: 0 4px;
	padding: 0 0.2857142857rem;
	background-color: #fff;
	min-width:1024px;
}
.site-header {
	padding: 0;
	height: 128px;
	height: 9.142857142857143rem;
	position: relative;
}

.alignleft { 
	float: left;
	margin-right: 8px;
}

.alignright{
	float: right;
	margin-left: 8px;
}

.aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.site-content {
	margin: 0.5rem 0 0 ;
}

.widget-area {
	margin: 0.5rem 0 0 ;
}


.entry-content a:visited,
.comment-content a:visited {
	color: #21759b;
}

/* Inaf Menu
-------------------------------------------------------------- */

.inaf-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}

.inaf-navigation {
	margin-top: 4px;
	margin-top: 0.2857142857142857rem;
	text-align: center;
	border-top: 1px solid #ededed;
}
.inaf-navigation li {
	margin-top: 2px;
	margin-top: 0.1428571428571429rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.2857143;
}
.inaf-navigation a {
	color: #5e5e5e;
}
.inaf-navigation a:hover {
	color: #21759b;
}
.inaf-navigation ul.nav-menu,
.inaf-navigation div.nav-menu > ul {
	display: none;
}
.inaf-navigation ul.nav-menu.toggled-on {
	display: inline-block;
}


/* Main Menu
-------------------------------------------------------------- */

.main-navigation {
	margin: 2px 0;
	margin: 0.1428571428571429rem 0;
}
.main-navigation a {
	color: #5e5e5e;
}
.main-navigation a:hover {
	color: #21759b;
}
.main-navigation li {
	font-size: 14px;
	font-size: 1.0rem;
	line-height: 1.0;
}

/* Social Menu
-------------------------------------------------------------- */

.main-social-buttons {
	margin: 2px 0;
	margin: 0.1428571428571429rem 0;
	overflow: hidden; 
	white-space: nowrap; 
	min-width: 254px;
}

.main-social-buttons li {
	display: inline-block;
}

/* Search Form
-------------------------------------------------------------- */


#masthead input#s {
	background: rgba(192, 192, 192, 0.7) url(images/search.png) no-repeat 5px 6px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	height: 22px;
	line-height: 1.2em;
	padding: 4px 10px 4px 28px;
}

#masthead input#searchsubmit {
	display: none;
}

#masthead #searchform {
	position: absolute;
	top: 7px;
	top: 0.5rem;
	right: 7px;
	right: 0.5rem; 
	text-align: right;
}
#masthead #searchform div {
	margin: 0;
}

#masthead #s {
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 72px;
}
#masthead #s:focus {
	background-color: #f9f9f9;
	width: 196px;
}
#masthead #searchsubmit {
	display: none;
}


/* Home page
-------------------------------------------------------------- */

.home .post  {
	background: #fff;
	border: 1px solid #ddd;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 3px;
	margin-bottom: 8px; 
}

.home article.sticky  {
	background: #def;
}

.home-post-and-sharrre {
	position: relative;
}

.home .entry-summary {
	line-height: 1.0;
}

span.lead-author-date {
	color:#999;
	margin:0 0 6px 0; 
	padding: 2px 0;
	font-size: 70%;
	text-transform: uppercase;
	width: 100%;
}

article header .post-occhiello {
	background:#e6e6e6 url(images/bgsubs/bgsub-none.png) no-repeat;  
	height:25px;
	display:inline-block;
	position:relative;
	padding:0px 55px 0 12px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	font-size:12px;	
	line-height:25px;
	width:352px;	
	color:#666;
	font-size: 11px;
	font-weight: bold;
}

p.lead-excerpt {
	font-size: 90%;
	margin: 8px 0;
}

span.more-paragraph {
	color: #999;
	font-size: 80%;
	text-transform: uppercase;
}

span.lead-author-date a, 
span.more-paragraph a {
	color: #999;
	text-decoration: none;
}

span.lead-author-date a:hover, 
span.more-paragraph a:hover{
	color: #ccc;
}

.wp-post-image {
	float: left;
	margin-right: 8px;
}


/* Single posts
-------------------------------------------------------------- */
.occhiello-social {
	background: #e6e6e6 url(images/bgsubs/bgsub-gray.png) no-repeat;  
	height: 23px;
	width: 100%;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;	
}

.single .occhiello {
	margin: 1px 4px 1px 10px;
	line-height: 21px;
	font-weight: bold;
	color: #666;
}

.social-button {
	float: left;
	height: 20px;
}


.single h1.entry-title {
	padding: 4px 0;
	font-size: 24px;
	letter-spacing: 0;
}

.single .entry-summary p {
	margin: 0;
	font-weight: bold;
	font-size: 13px;
	color: #666;
}

.single .author-date {
	font-weight: bold;
	color: #069;
	margin: 4px 0;
	padding: 2px;
	font-size: 12px;
	height: 20px;
	width: 100%;
}

.single .author-date span,
.single .author-date span a {
	vertical-align: top; 
    display: inline-block;
	line-height: 20px; 
}
.single .author-date a {
	text-decoration:none;
	color:#09c;
}

.single .author-date a:hover {
	color:#069;
}

.single .entry-content p {
}


.single footer.entry-meta {
	padding: 4px;
	background-color: #e6e6e6;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.single p.meta-info {
	border-top: 1px solid darkgray;
	line-height: 1.5;
	font-size: 12px;
	padding: 4px 0;
}

.single p.meta-info a {
	text-decoration: none;
	font-weight: bold;
}


.bottom-social {
	line-height: 20px;
	vertical-align: top;
	height: 46px;
}


.single .post-tags {
	min-height: 36px;
	background:transparent url(images/three-tags.png) no-repeat; 
	padding-left: 36px; 
	font-size: 11px;
	font-weight: bold;
}

.single .post-tags a {
	text-transform: uppercase;
	text-decoration: none;
}


/* Images and captions
-------------------------------------------------------------- */

img.alignleft,
img.alignright,
img.aligncenter {
	padding: 3px;
	margin: 4px 0;
	margin: 0.2857142857rem 0;
}

.wp-caption,
.gallery-caption,
.entry-caption {
	background-color: #eee;
	text-align:center;
	padding-top:8px;
	margin:8px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.wp-caption img {
	margin:0;
	padding:0;
	border:0 none;
}

img.alignleft,
.wp-caption.alignleft {
	margin: 4px 8px 8px 0;
	margin: 0.2857142857rem 0.57142857142rem 0.2857142857rem 0;
}
	
img.alignright,	
.wp-caption.alignright {
	margin: 4px 0 8px 8px;
	margin: 0.2857142857rem 0 0.57142857142rem 0.2857142857rem;
}

img.aligncenter,
.wp-caption.aligncenter {
	clear: both;
	margin-top: 4px;
	margin-top: 0.2857142857rem;
	margin-bottom: 4px;
	margin-bottom: 0.2857142857rem;
}

.wp-caption .wp-caption-text {
	font-style: normal;
	padding: 2px 8px;
	line-height: 1.5;
	margin: 0;
}


/* Archives >(tags, categories, ...)
-------------------------------------------------------------- */

h1.archive-title { font-size: 24px; letter-spacing: 0; text-transform: none; padding: 4px 0;}

	
/* Widget contents
-------------------------------------------------------------- */

#wp_media_widget-4  {
	background-color: white;
	border-color: #00aeef;
}

.widget-area .widget  { 
	border: 1px solid #00aeef;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;  
	margin-bottom: 8px;
	margin-bottom: 0.5714285714285714rem;
	background-color: #0072bc;
	color: #ccc;
}

.widget-area .widget h3 {
	font-size:12px;
	margin-bottom: 2px;
	margin-bottom: 0.1428571428571429rem;
	background-color: #00aeef;
	padding: 0 5px;
	color: #fff;
}

.widget-area .widget a, .widget-area .widget a:visited {
	color: #eee;
}

.widget-area .widget a:hover {
	color: #ccc;
}

.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 12px;
	font-size: 0.85714285714286rem;
	padding: 0 6px;
	padding: 0 0.42857142857143rem;		
}

.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}

.widget-area .textwidget li {
	margin-left: 18px;
	margin-left: 1.28571428571429rem;
	font-weight: bold;
	line-height: 1.2em; 
	padding: 0.4em 0
}

.widget-area .textwidget li a {
	text-decoration: none
}

.widget-area .textwidget li a:hover {
	text-decoration: underline
}

.widget-title p {
	padding: 6px;
	padding: 0.42857142857143rem;
	font-size: 18px;
	font-size: 1.28571428571429rem;
}

#sb-vdg .widget, #sb-multimedia .widget{
	background-color: white;
	border-color: #00aeef;
}

#sb-vdg h3, #sb-multimedia h3 {
	background-color: #00aeef;
}

#sb-highlights .widget {
	background-color: white;
	border-color: #990000;
}

#sb-highlights h3 {
	background-color: #990000;
}

#sb-vdg .textwidget, #sb-highlights .textwidget {
	line-height: 0;
	margin: 3px;
	margin: 0.2142857142857143rem;
}

#sb-social .widget {
	border-color: #0072bc;
}

#sb-social .widget h3 {
	background-color: #0072bc;
}



/* =Main content and comment content
-------------------------------------------------------------- */

.entry-header {
	margin-bottom: 8px;
	margin-bottom: 0.57142857142857rem;
}

/* Footer
-------------------------------------------------------------- */

footer[role="contentinfo"] {
/*	max-width: 1014px;						/* 1024 - 4*2 of padding - 1*2 of border */
/*	max-width: 72.42857142857143rem; */
	max-width: 1024px;
	overflow: hidden;
	padding; 0;
	margin: 0;
}


.footer-widgets { 
	color: #bbb;
	height: 128px;
	overflow: hidden;
	float: left;
	font-size: 12px;
	line-height: 1.4;
}

.footer-widgets h3 {
	font-size: 13px;
	color: #ddd;
}

.footer-widgets p {
	margin: 4px 0;
}

.footer-widgets li a, .footer-widgets li a:visited,  
.footer-widgets p a, .footer-widgets p a:visited,
.footer-widgets a, .footer-widgets a:visited  { 
	text-decoration: none;
	color: #ddd;
}

.footer-widgets li a:hover, 
.footer-widgets p a:hover, 
.footer-widgets a:hover { 
	text-decoration: underline;
	color: #bbb;
}

#sb-footer-left {
	width: 328px;
	margin: 0;
	padding: 8px;
	background-color: #1d2124;
}

#sb-footer-center {
	width: 320px;
	margin: 0;
	padding: 8px;
	background-color: #144353;
}

#sb-footer-right {
	width: 328px;
	margin: 0;
	padding: 8px;
	background-color: #005083;
	text-align: right;
}


#sb-footer-right ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: right;
}

/* Responsive answers to media queries
-------------------------------------------------------------- */

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
	.site {
		max-width: 1014px;					/* 1024 - 4*2 of padding - 1*2 of border */
		max-width: 72.42857142857143rem;	
	}
	.inaf-navigation {
		background: transparent url('images/label-universo-inaf.png')  no-repeat left;
	}
	.inaf-navigation ul.nav-menu,
	.inaf-navigation div.nav-menu > ul {
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.inaf-navigation ul {
		margin: 0 0 0 120px; 
		margin: 0 0 0 8.571428571428571rem; 
		text-indent: 0;
	}
	.inaf-navigation li a,
	.inaf-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.inaf-navigation li a {
		border-bottom: 0;
		color: #6a6a6a;
		line-height: 1.8125;
		font-weight: bold;
		white-space: nowrap;
	}
	.inaf-navigation li a:hover {
		color: #000;
	}
	.inaf-navigation li {
		margin: 0;
		position: relative;
	}
	.inaf-navigation li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
	}
	.inaf-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.inaf-navigation ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	.inaf-navigation li ul li a {
		background: #efefef;
		border-bottom: 1px solid #ededed;
		display: block;
		font-size: 11px;
		font-size: 0.785714286rem;
		line-height: 2.181818182;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
	}
	.inaf-navigation li ul li a:hover {
		background: #e3e3e3;
		color: #444;
	}
	.inaf-navigation .current-menu-item > a,
	.inaf-navigation .current-menu-ancestor > a,
	.inaf-navigation .current_page_item > a,
	.inaf-navigation .current_page_ancestor > a {
		color: #636363;
		font-weight: bold;
	}

	.inaf-navigation li:before {
		content: " | ";
	}

	.inaf-navigation li:first-child:before {
		content: none;
	}

	/* Main and Social Row */

	.main-and-social {
		/* width: 960px; */
		border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;
	}

	/* Main menu */

	.main-navigation {
		float: left;
		width: 768px;
		overflow: none;
	}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border: none;
	}
	.main-navigation li {
		line-height: 1;
		font-weight: bold;
		font-size: 13px;
		/* margin: 2px;
		margin: 0.1428571428571429rem; */
		margin: 2px 0;
		margin: 0.1428571428571429rem 0;
	}
	.main-navigation li.menu-home {  /* Mala dec 2015 */
		margin-left: 0;
	}

	.main-navigation li a {
		padding: 1px 12px;	
		padding: 0.0714285714285rem 0.9rem; 
		line-height: 1.714285714285714;
	}
	.main-navigation li a,
	.main-navigation li {
		color: #f0f0f0;
		background:#7e7e7e url(images/bgsubs/bgsub-none.png) no-repeat;  
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	.main-navigation li a:hover {
		color: #fff;
		background-color: #0D6CBF;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		background-color: #0D6CBF;
		color: #ddd;
	}

	/* Custom menus */

	li.menu-inaftv a,
	li.menu-gallery a {
		background-color: #069;
	}

	/* Social buttons */

	.main-social-buttons {
		float: right;
		text-align: right;
		overflow: none;
	}
	.main-social-buttons li {
		margin: 2px 0 0;
		margin: 0.1428571428571429rem 0 0;
		display: inline-block;
	}
	.main-social-buttons li a {
		padding: 0;
		margin: 0;
	}
	.main-social-buttons li img {
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	/* Other than home */

	#secondary {
		float: right;
		width: 324px;
	}	

	/* Home page content and sidebars */

	.widget-area {
		float: right;
		width: 32.00%;
	}
	
	.home .vdg-and-gplus {
		width: 100%;
		height: 264px;
	}  
	  
	.home #googleplusbadge {
		float: right;
	}

	.home #focus-image{
		float: right;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: 1px solid #006699;	
		height: 252px;
		width: 178px;
	}

	.home #highlights {
		float: right;
	}

	.home #primary {
		float: left;
		width: 492px;
	}

	.home #secondary {
		float: right;
		width: 514px;
	}
	
	.home #tertiary {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.home #sb-vdg { 
		width: 324px;
		float: left;
	}

	.home #sb-highlights { 
		width: 178px;
		float: right;
	}

	.home #sb-multimedia {
		width: 49%; 
		float: left;
	}

	.home #sb-social {
		width: 49%;
		float: right;
	}
	
	.entry-header .entry-title {
		margin-top: 4px;
		letter-spacing:-1.2px;
		font-weight: bold;
	}

}


/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {

	body .site {
		padding: 0 4px;
		padding: 0 0.2857142857rem;
		margin-top: 0;
		margin-bottom: 48px;
		margin-bottom: 3.428571429rem;
	}

	body.custom-background-empty {
		background-color: #fff;
	}
}


/* =Print
----------------------------------------------- */

@media print {
	#searchform,
	.inaf-navigation,
	.main-social-buttons {
		display: none;
	}
}


/* =Archives
-------------------------------------------------------------- */

.archive-header,
.page-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714285714rem; 
	padding-bottom: 8px;
	padding-bottom: 0.5714285714285714rem;
	border-bottom: 1px solid #ededed;
}
.archive-meta {
	color: #757575;
	font-size: 13px;
	font-size: 0.9285714285714286rem;
	line-height: 1.2em;
	margin-top: 2px;
	margin-top: 0.1428571428571429rem;
}

/* Sidereus - #text-48
-------------------------------------------------------------- */

#text-48 .textwidget {
	margin: 2px;
	padding: 0; 
}

#text-48 iframe {
	margin: 0; 
	padding: 0; 
}

/* Flipboard widget - #text-49
-------------------------------------------------------------- */
#text-49 { 
	background-color: white; 
}

#text-49 .textwidget { 
	margin: 6px;
	padding: 0;
}


/* Facebook likebox - #text-43
-------------------------------------------------------------- */

#text-43 { background-color: white; }


/* Instagram - #text-54
-------------------------------------------------------------- */

#text-54 { background-color: white; }

/* Twitter lists - #text-44
-------------------------------------------------------------- */

#text-44 { background-color: white; }


/* INAF jQuery Webcams - #text-19
-------------------------------------------------------------- */

#text-19 { background-color: #7e7e7e; }

#text-19 .textwidget {
	margin: 2px;
	padding: 0; 
}


#telescopeshow #slideshowWindow {
	width:245px;
	height:182px;
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
}

#telescopeshow #slideshowWindow .slide {
	margin:0;
	padding:0;
	width:245px; 
	height:182px;
	position:relative;
}

#telescopeshow #slideshowWindow .slide .slideText {
	position:absolute;
	top:144px;
	left:0px;
	width:100%;
	height:36px;
	background-image:url(images/greybg.png);
	background-repeat:repeat;
	margin:0;
	padding:0;
	color:#ffffff;
	line-height: 1.3;
}

#telescopeshow #slideshowWindow .slide .slideText a:link, 
#telescopeshow #slideshowWindow .slide .slideText a:visited {
	color:#ffffff;
	text-decoration:none;
}

#telescopeshow #slideshowWindow .slide .slideText h2, 
#telescopeshow #slideshowWindow .slide .slideText p {
	margin:4px;
	padding:0;
	font-size: 13px;
	font-size: 0.9285714285714rem; 
	font-weight: bold;
	line-height: 1.1;
}


/* Tag cloud */

.tagcloud {
	padding: 6px;
	padding: 0.42857142857143rem;	
}

/* External blogs
-------------------------------------------------------------- */

#rss_multi_importer_widget-2 { background-color: #333; padding-bottom: 4px; }
#rss_multi_importer_widget-2 a { text-decoration: none; }

#rss_multi_importer_widget-2 .news, #rss_multi_importer_widget-2 .news a {font-size:13px} 

#rss_multi_importer_widget-2 .news { line-height: 1.2; padding-left: 46px; min-height: 48px; -moz-border-radius: 3px; border-radius: 3px; background-repeat: no-repeat; background-position: left top; background-color: #444; margin: 6px;}

#rss_multi_importer_widget-2 .news:hover {background-color: #333;}

.blog_38f1ecaa67dc87ca649567650eac7352 { background-image: url(images/bloggers/abalbi.png); }
.blog_57563bfb63a637e8838dfbed51deb626 { background-image: url(images/bloggers/cdigiorgio.png); }
.blog_d1383f1ca1d0d8f1a3e2bb5038c7bd2f { background-image: url(images/bloggers/mdelmastro.png); }
.blog_b6b0c9f0740813b68489117a44b47bb8 { background-image: url(images/bloggers/rbattiston.png); }
.blog_89d639a29f872a519391bbf38c2d9b8c { background-image: url(images/bloggers/aadamo.png); }
.blog_9cdf7b55d6d980defe5d53cd20bc8bce { background-image: url(images/bloggers/mcastellani.png); } 
.blog_b22a3b538ff3bd8b04acddc4366a6d86 { background-image: url(images/bloggers/gcomoretto.png); } 
.blog_c6c3e33f4445cca034fa308b13dd781f { background-image: url(images/bloggers/lbenacchio.png); } 
.blog_b26e3506118b10aafc5944a6a1923ca3 { background-image: url(images/bloggers/mcasolino.png); } 

/* Newsletter widget
-------------------------------------------------------------- */

.tnpinaf-firstname {width:38%;margin:5px 2px 2px 4px}
.tnpinaf-lastname {width:44%;margin:5px 4px 2px 2px}
.tnpinaf-email {width:44%;margin:2px 2px 5px 4px}
.tnpinaf-submit {color:black;width:38%;margin:2px 4px 5px 2px}
.tnpinaf-check {margin:2px 2px 5px 2px; font-size:0.9em}
.tnp-field-button {color: white}

.tnp {margin:0!important}
.tnp-subscription input.tnp-submit {color: #000!important}
.tnp-subscription input.tnp-submit {background-color: #aaa!important}

/* Recent posts
-------------------------------------------------------------- */

.widget_recent_entries ul { margin: 2px 8px 4px 8px; }
.widget_recent_entries li { font-weight: bold; line-height: 1.2em; padding: 0.4em 0 }
.widget_recent_entries li a { text-decoration: none }
.widget_recent_entries li a:hover { text-decoration: underline }


/* Related posts
-------------------------------------------------------------- */

.widget_yarpp_widget ol { margin: 2px 8px 4px 8px; }
.widget_yarpp_widget li { font-weight: bold; line-height: 1.2em; padding: 0.4em 0 }
.widget_yarpp_widget li a { text-decoration: none }
.widget_yarpp_widget li a:hover { text-decoration: underline }

.widget_yarpp_widget p { margin: 4px 2px; }
.widget_yarpp_widget img { align: left; margin: 4px 2px; }


/* Giorno per giorno
-------------------------------------------------------------- */

#text-12 ul.ec3_events {  margin: 2px 8px 4px 8px; list-style-type: square}
#text-12 ul.ec3_events li { font-weight: bold; line-height: 1.2em; padding: 0.4em 0}
#text-12 ul.ec3_events li a { text-decoration: none }
#text-12 ul.ec3_events li a:hover { text-decoration: underline }


/* 5x1000
-------------------------------------------------------------- */

#text-20 { background-color: #333;}
#text-20 .textwidget {  margin: 8px 8px; 0; 8px; padding: 0 }

/* Astrochannel on right sidebar (.inaftv-widget)
-------------------------------------------------------------- */

.inaftv-widget {margin-bottom:8px}
#text-13 ul { margin: 2px 8px 4px 8px; }
#text-13 li { padding: 0.2em 0; font-weight: normal }
#text-13 li a { text-decoration: none; ; font-weight: bold}
#text-13 li a:hover { color: lightgray }
#text-13 p { font-weight:bold; margin: 0 2px; font-size:1.2em} 
#text-13 p a { color:#f90; text-decoration: none; }
#text-13 p a:hover { color:#fc0 }

/* Astrochannel on main content (.inaftv)
-------------------------------------------------------------- */

.inaftv {font-size: 0.9em;}
.inaftv p { margin:0 }
.inaftv ul { margin: 16px 8px 4px 8px; }
.inaftv li { padding: 0.2em 0; font-weight: normal; }
.inaftv li a { text-decoration: none; ; font-weight: bold}
.inaftv li a:hover { color: #f90 }

/* Multimedia
-------------------------------------------------------------- */

.astrochannel-media-item {
	margin: 2px;
	background-repeat:no-repeat;
	position: relative;
	height: 146px;
	border: 1px solid darkgray;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;  
}


.astrochannel-media-title {
	display: block;
	position: absolute;
	bottom: 0;
	height: 38px;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	overflow: hidden; 
	word-wrap: normal;		/* added to disable word breaking */ 
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

.widget .astrochannel-media-title p {
	padding: 4px;
	padding: 0.28571428571429rem;
	font-size: 13px;
	font-size: 0.9285714285714rem; 
	font-weight: bold;
	line-height: 1.1;
}

.astrochannel-vdg-item {
	margin: 3px;
	background-repeat:no-repeat;
	position: relative;
	height: 220px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;  
}

.astrochannel-vdg-title {
	display: block;
	position: absolute;
	bottom: 0;
	height: 48px;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	overflow: hidden;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;  	
}

.widget .astrochannel-vdg-title p {
	padding: 6px;
	padding: 0.42857142857143rem;
	font-size: 17px;
	font-size: 1.214285714285rem;
	font-weight: bold;
	line-height: 1.1;
	word-wrap: normal;		/* added to disable word breaking */ 
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

.widget .astrochannel-media-title a, .widget .astrochannel-vdg-title a,
.widget .astrochannel-media-title a:visited, .widget .astrochannel-vdg-title a:visited  {
	color: white;
	text-decoration: none;
}

.widget .astrochannel-media-item a:hover, .widget .astrochannel-vdg-item a:hover {
	color: lightgray;
}

.astrochannel-vdg-item img, .astrochannel-media-item img {
	position: absolute;
	left: 4px;
	top: 4px;
}


/* Sharrre categories
-------------------------------------------------------------- */

article.category-test header .post-occhiello, 
article.category-test .share-post-entry .sharrre .box, 
article.category-test .share-post-entry .sharrre .middle {
    background:#004;
}

article.sticky header .post-occhiello, 
article.sticky .share-post-entry .sharrre .box, 
article.sticky .share-post-entry .sharrre .middle {
    background:#004;
}


/* Category colors
-------------------------------------------------------------- */

li.menu-home, li.menu-home a { background: #7e7e7e url(images/bgsubs/bgsub-none.png) no-repeat;  }
li.menu-inaftv, li.menu-inaftv a { background: #069 url(images/bgsubs/bgsub-extra.png) no-repeat;  }
li.menu-gallery, li.menu-gallery a { background: #069 url(images/bgsubs/bgsub-extra.png) no-repeat;  }

li.menu-news, li.menu-news a { background: #7e7e7e url(images/bgsubs/bgsub-gray.png) no-repeat;  }
article.category-news .occhiello-social { background: #e6e6e6 url(images/bgsubs/bgsub-gray.png) no-repeat;  }
article.category-news header .post-occhiello { background: #e6e6e6 url(images/bgsubs/bgsub-gray.png) no-repeat;  }

article.category-obituary header .post-occhiello { background: #e6e6e6 url(images/bgsubs/bgsub-black.png) no-repeat;  }
article.category-obituary .occhiello-social { background: #e6e6e6 url(images/bgsubs/bgsub-black.png) no-repeat; } 

article.category-scuole header .post-occhiello { background: #e6e6e6 url(images/bgsubs/bgsub-yellow.png) no-repeat;  }
article.category-scuole .occhiello-social { background: #e6e6e6 url(images/bgsubs/bgsub-yellow.png) no-repeat;  }

article.category-outreach header .post-occhiello { background: #e6e6e6 url(images/bgsubs/bgsub-yellow.png) no-repeat;  }
article.category-outreach .occhiello-social { background: #e6e6e6 url(images/bgsubs/bgsub-yellow.png) no-repeat;  }

article.category-segnalazioni header .post-occhiello { background: #e6e6e6 url(images/bgsubs/bgsub-yellow.png) no-repeat;  }
article.category-segnalazioni .occhiello-social { background: #e6e6e6 url(images/bgsubs/bgsub-yellow.png) no-repeat;  }

li.menu-astro, li.menu-astro a { background: #7e7e7e url(images/bgsubs/bgsub-turquoise.png) no-repeat;  }
article.category-astro .occhiello-social { background: #e6e6e6 url(images/bgsubs/bgsub-turquoise.png) no-repeat;  }
article.category-astro header .post-occhiello { background: #e6e6e6 url(images/bgsubs/bgsub-turquoise.png) no-repeat;  }

li.menu-spazio, li.menu-spazio a { background: #7e7e7e url(images/bgsubs/bgsub-darkgreen.png) no-repeat;  }
article.category-spazio .occhiello-social { background: #e6e6e6 url(images/bgsubs/bgsub-darkgreen.png) no-repeat;  }
article.category-spazio header .post-occhiello { background: #e6e6e6 url(images/bgsubs/bgsub-darkgreen.png) no-repeat;  } 

li.menu-fisica, li.menu-fisica a { background: #7e7e7e url(images/bgsubs/bgsub-orange.png) no-repeat;  }
article.category-fisica .occhiello-social { background: #e6e6e6 url(images/bgsubs/bgsub-orange.png) no-repeat;  } 
article.category-fisica header .post-occhiello { background: #e6e6e6 url(images/bgsubs/bgsub-orange.png) no-repeat;  } 

li.menu-tech, li.menu-tech a { background: #7e7e7e url(images/bgsubs/bgsub-purple.png) no-repeat;  }
article.category-tech .occhiello-social { background: #e6e6e6 url(images/bgsubs/bgsub-purple.png) no-repeat;  } 
article.category-tech header .post-occhiello { background: #e6e6e6 url(images/bgsubs/bgsub-purple.png) no-repeat;  } 

li.menu-eventi, li.menu-eventi a { background: #7e7e7e url(images/bgsubs/bgsub-pink.png) no-repeat;  }
article.category-eventi .occhiello-social { background: #e6e6e6 url(images/bgsubs/bgsub-pink.png) no-repeat;  }
article.category-eventi header .post-occhiello { background: #e6e6e6 url(images/bgsubs/bgsub-pink.png) no-repeat;  } 

article.category-winterover header .post-occhiello { background: #e6e6e6 url(images/bgsubs/bgsub-cyan.png) no-repeat;  }
article.category-winterover .occhiello-social { background: #e6e6e6 url(images/bgsubs/bgsub-cyan.png) no-repeat;  }

article.category-astrovoci .occhiello-social { background: #e6e6e6 url(images/bgsubs/bgsub-extra.png) no-repeat;  }
article.category-astrovoci header .post-occhiello { background: #e6e6e6 url(images/bgsubs/bgsub-extra.png) no-repeat;  } 




.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
	background: #0D6CBF url(images/bgsubs/bgsub-current.png) no-repeat;
}

/* Tag description and Tripadvisor
-------------------------------------------------------------- */

table.tag-descr {
	color: #ddd;
	background-color: #333;
	-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
	margin-bottom: 8px;
}

table.tag-descr a, table.tag-descr a:visited { color: #f90; text-decoration: none } 
table.tag-descr a:hover { color: #fff} 

table.tag-descr td { vertical-align: top; padding: 8px; font-size:13px; }

table.tag-descr img { border:1px solid white; -moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; }

.tag-list li, table.tag-descr { line-height: 1.3; }
.tag-list a { text-decoration: none; }

.tripadvisor {text-align:right; color:#000000; font-weight:bold; font-size:0.9em}
.tripadvisor a {color:#498733}

/* Hide reference when inside Media INAF 
-------------------------------------------------------------- */

p.malatrick {display:none}


/* Custom Gallery Slideshow
-------------------------------------------------------------- */
.gss-container {
	background-color: #1E1E1E;
	padding-top: 4px;
}

.gss-info { 
        background-color: #1E1E1E;
        font-size: 90%;
}


/* Space map
-------------------------------------------------------------- */

.space-projects {position:relative; width:688px; height:1172px; background:#fff url(images/spacemap/space-background.jpg) no-repeat left top; margin-top:12px; }
.space-item {position:absolute; width:65px; height:84px; }
.space-item img {margin: 0 3px; padding:0 }
.space-item span {display:block; margin-top:-6px; text-align:center; color:#fff; font-size:9px; font-weight:bold; line-height:10px }
.space-item a, .space-item a:visited {color:#fff; text-decoration:none; }
.space-item a:hover {color:#000; }
.space-credits {position:relative; top:-8px; left:563px; margin:0; padding: 0}

/* Ground map
-------------------------------------------------------------- */

.ground-projects {position:relative; width:688px; height:912px; background:#fff url(images/earthmap/earth-background.jpg) no-repeat left top; margin-top:12px; }
.ground-item {position:absolute; width:65px; height:84px; }
.ground-item img {margin: 0 3px; padding:0 }
.ground-item span {display:block; margin-top:-6px; text-align:center; color:#fff; font-size:9px; font-weight:bold; line-height:10px }
.ground-item a, .ground-item a:visited {color:#fff; text-decoration:none; }
.ground-item a:hover {color:#f80; }
.ground-credits {position:relative; top:-8px; left:563px; margin:0; padding: 0}

/* Webcams columns
-------------------------------------------------------------- */

#webcamcol {
	margin:6px 0;
	padding:0;
	position:relative;
	overflow:hidden;
}

#webcamcol .webcambox {
	margin:3px;
	padding:0;
	width:148px; 
	height:110px;
	position:relative;
	float: left;
}

#webcamcol .webcambox .webcamtxt {
	position:absolute;
	top:84px;
	left:0px;
	width:100%;
	height:24px;
	background-image:url(images/greybg.png);
	background-repeat:repeat;
	margin:0;
	padding:0;
	color:#ffffff;
	line-height: 1.3;
}

#webcamcol .webcambox .webcamtxt a:link, 
#webcamcol .webcambox .webcamtxt a:visited {
	color:#ffffff;
	text-decoration:none;
}

#webcamcol .webcambox .webcamtxt h2, 
#webcamcol .webcambox .webcamtxt p {
	margin:4px;
	padding:0;
	font-size: 10px;
	font-weight: bold;
	line-height: 1;
}

/* Shareaholics in home page
-------------------------------------------------------------- */

.share-post-entry {
    position: absolute;
    float:right;
    margin:0;
    padding: 0;
    right: 0;
    z-index: 12000; /* By Mala */
}

.share-media-entry {
    float: right; 
    margin: 4px;
    margin: 0.2857142857142857rem;
   	background-image: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0.0));
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;  
}

.shareaholic-canvas {
     transform: translateY(-10%); 
     z-index: 100;
     margin: 0;
     padding: 0;
}