/*
 * Phosphor Kids - Global Styles
 * Author: Bjoern Kropp, Phosphor Kids
 * URL: http://www.phosphorkids.net/
 */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, textarea, p, blockquote, th, td { 
   margin: 0;
   padding: 0;
}
a {
   text-decoration: none;
}
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 {
   list-style: none;
}
caption, th {
   text-align: left;
}
h1, h2, h3, h4, h5, h6 {
   font-size: 100%;
   font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: "";
}
blockquote, q {
   quotes: "" "";
}
abbr, acronym { 
   border: 0;
   cursor: help;
}

a, 
a:visited {
   color: #a54118;
   text-decoration: underline;
}
a:hover, 
a:active {
   color: #fc5611;
}
body {
   background: #020202;
   color: #f8f8f8;
   font: 62.5% Arial, Helvetica, sans-serif;
   padding: 5em;
}
h1 {
   font-size: 2.8em;
}
h1 a {
   color: #f8f8f8 !important;
   text-decoration: none !important;
   text-transform: lowercase;
}
p.slogan {
   margin-bottom: 60px;
}
p.slogan em {
   color: #fc5611;
}
h2 {
   font-size: 1.4em;
   line-height: 1.428;
   margin: 40px 0 10px 0;
}
h3 {
   font-size: 1.1em;
   line-height: 1.818;
   padding-left: 2px;
}
p, li, .vcard {
   font-size: 1.1em;
   line-height: 1.818;
}
div.project {
   overflow: hidden;
   margin-left: -2px;
}
div.project a {
   padding: 1px;
   border: 1px solid #222;
   display: block;
   width: 330px;
   height: 240px;
   float: left;
   margin-right: 4px;
   margin-bottom: 10px;
}
div.project a:hover {
   border-color: #fc5611;
}
div.project h3 {
   clear: both;
}
div.project h3 a {
   border: 0 none;
   width: auto;
   display: inline;
   margin-right: 0;
   float: none;
}
.vcard {
   margin-top: 10px;
}