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

/* only inherit font stuff for form elements */ 
input,textarea,select {
  font: inherit;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* added mediamatic */
td, th { vertical-align: top; }

a { color: black; }

body {
    font-family: sans-serif;
    line-height: 140%;
    font-size: 0.5em;
}


body { font-family: sans-serif; font-size: 2.5em; font-weight: bold; padding: 1em; }

.name { font-size: 100%; 
        color: black;
}

div.section p.summary {
    line-height:1.5;
    font-size: 60%;
    color: #aaa;
}
.p1 { font-size: 85%; }
.p2 { font-size: 75%; }
.p3 { font-size: 65%; }
.contact { font-size: 50%; }

#hello {
    float: right;
    width: 50%;
}
#hello, #hello a, #hello h1 {
    color: black;
}

#hello div.about {
    font-size: 100%;
}

#blog {
    float: right;
    width: 50%;
}

div.normal {
    line-height:1.6;
    font-size: 35%;
    font-weight: normal;
}
div.normal p {
	   margin-top: 0.2em;
}

div.section {
    line-height:1.4;
    font-size: 50%;
    margin-bottom: 2em;
}
div.section h2 {
    line-height:1;
    font-size: 300%;
    margin-bottom: -0.35em;
    color: #dddddd;
}
div.section h2 a {
    color: #dddddd;
    text-decoration: none;
}
div.section h2 a:hover {
    color: white;
    background-color: #dddddd;
}

ul li { margin-left: 1em; }

h1 {
    font-size: 350%;
    color: #dddddd;
}

div.normal h3 { margin-top: 1.5em; }
div.normal h3.first { margin-top: 0; }
div.normal h2 { margin-top: 1.5em; font-size: 120%; }
div.normal h2.first { margin-top: 0; }


div.normal p, div.section p {
    margin-bottom: 1em;
}

div.photos {
    float: right;
    margin-left: 0.4em;
}
div.photos img {
    display: block;
    margin-bottom: 0.4em;
}


pre {
    padding: 0.4em;
    margin-top: 0.4em;
    margin-bottom: 0.4em;
    border: 2px solid #eeeeee;
    color: #eee;
    background-color: black;
}


p.highlight {
    padding: 0.4em;
    background-color: #eeeeee;
    clear:both;
}


#interesting h3 { 
    display: inline; 
}
#interesting h3:after { 
    content: ", ";
}
#interesting h3:last-child:after { 
    content: "";
}

h3  span.add {
    text-transform: lowercase;
    font-size: 44%;
    color: white;
    font-size: bold;
    margin-left: 0.4em; padding: 0.2em;
    background-color: black;
    white-space: nowrap;
}

div.header {
    line-height:1.5;
    font-size: 30%;
    font-weight: normal;
    color: #aaa;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 0.2em solid #aaa;
}

div.footer {
    clear: both;
    line-height:1.5;
    font-size: 30%;
    font-weight: normal;
    color: #aaa;
    margin-top: 1em;
    padding-top: 1em;
    border-top: 0.2em solid #aaa;
}


/* logon */

div#logon_box,
p.logon_link {
    font-size: 14px;
    line-height: 18px;
}

div#logon_box h1.logon_header {
    font-size: 32px;
    line-height: 32px;
}