* {
margin:0;
padding:0;
}

body {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
text-align:center;
background-color:#191e20;
margin-top:0;
background-image:url(_img/bg2.gif);
background-repeat:no-repeat;
background-position:left bottom;
background-attachment:fixed;
}

#logo {
width:100px;
top:0;
left:82%;
position:absolute;
}

#wrapper {
width:760px;
margin-top:70px;
margin-right:auto;
margin-left:auto;
}

#wrapper h1 {
font-size:17px;
text-indent:-8008px;
background-repeat:no-repeat;
background-position:center center;
overflow:hidden;
}

#wrapper h1 a {
display:block;
width:760px;
height:24px;
text-decoration:none;
padding-top:3px;
color:#FFF;
}

#wrapper h1 a:hover {
background-color:#FFF;
color:#ff004e;
}

#wrapper a#navWhat {
background-image:url(_img/nav_what2.gif);
}

#wrapper a#navPhoto {
background-image:url(_img/nav_photos.gif);
}

#wrapper a#navProject {
background-image:url(_img/nav_projects.gif);
}

#wrapper a#navAbout {
background-image:url(_img/nav_about.gif);
}

#wrapper a#navContact {
background-image:url(_img/nav_contact.gif);
}

#wrapper a#navWhat,#wrapper a#navPhoto,#wrapper a#navProject,#wrapper a#navAbout,#wrapper a#navContact {
background-repeat:no-repeat;
background-position:0 0;
}

#wrapper a:hover#navWhat,#wrapper a:hover#navPhoto,#wrapper a:hover#navProject,#wrapper a:hover#navAbout,#wrapper a:hover#navContact {
background-position:0 -27px;
}

.activate {
display:none;
margin-right:auto;
margin-left:auto;
}

.first {
display:block;
}

.subNav a {
color:#00ffde;
text-decoration:none;
font-size:11px;
font-style:italic;
margin-right:2px;
margin-left:2px;
padding:2px 5px;
}

.subNav a.linkOut,.subNav span a {
background-image:url(_img/subnav_linkout_bg_slide.gif);
background-repeat:no-repeat;
background-position:right 2px;
padding-right:16px;
height:14px;
}

.subNav a:hover.linkOut {
background-position:right -15px;
}

.topper,.bottomer {
width:740px;
background-repeat:repeat-x;
background-position:0 0;
height:82px;
margin-right:auto;
margin-left:auto;
}

.topper {
background-image:url(_img/topper.png);
margin-top:12px;
}

.bottomer {
background-image:url(_img/bottomer.png);
margin-bottom:12px;
}

.topperShort,.bottomerShort {
width:740px;
background-repeat:repeat-x;
background-position:0 0;
height:30px;
margin-right:auto;
margin-left:auto;
}

.bottomerShort {
background-image:url(_img/bottomer_short.png);
margin-top:8px;
margin-bottom:12px;
}

.topperShort {
background-image:url(_img/topper_short.png);
margin-top:12px;
}

#project-wrapper {
width:3000px;
left:1px;
position:relative;
}

.projectOff {
margin-right:auto;
margin-left:auto;
width:723px;
position:relative;
overflow:hidden;
}

#aboutWrapper {
width:600px;
margin-right:auto;
margin-left:auto;
}

#about-copy a {
color:#02ebcd;
text-decoration:none;
}

#about-copy a:hover {
color:#fff;
}

#about-copy p {
margin-bottom:15px;
}

#aboutPhoto {
padding-top:3px;
float:left;
width:183px;
}

#aboutPhoto p {
font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
font-size:9px;
text-align:left;
color:#394042;
}

#about-copy {
font:normal normal normal 11px/1.6em Georgia, serif;
text-align:left;
color:#8e9ba0;
margin:20px 0 0 230px;
}

#aboutPhoto img {
margin-top:-20px;
}

#project-wrapper .active {
background-color:#050607;
border:1px solid #3d4d55;
}

.project {
background-color:#0c0d0f;
float:left;
height:186px;
width:130px;
margin-right:3px;
border:1px solid #0c0d0f;
text-align:left;
color:#909ea3;
cursor:pointer;
padding:5px;
}

.project h6 {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:400;
color:#2e3539;
margin-bottom:4px;
}

.project h2 {
font-size:11px;
font-weight:400;
font-style:italic;
margin-top:4px;
}

.project h2 a {
color:#04fcd9;
text-decoration:none;
}

.project a img {
display:block;
border:1px solid #fff;
background-color:#fff;
padding:2px;
}

.project p {
font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
font-size:9px;
}

.project p a {
color:#aec3cb;
text-decoration:none;
}

.projectText {
padding-right:3px;
padding-left:3px;
}

#twitterContainer {
width:600px;
margin:15px auto;
}

