/*Fonts -------------------------*/
@font-face {
	font-family: 'Titillium';
        font-weight: normal;
        font-style: normal;
	src: url('/fonts/TitilliumText400wt.eot');
	src: local('TitilliumText14L 400 wt'), local('TitilliumText14L-400wt'), url('/fonts/TitilliumText400wt.ttf') format('truetype');
}

@font-face {
	font-family: 'Titillium';
        font-weight: bold;
        font-style: normal;
	src: url('/fonts/TitilliumText999wt.eot');
	src: local('TitilliumText14L 999 wt'), local('TitilliumText14L-999wt'), url('/fonts/TitilliumText999wt.ttf') format('truetype');
}

strong {
    font-weight: bold;
}

/*
 
 ------- Elements -------
 
 */
html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

body {
    margin: 0;
    padding: 0;
    font: 62.5% / 1.5 Titillium, "DejaVu Sans", "Lucida Grande", "Liberation Sans", Verdana, Helevetica, sans-serif;
    background: #E6E3DC;
    text-align: center;
    color: #000;
    line-height: 1.5;
}

p {
    padding: 0.5em 0;
    margin: 0 0;
}

h1, h2, h3 {
    font-weight: normal;
    padding: 0.5em 0;
    margin: 0 0;
}

form {
    padding: 0.5em 0;
    margin: 0 0;
}

h1 {
    font-size: 3.38em;
    /*line-height: 1em;*/
}

h2 {
    font-size: 2.58em;
}

h2 a, h3 a, h4 a {
    text-decoration: none;
}

h2 a:hover {
    text-decoration: underline;
}

h3 {
    font-size: 2.09em;
}

h4 {
    font-size: 1.6em;
}

.small {
    font-size: 1.1em;
}

a {
    text-decoration: underline;
    color: #AA0000;
}

a:hover {
    color: #000;
}

ul li, ol li {
    padding: 0.5em 0;
}

/* Layout ---------------------------------------------------------------------------- */
#accessibility {
    position: absolute;
    top: -9999px;
}

/* header */
#top {
    background: #000;
}

#head {
    margin: 0 auto;
    width: 960px;
    text-align: left;
    padding: 3px 0;
    height: 34px;
    color: #FFF;
    background: #000;
}

#middle {
    width: 960px;
    margin: /*15px*/ 7px auto 0 auto;
    padding: 0;
    text-align: left;
    background: transparent url(/images/pagina_middle.png) repeat-y top left;
}

#middle_bottom {
    height: 18px;
    clear: left;
    margin: 0;
    padding: 0;
    background: url(/images/pagina_bottom.png) no-repeat bottom left;
}

#content {
    width: 640px;
    min-height: 400px;
    margin-bottom: 30px;
    color: #424242;
    text-align: left;
    padding: 10px 53px 30px 45px;
    float: left;
    background: url(/images/pagina_top.png) no-repeat top left;
}

#content h2, #content h3, #content h4 {
    text-shadow: 1px 1px 3px #AAA;
}

#content h2 a {
    color: #000;
}

#content h2 a:hover {
    color: /*#0088FF*/ #000;
}

#sidebar {
    margin-left: 748px;
    padding: 10px 0 30px 0;
    text-shadow: 1px 1px 1px #FFF;
}

#sidebar h2 {
    font-size: 1.3em;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
}

#bottom {
    padding: 0 0;
    clear: both;
    text-align: left;
    color: #777;
    width: 960px;
    margin: 0 auto;
    text-shadow: 1px 1px 1px #FFF;
}

#bottom h2 {
    font-size: 1.4em;
    text-transform: uppercase;
}

#footcontent {
    width: 640px;
    padding-left: 40px;
    margin-bottom: 60px;
    background: transparent url(/images/logo_bg_gray.png) no-repeat 12px 7px;
}

#bottom a {
}

#bottom a:hover {
}

#bottom p {
    font-size: 1.1em;
    /*line-height: 1.2em;*/
}

#bottom ul {
    margin: 0;
    list-style: none;
}

/* Logo ---------------------------------------------------------------------------- */
#head h1 {
    width: 339px;
    height: 34px;
    text-indent: -9999px;
    overflow: hidden;
    margin: 0 0 0 5px;
    padding: 0;
    float: left;
}

#head h1 a {
    display: block;
    margin: 0;
    width: 339px;
    height: 34px;
    background: transparent url(/images/logo_mweb_7_test.png) no-repeat top left;
    /* background: transparent url(/images/logo_mweb_pe_opt.png) no-repeat top left;*/
}

