/* abattis.org screen CSS - 2009-07-09 */
/* baseline of 18px thanks to http://dev.opera.com/articles/view/setting-web-type-to-a-baseline-grid/ */
* {padding:0; margin:0;}
body {font-size:62.5%; color:#111111; line-height:1.8em; font-family:Cantarell, "Liberation Serif", "Droid Serif", Georgia, serif;}
#wrapper {width:48em; margin:3.6em auto; background:url(baseline.gif);}
h1, h2 {color: #222222;}
h1 {font-size:2.7em; font-weight:normal; text-transform:uppercase; margin-bottom:0.666666em;}
h2 {font-size:1.5em; font-weight:normal;}
h3 {font-size:1.2em;}
p, ul {font-size:1.2em; margin:1.2em 0;}
@font-face {font-family:Cantarell; src:url("http://abattis.org/cantarell/Cantarell-Regular.eot");}
@font-face {font-family:Cantarell; src:url("http://abattis.org/cantarell/Cantarell-Italic.eot"); font-style:italic;}
@font-face {font-family:Cantarell; src:url("http://abattis.org/cantarell/Cantarell-Bold.eot"); font-weight:bold;}
@font-face {font-family:Cantarell; src:url("http://abattis.org/cantarell/Cantarell-BoldItalic.eot"); font-weight:bold; font-style:italic;}
@font-face {font-family:Cantarell; src:url("http://abattis.org/cantarell/Cantarell-Regular.ttf");}
@font-face {font-family:Cantarell; src:url("http://abattis.org/cantarell/Cantarell-Italic.ttf"); font-style:italic;}
@font-face {font-family:Cantarell; src:url("http://abattis.org/cantarell/Cantarell-Bold.ttf"); font-weight:bold;}
@font-face {font-family:Cantarell; src:url("http://abattis.org/cantarell/Cantarell-BoldItalic.ttf"); font-weight:bold; font-style:italic;}
body {font-family:Cantarell, "Liberation Serif", "Droid Serif", Georgia, serif;}
h1 {letter-spacing:1px;}
h1 span {color:lightgrey;}
h2 {color:grey;}
h3 {color:darkgrey;}
img {border:0;}
a {color:#204a87; text-decoration:none;}
a:hover {text-decoration:underline}
ul.download {line-height:1.8em; list-style-type:none;}
ul.download li {background:transparent url(download.png) no-repeat; background-position:0 5px; padding-left:2em}
.example {float:left; margin:1.2em 2.4em 1.2em 0; text-size:small; text-align:center;}
.example:hover {background:lightgrey}
.example img {border:1px solid lightgrey}
.example p {margin:0.666666em 0 0.666666em 0; font-size:1.0em;}
h1, h2, h3 {clear:left;}
<!--[if lte IE 7]>
ul {padding-left:1.2em; position:relative; left:-1.2em;}
ul.download li {padding-left:2em; position:relative; left:-2em;}
<![endif]-->