html, body { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

blockquote, q { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; quotes: "" ""; }
blockquote:before, q:before, blockquote:after, q:after { content: ""; }

th, td, caption { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-align: left; font-weight: normal; vertical-align: middle; }

table { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; border-collapse: separate; border-spacing: 0; vertical-align: middle; }

a img { border: none; }

@font-face { font-family: 'FontinRegular'; src: url('Fontin-Regular.eot'); src: local('Fontin Regular'), local('Fontin-Regular'), url('Fontin-Regular.woff') format('woff'), url('Fontin-Regular.ttf') format('truetype'), url('Fontin-Regular.svg#Fontin-Regular') format('svg'); }

body { color: #222; padding-top: 3em; font-size: 18px; font-family: 'FontinRegular', Georgia, serif; }
body strong { font-weight: bold; }
body em { font-style: italic; }
body p { margin-bottom: 1em; }
body #container { width: 790px; margin: 0 auto; overflow: hidden; display: inline-block; border: 1px solid black; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
body #container { display: block; }
body #sidebar { display: inline; float: right; position: relative; margin: 0 -40px 1.5em 40px; display: inline; float: left; margin-right: 0; width: 150px; }
* html body #sidebar { overflow-x: hidden; }
body #sidebar ul { list-style-type: none; }
body #sidebar .thumb a { display: block; width: 140px; height: 140px; text-indent: 9000px; overflow: hidden; border: 3px solid #ddd; margin-bottom: 12px; }
body #sidebar .thumb a:hover { background-position: 0 -140px; }
body #sidebar .thumb a.selected { background-position: 0 -280px; border: 3px solid #222; }
body #sidebar .balsamiq-thumb a { background: url(../images/balsamiq.gif) no-repeat; }
body #sidebar .zaptune-thumb a { background: url(../images/zaptune.gif) no-repeat; }
body #sidebar .storylog-thumb a { background: url(../images/storylog.gif) no-repeat; }
body #sidebar .text a { display: block; width: 140px; height: 35px; text-indent: 9000px; overflow: hidden; border: 3px solid white; }
body #sidebar .text a:hover { background-position: 0 -35px; }
body #sidebar .text a.selected { background-position: 0 -70px; }
body #sidebar .home a { margin-bottom: 12px; margin-top: 5px; background: url(../images/home.gif) no-repeat; }
body #sidebar .contact a { background: url(../images/contact.gif) no-repeat; }
body #main { display: inline; float: left; margin-right: 10px; width: 590px; }
* html body #main { overflow-x: hidden; }
body #main #content { padding: 5px; }
body #main #content h1 { font-size: 150%; }
body #main #content h2 { font-style: italic; padding: 0 0 1em 1em; color: #444; }
body #main #content h3 { font-weight: bold; padding-bottom: .5em; }
body #main #content ul { margin-left: 1em; }
body #main #content form { margin-left: 1em; }
body #main #content form label { font-weight: bold; }
body #main #content form fieldset { padding: 1.4em; margin: 0 0 1.5em 0; }
body #main #content form legend { font-weight: bold; font-size: 1.2em; }
body #main #content form input.text, body #main #content form input.title, body #main #content form input[type=text] { margin: 0.5em 0; background-color: #fff; padding: 5px; }
body #main #content form input.title { font-size: 1.5em; }
body #main #content form input[type=checkbox], body #main #content form input.checkbox, body #main #content form input[type=radio], body #main #content form input.radio { position: relative; top: 0.25em; }
body #main #content form textarea { margin: 0.5em 0; padding: 5px; }
body #main #content form select { margin: 0.5em 0; }
body #main #content form fieldset { border: 1px solid #cccccc; }
body #main #content form input.text, body #main #content form input.title, body #main #content form textarea, body #main #content form select { border: 1px solid #bbbbbb; }
body #main #content form input.text:focus, body #main #content form input.title:focus, body #main #content form textarea:focus, body #main #content form select:focus { border: 1px solid #666666; }
body #main #content form input.text, body #main #content form input.title { width: 420px; }
body #main #content form textarea { width: 420px; height: 300px; }
body #main img { border: 1px solid black; margin-bottom: 10px; }
body #main #home { display: block; padding: 20px 0 0 25px; }
body #main #balsamiq { display: none; }
body #main #zaptune { display: none; }
body #main #storylog { display: none; }
body #main #contact { display: none; padding-left: 5px; }