html body {
background: #333 url(background.png) repeat;
padding: 0;
margin: 0;
text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 67.5%;
color: #000;
}
.hidden, ul#menu span, ul#home_splash span, ul#novita_content span {
display: none;
}
.clear {
clear: both;
}
.separator {
margin: 0;
padding: 0;
border-bottom: 1px dotted #888;
border-top: none;
border-left: none;
border-right: none;
line-height: 0;
height: 1px;
}
p.more {
text-align: right;
}
.author {
font-weight: normal;
font-size: .9em;
}
h1 {
margin: 5px auto;
padding: 0;
width: 880px;
height: 90px;
background: #fff url(logo.png) no-repeat;
color: inherit;
}
h1 a {
margin: 0;
padding: 0;
width: 880px;
height: 90px;
display: block;
}
h2 {
margin: 0;
padding: 0;
}
h3 {
font-size: 1em;
margin: 10px 0 -10px;
padding: 0;
}
p {
margin: 1em 0;
padding: 0;
overflow: hidden
}
div#main {
margin: 0 auto;
padding: 0 0 12px 0;
width: 900px;
background-color: #fff;
color: #000;
text-align: left;
}
ul#menu {
clear: both;
margin: 6px 10px 12px;
padding: 0;
background-image: url(menu_separator.png);
background-position: right;
background-repeat: no-repeat;
width: 548px;
height: 12px;
}
ul#menu li {
float: left;
margin: 0;
padding: 0 7px 0 17px;
list-style: none;
background-image: url(menu_separator.png);
background-position: left top;
background-repeat: no-repeat;
}
ul#menu li a:link, ul#menu li a:visited {
display: block;
float: left;
height: 12px;
background-position: left top;
}
a#menu_home:link, a#menu_home:visited {
background-image: url(menu_home.png);
width: 46px;
}
a#menu_news:link, a#menu_news:visited {
background-image: url(menu_news.png);
width: 46px;
}
a#menu_anteprime:link, a#menu_anteprime:visited {
background-image: url(menu_anteprime.png);
width: 85px;
}
a#menu_editoriali:link, a#menu_editoriali:visited {
background-image: url(menu_editoriali.png);
width: 88px;
}
a#menu_autori:link, a#menu_autori:visited {
background-image: url(menu_autori.png);
width: 60px;
}
a#menu_fumetti:link, a#menu_fumetti:visited {
background-image: url(menu_fumetti.png);
width: 65px;
}
ul#menu li a:hover, ul#menu li a:active {
background-position: bottom;
}
#content {
margin: 10px;
}
#content a:link, #content a:visited {
color: #2d485b;
background-color: inherit;
text-decoration: none;
}
#content a:hover, #content a:active {
text-decoration: underline;
}
#home_left {
float: left;
width: 585px;
margin: 0;
padding: 0;
}
#home_splash {
width: 560px;
height: 260px;
margin: 0 auto 12px;
padding: 0;
background-position: 0% 0%;
background-repeat: no-repeat;
}
#home_splash li {
float: left;
margin: 0;
padding: 0;
list-style: none;
height: 260px;
}
#home_splash_link_1, #home_splash_link_3 {
width: 172px;
}
#home_splash_link_2 {
width: 216px;
}
#home_splash li a {
display: block;
height: 260px;
}
#home_news_container {
float: left;
width: 283px;
padding: 2px;
color: inherit;
background-color: #fe8e22;
}
#home_news {
margin: 0;
padding: 34px 6px 5px;
color: inherit;
background-color: #fff;
background-image: url(h2_home_news.png);
background-position: 0% 0%;
background-repeat: no-repeat;
}
#home_anteprime_container {
float: left;
width: 283px;
margin: 0 0 0 11px;
padding: 2px;
color: inherit;
background-color: #5a8221;
}
#home_anteprime {
margin: 0;
padding: 34px 6px 4px;
color: inherit;
background-color: #fff;
background-image: url(h2_home_anteprime.png);
background-position: 0% 0%;
background-repeat: no-repeat;
}
#home_edit_container {
margin-left: 595px;
padding: 2px;
background-color: #577C97;
color: inherit;
}
#home_edit {
margin: 0;
padding: 38px 6px 4px;
color: inherit;
background-color: #fff;
background-image: url(h2_home_editoriale.png);
background-position: 0% 0%;
background-repeat: no-repeat;
}
#novita {
float: left;
width: 285px;
height: 435px;
margin: 0;
padding: 0;
}
#novita h3 {
background-image: url(h2_novita.png);
background-position: 0% 0%;
background-repeat: no-repeat;
height: 35px;
margin: 0;
padding: 0;
}
#novita_content {
width: 285px;
height: 400px;
margin: 0;
padding: 0;
background-position: 0% 0%;
background-repeat: no-repeat;
}
#novita_content li {
display: block;
margin: 0;
padding: 0;
list-style: none;
}
#novita_link_1, #novita_link_3 {
height: 100px;
}
#novita_link_2 {
height: 200px;
}
#novita_content li a {
display: block;
width: 285px;
height: 100%;
}
#news_container, #anteprime_container, #edit_container, #autori_container, #autore_container, #fumetti_container, #fumetto_container, #staff_container {
color: inherit;
margin: 0 0 0 295px;
padding: 2px;
}
#news_container {
background-color: #fe8e22;
}
#anteprime_container {
background-color: #598527;
}
#edit_container, #staff_container {
background-color: #517fa2;
}
#autori_container, #autore_container, #page_container {
background-color: #004967;
}
#page_container {
color: inherit;
margin: 0;
padding: 2px;
}
#fumetti_container, #fumetto_container {
background-color: #000;
}
#news, #anteprime, #edit, #autori, #autore, #fumetti, #fumetto, #staff {
color: #000;
margin: 0;
padding: 34px 6px 4px;
background-color: #fff;
background-position: 0% 0%;
background-repeat: no-repeat;
}
#news {
background-image: url(h2_news.png);
}
#anteprime {
background-image: url(h2_anteprime.png);
}
#edit {
background-image: url(h2_editoriali.png);
}
#autori, #autore {
background-image: url(h2_autori.png);
}
#fumetti, #fumetto {
background-image: url(h2_fumetti.png);
}
#staff {
background-image: url(h2_staff.png);
}
#page {
color: #000;
margin: 0;
padding: 4px 6px;
background-color: #fff;
text-align: center;
}
#autori_list, #fumetti_list {
padding: 15px 0 0 0;
margin: 0;
}
#autori_list li, #fumetti_list li {
float: left;
list-style: none;
padding: 0;
}
#autori_list li {
margin: 0 0 20px 0;
width: 280px;
}
#fumetti_list li {
margin: 0 10px 20px 0;
width: 268px; /* ridurlo se la pagina scaca su ie6 */
}
#autori_list img, #autore img, #fumetti_list img, #fumetto_desc img {
float: left;
border: none;
}
#fumetti_list img {
margin-right: 10px;
}
#autore img, #fumetto_desc img {
margin: 0 8px 0;
}
.fumetto_info {
margin: 0;
padding: 0;
width: 160px;
}
.fumetto_info strong {
text-transform: uppercase;
}
.author_info {
float: left;
margin: 0 0 0 10px;
padding: 0;
width: 160px;
overflow: hidden;
}
.author_info br, .fumetto_info br {
height: 2em;
line-height: 2em;
}
#fumetti_cat {
margin: 10px 0 25px 96px;
padding: 0;
}
#fumetti_cat li {
float: left;
width: 180px;
margin: 0 0 0 10px;
padding: 0;
list-style: none;
height: 22px;
line-height: 22px;
}
#fumetti_cat li a:link, #fumetti_cat li a:visited {
float: left;
display: block;
width: 180px;
text-decoration: none;
height: 20px;
line-height: 20px;
margin: 0;
padding: 0;
}
#fumetti_cat_collane a:link, #fumetti_cat_collane a:visited {
background-image: url(fumetti_sel_collane.png);
background-position: 0% 0%;
}
#fumetti_cat_oneshot a:link, #fumetti_cat_oneshot a:visited {
background-image: url(fumetti_sel_oneshot.png);
background-position: 0% 0%;
}
#fumetti_cat_collane a:hover, #fumetti_cat_collane a:active, #fumetti_cat_oneshot a:hover, #fumetti_cat_oneshot a:active, .fumetti_cat_sel {
background-position: bottom !important;
margin: 0;
padding: 0;
}
#fumetto h3 {
font-size: 1.2em;
text-transform: uppercase;
margin: 10px 0 5px;
}
#fumetto_desc {
float: left;
width: 99%;
}
#pages {
margin: 10px auto;
padding: 0;
width: 99%;
float: left;
}
#pages_list {
width: 360px;
margin: 0 auto;
padding: 0;
text-align: center;
}
#pages_list li {
list-style: none;
display: inline;
}
#pages_list li img {
border: none;
}
#download_pdf {
background-image: url(http://www.comicus.it/img/icon_pdf.gif);
background-position: 0% 0%;
background-repeat: no-repeat;
padding: 0 0 0 20px;
height: 20px;
line-height: 20px;
}
#download_zip {
background-image: url(http://www.comicus.it/img/icon_zip.gif);
background-position: 0% 0%;
background-repeat: no-repeat;
padding: 0 0 0 20px;
height: 20px;
line-height: 20px;
}
#page h2 {
font-size: 1.2em;
color: #cacaca;
background-color: inherit;
}
#footer {
font-size: .8em;
color: #999;
margin: 5px auto;
width: 900px;
text-align: right;
}
#footer p {
color: #999;
background-color: inherit;
}
#footer a:link, #footer a:visited {
color: #999;
background-color: inherit;
}
#footer a:hover, #footer a:active {
color: #c0c0c0;
text-decoration: underline;
}