/*TYPE*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 24, 2011 03:22:11 PM America/New_York */



@font-face {
    font-family: 'ArvoRegular';
    src: url('Arvo-Regular-webfont.eot');
    src: url('Arvo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Arvo-Regular-webfont.woff') format('woff'),
         url('Arvo-Regular-webfont.ttf') format('truetype'),
         url('Arvo-Regular-webfont.svg#ArvoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ArvoBold';
    src: url('Arvo-Bold-webfont.eot');
    src: url('Arvo-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Arvo-Bold-webfont.woff') format('woff'),
         url('Arvo-Bold-webfont.ttf') format('truetype'),
         url('Arvo-Bold-webfont.svg#ArvoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

::selection {
        background: #00baff; /* Safari */
        }
::-moz-selection {
        background: #00baff; /* Firefox */
}
img, a img{border:0;}
b,strong{font-weight:bold;}
p{display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;margin-bottom:10px;}

h2{display: block;
font-size: 1.5em;
-webkit-margin-before: 0.83em;
-webkit-margin-after: 0.83em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;}

.hide{display: none;}

/* LOGO */
.logo{font: 55px 'ArvoRegular', Arial, sans-serif;letter-spacing: 0;width:530px;margin-left:110px;position:relative;border-top:1px solid #444;border-bottom:1px solid #444;padding:10px;margin-top:50px;}
.boldfont{font: 55px 'ArvoBold', Arial, sans-serif;letter-spacing: 0;}
.subhead{font-size:12px;font-family: "Helvetica Neue","Helvetica","Arial","Verdana",sans-serif;color:#FFF;margin-top:-10px;margin-left:5px;}
.logo a{color:#2592cd;text-decoration: none;}

/* GENERAL */
body{background-color: #000;font-family: "Helvetica Neue", "Helvetica", "Arial", "Verdana", Sans-serif;margin:0px;color:#fff;background-image: url("images/triangles.png");}
p{font-size:11px;line-height: 18px;color:#FFF;width:483px;}
p a{color:#FFF;text-decoration: none;border-bottom:1px dotted #fff;}
p a:hover{color:#1badf8; border-bottom:1px dotted #1badf8;}
h1{color:#fff;margin-top:54px;margin-bottom:5px;font-size:34px;letter-spacing:.04em;font-weight: 500;width:530px;text-shadow:1px 1px 6px #fff;font-weight: 300;}
a{outline:none;}
h3{font-weight:bold;color:#FFF;font-size:12px;margin-bottom:0px;}
/* STRUCTURE */
#body{position: relative;width:906px;margin:0px auto;}
#header{width:100%;position:relative;}
#div{position: absolute;top:198px;right:260px;border-left:1px solid #999;width:1px;height:487px;}
#div img{display: none;}
nav{display: block;}
nav ul{list-style: none;margin-top:none;position:absolute;top:127px;left:70px;margin-left:40px;}
nav ul li{display: inline;margin-right:70px;}
nav ul li a{
font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
color:#272727;
color:rgba(255,255,255,.2);
font-weight:bold;
text-decoration: none;
font-size:18px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
font-weight: 300;
}
nav ul li a:hover,nav ul li a:focus{color:rgba(255,255,255,1.0);color:#fff;text-shadow:1px 1px 6px #fff;}
nav ul li a.selected{color:#007bb9;}
nav ul li a.selected:hover{color:#FFF;}
#content{float:left;padding-left:110px;width:586px;margin-top:50px;}
#sidebar{float:right;width:200px;padding-top:100px;}

.module{font-size:11px;margin-bottom:15px;}
.module_border{height:10px;border-bottom:1px dotted #FFF;text-align:center;width:125px;}

.resume_nav{margin:7px 0px;}
.res_item{float:left;width:100px;display:block;background-color: #2b92d3;font-size:11px;text-align: center;color:#fff;margin-right:10px;text-decoration: none;padding:3px;}
.res_item:hover{background-color:#126498;}
.clear{clear:both;}
#content_scrolly{padding-bottom:97px;margin-bottom:10px;}
/* #content_scrolly{overflow: hidden;height:555px;} */
.btt{font-size:11px;color:#fff;border:1px dotted white; padding: 5px; text-decoration: none;margin:10px 0px;display: block;width:140px;}
.btt:hover{background-color: #fff;color:#333;}

/*portfolio*/
.project_item{width:500px;font-size:11px;padding-bottom:8px;margin:8px 0px;border-bottom:1px solid #222;}
.project_left{width:50%;float:left;}
.project_right{width:50%;float:left;}
.project_title{font-size:13px;font-weight:bold;}
.project_role{background-color: #2b92d3;font-size:11px;color:#fff;padding:4px;margin:2px 0px;margin-bottom:5px;}
.project_desc{line-height:17px;}
.project_link {margin:3px 0px;}
.project_link a{text-align: center; color:#FFF;text-decoration: none;}

/*sidebarlist*/
.sidebarlist{margin:0px;padding:0px;}
.sidebarlist li{list-style:none;font-size:10px;margin-bottom:4px;color:#999;}
.lasttweet p{color:#999;}
.lasttweet p a{color:#9fd3ff;text-decoration: none;}
.lasttweet p a:hover{color:#333;}
.lasttweet p{width:160px;line-height:15px;}
/*footer*/
footer{width:100%;background-image:url(images/footer.gif);background-repeat:repeat-x;height:97px;position: fixed;bottom:0px;display: block;}
.footer_area{width:786px;margin: 0px auto;font-size:10px;padding-top:10px;}
.footer_links{float:left;width:75%;line-height:16px;}
.footer_links a{color:#009cff;text-decoration:none;}
section.stalk{float:right;width:25%;text-align:right;display: block;}
section.stalk a{float:right;margin-right:8px;width:16px;margin-top:10px;}

/*jobstatus*/
.jobstatus{position: absolute;font-size:15px;z-index:300;text-align:right;text-transform: uppercase;width:100%;padding:3px 0px;background-color:rgba(255,255,255,0.25);box-shadow: 0px 2px 0px #111;display:none;}
.jobstatus strong{color:#ff6666;}

/* workload */
.workload h2{position: relative;}
.workload{position: absolute;right:0;background-image: url("images/workload_bg.png");width:358px;height:102px;background-repeat:no-repeat;top:15px;}
.workload p{width:300px;margin:-2px 0px;font-size:10px;}
.workload h2{color:#666;margin-top:20px;margin-left:27px;}
.workload_holder{margin-left:30px;top:55px;position:absolute;}
.bar_holder{height:13px;float:left;width:285px;}
.workloadind{}
.orange{background-image:url(../images/scale_orange.png);background-repeat:repeat-x;}
.green{background-image:url(../images/scale_green.png);background-repeat:repeat-x;}
.red{background-image:url(../images/scale_red.png);background-repeat:repeat-x;}
.quarter{width:71px;}
.half{width:142px;}
.third{width:94px;}
.twothird{width:188px;}
.threequarter{width:214px;}
.hundred{width:285px;}
.percent{font-size:12px;float:left;width:20px;padding-left:8px;}
.greentxt{color:#36e400;}
.redtxt{color:#ff3333;}
.orangetxt{color:#ff9933;}