/*
Theme Name: Viac theme
Theme URI: http://viac.vislab.it/wordpress/themes/viac/
Description: This is the customized theme for VIAC project
Author: Maria Chiara Laghi

	The CSS, XHTML and design is released under GPL:
	http://wordpress.org/about/gpl/

*/


body {
	margin:0;
	/*padding:20px;
 */
	background:#888;  
	background-repeat:no-repeat;
	color:#000080;
	font-size: 65%; /* Resets 1em to 10px */
	font-family: Arial;
	text-align:left;
	background-color: rgb( 255, 255, 255); 
	
	background-image:url(http://viac.vislab.it/wp-content/themes/viac/images/bkg4.jpg) 


}

a { 
	color:#258;
	text-decoration:none;
   border: 0px;
}

a:hover {
	text-decoration:none; /*underline; */
}

h1, h2, h3, h4, h5, h6 {
	color:#000040;
	font-family:Arial;
	text-align:left;
	text-shadow: 0px 0px 12px blue;
	line-height:120%;
}

h1 {font-size:2.6em;}
h2 {font-size:2.4em;}
h3 {font-size:1.8em;}
h4 {font-size:1.4em;}
h5 {font-size:1.2em;}
h6 {font-size:1em;}


img {
	border: 0px;
}
img a:hover{
	text-decoration:none;
}

input, textarea {
	font-size:12px;
}

input[type=text], textarea{
	border:1px inset #aaa;
	background:#fff;
}
input[type=submit] {
	border:1px outset #aaa;
	background:#ddd;
}

pre {
	overflow:auto;
	border:1px solid #ccc;
	padding:5px 10px;
	background: #f8f8f8;
	font-size: 12px;
}
code {
	background-color:#f8f8f8;
	color:#111;
}


div.titlebanner {
 font-size: 20px;
  height: 24px;
  font-weight: bold;
  text-align: left;
  background-color: #df8000;
  color: #000066;
  width: 100%;
  text-transform: capitalize;
  text-indent: 1%;
  -moz-border-radius: 2px; /* in Mozilla now */
}
	

/* Layout */
#page {
/*	min-width:740px;
	max-width:940px; */
	width:940px;
	margin:0 auto; 
	
	
}

#background_image{
  
  width:940px;
  background: #fff url('images/page_viac.jpg') no-repeat top left;
 
}

#container{
  margin:0;
  padding:0 240px 0 240px; 
  

}


#wrapper{ 
  float:left;  
  width:100%;
  border-left:240px solid  #eee; /* Sidebar left background color */
 /* border-right:240px solid  white; /*#e1e1e1; /* Sidebar right background color */
  margin-left: -240px; 
  margin-right:-240px;  
  display:inline;  
}
.sidebar {
	padding:20px;
}
#sidebar_left{
	float:left;
	width:200px;
	margin:0 0 0 -240px;
	position:relative;
}
#content{
	float:left;
	width:92%;
	margin-right:-100%;
	padding:20px 4%;
	overflow:hidden;

}

#sidebar_right{
	float:right;
	width:200px;
	margin:0 -240px 0 0;
	position:relative;
}
#footer {
	clear:both;
	padding:10px;
}


/* Header */

#header {
	margin:0;
	height:295px;
	border:0 solid #aaa; 
	background:  url('images/header_viac_def_erc.jpg') no-repeat bottom center; /* #ff3300 #fe1d01;#bf1882  #6d97b7;  */
}

#headerlogo {	
/*	margin: 7px 9px 0;
	height: 192px;
	width: 740px;  */
	position:relative;
	top:50%;
	left:20px;  
}
  #headerlogo h1, #headerlogo div.description {
	position:relative;
	bottom:26px;   
}
#headerlogo h1 {
	margin:0;
	font-size:3em;
}
#headerlogo h1 a {
	background:transparent;
	color:#d0e0f0;
}
#headerlogo h1 a:hover {
	text-decoration:none;
}

#headerlogo div.description {
	margin:0;
	background:transparent;
	color:#fff;
	font-size:1.2em;
}

