body {
font-family: Lucida Sans, Tahoma, Arial, Helvetica, sans-serif;
font-size:.9em;
background:#FFF url(../img/global/featured_bg.png) repeat-x;
color:#000;
margin:0;
padding:55px 0 0 36px;
}

a {
outline:none;
}

/**********/
/* HEADER */
/**********/

#logo {
width:273px;
height:286px;
}

#intro_text {
margin-top:80px;
float:right;
color:#FFF;
font-size:1em;
font-weight:bold;
text-align:right;
line-height:2em;
}

#intro_text span {
background-color:#000;
padding:4px 8px 4px 8px;
}

/****************/
/* FEATURED BAR */
/****************/

#featured {
height:300px;
width:864px;
background:url(../img/global/transparent_box.png) no-repeat;
padding-left:12px;
}

.featured_screen {
width:276px;
height:198px;
background-color:#000;
margin:25px 11px 0 0;
float:left;
text-align:center;
color:#FFF;
font-size:1.25em;
font-weight:bold;
}

.screenshot {
width:auto;
height:141px;
margin:14px auto 10px auto;
}

#recent_work {
margin:0;
padding:0;
width:131px;
height:17px;
background:url(../img/design/recent_work.png) no-repeat;
position:relative;
top:12px;
left:3px;
}

#featured img {
border:1px solid #000;
}

#featured img:hover {
border:1px #FFF solid;
}

#recent_work span { 
display:none;
}

/************/
/*  SKILLS  */
/************/

#skills {
padding:0;
width:310px;
height:107px;
background:url(../img/design/neko_mimi_circle.png) no-repeat;
}

#skills span { 
display:none;
}

ul {
margin:-40px 0 0 47px;
}

li {
list-style-image:url(../img/design/checkmark.png);
margin-bottom:8px;
}

/************/
/* ABOUT ME */
/************/

#welcome {
margin:37px 0 0 25px;
}

#welcome p {
font-size:1.1em;
padding-left:10px;
line-height:1.5em;
}

#entry_title {
background:url(../img/design/entry_title.png) no-repeat;
height:41px;
width:540px;
}

#entry_title span {
display:none;
}

/*************/
/* PORTFOLIO */
/*************/

#portfolio {
width:109px;
height:21px;
background:url(../img/design/portfolio_heading.png) no-repeat;
margin:45px 0 0 0;
}

#portfolio span { 
display:none;
}

.float_right {
float:right;
font-size:.9em;
}

.project_title {
font-size:.9em;
color:#000;
float:left;
}

.site_thumb {
margin-top:-5px;
}

.site_thumb img {
border:1px solid #FFF;
margin-top:30px;
}

.site_thumb img:hover {
border:1px #000 solid;
}

/****************/
/* CONTACT FORM */
/****************/

#contact_heading {
width:140px;
height:22px;
background:url(../img/design/contact_heading.png) no-repeat;
margin:50px 0 0 0;
}

#contact_heading span { 
display:none;
}

form {
margin-top:15px;
}

form label {
width:106px;
text-align:right;
display:block;
float:left;
font-size:1.3em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding-top:8px;
}

form .text {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:1px solid #CDCDCD;
font-size:18px;
margin:0 0 0 15px;
padding:8px;
width:200px;
font-family:Georgia, Arial, Helvetica, sans-serif;
}

form textarea.text {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:1px solid #CDCDCD;
font-size:18px;
margin:15px 0 0 -40px;
padding:8px;
width:460px;
height:128px;
font-family:Georgia, Arial, Helvetica, sans-serif;
}

.button, .button:active {
background-color:#A0A0A0;
color:#FFF;
border:none;
cursor:pointer;
height:38px;
float:right;
margin:10px 22px 0 0;
padding:0;
width:116px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.2em;
}

.button:hover {
background-color:#7B7B7B;
color:#FFF;
}

/*****************/
/* FOOTER REGION */
/*****************/

#footer {
color:#666;
margin-top:70px;
padding-bottom:5px;
}

#footer p {
margin:2px;
}

.italic {
font-style:italic;
font-size:9px;
font-weight:normal;
color:#ACACAC;
}