#head h1 a:hover {
    /* L'immagine di background è unica, nello stato hover non faccio che spostarla, in modo che venga mostrata la metà in basso */
    background: transparent url(/images/logo_mweb_7_test.png) bottom left no-repeat;
}

/* Navigation ---------------------------------------------------- */
#navigation {
    margin: 6px 0 0 339px;
    padding: 0;
    text-align: right;
    line-height: 1em;
}

#navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}

#navigation form {
    margin: 0;
    padding: 0;
    display: inline;
    padding-left: 10px;
}

#navigation form input, #error form input[type = text] {
    padding: 2px 2px 2px 20px;
    border: solid 1px #AAA;
    background: #FFF url(/images/search_icon.png) no-repeat center left;
    background-position: 4px center;
    color: #777;
    width: 190px;
}

#navigation ul li {
    margin: 0;
    padding: 0;
    display: inline;
}

#navigation ul li a {
    margin: 0 10px;
    padding: 3px 7px;
    color: #747474;
    text-decoration: none;
    font-size: 0.8em;
}

#navigation ul li a:hover {
    color: #FFF;
}

#navigation ul li a.current {
    color: #FFF;
}

/* Articoli ------------------------------------------------------------------------ */
div.article {
    margin: 20px 0 20px 0;
    clear: both;
}

div.article h2 {
    color: #000;
}

div.article h2.linkTitle {
    font-size: 1.6em;
    font-weight: bold;
}

div.article h2.linkTitle a {
    border-bottom: dashed 1px #000;
    background: transparent url(/images/arrow_link.png) no-repeat right center;
padding-right: 22px;
}

div.article h2.linkTitle a:hover {
text-decoration: none;
     border-bottom: solid 2px #E01010;
}

div.article h3, div.article h4 {
    padding-top: 1.5em;
    color: #000;
}

div.article p {
}

div.article img {
}

p.date {
    color: #AAA;
    font-size: 1.2em;
}

p.date span.symbols {
    font-size: 1.5em;
}

#content p.articlebottom {
    /*font-size: 1.2em */
    margin-top: 1em;
    clear: both;
}

.caps {
    /*font-size: 0.9em;*/
    letter-spacing: 0.1em;
}

.note {
    font-size: 1.2em;
    border-top: solid 1px #DEDEDE;
    font-style: italic;
    margin-top: 1em;
}

/* Forms -------------------------------------------------------------- */
form input[type = text] {
    border: 0;
    padding: 2px 0;
    background: transparent;
    border-bottom: 1px dashed #999;
}

input.button {
    border: 2px solid #cc0000;
    background: #990000;
    color: #fff;
    padding: 2px 2px;
}

input.disabled {
    background: #ccc;
    color: #aaa;
    border: 2px solid #999;
}

form input.checkbox {
    border: none;
}

/* Comments --------------------------------------------------- */

a.comments_invite {
    background: #DFDFDF;
    color: #333;
    border: solid 1px #CCC;
    text-decoration: none;
    font-style: normal;
    padding: 2px 4px;
    text-shadow: 1px 1px 1px #FFF;
    font-size: 12px;
}

a.comments_invite:hover {
    background: #EEE;
}

div.comments-wrapper, div#contactForm {
    padding: 30px 30px;
    font-size: 1.2em;
    margin-bottom: 20px;
}

ol.comments {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 30px;
}

ol.comments li p.small {
    font-size: 0.8em;
    color: #999;
}

ol.comments li p {
    margin-left: 70px;
}

ol.comments li div.left {
    margin-top: 0.5em;
}

ul.comments_error {
    padding: 0.3em;
    list-style-type: none;
    list-style-position: inside;
    border: 2px solid #990000;
    background: #cc0000;
    color: #fff;
}

div#cpreview {
    background-color: #EFEFEF;
    border: 1px dashed #aaa;
    padding: 10px 10px;
    margin: 10px auto;
}

form#txpCommentInputForm {
}

a#txpCommentHelpLink {
    display: block;
    width: 15%;
    float: left;
}

form#txpCommentInputForm textarea {
    width: 480px;
    height: 240px;
    border: solid 1px #ccc;
    padding: 2px 2px;
    background: #fefefe;
    font-size: 14px;
    font-family: Consolas, Inconsolata, "DejaVu Sans Mono", monospace;
}

h3#commento {
    margin: 0 auto;
    color: #333;
    border-bottom: dotted 1px #AAA;
}

ul.prevnext {
    color: #999;
    list-style-type: none;
    margin: 20px 0;
    padding: 0 0;
}

ul.prevnext li {
    display: inline;
    font-size: 1.2em;
    margin-right: 20px;
}

