body {background-color: #FFF;  font-family: 'PT Sans', arial, serif;}
body.grid{background: url(img/baseline.gif);}
.left {float: left;}
.right {float: right}
.clear {clear: both;}

a {color: black; text-decoration: none;}


h1 {color: black; font-size: 13px; padding-top: 24px; text-align: right;}
h2 {color: #808080; font-size: 13px; text-align: right; margin-top: 12px;}
h6 {color: white; font-size: 24px; padding: 24px; padding-top: 36px;}
.projectinfo{color: #808080; font-size: 12px; padding-left: 24px;}
#description {padding: 24px; padding-top: 0px; height: 120px; font-size: 12px; color: #808080; line-height: 24px; -moz-column-count:2; /* Firefox */ -webkit-column-count:2; /* Safari and Chrome */ column-count:2;}

#wrapper {margin: auto; width: 800px; border-top: 5px solid black; background-color: #FFF;}
#wrapper.grid{background: url(img/grid.png);}
#header {margin-top: 55px;}

#navigation {margin-top: 36px; background: white; padding-top: 11px; padding-bottom: 11px;}
#navigation ul {font-size: 12px; color: black;}
#navigation ul li {display: inline; list-style: none;}
div#navigation ul:last-child li:last-child a:last-child {margin-right: 0px;}

#navigation a {color: #808080; text-decoration: none; display: inline-table; width: 191px; margin-right: 9px; padding: 0px; padding-top: 13px; padding-bottom: 10px; border-top: 1px dotted #808080; border-bottom: 1px dotted #808080;}
#navigation a:hover {color: black; text-decoration: none; border-top: 1px dotted black; border-bottom: 1px dotted black;}

#home {margin-top: 24px;}
#work {margin-top: 108px;}
.project {margin-right: 12px;}
.project:last-child {margin-right: 0px;}
.overlay {width: 191px; height: 192px; background: url(img/pattern.gif); z-index: 900; position: absolute; opacity: 0;}
.overlay h3 {position: absolute; margin-top: 12px; margin-left: 12px; display: inline; background: white; color: black; font-size: 13px; padding: 7px; text-decoration: none;}
.overlay h4 {position: absolute; margin-top: 48px; margin-left: 12px; display: inline; background: white; color: #808080; font-size: 13px; padding: 7px; text-decoration: none;}

#content {margin-top: 24px; background: black; color: white;}
#content img {padding: 24px; padding-top: 0px;}

/* For sjalva contentarean*/



/* slut */

#row1 {margin-bottom: 12px;}
#row2 {padding-top: 12px;}

#about {margin-top: 110px;}
#picture {width: 394px; float: left; margin-right: 12px;}
#bio {width: 394px; float: left;}
#bio h5 {font-size: 24px; color: black; margin-bottom: 18px;}
#bio p {font-size: 12px; line-height: 24px; color: #808080;}
#resume {margin-top: 36px;}

#footer {margin-top: 111px; margin-bottom: 36px; width: 800px; border-top: 1px dotted black; border-bottom: 1px dotted black; font-size: 12px; padding-top: 13px; padding-bottom: 10px;}
#footer p {font-size: 12px; color: #808080;}