body { background-color: #aaa; font-family: arial, sans-serif; font-size: 12px; margin: 30px; }

#canvas { width: 960px; margin: 0 auto; }

h1 { font-size: 26px; font-weight: normal; margin-top: 0px; padding-top: 20px; }
h2 { font-size: 20px; font-weight: normal; margin-bottom: 15px; }
h3 { font-size: 18px; font-weight: normal; margin-bottom: 10px; }
h4 { font-size: 13px; margin-bottom: 10px;}
h5 { font-size: 12px; margin-bottom: 10px;}
h6 { font-size: 11px; margin-bottom: 10px;}

.icon { background-position: 10px center; background-repeat: no-repeat; }
.icon.robchia { background-image: url(/images/icons/robchia.png); }
.icon.twitter { background-image: url(/images/icons/twitter.png); }
.icon.flickr { background-image: url(/images/icons/flickr.png); }
.icon.tumblr { background-image: url(/images/icons/tumblr.png); }
.icon.posterous { background-image: url(/images/icons/posterous.png); }
.icon.vimeo { background-image: url(/images/icons/vimeo.png); }
.icon.email { background-image: url(/images/icons/email.png); }
.icon.appstore { background-image: url(/images/icons/appstore.png); }
.icon.highlyvisual { background-image: url(/images/icons/highlyvisual.png); }
.icon.destroid { background-image: url(/images/icons/destroid.png); }
.icon.pocketzoo { background-image: url(/images/icons/pocketzoo.png); }
.icon.sneakerplay { background-image: url(/images/icons/sneakerplay.png); }
.icon.makeitright { background-image: url(/images/icons/makeitright.png); }

a { color: #000; text-decoration: underline; }
a:visited { color: #000; }
a:hover { color: #fff; text-decoration: none; background-color: #000; }
a.image, a.image:visited, a.image:hover { text-decoration: none; background-color: transparent; }
a.greyed, a.greyed:visited { color: #999; text-decoration: none; }
a.greyed:hover { color: #fff; }

a.button { color: #999; background-color: #fff; text-decoration: none; padding: 4px 5px; }
a.button:visited { color: #999; }
a.button:hover { color: #fff; background-color: #000; }
a.button.icon { padding-left: 26px; background-position: 5px center; }

img { border: 0; }

.center { text-align: center; }

#logo { margin-bottom: 30px; }
#logo a:hover { background-color: transparent; }

.box { float: left; width: 230px; background-color: #fff; margin-right: 30px; margin-bottom: 30px; overflow: hidden; }
.box.two { width: 490px; }
.box.three { width: 750px; }
.box.clear { clear: both; }
.box.section { background-color: #bbb; }
.box.section h3 { font-weight: normal; font-size: 42px; color: #aaa; text-align: center; padding: 84px 0; line-height: 30px; }
.box h3 { font-size: 15px; padding: 10px; margin: 0; font-weight: bold; }
.box p { padding: 0 10px 10px 10px; margin: 0; clear: both; line-height: 16px; }
.box p.first { padding-top: 10px; }
.box p.sep { border-bottom: 1px solid #ccc; clear: both; padding: 0; margin-bottom: 10px; }
.box p .details { color: #999; }
.box .date { color: #999; display: block; }
.box .date a { color: #999; text-decoration: none; }
.box .date a:visited { color: #999; }
.box .date a:hover { color: #fff; background-color: #000; }
.box .link { border-top: 1px solid #ccc; }
.box .link.noline { border: none; }
.box .link a { color: #000; text-decoration: none; padding: 10px 10px 10px 36px; display: block; margin: 0; }
.box .link a.noicon { padding-left: 10px; }
.box .link a:visited { text-decoration: none; }
.box .link a:hover { color: #fff; background-color: #000; }

.thumb { margin-bottom: 10px; }
.thumb.left { margin-right: 10px; }
.thumb.bottom { margin-bottom: 0; }

form { padding: 0; margin: 0; }
form .group { float: left; padding-left: 10px; padding-bottom: 10px; clear: both; }
form .name { float: left; width: 120px; color: #aaa; padding-top: 6px; }
form .name.missing { font-weight: bold; color: #000; }
form .value { float: left; }
form input,
form textarea { border: 0; background-color: #ccc; color: #000; padding: 5px; font-family: Arial, sans-serif; font-size: 12px; }
form input[type=submit] { font-weight: bold; background-color: #000; color: #fff; }

li { margin-left: 20px; list-style: disc outside; }

#bottom { float: left; clear: both; }