/* Digital Natives | Color scheme

Blu scuro: #003399
Verde acqua: #00FFCC
Verde: #99FF66
Magenta: #A80743

*/

body {
	background: #000;
 	/*	background: url(/img/grid.gif) #FFF; */
	font-family: verdana, sans-serif;
	font-size: 0.70em;
	margin: 0;
	padding: 0;
	}	
	

#container {
	background: #FFFFFF;
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
	}
	
#antifooter {
clear: both;
padding: 10px;
color: #999;
text-align: center;
}
#antifooter  a, #antifooter  a:visited {
color: #444;
}

#footer {
margin: 0;
color: #000;
font-size: 10px;
text-align: center;
padding: 30px 0;
clear: both;
background: url(/img/logo2.gif) no-repeat;
height:90px;
}
#footer a, #footer a:visited {
color: #000;
}


a {
color: #003399;
text-decoration: none;
}

a:hover, a:visited:hover {
text-decoration: underline;
}

a:visited {
color: #001155;
}

a:active {
color: #33CC00;
}

h3, h4 {
margin: 0;
}

h2 {
font-size: 16px;
margin: 0 0 5px 0;
padding-bottom: 5px;
}

h3 {
font-size: 13px;
margin: 0 0 5px 0;
}

ul {
list-style-type: none;
}

/* stili generali */

.blue-frame {
color: #444;
text-align: justify;
background: url(/img/bg-bluetowhite.jpg) repeat-x;
padding: 10px;
}

.blue-frame-outer {
border: 1px solid #9AE;
padding: 2px;
margin-top: 20px;
}

.aqua-frame {
color: #444;
text-align: justify;
background: url(/img/bg-aquatowhite.jpg) repeat-x;
padding: 10px;
}

.aqua-frame-outer {
border: 1px solid #9cc;
padding: 2px;
margin: 10px 0;
}

.magenta-frame {
color: #444;
text-align: justify;
background: url(/img/bg-magentatowhite.jpg) repeat-x;
padding: 10px;
}

.magenta-frame-outer {
border: 1px solid #FCF;
padding: 2px;
margin: 10px 0;
}

.green-frame h2 {
text-align: center;
}
.green-frame {
color: #444;
text-align: justify;
background: url(/img/bg-greentowhite.jpg) repeat-x;
padding: 10px;
}

.green-frame-outer {
border: 1px solid #9F6;
padding: 2px;
margin: 10px 0;
}


#content h2 {
margin: 0 0 10px 0;
border-bottom: 1px dashed #CCC;
}

.red-frame {
background: url(/img/bg-redtowhite.jpg) repeat-x #FFF;
padding: 10px;
}

.red-frame-outer {
border: 1px solid #C67;
padding: 2px;
margin: 10px 0;
}

.orange-frame {
background: url(/img/bg-orangetowhite.jpg) repeat-x #FFF;
padding: 10px;
}

.orange-frame-outer {
border: 1px solid #C85;
padding: 2px;
margin: 10px 0;
}

.grey-frame  {
background: url(/img/bg-greytowhite.jpg) repeat-x;
padding: 10px;
}

.grey-frame-outer {
border: 1px solid #CCC;
padding: 2px;
margin: 10px 0;
}

ul {
margin: 0;
padding: 0;
}

ul li {
margin: 2px;
padding: 0;
}

/*  utility bar */

#utilitybar {
background: #000;
text-align: right;
padding: 5px;
color: #FFF;
}


#utilitybar a, #utilitybar a:visited {
color: #FFF;
}

#utilitybar a:hover, #utilitybar a:visited:hover {
background: #FFF;
color: #999;
}

a img {
border: 0;
}

.error {
margin: 30px;
color: #900;
}

#content .readmore {
display: block;
text-align: right;
border-top: 1px dashed #CCC;
padding: 2px;
margin-top: 2px;
}

#sidebar .readmore {
text-align: right; margin-bottom: 20px;
}

.readmore-outofframe {
text-align: right;
position: relative;
top: -10px;
/* margin: 0 0 0 550px; */
}

form {
display: inline;
}

.notifybox {
background: #FFC; border: 1px solid #FF6; padding: 10px; margin: 20px 0;
}

.sidebox  {
background: url(/img/bg-greytowhite.jpg) repeat-x #FFF;
}

.sidebox .content {
padding: 5px;
margin: 0;
font-size: 10px;
overflow: hidden;
}

.sidebox #photobox.content { text-align: center; }
.sidebox #photobox.content img {
margin: 6px;
border: 1px solid #000;
padding: 0;
}

.sidebox-outer {
border-right: 1px solid #AAA;
border-bottom: 1px solid #AAA;
border-left: 1px solid #DDD;
padding: 2px;
}


.sidebox h2 {
color: #FFF !important;
text-align: center;
margin: 0;
padding: 5px;
}

.sidebox h2 a, .sidebox h2 a:visited {
color: #FFF !important;
}

.sidebox ul {
margin: 0;
}

.completed {
margin: 30px;
color: #090;
}

.floatingaction {
text-align: right; background: #FFF; display: block; width: auto; float: right; padding: 3px;
}