/*  
Theme Name: Pro City
Theme URI: http://www.idsg.it/2007/03/02/tema-wordpress-pro-city/
Description: One column fixed theme with huge fixed background and hidden menus open using scriptaculous.
Version: 1.1
Author: ShinRa
Author URI: http://www.idsg.it/
*/

/*
Blocks Firefox scrollbar
Blocca la barra di scorrimento di Firefox
*/

html {
min-height: 100%;
margin-bottom: 1px;
}

body {
margin: 0;
padding: 0;
background-color: #fff;
background-image: url(images/back-body.jpg);
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
font: 15px "century gothic",arial,sans-serif;
text-align: center;	/* Center page on IE - Centra la pagina con IE */
}

hr {
display: none;
}

/*
Remove next lines and your template will probably fall into darkness
Rimuovete le prossime linee ed il template probabilmente piombera' nell'oscurita'
*/

hr.clear {
visibility: hidden !important;
clear: both !important;
display: block !important;
}

/*
Code and blockquotes, you decide
Code e blockquote, a vostro piacimento
*/

blockquote {
}

code {
}

/*
Float images with .imgleft and .imgright
.imgleft e .imgright per muovere a sinistra a destra le immagini
*/

img {
padding: 3px;
background-color: #fff;
border: 1px solid #000;
}

img.imgleft {
float: left;
margin-right: 4px;
}

img.imgright {
float: right;
margin-left: 4px;
}

/*
Normal links
Links normali
*/

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

/*
Remove Firefox outline
Rimuovo i bordi nei link di Firefox
*/

a:active {
outline: none;
}

a:focus {
outline: none;
}

a:hover {
text-decoration: underline;
}

/*
Toggle, top image that open menu
Toggle, immagine che apre i menu
*/

a.toggle {
display: block;
width: 108px;
height: 60px;
position: fixed;
top: 0;
left: 50%;
margin-left: -170px;
background: transparent url(images/back-toggle.jpg) no-repeat top left;
z-index: 12;
}

a.toggle:hover {
background: transparent url(images/back-toggle.jpg) no-repeat bottom left;
}

a.toggle span {
display: none;
}

a.toggle-close {	/* Big X in the menu box - X gigante nel riquadro dei menu */
font-size: 3em;
float: right;
}

/*
Hidden menu
Menu nascosti
*/

#begin-wrapper {
width: 600px;
position: fixed;
background: #fff url(images/back-begin-wrapper.jpg) no-repeat top left;
top: 100px;
left: 50%;
margin-left: -300px;
padding: 20px;
border: 20px solid #000;
z-index: 10;
overflow: auto;
height: 400px;
}

#begin ul {
list-style-type: none;
float: left;
width: 30%;
margin: 7px 7px 7px 7px;
padding: 0 0 0 0;
}

#begin ul li h2 {
font-family: stencil, impact, "arial black", "century gothic", arial, sans-serif;
font-size: 1.6em;
font-weight: normal;
}

#begin ul li ul {
width: 100%;
float: none;
margin: 0;
padding: 0;
}

#begin ul li {
padding: 3px 3px 3px 3px;
}

/*
Global page wrapper
Contenitore globale dei contenuti
*/

#wrapper {
position: absolute;
text-align: left;	/* Realigns page to the left - riallinea la pagina a sinistra */
left: 50%;
width: 500px;
padding: 20px;
margin-left: -50px;
margin-top: 85px;
background-color: #fff;

/*
NOTE:
I hate opacity and it's not validate but using a transparent .png image IE browser (surprises?) crash (literally) 
If you want to try for yourself remove comments tag on next line and comments from filter to opacity: 0.96;

Questi attributi non sono validi ma usando una png semitrasparente IE (sorpresi?) va in stallo (letteralmente)
Se volete provare voi stessi decommentate la linea seguente e commentate da filter sino a opacity: 0.96%;
*/

/*
background: transparent url(images/back-wrapper.png) repeat top left;
*/

filter: alpha(opacity=96);
-moz-opacity: 0.96;
opacity: 0.96;
}

/*
The back home link
Il link per la home page
*/

h2#header {
position: fixed;
left: 50%;
top: 550px;
margin-left: -450px;
padding: 0;
font-size: 2.2em;
font-weight: normal;
letter-spacing: 1.2px;
font-variant: small-caps;
width: 395px;
font-family: stencil, impact, "arial black", "century gothic", arial, sans-serif;
}

h2#header a {
color: #000;
text-decoration: none;
}

/*
This section is hidden, display a list of quick link to move into the page
Questa sezione e' nascosta, mostra una lista di link rapidi per muoversi dentro la pagina
*/

