/* XHTML Elements */ 
body     { font-size: 12px; background-color: #FFFFFF; font-family: Tahoma, Arial, sans-serif; color: #333333; margin: 0px; } 
h1       { font-size: 17px; margin: 0px; }
h2       { font-size: 16px; margin: 0px; }
h3       { font-size: 15px; margin: 0px; }
form     { margin: 0px; }
img      { border: 0px; }
a        { color: #0099CC; text-decoration: none; }
a:hover  { color: #003366; text-decoration: underline; }

/* Layout Elements */

.clear { clear: both; }
.centerText { width: 100%; text-align: center; }
.notice     { color: #336699; font-weight: bold; }
.error      { color: #FF0000; font-weight: bold; }
.hr         { border-bottom: 1px solid #CCCCCC; }
.push       { height: 1px; margin-top: 10px; }

/* Links Bar */
#linksWrapper   { height: 20px; background-image: url(./Images/bg_links.png); background-repeat: repeat-x; background-color: #333333; border-bottom: 2px solid #D69A3B; }
#linksContent   { width: 800px; margin: 0px auto; padding: 0px 5px 0px 5px; }

/* Header */
#headerWrapper  { height: 100px; background-image: url(./Images/bg_header.png); background-repeat: repeat-x; border-bottom: 2px solid #333333; }
#headerBanner   { width: 145px; height: 100px; background-image: url(./Images/banner.png); background-repeat: no-repeat; position: absolute; top: 22px; right: 0px; }
#headerContent  { width: 800px; margin: 0px auto; }
#headerLogo     { width: 296px; height: 100px; background-image: url(./Images/logo.png); float: left; }
#headerSlogan   { width: 510px; height: 47px; background-image: url(./Images/slogan.png); margin-top: 90px; float: right; background-repeat: no-repeat; }
#headerNametag  { width: 250px; height: 188px; background-image: url(./Images/nametag.png); margin-top: 0px; float: left; }

/* Content */
#contentWrapper     { min-height: 120px; background-image: url(./Images/bg_grad.png); background-repeat: repeat-x; background-color: #FFFFFF; z-index: -1; }
#content            { width: 800px; margin: 0px auto; padding: 20px 5px 5px 5px; }
#contentLeft        { width: 550px; float: left; padding-right: 10px; }
#contentRight       { width: 220px; float: right; }
#about, #creatingcode { border-bottom: 1px solid #CCCCCC; margin: 5px 0px 0px 0px; padding: 5px 0px 10px 0px; }
#stackoverflow      { margin: 5px 0px 0px 0px; padding: 5px 0px 10px 0px; }
#projects           { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; margin-top: 10px; padding: 5px 0px 10px 0px; }
#project            { width: 100%; margin-top: 10px; }
#projLeft           { width: 265px; float: left; }
#projRight          { width: 525px; float: right; padding: 0px; }

#twitter, #stackprofile, #xbox { margin-top: 10px; font-size: 12px; }
#twitter li { margin: 10px 0px 10px 0px; }
#twitter ul { list-style-type: none; display: inline; padding: 0px; margin: 0px; }

#contactLinkBox         { padding: 2px; background-color: #E5ECF9; border-top: 1px solid #BCCDF0; border-bottom: 1px solid #BCCDF0; color: #3366CC; text-align: center; font-weight: bold; }
#contactLinkBox a       { color: #3366CC; text-decoration: none; }
#contactLinkBox a:hover { color: #003366; text-decoration: none; }

/* Contact */
#contact                 { margin: 10px 0px 0px 0px; }
#contact fieldset        { border: 0px; padding: 0px; margin: 0px; }
#contact label           { display: block; margin: 10px 0px 2px 0px; }
#contact input, textarea { font-family: Tahoma, Arial, serif; font-size: 12px; border: 1px solid #BCCDF0; background-color: #E5ECF9; margin: 0px; padding: 0px; }
#contact li              { margin: 10px 0px 0px 0px; list-style-type: none; }
#contact ol              { display: inline; margin: 0px; }
#contact .submit input   { background-color: #003366; color: #F5F5F5; padding: 2px; font-weight: bold; }

/* Footer */
#footerWrapper  { width: 100%; background-image: url(./Images/bg_footer.png); border-top: 2px solid #D69A3B; margin-top: 10px; }
#footer         { width: 800px; margin: 0px auto; color: #D69A3B; height: 40px; padding-top: 10px; }
#footer a       { color: #D69A3B; text-decoration: none; } 
#footer a:hover { color: #FFCC66; text-decoration: underline; }