/* General */
body                        { border-top: 10px solid #193258; background: #252A33 url(/_images/bg_body.jpg) repeat-x 0 10px; font: normal .8em/130% "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif; color: #333; }
h2, h3, h4, h5              { color: #333; font-weight: normal; letter-spacing: -0.04em; }
h2, h3                      { margin: 10px 0 10px 0; }
h3                          { letter-spacing: -0.05em; }
p                           { margin-bottom: 10px; }
.divider                    { padding-top: 10px; border-top: 1px solid #ccc; }
.note                       { color: #616161; }

p.intro                     { font-size: 150%; line-height: 130%; color: #616161; }

a:link                      { color: #265195; text-decoration: none; }
a:visited                   { color: #265195; text-decoration: none; }
a:hover                     { color: #446AA8; text-decoration: underline; }
a:active                    { color: #265195; text-decoration: none; }

a.more                      { padding-right: 7px; background: url(/_images/icon_arrow.png) no-repeat 100% 2px; }
a.more:hover                { padding-right: 7px; background: url(/_images/icon_arrow_over.png) no-repeat 100% 2px; }

img.right                   { float: right; background: #e1e5e5; padding: 8px; }
img.left                    { float: left; background: #e1e5e5; padding: 8px; }

/* Columns */
.oftwo                      { width: 46%; float: left; margin: 0 15px;}
.firstcolumn                { margin-left: 0; }
.lastcolumn                 { margin-right: 0; }

/* Headings with IR */
h2.fancy                    { text-indent: -4000px; height: 17px; margin-bottom: 25px; }
h2#heading-recent           { width: 113px; background: url(/_images/heading_recent_projects.png) no-repeat 0 0; }
h2#heading-journal          { width: 113px; background: url(/_images/heading_journal_updates.png) no-repeat 0 0; }
h2#heading-archives         { width: 118px; background: url(/_images/heading_journal_archives.png) no-repeat 0 0; }
h2#heading-viewing          { width: 80px; background: url(/_images/heading_viewing.png) no-repeat 0 0; }
h2#heading-recently         { width: 80px; background: url(/_images/heading_recently.png) no-repeat 0 0; }
h2#heading-elsewhere        { width: 80px; background: url(/_images/heading_elsewhere.png) no-repeat 0 0; }
h2#heading-the-web          { width: 113px; background: url(/_images/heading_the_web.png) no-repeat 0 0; }
h2#about                    { width: 180px; margin-bottom: 20px; background: url(/_images/heading_about.png) no-repeat 0 0; }

/* Layout */
#wrapper                    { width: 950px; margin: 0 auto; }
#header                     { height: 127px; background: url(/_images/bg_header.jpg) no-repeat 0 0; }
#header img                 { margin: 29px 0 0 279px; }
#page-body                  { background: #fff url(/_images/bg_page_body.png) repeat-y 0 0; padding: 0 20px 20px 20px; }
#content                    { float: left; width: 435px; }
#sidebar                    { float: right; width: 435px; }
#footer-wrapper             { height: 103px; background: url(/_images/bg_footer_wrapper.jpg) repeat-x bottom left; }
#footer                     { padding: 30px 20px 0 20px; width: 910px; height: 73px; margin: 0 auto; background: url(/_images/bg_footer.jpg) no-repeat 0 0; color: #616161; font-size: 90%;  }

/* Home */
#updates img                { display: none; }
#content, #updates, #around { border-top: 5px solid #C2CCCC; padding-top: 12px; }
#portfolio, .website        { height: 325px; border: 0; }
.details                    { width: 45%; float: left; }
.details h3, .details h4, 
.details p                  { width: auto; }
.description                { width: 45%; float: right; margin-right: 10px; }
.description p              { width: auto; }
#extra-images               { display: none; }

#recent-list                { border-top: 1px solid #ddd; padding: 25px 0 5px 0; }
#recent-list li             { width: 70px; height: 90px; float: left; margin-right: 21px; list-style: none; text-align: center; }
#recent-list li.last        { margin-right: 0; }
#recent-list                { color: #616161; }
#recent-list img            { background: #e1e5e5; padding: 8px; border: 1px solid #fff; }
#recent-list .selected      { color: #333; }
#recent-list .selected img  { background: #C2CCCC; padding: 8px; border: 1px solid #999; }
#recent-list img:hover      { background: #C2CCCC; }

#about-summary              { padding: 20px 0; border-top: 1px solid #ddd; }

#nevermind-link             { padding-top: 10px; }

/* Portfolio Page */
.website                    { clear: both; border-top: 1px solid #ccc; padding: 0; }
.website h3, .website h4, 
.website p                  { width: 435px; }
.website h3, .website h4    { color: #000; }
.website h3                 { margin-top: 0; }
.website p                  { margin-bottom: 10px; }
.website .link              { margin-bottom: 10px; color: #616161; }
.website img                { float: right; background: #C2CCCC; padding: 10px; margin-bottom: 20px; }

/* Misc */
.clear:after                { content: "."; height: 0; clear: both; display: block; visibility: hidden;}
a:focus, a:active           { outline: none; } /* @ Firefox, remove ugly dotted border */
.hide                       { display: none; }

/* Form */
input, textarea             { border: 1px solid #ccc; background: #f3f3f3; padding: 5px; font: normal 100% Helvetica, Geneva, Arial, sans-serif; color: #333; }

#contact                    {  border-top: 1px solid #ddd; padding-top: 20px; }
#contact-form p             { position: relative; height: 20px; }
#contact-form p.message     { height: 110px; }
#contact-form label         { font-size: 90%; color: #616161; }
#contact-form input, 
#contact-form textarea      { width: 300px; position: absolute; left: 80px; top: -5px; margin: 1px; background: #fff; color: #616161;}
#contact-form textarea      { width: 300px; height: 100px; font-size: 125%; }
#contact-submit             { width: 100px !important; padding: 5px 20px; }

#fuspammers                 { display: none; }

.note                       { color: #616161; }