/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

body {
    font-size: 62.5%;
    font-family: Futura, ̉Century GothicÓ, AppleGothic, sans-serif;
}
h1 {
    font-size: 2em;
    font-family: Futura, ̉Century GothicÓ, AppleGothic, sans-serif ;
}
h2 {
    font-size: 1.8em;
    font-family: Futura, ̉Century GothicÓ, AppleGothic, sans-serif;
    margin: 0 0 1.2em 0;
}
h3 {
    font-size: 1.5em;
    font-family: Futura, ̉Century GothicÓ, AppleGothic, sans-serif;
}
p, ul {
    font-size: 1.5em;
}
p, li {
    line-height: 1.5em;
    color: #4e4e4e;
}
p {
    margin: 0 0 1em 0;
}
li {
    list-style: square;
    list-style-position: inside;
}
#wrapper {
    width: 96em;
    margin: 0 auto;
}
#header {
    margin-top: 1em;
    margin-bottom: 5em;
}
#header h1 {
    margin: 0 0 0.5em -62px;
}
p#introduction  {
    font-size: 3em;
    color: #b1b1b1;
}

#content {
    clear: both;
}
#main {
    width: 62em;
    float: left;
}
#sidebar {
    border: #fbb040 solid 2px;
    padding: 2em;
    width: 28em;
    float: right;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
#footer {
    clear: both;
}
#thumbnails {
    width: 43.5em;
}
span.thumbnail {
    display: block;
    width: 10.4em;
    float: left;
    margin: 0 2em 2em 0;
    background: #fbb040;
    padding: 1em 1em 0.5em 1em;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
span.thumbnail img {
    border: #fff .2em solid;
}

