/*======================================================================
* File name: screen.css
* Author: Eduka - http://eduka.com
* Date Created: 03/09/11
* Baseline font size = 11px
    11px = 100%
    12px = 109.09%
    14px = 127.27%
    16px = 145.45%
    18px = 163.63%
    30px = 272.72%
    54px - 490.90%
* Colors: 
    Teal = #4dc6c1
    Orange = #ff3c00
    Dark Grey = #656565
    Almost Black = #323232
======================================================================*/

/* @group RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* @end */

/* @group 960.gs 16 FIXED */
.container_16{margin-left:auto;margin-right:auto;width:960px;}.grid_16,.grid_15,.grid_14,.grid_13,.grid_12,.grid_11,.grid_10,.grid_9,.grid_8,.grid_7,.grid_6,.grid_5,.grid_4,.grid_3,.grid_2,.grid_1{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.alpha{margin-left:0}.omega{margin-right:0}.grid_1{width:40px}.grid_2{width:100px}.grid_3{width:160px}.grid_4{width:220px}.grid_5{width:280px}.grid_6{width:340px}.grid_7{width:400px}.grid_8{width:460px}.grid_9{width:520px}.grid_10{width:580px}.grid_11{width:640px}.grid_12{width:700px}.grid_13{width:760px}.grid_14{width:820px}.grid_15{width:880px}.grid_16{width:940px}.prefix_1{padding-left:60px}.prefix_2{padding-left:120px}.prefix_3{padding-left:180px}.prefix_4{padding-left:240px}.prefix_5{padding-left:300px}.prefix_6{padding-left:360px}.prefix_7{padding-left:420px}.prefix_8{padding-left:480px}.prefix_9{padding-left:540px}.prefix_10{padding-left:600px}.prefix_11{padding-left:660px}.prefix_12{padding-left:720px}.prefix_13{padding-left:780px}.prefix_14{padding-left:840px}.prefix_15{padding-left:900px}.suffix_1{padding-right:60px}.suffix_2{padding-right:120px}.suffix_3{padding-right:180px}.suffix_4{padding-right:240px}.suffix_5{padding-right:300px}.suffix_6{padding-right:360px}.suffix_7{padding-right:420px}.suffix_8{padding-right:480px}.suffix_9{padding-right:540px}.suffix_10{padding-right:600px}.suffix_11{padding-right:660px}.suffix_12{padding-right:720px}.suffix_13{padding-right:780px}.suffix_14{padding-right:840px}.suffix_15{padding-right:900px}.push_1{left:60px}.push_2{left:120px}.push_3{left:180px}.push_4{left:240px}.push_5{left:300px}.push_6{left:360px}.push_7{left:420px}.push_8{left:480px}.push_9{left:540px}.push_10{left:600px}.push_11{left:660px}.push_12{left:720px}.push_13{left:780px}.push_14{left:840px}.push_15{left:900px}.pull_1{left:-60px}.pull_2{left:-120px}.pull_3{left:-180px}.pull_4{left:-240px}.pull_5{left:-300px}.pull_6{left:-360px}.pull_7{left:-420px}.pull_8{left:-480px}.pull_9{left:-540px}.pull_10{left:-600px}.pull_11{left:-660px}.pull_12{left:-720px}.pull_13{left:-780px}.pull_14{left:-840px}.pull_15{left:-900px}.clear,.clearfix:after{clear:both;display:block;visibility:hidden;width:0;height:0}.clear{overflow:hidden}.clearfix:after{content:' ';font-size:0;line-height:0}* html .clearfix{height:1%}
/* @end */

/* @group TYPOGRAPHY */
@font-face{font-family:'QuicksandLightOblique';src:url('/fonts/Quicksand_Light_Oblique-webfont.eot');src:url('/fonts/Quicksand_Light_Oblique-webfont.eot?#iefix')format('embedded-opentype'),url('/fonts/Quicksand_Light_Oblique-webfont.woff') format('woff'),url('/fonts/Quicksand_Light_Oblique-webfont.ttf')format('truetype'),url('/fonts/Quicksand_Light_Oblique-webfont.svg#QuicksandLightOblique')format('svg');font-weight:normal;font-style:normal;}@font-face{font-family:'QuicksandBook';src:url('/fonts/Quicksand_Book-webfont.eot');src:url('/fonts/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/Quicksand_Book-webfont.woff')format('woff'),url('/fonts/Quicksand_Book-webfont.ttf') format('truetype'),url('/fonts/Quicksand_Book-webfont.svg#QuicksandBook')format('svg');font-weight:normal;font-style:normal;}@font-face{font-family:'QuicksandBold';src:url('/fonts/Quicksand_Bold-webfont.eot');src:url('/fonts/Quicksand_Bold-webfont.eot?#iefix')format('embedded-opentype'),url('/fonts/Quicksand_Bold-webfont.woff')format('woff'),url('/fonts/Quicksand_Bold-webfont.ttf')format('truetype'),url('/fonts/Quicksand_Bold-webfont.svg#QuicksandBold')format('svg');font-weight:normal;font-style:normal;}body{font:11px/1.45 Verdana, Geneva, sans-serif;color:#656565;background-color:#fff;}.container_16{font-size:100%;}a{color:#ff3c00;text-decoration:underline}a:hover{text-decoration:none}a:focus{outline:1px dotted}a[disabled]{color:#bcbcbc;}a[disabled]:hover{text-decoration:none;}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{color:#323232;margin-bottom:60px;font:normal 272.72%/1.2 QuicksandBook, "Helvetica Neue", Helvetica, Geneva, sans-serif;}h2{color:#4dc6c1;margin-top:-3px;margin-bottom:11px;font:normal 163.63% QuicksandBold, "Helvetica Neue", Helvetica, Geneva, sans-serif;text-transform:uppercase;}h3{font-size:100%;font-weight:bold;text-transform:uppercase;}h4,h5,h6{font-size:100%;font-weight:bold;}ol{list-style:decimal}ul{list-style:disc}li{margin-left:3.25em}p,dl,hr,ol,ul,pre,table,address,fieldset,.alert,.warning,.info,.success,.failure{margin-bottom:16px}input,select,textarea{font:100%/1.45 Verdana, Geneva, sans-serif;}legend,caption{font-weight:bold;text-align:left;}
/* @end */

/* @group STRUCTURE */
body{
  border-top: 12px solid #e2e2e2;
  padding-top: 4px;
  padding-bottom:12px;
}
/*sections*/
#header,
#footer{
  margin-top:32px;
  clear:both;
}
#content{
  margin-top: 26px;
}
/*logo*/
h1#branding{
  height: 59px;
  background: none;
  border: none;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#branding a{
  width: 280px;
  height: 32px;
  margin-top: 27px;
  background: url(/gfx/logo.png) no-repeat;
  text-indent: -999em;
  position: absolute;
  top: 0;
  left: 0;
  outline:0;
}
/*menus*/
.menulist{
  list-style: none;
}
.menulist li{
  margin: 0;
  float: left;
  display: inline;
  position:relative;
}
.parent-page{margin-bottom:10px;}
.parent-page a{
  color: #323232;
  border-bottom: 3px solid #4DC6C1;
  text-decoration:none;
  font-size:145.45%;
  font-family: QuicksandBook, "Helvetica Neue", Helvetica, Geneva, sans-serif;
  }