#header-register{
 
width: 150px;
position: relative;
left: 770px;
top: 1px;
}

#header-register a {
color: #7070ff;
font-family: Arial;
font-size:90%;
}

#header-register ul li {
list-style:none;  
display:inline;
font-size:1.2em;
font-style: italic;
/*font-weight: bolder; */
}

/* Top navigation */
#current
{
color: #336699;
}

#hmenu {
	float:left;
	width:auto;
	border:0;
	padding:0;
	position:relative;
	bottom:25px;
	right:2px;
	height:0;
	margin-bottom:-23px;
	margin-left:5px;
}
#hmenu ul {
	width:auto;
	float:right;
	list-style:none;
	padding:0;
	margin:0;
}
#hmenu ul li {
	display:inline;
	float:left;
	width:auto;
	padding:0;
	margin:0;
}
#hmenu ul li a {
	display:block;
	background: #272670;  /*#0071b9;*/
	color: #ffea00; /*#c6c8c9;  */
	padding:4px 20px;
	margin:0 1px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.2em;
	text-shadow: 0px 0px 12px yellow;
}

#hmenu ul li a:hover, #hmenu ul li.hmenu_rss a:hover {
	background-color: #417196;
	color: #fff;
}
#hmenu ul li ul {
	padding:0.5px 0 0 0;
	position:absolute;
	display:block;
	visibility:hidden;
	z-index:599;
}
#hmenu ul li.hmenu_rss ul {
	right:0;
}
#hmenu ul li:hover ul {
	visibility:visible;
}
#hmenu ul ul li {
	display:block;
	float:none;
	width:auto;
}
#hmenu ul ul a {
	margin:1px;
}
#hmenu ul li.hmenu_rss a {
	background:#27567a url('images/feed.png') no-repeat 95% 50%;
	padding:4px 30px 4px 20px;
}

#hmenu a:active,
#hmenu li.current_page_item a,
#hmenu li.current_page_item a:active {
	/*text-decoration:underline */
	background-color:#417196;
	color:#d0e0f0; /* #fff;*/
	}

 /* This styles the unordered list element to remove bullets and align the text */
 ul#nav {
   list-style-type : none;
   text-align : right;
 }
 /*
  This styles the links. It’s a block-level link and the text is positioned
  with padding. Other styles are defined: width, colors, text attributes, etc.
 */
 ul#nav a, ul#nav a.rss {
   background-color : #d3d3a7;
   padding : 15px 5px 2px 10px;
   margin-bottom : 10px;
   width : 180px;
   height : auto;
   color : #333;
   font-weight : bold;
   font-style : normal;
   display : block;
   text-decoration : none;
 }

 /* This gives the “rss” class link a background image */
 ul#nav a.rss {
   background : #d3d3a7 url(images/rss.jpg) no-repeat 2px 2px;
 }

 /* This is only necessary for IE6 else the link margins will collapse on hover */
 ul#nav li {
   margin-bottom : 10px;
 }

 /* This removes the default left margin (indentation) */
 ul#nav li {
   margin-left : 0;
 }

 /*
  Now to offer some hover and focus styles. Further specification of focus/active styles
  could be added but I didn’t do it in this example. I didn’t feel it was needed
 */
 ul#nav a:hover, ul#nav a:focus, ul#nav a:active {
   background-color : #669900;
   color : #fff;
 }

 /* This offers up a hover/focus state image for the “rss” class link */
 ul#nav a.rss:hover, ul#nav a.rss:focus {
   background : #669900 url(images/rss_on.jpg) no-repeat 2px 2px;
 }

 /*
  This style the single state of the “current_page_item” class link. Not needed for
  the “rss” class link since that target page won’t display the menu
 */
 ul#nav li.current_page_item a, ul#nav li.current_page_item a:hover,
 ul#nav li.current_page_item a:focus, ul#nav li.current_page_item a:active {
   background-color : #9e9e55;
   color : #fff;
   cursor : default;
   text-align : left;
 }

