/*
light blue: #55636b
dark blue: #34363c
bright blue: #4dbcd7
*/
/* - - - *TAGS - - - */
body  {
background:#34363c url(../img/bg.png) repeat-x 0 162px;
 font:normal 16px/20px Georgia, Times New Roman, Times, serif; 
/* font:normal 16px/20px Georgia, Times New Roman, Times, serif */
color: #b9c2c7;
margin:0;padding:0;
}

img {border:0;}

a {
color:#ffcc00;
text-decoration:none;
}

a:hover {text-decoration:underline;}
a:active  {color:#FFF;}
p {margin:10px 0;}
h1 {font-size:20px;}
h2 {
clear:both;
font-size:20px;
padding-bottom:5px;
border-bottom:1px dashed #b9c2c7;
}

h3 {
font-weight:normal;
font-style:italic;
margin:25px 0 0 0;padding:0;
}

h3 + p  {
margin:0;padding:0;
}

ul {margin:0 0 0 15px;padding:0;}
header, footer, section {display:block;} 

/* - - - *COMMON - - - */
.clear {clear:both;}

/* - - - *HEADER - - - */
#page {
clear:both;
width:960px;
margin:0 auto;
}

#header-wrap {
background: url(../img/bg-header.png) repeat-x 0 0;
height:162px;
}

#header-wrap #hireme {
position:absolute;
top:10px;
left:650px;
z-index:100;
border:0;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}

header {
width:960px;
margin:0 auto;
position:relative;
}

/* - - - *NAVBAR - - - */
#navbar {
position:absolute;
top:120px;
left:10px;
}
#navbar li {
float:left;
margin-right:13px;
list-style-type:none;
}

#navbar a {
color:#b9c2c7;
font-size:16px;
text-decoration:none;
padding:5px;
}

#navbar a:hover, #navbar a#current {
color:#ffcc00;
background-color:#34363c;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

/* - - - *MAIN - - - */
#main {
float:left;
width:600px;
}

#contact label {
display:block;
margin-top:5px;
}
#contact input[type="text"], 
#contact input[type="email"],
#contact input[type="url"],
#contact input[type="submit"],
#contact textarea{
margin:5px 0;
padding:0 5px;
border:1px solid #55636b;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

#contact #form-submit {cursor:pointer;display:block;}
#contact #form-submit:active {
background:#4dbcd7;
color:#FFF;
}

.error-msg {
background-color:#FFF;
color:red;
font-weight:bold;
font-size:15px;
padding:5px;
border:1px solid #55636b;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.note {font-size:11px;}

#hp-img {
/* background:url(../img/hp-shadow.png) no-repeat 0 0; */
width:670px;
height:500px;
position:relative;
}

#hp-img img {
position:absolute;
top:35px;
left:1px;

}


/* - - - *SIDEBAR - - - */
aside {
float:right;
width:350px;
}

#resume-dl {margin:0 0 50px 0;}
#resume-dl li {
float:left;
margin-right:10px;
list-style-type:none;
}

#resume-dl a {
color:#FFF;
padding:5px;
text-decoration:none;
background-color:#34363c;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

#resume-dl a:hover {
background-color:#4dbcd7;
}

#home aside p:first-child {
margin-top:80px;
}
/* - - - *FOOTER - - - */
footer {
clear:both;
height:10px;
font-size:11px;
line-height:13px;
}

footer ul {margin:0;}
footer li {
float:left;
margin-right:13px;
list-style-type:none;
}

footer p {clear:both;}
#stats {display:none;}

/* - - - *PORTFOLIO - - - */
.port-desc img {
background-color:#FFF;
padding:3px;
border:1px solid #CCC;
}

.port-desc {
float:left;
width:300px;
height:375px;
margin-right:20px;
}

#portfolio #main {width:960px;}
#portfolio aside {display:none;}
#portfolio h4 {font-size:12px;margin-bottom:0;}
#portfolio .note {font-style:italic;}