.subMenuNav li{
  margin-left:6px; list-style:none;}
.subMenuNav a{
  padding:2px;
  display:block;
  text-decoration:none;
  border-bottom:1px solid #4dc6c1;
  }
.subMenuNav a:hover, .subMenuNav .active a{
  color: #323232;
  }
.subMenuNav a:hover{
  background-color:#4dc6c1;
  }

/*footer*/
#footer div{
  border-top: 1px solid #4dc6c1;
  padding-top: 16px;
  margin-top: 64px;
}
#footer #site-info{
  text-align: right;
}
/* @end */

/* @group SITE NAVIGATION */
#listMenuRoot{
  float: right;
  margin-top: 40px;
}
#listMenuRoot li{
  margin-left: 0;
}
#listMenuRoot a{
  color: #323232;
  font-family: QuicksandBook, "Helvetica Neue", Helvetica, Geneva, sans-serif;
  margin-left: 40px;
  margin-right: 40px;
  text-decoration: none;
  font-size: 145.45%;
}
#listMenuRoot li:after{
  content: '/';
  color: #ff3c00;
}
#listMenuRoot li:last-child a,
#listMenuRoot li li a{
  margin-right: 0;
}
#listMenuRoot li:last-child:after,
#listMenuRoot li li:last-child:after,
#listMenuRoot li li:after{
  content: '';
}
#listMenuRoot li.active a,
#listMenuRoot li a:hover{
  border-bottom:3px solid #4dc6c1;
  margin-top:-3px;
}