/*****************************************************/
   #subnav {  
     /*  background:  white; /* #fff; /*#e6eef7; */ 
    /*   border-top:2px solid #577da2;  
       border-bottom:2px solid #cad8e6;  */
       height: 28px;   
       width:500px;
       }  
     
   #subnav li {  
       border-right:1px solid #295887;  
       padding:0 7px;  
       }    
        
   #subnav li {  
     float:left;  
     list-style:none  
     } 
     
   #subnav a, #subnav a:visited {  
       color:#295887;  
       text-decoration:none;  
       font-weight:bold  
       }  
     
   #subnav a:hover, #subnav a:active,  
   #subnav li.current_page_item a,  
   #subnav li.current_page_item a:visited {  
       text-decoration:underline  
       }  
/*****************************************************/
/* Sidebar */

.sidebar {
	color: #222; 
}
.sidebar ul {
	padding:0;
	margin:0;
	list-style: none;
	font-size:1.2em;
}
.sidebar ul ul {
	font-size:1em;
}

.sidebar ul li {
	margin:0 0 2em 0;
}

.sidebar ul ul {
	margin:0;
	padding:0;
}

.sidebar li li {
	margin:0.1em 0;
}

.sidebar li li:before {
	content: "\203A \0020";
	font-size:1.2em;
}

.sidebar li li li {
	padding-left:10px;
}

.sidebar ul h2 {
	margin:0;
	padding:0;
	font-size:1.2em;
	text-transform:uppercase;
}


.sidebar a.rsswidget img {
	border:0;
	float:right;
}


/* Footer */
#footer { 
	text-align:center;
	font-size:1em;
	background: url('images/footerViac.png') no-repeat 50% 50%; /*#27567a; */
	color:#eee;
	border:1px solid #999;   

}

#footer a {
	color:  #aac;
}



/* Post */

.post, .page {
	clear:both;
}

.blog .post, .archive .post, .search-results .post, .search-results .page {
	margin:0 0 4em 0;
}

.postentry {
	font-size:1.4em;
	line-height:1.4em;
	line-height:120%;
}


.postentry p, .postentry blockquote, .postentry ul, .postentry ol {
	text-align:justify;
}
.postentry blockquote {
	margin:10px 20px;
	padding:0 0 0 10px;
	border-left:0.4em solid #ddd;
	font-size:0.8em;
	line-height:1.2em;
}
.postentry blockquote blockquote {
	margin-left:0;
	font-size:1em;
}

.postentry a {
	/*border-bottom:1px solid white; causava la riga sotto le immaginette */
}
.postentry a:hover {
	/* border-bottom:1px solid #258; idem come sopra */
	text-decoration:none;
}


div.navigation {
	font-size:1.1em;
}

/*.postentry table {
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:#ccc;
	font-size:0.9em;
}

.postentry table tr td {
	padding:5px 10px;
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#ccc;

}
.postentry table tr th {
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#ccc;
	padding:5px 10px;
	background:#f4f4f4;
	color:#666;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
} */

  
h2.posttitle {
	margin:0 0 5px 0;
	padding:0;
}
.postmetadata {
	clear:both;
	margin:1em 0;
	font-size:1.1em;
/*	background-color:#fff;*/
	color:#888;
	text-align:left;
}
.posttagscat {
	margin:0 0 10px 0;
}
.postcat {
	margin:0 10px 0 0;
}
.postcomment {
	font-size:1.1em;
}
.postedit:before {
	content:' | ';
}
.poststicky {
	margin:0 0 0 10px;
}
.poststicky:before {
	content:'\2022 \0020';
}
div.archive-desc {
/*	border:1px solid #ccc;  */
/*	background-color:#f8f8f8; */
	padding:5px 10px;
	margin:0 0 10px 0;
	font-size:1.4em;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
}
.wp-caption a, .wp-caption a:hover, .gallery a, .gallery a:hover, .attachment a, .attachment a:hover {
	border:none;
}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
.wp-caption p.wp-caption-text {
   font-size: 0.8em;
   margin:4px 0 0 0;
   padding:0 4px;
}
.gallery {
	border:1px solid #ddd;
	background-color: #f3f3f3;
}
.gallery-item {
	margin:10px;
}
.gallery-caption {
	font-size:0.8em;
}
.attachment img {
	border:1px solid #ddd;
	background-color:#f3f3f3;
	padding:4px;
}
/* Comments */

