/* reset white space */
html, body {
margin: 0;
padding: 0
}

h1, h2, h3, h4, h5, h6 {
margin-bottom: 13px;
margin-top: 13px;
}

address, blockquote, dl, form,
fieldset, ol, table, p, pre, ul {
margin-top: 7px;
margin-bottom: 7px;
}

/* //////////////////////// HTML ////////////////////////////// */

* {
font-family: Tahoma;
font-size: 12px;
color: #fff;
}

body {
margin: 0;
background-color: #020201;
background-image: url(images/shared/body_background.jpg);
background-repeat: repeat-y;
background-position: top center;
}

h1, h1 * {
font-family: Arial;
font-size: 16px;
color: #E90055;
}

/* this is the h1 inside blocks */
h1.arrow {
font-size: 11px;
font-weight: normal;
text-transform: uppercase;
font-family: "Arial Narrow";
letter-spacing: 0;
background-image: url(images/shared/block_title.gif);
background-repeat: no-repeat;
background-position: bottom left;
padding-left: 4px;
padding-top: 3px;
padding-bottom: 3px;
height: 20px;
color: #fff;
position: absolute;
z-index: 1;
top: 0;
margin: -3px -3px 7px -3px;
width: 100%;
}

h2 {
font-family: Arial;
font-size: 13px;
color: #E90055;
margin-top: 19px;
margin-bottom: 0;
font-weight: normal;
}

h2.special {
background-color: #0c0c0b;
padding: 6px 6px 6px 6px;
color: #ddd;
font-size: 14px;
margin-bottom: 20px;
}



h3 {
font-weight: bold;
color: #777;
}

ul {
padding-left: 0;
margin-left: 0;
list-style-position: outside;
list-style-type: none;
}

li {
margin-bottom: 12px;
}

a, a * {
color: #8DC0E8;
}

a:visited,
a:visited * {
color: #5B9ED2;
}

a img {
border: 0;
}

a.author_link {
color: #7C7B7B;
}

em strong,
strong em {
color: #e90055;
font-weight: normal;
}

small,
small * {
font-size: 10px;
color: #7C7B7B;
}

div#right div.block p,
div#right div.block2 p {
margin: 2px 0 2px 0;
}


/* footer */
div#footer h1 {
margin:0;
font-weight: normal;
}

div#footer p {
text-align: left;
}

div#footer li {
margin: 0;
}

div#footer small,
div#footer small * {
font-size: 11px;
}

/* /// html testo articoli ////*/

/* imagini nel testo */
div.image_container {
width: 210px;
height: auto;
float: right;
margin-left: 7px;
margin-bottom: 0; /* 0 perche' c'e' dida */
}

/* avatar articoli */
img.float_left {
float: left;
margin-right: 7px;
margin-bottom: 4px;
margin-top: 4px;
}

p.dida {
width: 210px;
/* come 'small' */
font-size: 10px;
color: #7C7B7B;
border: 0px solid yellow;
float: right;
clear: right;
margin-top: 0px;
margin-bottom: 9px;
font-style: italic;
}

p#avatar_dida {
width: 210px;
/* come 'small' */
font-size: 10px;
color: #7C7B7B;
border: 0px solid yellow;
float: left;
clear: left;
margin-top: -2px;
margin-bottom: 1px;
margin-right: 7px; /* come img.float_left */
font-style: italic;
}

div.special {
z-index: 999;
width: 680px;
float: left;
clear: both;
margin-top: 15px;
padding: 9px;
padding-top: 0;
background-color: #080b0a;
}

* html div.special {
overflow: hidden;
}

/* this is the h1 arrow inside .special */
div.special h2 {
position: relative;
padding-left: 4px;
padding-top: 0;
padding-bottom: 3px;
padding-right: 0px;
left: -9px;
width: 700px;
height: 20px;
margin: 0;
margin-top: -7px;
margin-bottom: 10px;
font-size: 11px;
font-weight: normal;
text-transform: uppercase;
font-family: "Arial Narrow";
letter-spacing: 0;
background-image: url(images/shared/block_title.gif);
background-repeat: no-repeat;
background-position: bottom left;
color: #fff;
}

div.special ul {
padding-left: 0;
margin-left: 0;
list-style-type: none;
}

div.special ul li {
margin-bottom: 7px;
}

/* mostre onloine */
div.special div.image_container {
position: relative;
width: 123px;
float: left;
padding-left: 0;
padding-right: 13px;
padding-bottom: 10px;
padding-top: 10px;
margin-right: -7px;
border: 0px solid red;
}

div.special div.image_container img {
visibility: hidden; /* hide until properly aligned */
}

div.special p {
clear: both;
}

div.special p.dida {
display: none;
}


/* homepage */

div.focus1 {
width: 510px;
float: left;
border: 0px solid black;
margin-top: 5px; /* come h1 */
margin-bottom: 10px;
cursor: pointer;
}

div.focus1 h1 {
margin: 0;
}

div.focus1 h2 {
margin-top: 0;
}

div.focus2 {
float: left;
width: 330px;
border-right: 1px solid #121212;
padding-right: 11px;
margin-top: 9px;
margin-right: 11px;
margin-bottom: 10px;
cursor: pointer;
}