#skip {
display: none;
}

/*
Main contents
Contenuti principali
*/

#content h1 {
display: none;
}

h2.pagetitle {
font-size: 1.1em;
font-weight: normal;
}

#content div.archivelist h2, #content div.post h2, #content h2 {
font-family: stencil, impact, "arial black", "century gothic", arial, sans-serif;
font-size: 1.6em;
font-weight: normal;
}

#content div.post h3 {
font-size: 1.4em;
font-weight: normal;
}

#content div.post h4 {
font-size: 1.3em;
font-weight: normal;
}

#content div.post h5 {
font-size: 1.2em;
font-weight: normal;
}

#content div.post h6 {
font-size: 1.1em;
font-weight: normal;
}

#content div.post p {
line-height: 150%;
}

#content div.post p.date {
padding-bottom: 0;
margin-bottom: 0;
color: #999;
text-transform: uppercase;
font-size: 0.9em;
letter-spacing: 1.5px;
}

#content div.post p.details_small {
font-size: 0.9em;
padding: 10px 0 30px 0;
border-top: 1px solid #c30;
font-weight: bold;
}

#content div.post p.details_full {
font-size: 0.9em;
padding: 10px 0 5px 15px;
border-top: 1px solid #c30;
border-left: 3px solid #c30;
}

#content div.post ul li {
line-height: 150%;
}

#content div.post ol li {
line-height: 150%;
}

/*
Next and previous links
Link precedente e successivo
*/

#content div.navigation {
display: block;
height: 25px;
padding: 8px 0 20px 0;
}

#content div.navigation div.alignleft {
float: left;
width: 47%;
}

#content div.navigation div.alignright {
float: right;
width: 47%;
text-align: right;
}

/*
'More posts's', links page's and archives page's lists
Liste'Messaggi recenti', pagina links e pagina archivi
*/

ul.recenti,
.archivelist ul,
.archivelist ul li.linkcat ul {
list-style-type: none;
font-size: 20px !important;
padding-left: 0;
}

ul.recenti li,
.archivelist ul li {
padding: 5px;
}

ul.recenti li small {
font-size: 13px !important;
}

ul.recenti a,
.archivelist a {
padding-left: 23px;
background: transparent url(images/list-image.jpg) no-repeat center left;
}

/*
Comments template
Template commenti
*/

h3#comments,
h3#respond {
font-family: stencil, impact, "arial black", "century gothic", arial, sans-serif;
font-size: 1.3em;
background-color: #000;
color: #fff;
padding: 10px;
border: 3px solid #c30;
font-weight: normal;
}

ol.commentlist {
margin: 0;
padding: 0;
list-style-type: none;
}

ol.commentlist li {
background: #000;
color: #fff;
padding: 7px;
margin-bottom: 15px;
}

ol.commentlist li.alt {
background: #070707;
}

ol.commentlist li big {
font-family: stencil, impact, "arial black", "century gothic", arial, sans-serif;
font-weight: normal;
}

ol.commentlist li span.comment_data {
float: right;
font-size: 0.9em;
}

ol.commentlist li p {
clear: both;
}

/*
Comment form template
Template form commenti
*/

#commentform input {
padding: 3px;
border: 3px solid #000;
font-family: "century gothic", arial, sans-serif;
font-size: 14px;
}

#commentform input[type="submit"] {
text-transform: uppercase;
background-color: #c30;
color: #fff;
font-weight: bold;
font-family: "century gothic", arial, sans-serif;
font-size: 14px;
}

#commentform textarea {
padding: 3px;
border: 3px solid #000;
width: 300px;
font-family: "century gothic", arial, sans-serif;
font-size: 14px;
}

/*
Remove display: none to show html allowed tags
Rimuovete il display:none per mostrare i tag html consentiti
*/

#commentform p.allowedtags {
display: none;
}

/*
Search Form
Form ricerca
*/

#searchform input {
padding: 3px;
border: 3px solid #000;
font-family: "century gothic", arial, sans-serif;
font-size: 14px;
}

#searchform input[type="submit"] {
text-transform: uppercase;
background-color: #c30;
color: #fff;
font-weight: bold;
font-family: "century gothic", arial, sans-serif;
font-size: 14px;
}

/*
Footer, big orange box
Pie di pagina, il box arancio
*/

#footer {
margin-top: 50px;
padding: 3px 6px;
background: #c30;
border: 6px solid #000;
font-size: 0.9em;
}

#footer a {
color: #000;
text-decoration: underline;
}

#footer h1 {
display: none;
}

#footer p.rssfeed {
font-size: 1.2em;
text-align: center;
}