html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background: transparent;} :focus {outline: 0;} body {line-height: 1;} ol, ul {list-style: none;} table {border-collapse: collapse; border-spacing: 0;} blockquote:before, blockquote:after, q:before, q:after {content: ' '; content: none;} 

html, body {margin: 0; padding: 0; height: 100%;}

body {background: #fff url("images/main_bg.png") repeat-y; font: 75% Calibri, Verdana, Arial, sans-serif; text-align: justify; color:#666;}
a:link {COLOR: #718dd5; text-decoration: none;} 
a:visited {COLOR: #718dd5; text-decoration: none;} 
a:hover {color:#666; text-decoration: none; } 

p {margin:15px 0px;}
.title {font-weight: bolder; color: #333; text-transform: uppercase;}
.date {font-weight: lighter; font-style: italic; color: #336699;}
.resspecial {margin-left:2.25em;}

h1.designhead {background: url("images/designs.jpg"); width: 78px; height: 32px; text-indent: -9999px; }
h1.illhead {background: url("images/illustration.jpg"); width: 190px; height: 32px; text-indent: -9999px; }
h1.photohead {background: url("images/photography.jpg"); width: 190px; height: 32px; text-indent: -9999px; margin-bottom:20px;}
h1.infohead {background: url("images/information.jpg"); width: 180px; height: 32px; text-indent: -9999px; }
h2 {color: #846764; font-size:12pt; font-weight:bold; text-transform: uppercase;}
h3 {color: #846764; font-size:10pt; font-weight:bold; text-transform: uppercase;}

hr {background-color:#ccc; border:0 none; color:#ccc; height:1px; margin:25px 0px;}

#menu {position: absolute; top: 285px; left: 90px; width:146px;}
#design {display: block; width: 145px; height: 30px; text-decoration: none; background: url("images/design_button.png");}
#design:hover {background-position: -145px 0;}
#ill {display: block; width: 145px; height: 30px; text-decoration: none; background: url("images/illustration_button.png");}
#ill:hover {background-position: -145px 0;}
#photo {display: block; width: 145px; height: 30px; text-decoration: none; background: url("images/photography_button.png");}
#photo:hover {background-position: -145px 0;}
#info {display: block; width: 145px; height: 30px; text-decoration: none; background: url("images/info_button.png");}
#info:hover {background-position: -145px 0;}
#blog {display: block; width: 145px; height: 30px; text-decoration: none; background: url("images/blog_button.png");}
#blog:hover {background-position: -145px 0;}
#home {display: block; width: 145px; height: 30px; text-decoration: none; background: url("images/home_button.png");}
#home:hover {background-position: -145px 0;}
.displace {position: absolute; left: -5000px;}

#wrap {background: transparent url("images/title_bg.png") top left no-repeat; position: relative; min-height: 100%; height:100%; margin: 0 auto;}
#content {position:relative; top:130px; left:365px; width:800px;}
#prime {float:left; width:600px;}
#profile {width:200px; height:300px; margin: 0px 20px; float:right;}
#resume {background-color:#fff0ba; width:345px; float:left; padding:10px; margin-right:20px;}
#likes {width:160px; float:left; padding:10px;}
#push {height:125px;}
#footer {background:url("images/footer2.png") bottom right no-repeat; width: 100%; margin-top: -150px; height: 150px; clear:both;}
#footer-inside {float:right; margin:80px 77px 0px 0px; width:350px; text-align:center;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}
.clear {clear:both;}

div.closeup {height:13px; margin: 25px 0px;}
.thumb {float:left; width: 13px; height: 13px; background: url("images/thumb.jpg") no-repeat; margin:3px;}
.thumb:hover {background-position: -13px 0;}

.gallery {margin: 30px 0px;}
.imagelist {clear:both;}
.imagelist li {float:left; width:40px; padding:3px; border:0px;}

