@font-face {
   font-family: 'Droid Serif';
   src: url('http://static.tumblr.com/imovwvl/fXRl0zgpg/droidserif.eot');
   src: local('Droid Serif'), local('DroidSerif'),
   url('http://static.tumblr.com/imovwvl/zqtl0zgr6/droidserif.woff') format('woff'), 
   url('http://static.tumblr.com/imovwvl/jUPl0zglz/droidserif.otf') format('opentype'),
   url('http://static.tumblr.com/imovwvl/uH5l0zgqp/droidserif.ttf') format('truetype'),
   url('http://static.tumblr.com/imovwvl/QmQl0zgq0/droidserif.svg#DroidSerif') format('svg');
}
 
@font-face {
   font-family: 'Droid Serif';
   src: url('http://static.tumblr.com/imovwvl/ooul0zsr3/droidserif-italic.eot');
   src: local('Droid Serif'), local('DroidSerif'),
   url('http://static.tumblr.com/imovwvl/L79l0zsrk/droidserif-italic.woff') format('woff'), 
   url('http://static.tumblr.com/imovwvl/j6sl0zsvb/droidserif-italic.otf') format('opentype'),
   url('http://static.tumblr.com/imovwvl/fwil0zssu/droidserif-italic.ttf') format('truetype'),
   url('http://static.tumblr.com/imovwvl/X22l0zss6/droidserif-italic.svg#DroidSerif-Italic') format('svg');
   font-style: italic;
}
 
html * {
   margin: 0;
   padding: 0;
}

body {
   background-color: #f9f9f9;
   font: 11px Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans serif;
   color: #121212;
}

a, a:link, a:active, a:visited {
   color: #ff9900;
   text-decoration: none;
   transition: color 1.5s linear;
   -webkit-transition: color 1.5s linear;
   -moz-transition: color 1.5s linear;
}
 
a:hover {
   color: #0f83a2;
   -o-transition: color .3s linear;
   -webkit-transition: color .3s linear;
   -moz-transition: color .3s linear;
}
 
img, a img {
   border: 0px;
   opacity: 0.75;
   filter: alpha(opacity=75);
   -o-transition: opacity 1.5s linear;
   -webkit-transition: opacity 1.5s linear;
   -moz-transition: opacity 1.5s linear;
}
 
img:hover, a:hover img {
   opacity: 1;
   filter: alpha(opacity=100);
   -o-transition: opacity .1s linear;
   -webkit-transition: opacity .1s linear;
   -moz-transition: opacity .1s linear;
}

p { padding-top: 5px; }

#nav {
   position: fixed;
   top: 0;
   width: 100%;
   height: 30px;
   padding: 5px 0;
   background-color: #ebebeb;
   border-bottom: 1px solid #aaaaaa;
   text-align: center;
}
 
#nav img { width: 30px; }

h1, h2, h3 {
   font-family: 'Droid Serif', Georgia, Times New Roman, Times, serif;
   font-weight: normal;
   color: #676767;
}
 
h1 { font-size: 18px; }
h2 { font-size: 15px; }
h3 { font-size: 13px; }
 
#container {
   margin: auto;
   padding: 0;
}

#content {
   margin: 50px auto 0;
   width: 600px;
   height: 100%;
}

#content ul {
   padding: 5px 0 0 25px;
   list-style-type: square;
}

#content ol { padding: 5px 0 0 25px; }

.section {
   margin-bottom: 10px;
   padding: 5px;
   background-color: #ebebeb;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   overflow: auto;
}

.work {
   margin-bottom: 5px;
   width: 282px;
   border: 5px solid #fff;
}

.left { float: left; }
.right { float: right; }

#contact {
   height: 75px;
   width: 446px;
}

input, textarea {
   line-height: 15px;
   border: 0;
   padding: 5px;
   margin: 0 5px 5px 0;
   background-color: #fff;
}

#footer {
   margin: 0 auto;
   padding: 10px 0;
   width: 100%;
   text-align: center;
   font-size: 9px;
   color: #c8c8c8;
}
 
#footer a {
   font-size: 9px;
   color: #c8c8c8;
}
 
#footer a:hover { color: #ff9900; }