/*CSS by Massimo Morandi*/

* {margin: 0; padding: 0;}
body {font: 12px/120% Arial, sans-serif; color: #000;}
body {background: #F8F8F8;}

ul {list-style: none; list-style-position: outside; margin: 0;}
h1, h2, h3, h4, h5 {font-family: Arial, sans-serif; font-weight: normal; color: #444; line-height: 110%;}
img {border: none; margin: 0; padding: 0;}
p, ul, ol, table {line-height: 100%; color: #555;}
p:first-child, li:first-child {margin-top: 0 !important; padding-top: 0 !important;}

#article p {font-family: Georgia, serif;}
#tweet {margin: 225px 0 0 220px;}
#tweet p {font-size: 12px; color: #000;}

a:link, a:visited {font-weight: bold; color: #444; text-decoration: none;}
a:hover, a:active {color: #000;}
a.youarehere {color: #999;}

#wrapper {position: absolute; z-index: 1; padding: 0; width: 100%;}

#header {position: fixed; width: 100%; height: 170px; padding: 20px 0 10px 30px; background: url(http://www.massimomorandi.ch/images/57.png);}
.tohome {float: left; display: block; margin-bottom: 30px; margin-right: 90px; font-weight: bold !important;}
.tohome {color: #333 !important;}

#content {clear: both; float: left; margin: 230px 0 0 30px;}
#content.archive {padding-left: 190px;}

.articlelist {float: left; width: 160px; margin-right: 50px; border-top: 1px dotted #666;}
.articlelist li, ul#directory li {margin-bottom: 3px;}
.articlelist h2 {font-size: 11px; text-transform: lowercase; color: #666; margin-bottom: 15px;}

#article {float: left; width: 700px;}

#article p {margin: 10px 0; width: 70%; line-height: 140%; letter-spacing: 0.01em; font-size: 12.5px;}
#article h1, #content h1 {clear: left; margin-bottom: 30px; font-size: 20px;}
#article h1 span {color: #999; text-transform: lowercase; padding-left: 15px;}
#article .gallery {margin: 20px 0;}
#article .gallery li {margin: 0 0 35px 0;}

.prevnext {float: left; font: 12px Arial, sans-serif; width: 170px; margin: 3px 20px 0 0;}
.prevnext li a {color: #333;}

#article .border img {border: 0px dotted #CCC; 
-moz-box-shadow: 0px 0px 10px #999;
-webkit-box-shadow: 0px 0px 10px #999;}

#directory {}
#directory li span.published {display: block; float: left; width: 4.5em;}

#screenshot {position: absolute; z-index: 5; display: none; background: #FFF; padding: 0px;}
#screenshot img {display: block;}

#loading {position: absolute; top: 49.5%; left: 49.5%; z-index: 3; width: 24px; height: 24px; text-indent: -999em; background-image: url(images/progress.gif);}
#supersize {position: fixed;}
#supersize img, #supersize a {height:100%; width:100%; position:absolute; z-index: 0;}