/* --- Typography --- */

body {
    font: normal 85%/1.5em Helvetica Neue, Arial, Helvetica; }

h2 {
    letter-spacing: -1px; }

.primary h2 {
    font-size: 1.5em; }

.primary h3, .primary dt, .secondary h2 {
    font-size: 1em; }

.secondary p, .secondary dl, .secondary ul, #footer p {
    font-size: 0.8em; }

.secondary h2, .secondary p, .secondary dl, .secondary ul {
    line-height: 1.2em; }

#are dt strong {
    font-weight: normal; }

#are dt:after {
    content: ', '; }

#do, #cv, .narrow {
    line-height: 1.3em; }

a {
    text-decoration: none; }    

acronym {
    font-style: normal; }


/* --- Color --- */

body {
    color: #333;
    background-color: #fff; }

h2 {
    color: rgb(255, 128, 0); }

h3, .primary dt {
    color: #666; }

a, a:link {
    color: rgb(46, 46, 128);
    border-bottom-color: rgb(127, 127, 180); }

.primary h3, .primary dt, #are p, .secondary dl, .secondary ul {
    border-top-color: #aaa; }

acronym {
    border-bottom-color: #aaa; }
    

/* --- Layout --- */

body {
    margin: 0;
    background-image: url(../images/ledge.png);
    background-position: top left;
    background-repeat: repeat-y; }

#header {
    height: 120px;
    width: 60px;
    background-image: url(../images/oopstag.png);
    background-position: right bottom;
    background-repeat: no-repeat; }

#header a {
	display: block;
	width: 100%;
	height: 120px;
	border-bottom-style: none;
}

#header h1 {
    display: none; }

#wrapper {
    position: absolute;
    left: 61px;
    top: 0px;
    width: 44em;
    padding: 0 4em;
    background-image: url(../images/redge.png);
    background-position: top right;
    background-repeat: repeat-y; }

h2, h3 {
    margin: 0; }

.primary h3, .primary dt, #are p, .secondary ul {
    border-top-width: 1px;
    border-top-style: solid; }

.primary h3, #are p, .primary dl, .secondary ul {
    margin-top: 0.2em; }

.primary {
    margin-bottom: 2.5em; }

#bio {
    margin-top: 2em;
    margin-bottom: 3em; }

#do, .narrow {
    width: 28em;
    float: left; }

.primary ul {
    padding-left: 1.5em;
    margin-top: 0.5em;
    margin-left: 0;
    margin-bottom: 1.5em;
    list-style-image: url(../images/arrow.png); }

li {
    margin-bottom: 0.5em; }

#are {
    width: 14em;
    margin-top: 0.2em;
    float: right; }

#are p, #are ul {
    padding-top: 0.5em; 
    margin-bottom: 0.5em; }

#are dl {
    margin-top: 0.5em;
    padding-top: 0.5em; }

#are dt {
    float: left;
    margin-right: 0.3em; }

#are dd {
    margin-left: 0;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em; }

#faq, #contact {
    clear: both; }

#faq dt {
    margin-bottom: 0.5em; }

#faq dd {
    margin-left: 0; 
    margin-bottom: 1.5em; }

#faq, #contact {
    width: 42em; }

#contact h3+p {
    margin-top: 0.5em; }

hr {
    display: none; }

a {
    border-bottom-width: 1px;
    border-bottom-style: dotted; }

acronym {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    cursor: help; }

#cv {
    width: 32em;
    margin-top: 6em; }

#iphone {
    height: 90px;
    width: 60px;
    background-image: url(../images/iphone.png);
    background-position: right bottom;
    background-repeat: no-repeat; }

#iphone h1 {
    display: none; }

#iphone a {
	display: block;
	width: 100%;
	height: 90px;
	border-bottom-style: none;
}

#macos {
    height: 90px;
    width: 60px;
    background-image: url(../images/macos.png);
    background-position: right bottom;
    background-repeat: no-repeat; }

#macos h1 {
    display: none; }

#macos a {
	display: block;
	width: 100%;
	height: 90px;
	border-bottom-style: none;
}

#web {
    height: 90px;
    width: 60px;
    background-image: url(../images/web.png);
    background-position: right bottom;
    background-repeat: no-repeat; }

#web h1 {
    display: none; }

#web a {
	display: block;
	width: 100%;
	height: 90px;
	border-bottom-style: none;
}

.applist tr {
	vertical-align: top;
}

.applist td {
	font-size: 0.8em;
	padding-top: 1em;
}

.applist .appicon a {
	border: none;
	font-weight: bold;
}

.applist td.appname {
	line-height: 1.2em;
	border-top: 4px solid white;
}

.appname ul {
	border: none;
	display: block;
	padding-left: 0px;
}

.appname li {
	display: inline;
	padding-left: 6px;
	background-image: url(../images/smallarrow.png);
	background-position: left center;
	background-repeat: no-repeat;
}

img {
	border: none;
}

/* --- Explorer 5 hack --- */

@media tty {
    i { content: "\";/*" "*/} } #wrapper { width: 50em; } #do, .narrow { margin-right: 1.5em; } #are dt { float: none; } /*";}
} /* */