/*  
Theme Name: Andrea.Zilio.name V1
Theme URI: http://andrea.zilio.name
Description: Andrea.Zilio.name Theme. Contatta l'autore: andrea.zilio@gmail.com
Version: 1.0
Author: Andrea Zilio
Author URI: http://andrea.zilio.name
*/

/* =Colors
  Azzurro:	#92aeff (footer, linea superiore,testo menu,titolo pagina,
			  bordo commento:hover)
  grigio0a:	#f8f8f8 (comment form bg, 
  grigio0b:	#f3f3f3 (comment form allowed tags bg
  grigio1:	#dbdbdb (.name, sottolineatura titoli post, sezioni sidebar
			  quote author, feed link, quote line|" color, Commenti,
			  comment form border)
  grigio2:	#ececec (sfondo data, linee post meta, 
  grigio3:	#8f8f8f (autore commento, testo post meta, Comment form labels,
			  Comment form allowed tags text)
  grigio4:	#616161 (Scrivi un commento,  bordo commento
  grigio5:	#444444 (Testo post|pagina, testo commento, testo quote)
  nero:		#000000	(sottotitolo pagina)

  Links:
  ---v1---
  background:	#f0f4ff
  underline:	#92aeff
  ---v2---
  background:	#fffdd3
  underline:	#fff832
*/
html,body{
  margin:0; padding:0;
}
body{
  font: 76% "Bitstream Vera Sans",Verdana, Geneva, Kalimati, sans-serif;
  color: #444;
}
p,h1,h2,h3,h4,h5,h6{
  margin: 1em 0 0;
}
p,blockquote,pre,ol,dl,ul,form{
  line-height:1.5;
}
pre{
	font-family: "Courier New", Courier, FreeMono, monospace;
	font-size: 1.1em;
}
form{margin: 0;padding: 0}
h1{font-size: 1.6em}
h2{font-size: 1.6em}
h3{font-size: 1.5em}
h4{font-size: 1.2em}
h5{font-size: 0.9em}
h6{font-size: 0.8em}
ul,ol{padding-left: 40px;margin: 1em 0 0;}
ul{list-style-image: url(layout/li1.png)}
ul ul,ol ul{list-style-image: url(layout/li2.png)}
ul ul,ol ul,ul ol{margin:0}
.underline{text-decoration: underline}


/* =Links
-------------------------------
*/
/* Other links */
a:link,a:visited{
  color: #444;
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
}
/* In posts */
/*
.postLinks a:link,.postLinks a:visited{
  background: #fffeba;
  color: inherit;
  text-decoration: none;
  padding: 0 2px;
}
.postLinks a:hover{
  border-bottom: 1px solid #fff832;
  color: inherit;
}
.postLinks a:active{
  color: inherit;
}*/

.postLinks a:link{
  padding: 0 2px;
  background: #f0f4ff;
  color: #444;
  text-decoration: none;
}
.postLinks a:visited{
  padding: 0 2px;
  background: #f0f4ff;
  color: #616161;
  text-decoration: none;
}
.postLinks a:hover{
  border-bottom: 1px solid #92aeff;
  color: inherit;
}
.postLinks a:active{
  color: inherit;
}

/* MISC: =Quotes
-------------------------------
*/

blockquote{
  margin: .5em 0 1em;
  background: url(layout/quote-background.gif) no-repeat left top;
  background-position: 0 .5em;
  padding: .1em .5em 0 44px;
  font-family: Georgia, "Nimbus Roman No9 L", serif;
  font-style: italic;
  font-size: 1.3em;
}
blockquote.long{
  margin: 1em 0;
  padding: .5em .5em .5em 50px;
  background: url(layout/quote-long-background.gif) no-repeat left top;
  background-position: 0 0;
  font-family: inherit;
  font-style: normal;
  font-size: 1em;
}
blockquote cite{
  display: block;
  text-align: right;
  /*
  <cite> is contained into a <p> element which has a margin (1em 0 0).
  I want to cancel this margins, but i cannot set to zero them directly,
  I will set negative margins to the <cite> element. -1em to top margin
  and -0.4em to the bottom margin (because blockquote has a .4 em bottom
  margin.
  */
  margin: -1em 0 -.4em;
}
blockquote cite::before{
  content: "- ";
}

/* =Structure
-------------------------------
*/
html{
  height: 100%; /* To put the footer on the bottom */
}
body{
  text-align: center; /* IE6: Horizontally center div#container in IE6 */
  /* To put the footer on the bottom */
  min-height: 100%;
  position: relative;
  height: auto !important;  /* IE 6 */
  height: 100%;
}
div#container{
  width: 760px;
  margin: 0 auto; /* Horizontally center the div */
  text-align: left; /* Fix align because we've set center align on body to fix IE6 problems... See body */
}
div#header{
  /* Clear div#navigation (floated right) */
  overflow: auto;
  width: 100%;
}
div#footer-wrapper{
  width: 100%;
  /* To put the footer on the bottom */
  position: absolute;
  left:0; bottom: 0;
}
div#footer{
  text-align: left; /* Fix align because we've set center align on body to fix IE6 problems... See body */
  width: 760px;
  margin: 0 auto; /* Horizontally center the footer */
}
div#footer p.note{
  clear: both;
}

/* =Header, =Navigation
-------------------------------
*/
body{
  /* Header Background */
  background: url(layout/top-background.gif) repeat-x;
}
div#header{
  height: 42px;
  position: relative;
  overflow: hidden; /* Prevent scroll bars on header links click */
}
/* Andrea.zilio.name [/blog....] */
div#header h1{
  font-weight: normal;
  margin: 0;
  position: absolute;
  bottom: 0;
}
div#header h1 a:link,div#header h1 a:visited,div#header h1 a:hover,div#header h1 a:active{
  color: #92aeff;
  text-decoration: none;
}
div#header h1 small{  /* .name */
  font-size: 1em;
  color: #dbdbdb;
}
div#header h1{
  color: #dbdbdb;
}
/* Navigation */
div#header div#navigation ul{
  position: absolute;
  right:0; bottom: 0;
}
div#header div#navigation ul li{
  float: left;
  list-style: none;
  margin-right: .6em;
}
div#header div#navigation ul li a{
  color: #92aeff;
  text-decoration: none;
}

/* =Footer
-------------------------------
*/
div#footer{
  position: relative;
  overflow: hidden;
}
div#footer a#contact-me{
  position: absolute;
  right: 0;top: 0;
  width: 82px;
  height: 56px;
  text-indent: -10000px;
  overflow: hidden;
  background: url(layout/contact-flower.png) no-repeat;
}
div#footer p.note{
  text-align: center;
  padding: 2em 0;
  color: #e5ecff;
  font-size: .9em;
}
div#footer p.note a:link,div#footer p.note a:visited{
  color: #fff;
  text-decoration: none;
}
div#footer p.note a:hover{
  text-decoration: underline;
}