textarea#comment {
	width:100%;

}
.commentlist {
	margin:0;
	padding:0;
}
.children {
	margin: 0 -21px -21px 0;
	padding:0;
}
li.comment, li.trackback, li.pingback {
	list-style:none;
	border:1px solid #eee;
	padding:20px;
	margin:10px 0;
}
ul.children li.comment {
	margin: 10px 0 -11px 0;
}
	
.comment-body {
	overflow:auto;
}
.commentlist li.even {
	background-color:#fafafa;
}

.commentlist li.odd {
	background-color:#f6f6f6;
}
.commentlist li.bypostauthor {
	background-color:#fffff8;
}
.commentlist li.bypostauthor > .comment-body > .comment-author > cite {
	border-bottom:1px solid #aaa;
}
.comment-body p {
	font-size:1.3em;
}
.comment-body blockquote {
	margin:5px 10px;
	padding:0 0 0 5px;
	border-left:0.4em solid #ddd;
	font-size:0.9em;
}
.comment-body blockquote blockquote {
	font-size:1em;
}
.comment-body img.avatar {
	float:right;
	border:1px solid #eee;
	margin:0;
	background:#fff;
}

.comment-author cite {
	font-style:normal;
	font-weight:bold;
	color:#555;
	font-size:1.4em;
}
.comment-meta {
	margin:4px 0 0 0;
}
.reply {
	margin:5px 0;
	padding:0;
	font-size:1.1em;
}

/* Comment ends */


/* Calendar */
#wp-calendar {
	text-align:center;
	width:100%;
}
#wp-calendar caption, #wp-calendar thead th{
	font-weight:bold;
	text-transform:uppercase;
	color:#555;
}
#wp-calendar tbody td {
	border:1px solid #ccc;
	background:#f2f2f2;
}
#wp-calendar tbody td a {
	font-weight:bold;
}
#wp-calendar td#today {
	background:#e4e4e4;
}
#wp-calendar tbody td.pad {
	border:none;
	background:transparent;
}
/* Calendar ends */

#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	}

.sidebar #searchform #s {
	width: 120px;
	padding: 2px;
	}

.sidebar #searchsubmit {
	padding: 1px;
	}
.screen-reader-text {
     position: absolute;
     left: -1000em;
}


abbr {
	cursor:help;
	border-bottom: 0.1em dotted;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin: 0 10px 0 0;
   width:auto;
}

.alignright {
   float: right;
   width:auto;
   margin: 0 0 0 10px;
}


/* HOME PAGE NEWS BOXES */

div#homepage_extras {
        margin-top:10px;
        padding-top:0px;
        padding-left:0px;
        
 }

 div#homepage_extras table {
 border:0;
 }

 div#homepage_extras td {
        padding:0px;
        vertical-align:top;
    /*    background: #e1e1e1; url('images/boxnews.jpg') center;  */
        background-repeat:no-repeat;
	     width:190px;
	     border: 0; 
 } 
 


div.box_elem {
        padding:5px;
        overflow:hidden;
        height:190px;
        font-size:1em;
}

div.box_elem h1 {
        font-family: Arial;
        max-width:190px;
        font-size:0.9em;
        display:block;
        height:2.1em;
        margin-bottom:2px;
        text-align:center;
line-height:110%;
color:#ff3300;
}

div.box_elem div {
        text-align:center;
        padding:0px;
        margin:15px;  /* modificato da zero */
        font-size:1em;
}

div.box_elem a {
        font-size:1em;
        margin:0px;
        padding:0px;
}

div.box_elem p {
        font-family: arial; /*verdana,arial,helvetica;*/
        font-size:0.7em;
        text-align:left;
        margin-top:3px;
        display:block;
        line-height:1.2em;
        text-align:left;
        padding:1px 2px 2px 2px;
 }

