*{ margin:0; padding:0; }

a, a:link, a:visited, a:focus, a:hover, a:active{ color:#00aeff; text-decoration:underline; }

body{ font-family:myriad,arial,helvetica,verdana,sans-serif; font-size:90%; background-color:#fff; }

#container{ position:absolute; width:715px; left:50%; margin-left:-355px; margin-top:50px; }

#header{ position:relative; height:55px; width:700px; }
#header h1{ height:53px; text-indent:-1000em; }
h1#welcome_header{ width:171px; background:url("layout/welcome.gif") no-repeat bottom left #fff; } 
h1#about_header{ width:175px; background:url("layout/about.gif") no-repeat bottom left #fff; }
h1#design_header{ width:338px; background:url("layout/design.gif") no-repeat bottom left #fff; }
h1#links_header{ width:171px; background:url("layout/links.gif") no-repeat bottom left #fff; }
h1#work_header{ width:185px; background:url("layout/work.gif") no-repeat bottom left #fff; }
h1#contact_header{ width:220px; background:url("layout/contact.gif") no-repeat bottom left #fff; }
h1#portfolio_header{ width:239px; background:url("layout/portfolio.gif") no-repeat bottom left #fff; }

#main{ position:relative; width:715px;} 

.content{ position:relative; width:470px; float:left; color:#555; font-size:.8em; line-height:1.9em; }
.content h2{ font-size:1.2em; }
.content p{ padding:3px 0; }
.content ul{ list-style-position:inside; margin-left:10px; }
.content dl{}
.content dt{ text-indent:0; font-weight:bold; }
.content dd{ text-indent:0; margin:0 10px; text-align:justify; }

a.keyword{ font-weight:bold; text-decoration:none; color:#32B200; }
span.keyword{ font-weight:bold;	color:#DD8500; }

.site{ position:relative; border:solid 1px #ccc; height:200px; width:470px; text-indent:0; overflow:hidden; margin:0 0 20px; }
.site_image{ height:200px; width:150px; float:left; margin-right:10px; }
.site_image a img{ width:140px; margin:20px 5px; border:1px solid #ccc; padding:2px 0; }
.site_name{ font-weight:bold; margin:10px 20px 0 150px; line-height:1.0em; font-size:1.1em; }
.site_desc{ text-indent:0; line-height:1.3em; margin:0 20px 0 150px; text-align:justify; }
.site_link{ margin: 0 20px 0 150px; }
.site_tasks{ margin:0 20px 0 150px; }

ul.menu{ list-style:none; }

ul#bottom-nav{position:relative; display:block; height:20px; margin:0; padding:0; text-indent:0px; border-top:1px solid #eee;}
ul#bottom-nav li{display:inline; float:left; padding:0 20px; margin-top:10px; }
ul#bottom-nav a{ color:#666; text-decoration:none; float:left; margin:0; padding:0;  }
ul#bottom-nav a:hover{ text-decoration:underline; color:#00AEFF; }

ul#menu{ position:relative; width:215px; float:right; font-size:1em; margin-top:-20px; }
#menu li, #menu a{ display:block; width:215px; height:20px; }
#menu li{ margin:20px 0; line-height:20px; }
#menu a{ text-decoration:none; padding-left:10px; color:#ccc; border-left:4px solid #ccc; }
#menu a:hover{ font-weight:bold; color:#222; }

#home_link:hover, #blog_link:hover{ border-left-color:#48FF00; }
#about_link:hover, #twitter_link:hover{ border-left-color:#E50076; }
#work_link:hover{ border-left-color:#870099; }
#design_link:hover{ border-left-color:#FFFA00; }
#portfolio_link:hover{ border-left-color:#FF0000; }
#links_link:hover{ border-left-color:#FF9900; }
#contact_link:hover{ border-left-color:#00AEFF; }


#webcam{ margin-left:40px; }
#webcam img{ height:240px; width:320px; }

#footer{ position:relative; width:700px; clear:both; font-size:.9em; color:#666; padding-top:20px; }
#footer #copyright{ text-indent:200px; margin-top:20px; }
#footer .update{ display:block; text-indent:210px; font-size:.75em; margin-top:5px; }