div.focus2 h1 {
margin: 0;
}

div.focus2 h2 {
margin-top: 0;
}

div.focus3 {
border: 0px solid black;
border-bottom: 1px solid #121212;
margin-top: 5px; /* come h1 */
cursor: pointer;
}

div.focus3 h1 {
margin: 0;
}

div.focus3 h2 {
margin-top: 0;
}

div.zoom {
position: relative;
padding-top: 165px;
padding-left: 6px;
border: 0px solid yellow;
border-bottom: 1px solid #121212;
}

div.image_slideshow {
position: absolute;
z-index: 1;
top: 7px;
right: 8px;
width: 165px;
height: 165px;
background-position: center center;
background-repeat: no-repeat;
background-color: #333;
}


/* stuff for when list of articles are viewed */
div.article_list {
border-bottom: 1px solid #121212;
cursor: pointer;
min-height: 33px; /* come article avatar height + article_list padding */
padding-bottom: 4px;
margin-bottom: 5px;
}

* html div.article_list {
height: 33px; /* come article avatar height + article_list padding */
}

div.article_list h2 {
margin-top: 0;
}

input {
color: #333;
}


/* //////////////////////// LAYOUT ////////////////////////////// */

body, html {
height: 100%;
}

div#container {
width: 930px;
position: relative;
left: 50%;
margin-left: -465px;
padding-bottom: 30px;
margin-bottom: 0;
background-color: #060606;
border: 0px solid #fff;
}

* html div#container {
height: 100%;
}

div#header {
width: 100%;
height: 90px;
}

div#header_print {
display: none;
}

div#nav {
position:relative;
border: 0px solid green;
margin-top: 17px;
margin-bottom: 17px;
height: 32px;
background-color: #111;
border: 0px solid red;
}

div#nav div#search {
position: absolute;
right: 6px;
top: 6px;
border: 0px solid white;
width: 140px;
height: 25px;
padding-left: 4px;
border-left: 0px dotted #666;
}

div#nav div#search form {
margin: -2px 0 0 0;
padding: 0;
}

div#nav div#search input {
height: 18px;
}

div#left {
width: 695px;
padding: 0 0 22px 0;
float: left;
clear: left;
margin-left: 15px;
border: 0px solid yellow;
}

* html div#left {
padding-left: 0;
margin-left: 8px;
width: 705px;
}

div#right {
width: 185px;
margin-top: 10px;
float: right;
border: 0px solid red;
margin-right: 15px;
}

* html div#right {
margin-right: 4px;
}

div.block {
position: relative;
margin-bottom: 9px;
padding: 3px;
overflow: hidden;
padding-top: 23px; /* like block > h1 */
padding-right: 0;
background-color: #0c0c0b;
}

div.zoom {
position: relative;
margin-top: 0;
padding-bottom: 7px;
}

div.image_holder {
position: relative;
height: 123px;
}

div#footer {
position: relative;
padding-top: 10px;
padding-bottom: 31px;
border-top: 1px solid #101000;
height: 160px;
margin-bottom: 0;
background-image: url(images/shared/footer_background.jpg);
background-repeat: repeat-x;
background-color: #121212;
}

div#footer_wrapper {
width: 930px;
position: relative;
left: 50%;
margin-left: -434px;
border: 0px solid purple;
}

/* //////////////////////// NAVIGATION ////////////////////////////// */

/* init */
div#nav * {
margin: 0;
} 

div#nav ul,
div#nav ul li ul {
padding: 0;
margin: 0;
list-style-type: none;
list-style-position: inside;
}

#nav ul li {
	float: left;
	width: auto;
}

div#nav ul li ul {
position: absolute;
z-index: 999;
background-color: #101010; /* IMPORTANT! or IE6 won't work! */
}

#nav ul li ul li {
	float: left;
  clear: left;
	width: auto;
}

/* main tabs */

div#nav ul li a {
display: block;
text-decoration: none;
text-transform: uppercase;
font-family: "Arial Narrow";
color: #7C7B7B;
padding: 8px 9px;
border: 0px solid white;
margin: 0;
font-size: 12px;
border-right: 1px solid #222;
}

div#nav ul li a:hover {
color: #fff;
}

div#nav ul li a#selected {
background-color: #E90055;
color: #fff;
}

/* submenu */

div#nav ul li ul {
display: none;
}

div#nav ul li ul li a,
div#nav ul li ul li a:visited {
display: block;
width: 95px;
padding: 4px 7px;
font-family: "Arial Narrow";
font-size: 11px;
text-transform: uppercase;
text-decoration: none;
color: #fff;
border-right: 1px solid #222;
}

div#nav ul li ul li a:hover {
background-color: #E90055;
}

/* text navigazione */

p#text_nav {
padding: 0;
clear: both;
}

p#text_nav * {
color: #E90055;
text-transform: uppercase;
font-size: 10px;
}

p#text_nav a:visited {
color: #E90055;
}


p#text_nav strong {
color: #fff;
font-weight: normal;
}

p#text_nav a#selected {
background-color: #e90055;
color: #fff;
text-decoration: none;
padding: 3px;
}

/* PRINT MAGAZINE */
div#page,
div#cover {
display: none;
}