/* CSS Reset*/

* { font-family:arial, sans-serif; font-size:1em; font-weight:normal; margin:0; padding:0; border:0 none; }
html, body { width:100%; height:100%; }
h1, h2, p { color:#0b0c0c; }


/* Holder Styles (Upper page) */

#debug { display:none; }
#header, #main, #minor, #footer, #footer-extra > div { display:block; width:924px; margin:0 auto 0 auto; }
#header { margin-top:48px; }
#header, #logo { height:41px; }
#logo { width:100%; background:url("../Images/designdotworks.png") 0px 0px no-repeat; }
#logo h1, #footer p { display:none; }
#logo h2 { text-align:right; font-size:1.8em; color:#cecccc; margin-top:5px; letter-spacing:-2px; }
#logo h2 span { font-size:0.9em; }
#logo h3 { float:left; margin:-15px 0 0 500px; }
#logo h3 a { background-repeat:no-repeat; background-position:center center; display:inline-block; height:64px; width:64px; }
#logo h3 a span { display:none; }
#main { background-color:#0b0c0c; height:280px; min-height:280px; margin-top:60px; }
.viewmore #main { height:auto; padding-bottom:20px; }
#menu { position:absolute; margin-top:-31px; }
#content { padding-top:38px; margin:0 30px 0 30px; }
#content h1, #content h2, #content p, #content li { color:#ffffff; }
#content li p { font-variant:small-caps; font-size:0.9em; color:#d75c3b; margin-top:0px !important; margin-left:20px !important; }
#contentleft { width:auto; }
#contentleft form, #contentleft .hide { display:none; }
.viewmore #contentleft .hide { display:block; }
#contentright { float:right; width:461px; margin:0; padding-left:30px; }
#contentright div { padding:10px; background:url("../Images/hash.gif") 0px 0px repeat; width:431px; margin-bottom:10px; }
#contentright-far { float:right; width:70px; margin:0; padding-left:20px; }
#contentright-far a { display:block; width:50px; height:50px; background-position:center center; background-repeat:no-repeat; margin-bottom:5px; border:2px solid #ffffff; }
#contentright-far a:last-child { margin-bottom:0; }
#contentright-far .recentwork-scrollbar { height:204px; overflow:auto; width:70px; }

/* Holder Styles (Lower page) */

#minor { margin-top:38px; }
#minor #links, #minor #feeds, #footer-extra #projects { float:left; width:393px; margin:0 0 0 30px; }
#minor #latest, #disclaimer, #menu-plain { width:auto; margin:0 30px 0 453px; }
#minor #feeds { clear:left; /* push below links */ margin-top:10px; }
#minor #feeds h2, #sitemap h2 { margin-top:10px; }
#minor h1 { background:url("../Images/lines.png") 0px 30px no-repeat; padding:0 0 30px 10px; margin:0 0 -30px -10px; font-size:3em; }
#minor-clear { clear:left; }
#latest_buttonleft, #latest_buttonright { position:absolute; margin-top:18px; }
#latest_buttonleft { margin-left:-36px; }
#latest_buttonright { margin-left:14px; }
#latest_buttonleft a, #latest_buttonright a { background:url("../Images/buttons.png") -28px 0px no-repeat; display:block; width:28px; height:28px; }
#latest_buttonleft a { background-position:left top; }
#latest_buttonleft a:hover { background-position:left center; }
#latest_buttonleft a.disabled { background-position:left bottom; cursor:default; }
#latest_buttonright a { background-position:right top; }
#latest_buttonright a:hover { background-position:right center; }
#latest_buttonright a.disabled { background-position:right bottom; cursor:default; }
#footer { clear:both; background:url("../Images/footer.png") 50% 0px no-repeat; height:80px; margin-top:38px; }

/* Holder styles (Lower extra) */

#footer-extra { background-color:#0b0c0c; width:auto; padding:10px 0 20px 0; font-size:0.8em; }
#footer-extra h1, #footer-extra h2,#footer-extra p, #footer-extra li { color:#ffffff; }
#disclaimer { font-size:0.8em; }

/* Text Styles */

.text h1 { font-size:2.2em; letter-spacing:-2px; }
html>/**/body .text h1:first-letter { font-size:0.9em; } /* Hack for non-ie browsers as ie cannot render first-letter properly */
.text p, .text a, .text span, .text ul li { font-family:calibri, arial, sans-serif; list-style:none; }
.text p, .text ul li { font-size:1.1em; }
.text p { margin-top:10px; text-align:justify; }
.text ul li:first-child { margin-top:10px; display:block; }
.text a { text-decoration:none; color:#d75c3b; }
.text a:hover { text-decoration:underline; color:#e15e3b; }
.text h2 { font-weight:bold; }
.text h2 span { font-weight:normal; font-size:0.9em; color:#666; }
.text .small { font-size:0.8em; }
.text .icon { background-position:left center; background-repeat:no-repeat; padding-left:24px; }

/* Miscellaneous Styles */

.icon-rss { background-image:url("../Images/feed.png"); }
.icon-blogspot { background-image:url("../Images/blogspot.png"); }