div.box_elem img {
        height:60px;
        margin:0px;
        padding: 0;
}

/* end news boxes  */

/* people  */

td.people_names {
	width: 200px; 
	height: 30px;
	color: black; 
	font-family: arial, helvetica, sans-serif; 
	font-style: italic; 
	font-weight: bold;
}

td.people_roles {
width: 400px; 
	height: 30px;
	color: #777373;
}


/* SIDEBAR banner */
#banner {
width: 150px;
height:40px;
margin: 20px 0 50px 20px;
border: 2px solid gray;
}

/* SIDEBAR SLIDING NEWS */

.news_style{
display:none;
}

.news_show
{
/*background-color: #e1e1e1;/*#eee;  white;*/
background:  url('images/extras/boxnews_big2postit.png') no-repeat center;
/*background:  url('images/extras/boxnews_big2.jpg') no-repeat center;^M*/
color:  #0000a0; /*black; */
width: 190px;  /*350px; */
height:   210px;      /*150px;*/
overflow: auto;	
}

.news_border
{
/*background-color: white;  /* #e1e1e1;/*#eee;  white;*/
width: 190px;  /*350px; */
height: 210px;      /*150px; */
font:  "Arial";/*, "Lucida Grande", Verdana,  Sans-Serif;*/
/*border: 1px solid gray;  */
padding: 5px 5px 5px 5px;
overflow: auto;	

}

.news_border h1
{
color:  #0000a0; /*black; */
font:  "Arial";/*, "Lucida Grande", Verdana,  Sans-Serif;*/
font-size:1.5em;
text-align:center;
padding-bottom:5px;
}



.news_mark{
/*background-color:  white;/* #e1e1e1;  */
font: normal 70%   'Lucida Grande',  Sans-Serif;    /*"Arial", "Lucida Grande",Verdana,  Sans-Serif;*/
border: 0px solid gray;
width: 201px;  /*361px; */
height:35px;
margin-top: 15px;
padding: 0px 1px 0px 0px;
color: #444; /*black; */
text-align:right;
}

.news_title{
font: bold 120% 'Lucida Grande',  Sans-Serif;   /*"Arial", "Lucida Grande",Verdana,  Sans-Serif;  */
border: 0px solid gray;
padding: 5px 0px 9px 5px;
color: #444; /*black; */

}

.news_show img{

margin-left: 5px;
margin-right: 5px;
margin-top: 5px;

}
.news_show h1 {
        font-family: arial;
        max-width:160px;
  /*postit modificato*/
        font-size:1.1em; 
        display:block;
        height:2.1em;
        margin-bottom:1px;
}

.buttondiv
{
position: absolute;
/*float: left;*/
/*top: 169px;*/
padding: 5px 5px 5px 5px;
/*background-color:white ; /*#e1e1e1;  #eee; */
/*border: 1px solid gray;
/*border-top-color: white;*/
border-top:none;
height:20px;
}

/* end sidebar news */


#flash_test {
	height: 200px;
	width:  600px;
/*	border:none; */
	padding:0px;
	background-color:white;  
	border: 1px solid gray;
}

div#flash_test div#text_code {
	height:200px;
	width:600px;
	border:none;
	padding:0px;
	margin:0px;
	display:none;
	background-color:white;  
}

div#flash_test div#flash_code {
	height:200px;
	width:600px;
	border:none;
	padding:0px;
	margin:0px;
	display:block;
}

/* galleries */

.gall_prev { 
/*background-color: #F9F9F9; */
border: 0;  /*border: 1px solid #CCCCCC; */
padding: 3px;
font: 11px/1.4em Arial, sans-serif; 
width: 190px;
height: 160px;
text-align: center;
}

.gall_prev img { 
vertical-align:middle; 
margin-bottom: 3px; 
}

.right { 
margin: 0.5em 0pt 0.5em 0.8em; 
float:right; }

.left { margin: 0.5em 0.8em 0.5em 0; float:left; 
}

/* progress bar  */

/* SINGLE PROGRESS BAR */

