/* RESET */
* {font-family: ariel, sans-serif; padding: 0; margin: 0;}

/* ELEMENTS */
html {height: 100%;}
body {height: 100%; color: #333333; font-size: 0.75em; background: #dddddd;}
h1 {color: #000000; font-size: 1.5em; line-height: 1.5;}
h2 {color: #000000; font-size: 1.25em; line-height: 1.5; padding: 0 0 1em 0;}
h3 {color: #000000; font-size: 1em; line-height: 1.5;}
p {padding: 0 0 1.5em 0; line-height: 1.5;}
ul, ol {padding: 0 0 1.5em 1.5em;}
li {line-height: 1.5;}
a {color: #3366ff; font-weight: bold; text-decoration: none;}
button {font-size: 100%; color: #3366ff; font-weight: bold; width: auto; padding: 0.75em; border: 0; background: #ffffff;}
a:hover, button:hover {color: #0000ff; text-decoration: none;}
a:active, button:active {color: #ff0066;}
img {border: 0;}
object {display: block; padding: 0 0 1.5em 0;}

/* GENERICS */
.hidden {position: absolute; margin: 0 0 0 -999em;}
.content {width: 80em; overflow: hidden; margin: auto; text-align: left;}
.column {float: left; width: 36em; padding: 2em 2em 0.75em 2em;}
.block {display: block;}
.hero {width: 38em; height: 23.75em;}
.action {color: #000000; font-weight: bold;}
.form-success {color: #000000; font-weight: bold;}
.form-error {color: #ff0066; font-weight: bold;}

/* SPECIFICS */
#global {position: relative; width: 100%; min-height: 100%; height: auto !important; height: 100%;}
#page {padding: 0 0 9em 0;}
#navigation-global {padding: 1.5em 2em 1.5em 2em; background: #eeeeee url(../images/logo-dennisimo.png) 2em center no-repeat;}
#navigation-global ul {list-style: none; width: 28em; overflow: hidden; padding: 1em; margin: 0 0 0 48px;}
#navigation-global li {float: left; background: #eeeeee;}
#navigation-global a {color: #999999; padding: 1em; font-weight: bold; text-decoration: none;}
#navigation-global a:hover {color: #666666;}
#navigation-global a:hover {color: #000000; border: 0;}
#navigation-global li.current a {color: #000000; cursor: default;}
#follow {width: 38em; padding: 2em 0 2em 2em;}
#follow span {color: #999999; padding: 0.75em 34px 0.75em 0.75em; cursor: default; background: url(../images/logo-twitter.png) center right no-repeat;}
#follow p {padding: 0.5em 0 0.5em 0; text-align: right;}
#follow a {padding: 0.75em; background: #ffffff;}
#focus {background: url(../images/focus.png) center repeat-y;}
#focus .content {background: #eeeeee;}
#intro {float: right; padding: 2em;}
#intro p {font-size: 1.5em; line-height: 1.5; padding: 0.75em 0 0 0;}
#project-latest-shot {width: 38em; padding: 1em; background: #ffffff;}
#page-title {float: left; padding: 2em; background: #ffffff;}
#page-details {float: right; padding: 2.5em 2em 0 2em;}
#project-latest {background: #eeeeee;}
#main-content {padding: 2em 2em 0.75em 2em; background: #eeeeee;}
#main-content li h2, #main-content li p {padding: 0;}
#main-content .thumbnails {width: 34em; overflow: hidden; padding: 1em; margin: 0 0 1.5em 0; list-style: none; border-bottom: 1.5em #eeeeee; background: #ffffff url(../images/logo-dennisimo-grey.png) bottom right no-repeat;}
#main-content .thumbnails li {float: left;}
#main-content .thumbnails a img {float: left; width: 16em; height: 10em; padding: 0.5em;}
#main-content .thumbnails a:hover img {background: #dddddd;}
#main-content .thumbnails a:active img {background: #cccccc;}
#sub-content {padding: 2em 2em 0 2em;}
#sub-content ul {padding: 0 0 0 1.5em;}
#sub-content li.current a {color: #000000; cursor: default;}
#message-send ul {padding: 0; list-style: none;}
#message-send li {padding: 0 0 0.75em 0; list-style: none;}
#message-send li input, #message-send li textarea {font-size: 100%; line-height: 1.5; border: 0; width: 35em; padding: 0.5em;}
#message-send textarea {height: 6em;}
#message-send p.is-u-bot {padding: 0 0 1.5em 0;}
#card-download h2 {padding: 0 0 1.25em 0;}
#meta {position: absolute; bottom: 0; left: 0; width: 100%; background: #cccccc;}
#meta .column {padding: 1.25em 2em 1em 2em;}
#intellectual-property p {padding: 0;}
#return p {padding: 0.667em 0 0 0; text-align: right;}
#return a {padding: 0.75em; background: #ffffff;}