body { text-align:center; margin:0 auto; background:url(../img/bg-site.jpg) repeat-x #181818; color:#ccc}
ul, li { margin:0; padding:0 }
a { color:#09f; text-decoration:none; }
a:hover { color:#fff; text-decoration:underline }
img { border:0; }
#site{ width:960px; margin:0 auto;padding-top:26px; font-family:"Trebuchet MS", "Lucida Grande", Verdana,sans-serif}
.frame { min-height:450px; }
#sitetitle { float:left; }
#menu { float:right;margin-top:10px; }
#menu img { margin-left:35px;margin-right:20px; }

/* home */
#home { background:url(../img/bg-home.jpg) no-repeat #000;  text-align:left; }
#header { padding:20px; }
#intro { color:#009; }
#home-content, #content { padding:0 20px;  }
#home-about { width:300px ; float:left;}
#home-about p, #summary p { margin:10px; color:#fff; font-family:"Trebuchet MS", "Lucida Grande", Verdana,sans-serif}
#home-work { float:left; padding-top:35px;margin-left:15px;width:595px;}
#home-screens { margin-top:25px; }
#home-screens img { margin-right:21px; margin-bottom:21px; }
.pic-first { margin-left: 5px; }
.pic-last { margin-right:0; }
.q { color:#0f0; }
#home-list { font-family:"Trebuchet MS", "Lucida Grande", Verdana,sans-serif; font-size:0.75em; list-style:none; margin-left:15px;}
#home-footer { margin-top:20px; border-top:1px solid #444; border-bottom:6px solid #333; padding:20px;font-family:verdana, sans-serif; font-size:11px; color:#999; }
#home-footer img { float:left; margin-right:40px; }
#home-footer div { float:left; margin-left:40px; line-height:1.4em; letter-spacing:.08em }
/* end home */

/* bg images */
.about { background:url(../img/bg-about.jpg) no-repeat #000 !important; }
.contact { background:url(../img/bg-contact.jpg) no-repeat #000 !important; }
.portfolio { background:url(../img/bg-portfolio.jpg) no-repeat #000 !important; }

.actionlink { color:#0f0 }

#page {  min-height:450px; text-align:left; background:#000;}
#home-about h1, #content h1 { color:#0f0; font-size:1.1em; margin-top:0; padding-top:0;font-weight:normal; }
#content { min-height:325px; }
#summary { float:left; width:300px; }
#extended { float:left; margin-left:55px; width:550px;background:url(../img/bg-extended.png) no-repeat;padding-top:18px;min-height:350px;  }
#extended h2, .hd { margin-bottom:12px; margin-left:12px; margin-top:0; color:#09f; font-size:1.05 em; }
#extended p { margin:12px 20px; color:#ccc; }
#extended ul { margin-left:60px;color:#eee; }
#extended .hilite { color:#fff; text-decoration:underline; }


#contact-list { list-style: none; font-size:11px; color:#09f;margin-left:20px; }
#contact-list li { margin-bottom:6px; }
#contact-info { margin-left:24px; }

#about-list { list-style: none; font-size:11px; color:#fff;margin-left:20px !important}
#about-list li { display:inline; margin-bottom:16px; float:left; margin-right:10px; width:250px;}
#about-list li a { font-size:17px; color:#0f0}
#about-list li a:hover { color:#0f0; text-decoration:none; }
#about-list img { float:left; margin-right:10px; }
#about-list .li-desc { margin-left:3px; }

#about-links, #project-links { margin:10px; }
#about-links p, #project-links p { border-bottom:1px solid #999; padding-bottom:3px; margin-top:27px; color:#0f0}
#about-links ul, #project-links ul { list-style: none; font-size:12px; color:#fff; margin-left:35px; }

#portfolio-list { list-style: none; font-size:12px; color:#0f0 !important; line-height:19px}
#captitle { color:#09f; }
.divider { color:#fff; }
#project-capsule { font-size:12px; color:#fc0; margin-left:30px; line-height:20px }
#project-thumbs, #project-img { margin:12px 18px }
#project-img { text-align:center; }
#project-img img { margin:auto; }
#project-thumbs img { padding:4px; background:#272727; border:1px solid #444; margin-right:16px; margin-bottom:18px }

.mytable { padding:10px; width:960px;font-size:10px; font-family:verdana, sans-serif; border:0;color:#0f0; }

.clearfix:after { content: ".";display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */