/* CSS Document */
html,body,ul,ol,li,p,blockquote,q,h1,h2,h3,h4,h5,h6,form,fieldset,a,div,img{border:0;margin:0;padding:0}
body{font-family:Arial, Helvetica, sans-serif;color:#333;font-size:1.2em}
#header{height:150px;background-image:url(../images/head_border.jpg);background-position:bottom;background-repeat:repeat-x;padding-bottom:1em}
#addthis{position:absolute;top:2px;right:20px;font-size:14px;margin:5px 20px 2px 0}
#logo{position:absolute;top:1.2em;left:1.5em}
#logo h1{font-family:Arial, Helvetica, sans-serif;color:#333;font-size:1em;text-indent:-9999px}
#twitter_div{position:relative;font-size:.9em;width:500px;float:right;background-color:#ededed;height:60px;margin:40px 45px -110px 0;padding:1px}
#twitter_update_list{list-style:none;font-size:.8em;padding:6px 0 0 80px}
#twitter_logo{float:left;padding:20px 15px 0 10px}
#nav{background:#fff;list-style:none;width:80%;float:right;margin:5.8em 2em 0 0;padding:0}
#nav li{width:100%;display:inline;font-size:.9em;margin:0;padding:0}
#nav a{color:#999;text-decoration:none;float:right;width:80px;text-align:center;display:block;font-weight:700;margin:0 0 0 1em;padding:0}
#nav a:hover{border-bottom:5px solid #e0663d;color:#000}
#body_port #nav_port a,#body_aboutme #nav_aboutme a,#body_promote #nav_promote a,#body_contact #nav_contact a{color:#000;text-decoration:none;font-weight:700;border-bottom:5px solid #e0663d}
#main_copy{height:380px;position:relative}
h1{font-size:18px}
#jpg_image{float:left;margin:4px 12px 0 0}
iframe{margin:0 0 0 4.5em}
#image_port{background-image:url(../images/on_floor.jpg);background-repeat:no-repeat;position:absolute;top:260px;left:20px;width:430px;height:310px}
#image_about{background-image:url(../images/on_bench.jpg);background-repeat:no-repeat;position:absolute;top:260px;left:20px;width:430px;height:310px}
#image_home{background-image:url(../images/on_www.jpg);background-repeat:no-repeat;position:absolute;top:200px;left:40px;width:430px;height:310px}
#flickr_iframe{position:relative;left:20px;width:600px;height:450px}
#copy{float:right;min-height:100%;height:auto!important;top:200px;font-size:.8em;margin:2em 2em -3em 30em}
.pfolio{list-style-image:url(../images/list_bullet.gif);margin:0 0 1.5em;min-height:120px;}
p.portfolio{padding:0 0 3px}
.pfolio ul{margin:20px 0 0}
.pfolio li{margin:10px 0 0 50px}
.sample{float:right;border:1px solid #999;margin:.5em 0 0 .5em}
#contact_methods1{font-size:.8em;width:440px;margin:1em 0 1em 5em}
#contact_methods2{float:left;font-size:.8em;width:440px;margin:1em 0 1em 5em}
.QR_code{float:right;margin:0 0 0 2em}
div.QR_code div{font-size:.7em;text-align:center}
#QR_explain{float:right;background-image:url(../images/post_it_sml.jpg);background-repeat:no-repeat;width:230px;height:260px;font-size:.8em;font-family:"Lucida Handwriting",Arial;margin:2em 10em 0 0;padding:20px 15px 2px 10px}
#QR_explain a{color:#F60;text-decoration:none}
#QR_explain a:hover{color:#F60;text-decoration:underline}
#footer{clear:both;height:50px}
.push{height:5em}
#details{margin-right:5px;margin-bottom:0;margin-left:30px;list-style-type:none;font-size:.75em;padding:0}
#details li{display:block;float:left;padding:2em 1em 0}
#details a{text-decoration:none;color:#e0663d}
#details a:hover{text-decoration:underline;color:#e0663d}
#copy a,#contact_methods1 a,#contact_methods2 a{color:#e0663d;text-decoration:none}
#copy a:hover,#contact_methods1 a:hover,#contact_methods2 a:hover{color:#e0663d;text-decoration:underline}