blockquote, p, li {
    font-size: 16px;
}

blockquote {
    margin-right: 0;
    margin-left: 20px;
    padding-left: 10px;
    font-family: "Courier New", Courier, Consolas, Inconsolata, "DejaVu Sans Mono", monospace;
}

/* dettagli dei form */
div.formRow {
    padding: 10px 0;
}

div.formRow label {
    display: block;
    width: 15%;
    float: left;
}

div.formRow label.optional {
    color: #AAA;
}

div#comment_remember {
    width: 30%;
    float: right;
}

div.formRow div#comment_remember label {
    display: inline;
    width: 30%;
    float: none;
}

/* PAGINA DI ERRORE ------------------------------------------------ */
div#error {
}

div#error form label {
    font-size: 1.4em;
}

#error ul li, #error ol li {
    margin: 0.5em 0;
}

/* TO DO BETTER */
/*ol li p {
    font-size: 1em;
}

ul li p {
    font-size: 1em;
}

blockquote p {
    font-size: 1em;
}*/

#bottom {
    clear: both;
}

/* liste di definizione */
dl {
    font-size: 1.6em;
}

dt {
    font-weight: bold;
    padding: 0;
    margin: 0;
    border-bottom: dotted 1px #AAA;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

dd {
    padding: 0;
    margin: 0;
    margin-left: 20px;
}

dt a {
    text-decoration: none;
}

/* Archivio -------------------------------------------------- */
body#archivio div#content {
}

body#archivio div#content h2 {
    font-size: 1.8em;
    color: #AA0000;
    padding: 5px 0;
    border-bottom: dashed 1px #AAA;
    margin: 20px 0;
    font-weight: normal;
}

body#archivio div#content h3 {
    color: #777;
    text-transform: uppercase;
    margin-top: 20px;
    font-size: 1.2em;
    font-weight: normal;
}

body#archivio div#content h4 {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 1.8em;
    line-height: 1.4em;
    margin: 0.5em 0 0.5em 40px;
}

body#archivio div#content h4 a {
    color: #000;
}

body#archivio div#content h4 a:hover {
    color: #AA0000;
}

/* Stili comuni ------------------------------------------ */
.strong {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

/* Paginazione ------------------------------------------- */
ul.pagination {
    border-top: dotted 1px #AAA;
    margin: 1em 0;
    padding: 1em;
    font-size: 1.1em;
    text-align: center;
}

ul.pagination li {
    display: inline;
    padding: 0.2em 0.5em;
    color: #AAA;
    font-size: 1.2em;
}

ul.pagination li a {
    text-decoration: none;
    color: #AAA;
}

ul.pagination li a:hover {
    text-decoration: none;
    color: #AA0000;
}

ul.pagination li.empty {
    color: #AAA;
}

ul.pagination li.active {
    color: #AA0000;
    border: solid 1px #CCC;
}

/* Contact Form ------------------------------------------------------- */
div#contactForm {
    border: none;
    padding: 0 0;
}

div#contactForm fieldset {
    border: none;
}

div#contactForm label {
    color: #778191;
}

div#contactForm div.formRow input {
    width: 380px;
    font-family: Consolas, Inconsolata, "DejaVu Sans Mono", monospace;
    font-size: 14px;
}

div#contactForm div.formRow textarea {
    font-family: Consolas, Inconsolata, "DejaVu Sans Mono", monospace;
    width: 480px;
    height: 240px;
    border: solid 1px #ccc;
    padding: 2px 2px;
    background: #fefefe;
    font-size: 14px;
}

div.buttons {
    padding: 20px 0;
}

div.buttons input {
    border: 2px solid #cc0000;
    background: #990000;
    color: #fff;
    padding: 2px 2px;
}

div.zemThanks {
    background: #FFF;
    padding: 10px 10px;
    color: #778191;
}

ul.zemError {
    color: #CC0000;
    list-style: square;
    font-weight: bold;
    margin: 20px 0;
    padding: 0;
}

ul.zemError li {
    padding-left: 0;
}

/* Feeds nella sidebar ------------------------------------------------------ */
div.feed h3, #sidebar h3 {
    font-size: 1.3em;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
}

div.feed ul, #sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

div.feed ul li, #sidebar ul li {
    margin: 0;
    padding: 5px 0;
    line-height: 2.2em;
    border-top: dotted 1px #AAA;
    font-size: 1.1em;
    color: #999;
}

div.feed ul li a {
    color: #777;
    text-decoration: none;
}

div.feed ul li a:hover {
    color: #AA0000;
}

