/* GENERAL */
a { outline: none; text-decoration: none; }
body { font-family: "HelveticaNeue-Light", "Helvetica Neue Light" ,"Helvetica Neue", sans-serif; }
fieldset { border: 0; margin: 0; padding: 0; }
h3 { font-size: 1.1em; line-height: 1.5em; font-weight: 700; border-bottom: 1px dotted #b3b3b3; }
img { border: 0; }
p { font-size: 0.85em; }
#nojs { display: block; width: 886px; min-height: 20px; margin: 10px 0 10px 0; padding: 5px; border: 2px solid #e8a400; background: #fef486; }

/* COMMON ELEMENTS 0071e2 */
.active { color: #468ED1 !important; border-bottom: 1px dotted #468ED1; }
.bordered { border: 1px dotted #b3b3b3; }
.boxed { background: #eeeeee; padding: 4px 10px 4px 10px; }
#error-header { position: absolute; background: url(0/404.header.png) no-repeat; width: 900px; height: 29px; }
#footer { clear: both; overflow: hidden; position: relative; top: 20px; width: 900px; padding: 15px 0 15px 0; border-top: 1px dotted #b3b3b3; font-size: 0.7em; }
#footer a:hover { border-bottom: 1px dotted #b3b3b3; }
#footer-left { float: left; }
#footer-right { float: right; }
#header { position: relative; top: 25px; left: 0; width: 900px; height: 67px; padding-bottom: 15px; border-bottom: 1px dotted #b3b3b3; }
#header-logo { float: left; width: 300px; }
#header-logo a { display: block; width: 300px; height: 67px; background: url(0/mwentz.jpg) 0 0 no-repeat; }
#header-logo a:hover { background-position: 0 -67px; }
#header-links { float: right; }
#header-links a { font-weight: 300; }
#header-links a:hover { color: #468ED1; }
#page { overflow: hidden; position: relative; left: 50%; width: 900px; margin-left: -450px; padding-bottom: 25px; }
#page a { color: #7c7c7c; }
#page a:hover { color: #468ED1; }
#page p a { color: #468ED1; }
#page p a:hover { color: #7c7c7c; }
#page_header { width: 100%; height: 29px; padding: 35px 0 7px 0; border-bottom: 1px dotted #b3b3b3; }
#page_header h1 { display: inline; font-size: 1em; line-height: 1em; font-weight: 100; margin: 0; }
.page_subheader { width: 100%; height: 33px; padding-top: 7px; }
.page_subheader h2 { display: inline; font-size: 1em; line-height: 1em; font-weight: 100; margin: 0; }
#top { position: absolute; top: 0; left: 0; height: 8px; width: 100%; background: #b3b3b3; }

/* HOME */
#home-header { position: absolute; background: url(0/header.home.png) no-repeat; width: 900px; height: 29px; }
#home-img { width: 700px; height: 335px; background: url(0/home.jpg) center no-repeat; margin-top: 17px; }
#home-img a { display: block; width: 700px; height: 335px; }
#sidebar { float: left; width: 170px; }
#sidebar h3 { margin: 15px 0 5px 0; }
#sidebar ul { list-style: none; padding: 0; margin: 0; font-size: 0.8em; }
#welcome { float: right; width: 700px; margin-left: 30px; padding-top: 13px; }

/* INFO */
#about { overflow: hidden; width: 900px; margin: 15px 0 15px 0; }
#about-sub1 { position: absolute; background: url(0/sub.header.info-1.png) no-repeat; width: 88px; height: 33px; }
#about-sub2 { position: absolute; background: url(0/sub.header.info-2.png) no-repeat; width: 149px; height: 33px; }
#about-sub3 { position: absolute; background: url(0/sub.header.info-3.png) no-repeat; width: 142px; height: 33px; }
#about-sub4 { position: absolute; background: url(0/sub.header.info-4.png) no-repeat; width: 900px; height: 33px; }
#about-text { float: left; width: 485px; height: 274px; padding-right: 15px; }
#about-image { float: right; width: 400px; height: 274px; }
#about-contact { float: left; width: 285px; padding: 20px 15px 0 0; }
#about-gear { float: right; width: 600px; padding-top: 20px; }
#about-gear ul { list-style: none; padding: 0; margin-top: 10px; }
#about-gear li { float: left; width: 200px; padding: 5px 0 5px 0; font-size: 0.85em; }
.about-gear-pic { float: left; width: 85px; }
.about-gear-name { float: right; width: 115px; }
#blogs { float: left; width: 230px; }
#contact { padding-top: 5px; }
#contact input { display: block; width: 240px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light" ,"Helvetica Neue", sans-serif; font-size: 0.85em; margin: 5px; padding: 5px; }
#contact textarea { width: 240px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light" ,"Helvetica Neue", sans-serif; font-size: 0.85em; margin: 0 5px 5px 5px; padding: 5px; }
#contact .send { width: 60px; }
#delicious { float: right; width: 250px; padding-right: 0; }
#feedback { overflow: hidden; }
#feedback input { display: block; width: 140px; height: 29px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light" ,"Helvetica Neue", sans-serif; font-size: 0.85em; margin: 5px; padding: 10px 10px 0 10px; text-align: center; }
#feedback-left { float: left; width: 180px; }
#feedback-mid { float: left; width: 585px; margin-right: 5px; }
#feedback-right { float: right; width: 125px; margin-right: 5px; }
#feedback .send { width: 125px; height: 87px; background: url(0/feedback.submit.jpg) no-repeat center; border: 0; margin: 5px; padding: 2px; }
#feedback textarea { width: 568px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light" ,"Helvetica Neue", sans-serif; font-size: 0.85em; margin: 5px; padding: 10px 5px 10px 10px; }
#gear { padding-top: 15px; overflow: hidden; }
#info-error-header { position: absolute; background: url(0/header.info.error.png) no-repeat; width: 900px; height: 29px; }
#info-feedback-header { position: absolute; background: url(0/header.info.feedback.png) no-repeat; width: 900px; height: 29px; }
#info-header { position: absolute; background: url(0/header.info.png) no-repeat; width: 900px; height: 29px; }
#info-sent-header { position: absolute; background: url(0/header.info.sent.png) no-repeat; width: 900px; height: 29px; }
#lastfm { float: right; width: 250px; padding-right: 0; }
#lastfm li { min-height: 33px; background: url(0/musicalnote.jpg) no-repeat left; }
.lfm_song, .lfm_artist { display: block; margin-left: 35px; }
.morelink { position: static; float: right; font-weight: 300; padding-top: 4px; }
#people { float: left; width: 380px; }
#people ul li { float: left; width: 190px; }
.people-pic { float: left; width: 85px; }
.people-name { float: right; width: 105px; }
#twitter { width: 380px; }
#twitter li { overflow: hidden; }
.twitter-time { float: right; }
.twitter-text { float: left; width: 280px; }
.widget { padding: 20px 20px 0 0; }
#widgets  { overflow: hidden; }
#widgets ul { list-style: none; margin: 0; padding: 0; }
#widgets ul li { padding: 5px 0 5px 0; font-size: 0.85em; }
#widgets h3 { margin: 0; }
#widgets-left { float: left; width: 400px; }
#widgets-right { float: right; width: 500px; }
#widgets-left li, #widgets-right li { border-bottom: 1px dotted #b3b3b3; }
#youtube { float: left; width: 230px; }
#youtube li { overflow: hidden; }
.youtube-thumb { float: left; width: 70px; }

/* PHOTO */
.block { float: left; width: 900px; padding-top: 13px; }
.block a { font-weight: 300; }
#container { position: relative; width: 900px; overflow: hidden; }
.subtext { float: left; width: 650px; height: 50px; text-align: center; }
.display { float: left; width: 650px; text-align: center; height: 433px; margin-top: 15px; }
.space { position: absolute; float: left; width: 650px; height: 433px; z-index: 10; background: url(0/space.gif) repeat; }
.more { width: 235px; text-align: center; margin-top: 18px; }
#pagination { margin-top: 20px; text-align: center; font-weight: 300; }
#photo-sub1  { position: absolute; background: url(0/sub.header.photo-1.png) no-repeat; width: 700px; height: 33px; }
#photo-sub2  { position: absolute; background: url(0/sub.header.photo-2.png) no-repeat; width: 700px; height: 33px; }
#photo-header { position: absolute; background: url(0/header.photo.png) no-repeat; width: 900px; height: 29px; }
#photo-archives-header { position: absolute; background: url(0/header.photo.archives.png) no-repeat; width: 900px; height: 29px; }
#photo-span-1 { float: left; width: 900px; position: relative; }
.thumb-1, .thumb-2 { cursor: pointer; }
.thumbs { float: right; width: 235px; height: 433px; padding: 15px 0 0 15px; }
.trigger { float: right; margin-top: -33px; margin-left: 10px; }

/* PROJECTS */
.centered { margin: 16px 0 0 18px; }
.description { float: right; width: 280px; padding-left: 20px; }
.description h3 { margin: 0; }
.picture { float: left; width: 600px; height: 200px; background: url(0/project.background.png) no-repeat center; }
.project { width: 900px; overflow: hidden; margin-top: 15px; }
#projects-header { position: absolute; background: url(0/header.projects.png) no-repeat; width: 900px; height: 29px; }
.skills { font-style: italic; }