/*second level*/
#listMenuRoot ul{
  position:absolute;
  left:-999em;
  z-index:10;
  background:#fff;
  width:160px;
  border:1px solid #4dc6c1;
}
#listMenuRoot li li{
  float:none;
  display:block;
}
#listMenuRoot li:hover ul{
  left:40px;
}
#listMenuRoot li li a{
  margin: 0;
  font: 100% Verdana, Geneva, sans-serif;
  display:block;
  padding:6px;
}
#listMenuRoot li.active li a,
#listMenuRoot li li a:hover{
  border-bottom:none;
  margin-top:0;
}
#listMenuRoot li li a:hover{
  background: #4dc6c1;
}
/*third level*/
#listMenuRoot li:hover ul ul{
  left:-999em;
}
#listMenuRoot li:hover ul li:hover ul{
  left:160px;
  top:0;
}
/* @end */

/* @group MISC */
/*headlines*/
h1, #bubble{
  border: 5px solid #ffffff;
  background-image: url(../gfx/bright_squares.png);
  -moz-box-shadow: 0 0 1px #88bfab;
  -webkit-box-shadow: 0 0 1px #88bfab;
  box-shadow: 0 0 1px #88bfab;
  padding: 26px;
  position: relative;
}
#bubble h1{
  border:none;
  background:none;
  -moz-box-shadow:none;
  -webkit-box-shaddow:none;
  box-shadow:none;
  padding:0;
  margin-bottom:16px;
}
#bubble p{
  font-size:140%;
  line-height:1.54;
}
#headshot img{
  border: 5px solid #ffffff;
  -moz-box-shadow: 0 0 1px #88bfab;
  -webkit-box-shadow: 0 0 1px #88bfab;
  box-shadow: 0 0 1px #88bfab;
}
h1 em{
  color: #ff3c00;
  display: block;
  font: 74.07% QuicksandLightOblique, "Helvetica Neue", Helvetica, Geneva, sans-serif;
  text-transform: lowercase;
}
h1 strong{
  font-weight:normal;
  border-left:11px solid #4dc6c1;
  display:block;
  padding-left:30px;
}
/*action links*/
#actions{
  margin:58px auto 0;
  width:440px;
}
#actions a{
  color: #323232;
  text-decoration: none;
  background: url('/gfx/sprite.png') no-repeat 0 0;
  display: block;
  height: 16px;
  padding-left: 20px;
}
#actions a#vcard{
  background-position: 0 -16px;
  margin: 0 40px;
}
#actions a#linkedin{
  background-position: 0 -32px;
}
#actions a:hover{
  text-decoration:underline;
}
/*site info links*/
#site-info a{
  color: #4dc6c1;
  text-decoration: none;
}
#site-info a:hover{
  text-decoration: underline;
}
/*work labels*/
em.work{
  background:#4dc6c1;
  color:#fff;
  font-style:normal;
  padding:0 3px;
  font-size:90.90%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
/*forms*/
fieldset ol{
  list-style:none;
}
fieldset li{
  margin:0 0 16px 0;
  clear:both;
}
fieldset label{
  display:block;
}
fieldset .checkbox label,
fieldset .radio label{
  display:inline;
  margin-right:16px;
}
input[type='text'], select, textarea{
  width:20em;
  height:20px;
  border:1px solid #4dc6c1;
}
select{
  height:26px;
}
textarea{
  height:80px;
}
/*alerts*/
.success,
.warning,
.failure,
.error,
input[type='text'], select, textarea{
  padding:3px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius:2px;
}
.success{background:#a6e0ae;color:#3a9647;}
.warning{background:#eed881;color:#b39003;}
.failure,.error{background:#D8B3AD;color:#851a08;}
fieldset em{color:red;font-size:127.27%;font-weight:bold;font-style:normal;}
/* @end */