* { 
 margin:0; padding:0;
}

body {
 background: #f7f7f7;
 font-size: 62.5%;
 font-family: "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif";
 color: #555;
}

a:link, a:visited {
 color: #0d888d;
 text-decoration: none;
}

a:hover, a:active {
 text-decoration: underline;
}

img { border: none; }

#header,
section {
 float: left;
 width: 100%; 
}

.container {
 width: 940px;
 margin: 0 auto;
 position: relative;
}

.left {
 width: 66%;
 float: left;
}

.right {
 width: 32%;
 float: right;
 margin: 0 0 4em 0;
}

.right > div {
 width: 299px;
}

h1 {
 font-size: 1.2em;
 text-transform: uppercase;
}

h2 {
 font-size: 1.8em;
 text-transform: uppercase;
}

h3,
.tweet h4 {
 text-transform: uppercase;
 color: #0d888d;
 font-size: 1.4em;
 border-bottom: 1px dotted #acacac;
 padding-bottom: 1em;
 margin-bottom: 1em;
}

p {
 font-size: 1.3em;
}



#header {
 background: url("/nova/header.gif") top left;


/*margin: 0 0 2em 0;*/
}

#header h1 {
 padding: 1.4em 0em;
 float: left;
}

#header h1 a:link,
#header h1 a:visited {
 display: block;
 font-weight: bold;
 text-transform: uppercase;
 text-decoration: none;
 color: #fff;
}

#header h1 a:hover,
header h1 a:active {
 color: #a5a5a5;
}



#menu {
 font-size: 1.2em;
 font-weight: bold;
 float: right;
 border-width: 1px;
 border-style: none solid;
 border-color: transparent #000 transparent #434343;
}

#menu li {
 list-style: none;
 float: left;
 border-width: 1px;
 border-style: none solid;
 border-color: transparent #434343 transparent #000;
}

#menu li a:link, #menu li a:visited {
 font-weight: bold;
 text-transform: uppercase;
 text-decoration: none;
 color: #a5a5a5;
 display: block;
 padding: 1.4em 2.8em;
 background-color: #2f2f2f;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#2f2f2f), to(#242424));
}

#menu li a:hover, #menu li a:active {
 color: #c5c5c5;
 background-color: #242424;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#242424), to(#2f2f2f));
}



#top {
 padding: 4.5em 0 10em 0;
 background-color: #10a2a8;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#10a2a8), to(#148b90));
 border-bottom: 1px solid #fff;

float: left;
width: 100%;
padding: 5em 0 6em;
}

.skill {
 border-width: 1px;
 border-style: none solid;
 border-color: transparent #4fbbbf transparent #127b7f;
 width: 33%;
 color: #fff;
 float: left;
}

.skill h2,
.skill p {
 margin: 0 40px;
}

.skill h2 {
 margin-bottom: 0.5em;
 font-weight: normal;
}

.skill:first-of-type {
 border-style: none solid none none;
}

.skill:first-of-type h2,
.skill:first-of-type p {
 margin-left: 0;
}

.skill:last-of-type {
 border-style: none none none solid;
}

.skill:last-of-type h2,
.skill:last-of-type p {
 margin-right: 0;
}



.separator {
 width: 0;
 height: 0;
 overflow: hidden;
 padding: 0 940px 14px 0;
 margin: 0 auto 4em auto;
 display: block;
 background: url("/nova/separator.png") bottom center no-repeat;
}



#main {
/*
 background: #fff url("/nova/separator.png") top center no-repeat;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#f7f7f7));
 
margin-bottom: 4em;
*/
clear: both;
padding: 3em 0 0 0;
}



#latest {
/*
 margin-top: -5em;
 clear: left;
*/
 float: left;
 clear: both;

 /* margin: 0 0 3em 0; */
}

.project {
 clear: both;
 margin: 0 0 10em 0;
/* float: left; */
}

.shadow {
 padding-bottom: 26px;
 margin: 0 0 1em 0;
 background: url("/nova/shadow.png") bottom left no-repeat;
}

.screenshot {
 border: 1px solid #c5c5c5;
 border-bottom: 10px solid #fff;
 background: #fff;
 padding: 10px;
 width: 598px;
/*
 height: 153px;
 overflow: hidden;
*/
border-bottom: none;
}

.screenshot img {
 width: 100%;
 height: auto;
}

#latest p {
 margin-bottom: 2em;
}

div.visit {
 text-align: right;
}

div.visit a:link,
div.visit a:visited {
 -webkit-border--radius: .5em;
 -moz-border-radius: .5em;
 border-radius: .5em;
 
 font-size: 1em;
 color: #5c5c5c;
 border: 1px solid #c1c1c1;
 padding: .75em 4em;
/* float: right; */
 clear: both;
 text-transform: uppercase;
 text-decoration: none;
 

 background-color: #eee;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#dadada));
}

div.visit a:hover,
div.visit a:active {
 background-color: #dadada;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#dadada), to(#eee));
}


#recent {
 padding-bottom: 4em;
}

#recent a {
 height: 50px;
 float: left;
 border: 5px solid #fff;
 margin: 0 7px 7px 0;
 overflow: hidden;

 -webkit-box-shadow: 0px 0px 1px #000;
 box-shadow: 0px 0px 1px #000;
}

#recent a img {
}



#twitter {
 border: 1px solid #c5c5c5;
 background: #fff;
 margin-top: 25px;
}

#twitter h3 {
 margin: -30px auto 0 auto;
 text-align: center;
 width: 218px;
 height: 41px;
 padding: 16px 0 0 0;
 background: url("/nova/speech.png") center center no-repeat;
 color: #ac7a12;
 text-transform: uppercase;
 font-weight: bold;
 text-shadow: 1px 1px 0px #f9e299;
 border: none;
}

#twitter h3 a:link,
#twitter h3 a:visited {
 color: #91680f;
 text-shadow: 1px 1px 0px #f9e299;
}

#twitter h3 a:hover,
#twitter h3 a:active {
 color: #78560c;
 text-decoration: none;
}

.tweet {
 margin: 1em 2em 2em 2em;
 padding-bottom: 2em;
 border-bottom: 1px dotted #acacac;
}

.tweet:last-of-type {
 border: none;
 padding: 0;
}

.tweet h4 {
 border: none;
}




#footer {
 padding: 0 5em;
 text-align: center;
 float: left;
 clear: both;
}