h5:first-child {
font-weight:400;
display:block;
font-size:24px;
color:#9baaaf;
font-style:normal;
font:italic 26px "Hoefler Text";
text-shadow:#000 2px 2px 2px;
}

h6 {
font-weight:400;
font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
font-size:9px;
color:#353a3d;
margin-top:2px;
margin-bottom:20px;
}

h4,h5 {
font-weight:400;
display:block;
font-size:24px;
color:#9baaaf;
font-style:italic;
text-shadow:#000 2px 2px 2px;
}

h4 a,h5 a {
color:#fff;
text-decoration:none;
}

h5,.contactOff p {
margin-top:8px;
font-style:italic;
font-size:14px;
color:#5d6568;
text-shadow:none;
}

.clearing {
clear:both;
}

#flickr_badge_uber_wrapper {
text-align:center;
width:623px;
margin-left:auto;
margin-right:auto;
height:90px;
}

.flickr_badge_image {
margin:10px;
}

.flickr_badge_image a img {
border:1px solid #fff;
display:block;
background-color:#FFF;
padding:2px;
}

.flickr_badge_image a:hover img {
border:1px solid #ff004e;
}

#flickr_badge_source {
text-align:left;
font:11px Arial, Helvetica, Sans serif !important;
color:#666 !important;
margin:0 10px;
padding:0 !important;
}

#flickr_www {
display:block;
font:11px Arial, Helvetica, Sans serif !important;
color:#3993ff !important;
padding:0 10px !important;
}

#flickr_badge_uber_wrapper a:hover,#flickr_badge_uber_wrapper a:link,#flickr_badge_uber_wrapper a:active,#flickr_badge_uber_wrapper a:visited {
text-decoration:none !important;
background:inherit !important;
color:#3993ff;
}

#contactWrapper {
width:590px;
margin-right:auto;
margin-left:auto;
}

#contactLeft,#contactRight {
text-align:left;
}

#contactLeft {
float:left;
width:175px;
height:150px;
}

#contactLeft input,#contactLeft textarea {
color:#ccc;
font:14px "Georgia", "Times New Roman", serif;
display:block;
font-size:12px;
width:160px;
margin-bottom:8px;
background-color:#0c0d0f;
border-right:1px solid #303639;
border-bottom:1px solid #303639;
border:1px solid #111;
padding:3px;
}

#contactLeft p,#contactRight p {
font:italic 12px "Georgia", "Times New Roman", serif;
color:#556e78;
margin-bottom:3px;
}

#contactLeft p span,#contactRight p span {
color:#cfcf97;
}

#contactRight textarea {
color:#ccc;
font:14px "Georgia", "Times New Roman", serif;
width:403px;
height:130px;
font-size:12px;
margin-bottom:5px;
background-color:#0c0d0f;
border-right:1px solid #303639;
border-bottom:1px solid #303639;
border:1px solid #111;
overflow:hidden;
padding:3px;
}

#contactBottom {
text-align:center;
clear:both;
}

#contactBottom input {
border:1px solid #303639;
display:block;
margin-top:5px;
margin-left:auto;
margin-right:auto;
}

#contactBottom input:hover {
border:1px solid #fd006b;
}

#footer {
position:absolute;
height:30px;
width:170px;
left:80%;
top:95%;
}

.thanks {
background-image:none;
background-color:#fff;
text-align:center;
}

.contactOff {
padding-top:10px;
height:190px;
}

.contactOff h4 {
padding-top:40px;
font-size:50px;
}

a.linkVisted {
background-color:#121517;
color:#144844;
}

a:hover.linkVisted {
text-decoration:none;
}

#dreamhost {
width:90px;
position:fixed;
top:96%;
left:90%;
}

.emailThanks {
color:#fbfde0;
font-style:italic;
font-size:12px;
}

.subNav a:hover,.project p a:hover,h4 a:hover,h5 a:hover {
text-decoration:underline;
}

.moreImages,#flickr_badge_image8,#flickr_badge_image9,#flickr_badge_image10,.projectOff,.contactOff {
display:none;
}

#project-wrapper .active a img,.project a:hover img {
border:1px solid #ff0f56;
}

#project-wrapper .active h2 a,.project h2 a:hover {
color:#ff0f56;
text-decoration:none;
}

.flickr_badge_image img,#flickr_badge_icon {
float:left;
margin-right:5px;
}

#contactLeft input:hover,#contactRight textarea:hover {
color:#fff;
background-color:#050607;
border-right:1px solid #3d4d55;
border-bottom:1px solid #3d4d55;
border-top:1px solid #3d4d55;
border-left:1px solid #3d4d55;
}

.thanks img,#dreamhost img,#logo img {
border:0;
}