#progress {
margin-top: 20px;
margin-left: 5px;
font: bold 80%   'Lucida Grande',  Sans-Serif;
color:#0000a0;
height:100px;
}

.progressBar{
	width: 190px;  /*216px;*/
	height: 36px;  /*   41px;  */
	background:url('images/bg_bar2.gif') no-repeat 0 0;
	position:relative;
}

.progressBar span{
	position:absolute;
	display:block;
	width:  173px;
	height:20px;
	background:url('images/bar.gif') no-repeat 0 0;
	top:8px;
	left:8px;
	overflow:hidden;
	text-indent:-8000px;
}

.progressBar em{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url('images/bg_cover2.gif') repeat-x 0 0;
	top:0;
}


#newprogress {
	margin-left: 3px;
	margin-top: 25px;
}


#percent h5 {
 color: red;
        font-family:Arial;
        text-shadow: 0px 0px 12px #ffea00;
        line-height:120%;
}

#percent {

font: bold 120% Arial, Sans-Serif;
color:#444; /*#0000a0;*/  
}

/*  end progress bar  */

/*live contents*/

#player {
width: 400px;    /*  310px; */
height: 300px;/*  240px;  */
float: left;
margin: 5px; 
/*padding: 5px; */
}
#player2 {
width:310px;
height: 240px;
float: left;
margin: 5px;  
/*padding: 5px; */
}


#live {
width:640px;
height:120px;
/* border: 2px solid #CCCCCC; */
float:left;  
margin-top: 10px;
margin-bottom: 20px; 
/*padding: 1px;*/
font-weight: bold;
}



#map_canvas{
width: 660px; 
height: 450px;
float:left;

}


/**
 * Frontpage Syle 
 */
div#frontpage_stripe {
        height:250px;
        width:740px;
        border:none;
        padding:0px;
        background-color:white;
}

div#frontpage_stripe div#text_version {
        height:250px;
        width:740px;
        border:none;
        padding:0px;
        margin:0px;
        display:none;
        background-color:white;
}
div#frontpage_stripe div#flash_version {
        height:250px;
        width:740px;
        border:none;
        padding:0px;
        margin:0px;
        display:block;
}



 div#frontpage_extras {
        margin-top:10px;
        padding-top:0px;
        padding-left:0px;
 }

 div#frontpage_extras table {

 }

 div#frontpage_extras td {
        padding:0px;
        vertical-align:top;
        background-repeat:no-repeat;
 }


#social {
width: 35px;
height: 35px;
padding: 5px;
float: left;
margin-top: 5px;
}

#iphone {
width: 35px;
height: 35px;
padding: 5px;
margin-left:20px;
margin-top: 5px;
}

#social-container{
width: 190px;
height: 20px;
margin-top: 10px;
padding-top: 10px;
padding-left:5px;
color: #444;

}

#primadelblog {
	margin:0;
	padding:20px;
	color:#000080;
	font-size: 140%; /* Resets 1em to 10px */
	font-family: Arial;
	text-align:left;
}

#isBroadcasting {
margin-top:0;
 margin-bottom:20px;
 color: #ffea00;
 font-size: 140%;
 font-family: Arial;
 text-align:left;
 }
 
 #isBroadcasting h4 {
 	color: red;
	font-family:Arial;
	text-align:left;
	text-shadow: 0px 0px 12px #ffea00;
	line-height:120%;
 }
 
 #videonews {
 margin-top: 50px
 padding-top: 20px;
 margin-bottom: 30px;
 }
 
 #pressCont {
 margin-top:0;
 margin-bottom:30px;
 color: #ffea00;
/* border:1px solid #c80000;  */
 font-family: Arial;
 }
 
 #pressCont h4 {
 	color: red;
	font-family:Arial;
	text-shadow: 0px 0px 12px #ffea00;
	padding-left: 20
	}
	
 #pressCont a {
 color: red;
 }
 
 #vn {
 margin-top: 20px;
  margin-left: 5px;
 width: 180px;
 /*height: 250px;*/
 border: 2px solid #417196; /*gray;*/
 font-size: 120%;
 font-family:Arial;

 }