/*
 * Css reset from http://meyerweb.com/eric/tools/css/reset/
 ********************************************************************************************************
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/*
 * Main CSS
 ********************************************************************************************************
 */

html { -webkit-text-size-adjust: none; }
body { background: #fff; font: normal 14px/18px "Droid Sans", serif; color: #666; text-rendering: optimizeLegibility; }
a {  color: #f68e21; text-decoration: none; font-weight: bold; }
a:visited { color: f68e21; }
a:hover { color: #f68e21; }
input:focus { outline: none; }
blockquote { font-style: italic; display: block; margin: 20px; }
/*
 * Clearfix
 ********************************************************************************************************
 */

.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}

/*
 * Main
 ********************************************************************************************************
 */

#content {
    width: 640px;
    margin: 0 auto; 
}

h1 {
    font: normal 22px/28px "Francois One", serif;
    text-transform: uppercase;
}

h2 {
    font: bold 18px/24px "Merriweather", serif;
    color: #f68e21;
}

h3 {
    font: normal 16px/22px "Francois One", serif;
    text-transform: uppercase;
    display: inline-block;
}


ul {
    list-style-type: square;
    color: #333;
    margin-left: 15px;
    margin-top: 10px;
}

li {
    line-height: 20px;
}

.logo {
    font-family: Fixedsys, Courier;
    margin-bottom: 20px;
}

b {
    font-weight: bold;
}

.thumb {
    margin-left: 20px;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px #ccc solid;
}