#sidebar ul.categories {
}

#sidebar ul.categories li {
    margin: 0;
    padding: 5px 0;
    border-top: dotted 1px #AAA;
    font-size: 1.1em;
}

#sidebar ul.categories li a {
    color: #777;
    text-decoration: none;
    text-shadow: 1px 1px 1px #FFF;
}

#sidebar ul.categories li a:hover {
    color: #AA0000;
}

#sidebar ul.categories li.current {
	margin-left: -6px;
    padding-left: 6px;
    background: transparent url(/images/bg_active_list.png) no-repeat center left;
}

#sidebar ul.categories li.current a {
    color: #000;
}

#sidebar ul.article_list li a {
    font-weight: bold;
    color: #000;
}

div.sponsor {
    margin-bottom: 20px;
    padding: 0 10px;
    border: dashed 1px #999;
    text-align: center;
    background: #EFEFEF;
    box-shadow: 2px 2px 7px #999;
    -moz-box-shadow:  2px 2px 7px #999;
    -webkit-box-shadow: 2px 2px 7px #999;
}

div.sponsor p {
    font-size: 1.2em;
}

div.sponsor img {
    border: solid 1px #000;
}

/* Stile per le immagini */
.leftBorder {
    float: left;
    margin: 0 20px 10px 0;
    padding: 10px 10px;
    border: solid 1px #AAA;
}

.rightBorder {
    float: right;
    margin: 0 0 10px 20px;
    padding: 10px 10px;
    border: solid 1px #AAA;
}

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

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

.large {
    /*border: solid 10px #000;*/
    margin: 0.5em 0;
}

a img {
    border: none;
}

a img.large {
    /*border: solid 10px #000;*/
}

a:hover image.large {
    /*border: solid 10px #777;*/
}

pre {
    margin: 0.5em 0;
    padding: 10px;
    background: #FDFDFD;
    border: dotted 1px #555;
    font-size: 14px;
}

code {
    font-family: Consolas, Inconsolata, "DejaVu Sans Mono", monospace;
    font-size: 14px;
    background: #EEE;
}

.symbols {
    font-family: "DejaVu Sans", "Arial Unicode MS", Arial, sans-serif;
}

/* Variazioni nella tipografia degli articoli. */
ul.pagination {
    font-style: italic;
}

#content {
    font-family: Titillium, Georgia, Times, serif;
}

#archivio #content {
    font-family: Titillium, "DejaVu Sans", "Lucida Grande", "Liberation Sans", Verdana, Helevetica, sans-serif;;
}

span.separator {
    display: block;
    margin: 1em 0;
    text-align: center;
    font-family: "DejaVu Sans", "Arial Unicode", Arial, sans-serif;
}

.big {
    font-size: 40px;
}

.extrabig {
    font-size: 80px;
}

.light {
    color: #AAA;
}

.important {
    color: #A10000;
}

.center {
    text-align: center;
}

/* About AM Box ---------------------------------------------- */
#about_am {
    margin-bottom: 20px;
}

#about_am img {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}

#about_am p {
    font-size: 1.1em;
    color: #555;
    margin: 0;
    padding: 0;
}

#about_am a {
    color: #555;
}


/* Random Article ----------------------------- */

.random_article {
font-size: 60%;
padding: 0 20px;
border: dashed 1px #AAA;
}

/* warning, error, ecc. */

.warning {
 color: #000;
 background: #FFFFCC;
 border: solid 1px #FFCC00;
 padding: 1em 1em;
 margin: 1em 0;
}

.script {
 font-family: "Courier New","Courier Final Draft", Courier, monospace;
}

/* Back To Top ----------------------------------- */
#back_to_top {
width: 210px;
text-align:center;
    /*border-top: 4px solid #CC0000;*/
    border-left: 8px solid #CC0000;
    position: fixed;
    bottom: 0px;
    right: -220px;
}

#back_to_top a {
	display: block;
	font-weight: bold;
	padding: 10px 0;
	background: #000;
	color: #AAA;
	text-decoration: none;
	text-transform: uppercase;
	/*text-shadow: 1px 1px 1px #FFF;*/
	font-size: 16px;
}

#back_to_top a:hover {
    color: #FFF;
}

#back_to_top .symbols {
   
    /*color: #E01010*/
}

/* Esperimenti css3 ------------------------------------ */

.shadow {
    box-shadow: 2px 2px 7px #999;
    -moz-box-shadow:  2px 2px 7px #999;
    -webkit-box-shadow: 2px 2px 7px #999;
}


sup a {
    font-size: 11px;
    text-decoration: none;
}