@import url("reset.css");
/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */
html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

blockquote, q {
  quotes: none; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/**
 * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
 */
body {
  background: #fff;
  font: 15px/1.231 "Lucida Grande", helvetica, arial, sans-serif;
  *font-size: small;
  color: #474747; }

/* Hack retained to preserve specificity */
/* Normalize monospace sizing:
   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp {
  font-family: monospace, sans-serif; }

/**
 * Minimal base styles.
 */
html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

/* j.mp/webkit-tap-highlight-color */
a:link {
  -webkit-tap-highlight-color: #ff5e99;
  color: #fff;
  /*#FF5E99;*/ }

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
  outline: none; }

a, a:link, a:active, a:visited {
  color: #4E709A; }
  h1 a, h2 a, h3 a, h1 a:link, h2 a:link, h3 a:link, h1 a:active, h2 a:active, h3 a:active, h1 a:visited, h2 a:visited, h3 a:visited {
    font-weight: 500;
    text-decoration: none; }
  a:hover, a:link:hover, a:active:hover, a:visited:hover {
    color: #4E709A;
    text-decoration: underline; }
  a:active, a:link:active, a:active:active, a:visited:active {
    outline: none; }

ol {
  list-style-type: decimal; }

html, body, ul, ol, li, p, div, span, h1, h2, h3, h4, h5, h6 {
  font-family: "Trebuchet MS", "Lucida Grande", helvetica, arial, sans-serif;
  list-style: none;
  letter-spacing: .01em;
  line-height: 1.3em;
  border: 0; }

strong {
  font-weight: bold; }

p, li, address {
  font-size: 85%; }

/* BANNER AREA
------------------------------------ */
#branding {
  background: #7399c6 url(/cmn/i/logo_325x100.gif) no-repeat 2.75em 45%;
  height: 130px;
  cursor: pointer;
  overflow: hidden; }
  #branding a {
    display: block;
    text-indent: -9999px;
    height: 100%; }

#mangatar {
  display: block;
  overflow: hidden;
  line-height: 0;
  position: absolute;
  top: 1.6em;
  right: 3.2em; }
  #mangatar img {
    width: 75px;
    height: 75px;
    border: 3px solid rgba(255, 255, 255, 0.75); }
    #mangatar img:hover {
      border-color: #fff; }

/* CONTENT AREA
------------------------------------ */
#main {
  background: #fff;
  margin: 0 auto;
  padding: 0; }

.inner {
  background: #fff;
  width: 960px;
  margin: 0 auto;
  padding: 0; }

h2#siteDesc {
  display: none; }

.content {
  color: #474747;
  clear: both;
  border-top: 1px solid #E3DDD1;
  border-right: 1px solid #DEE0CB;
  border-bottom: 1px solid #E3DDD1;
  border-left: 1px solid #DEE0CB;
  margin: 4px 0;
  padding: 1em 2em 2em 3em;
  overflow: hidden;
  z-index: 1;
  min-height: 300px; }

.col.yui-u {
  margin-right: 3%;
  width: 29%; }

.col.last {
  _margin-right: 0; }

header {
  position: relative; }

.col.col2 {
  margin-left: 0;
  margin-right: 40px; }

.col h2, .col h3, .col h4 {
  font-size: 155%;
  color: #3272AA;
  margin: 1em 1em 0 0;
  padding: 0 0 0.25em;
  font-family: Georgia, Times, "Times New Roman", serif;
  border-bottom: 1px dashed #4e709a; }

.col ul {
  margin: 0.5em 0;
  padding: 0 1em 0.5em 0;
  font-size: 110%; }

.col ul li {
  display: block; }

.col ul.overshare li {
  display: inline-block;
  width: 48.9%; }

.col ul li a {
  line-height: 2em; }

.col ul li span {
  font-size: 75%; }

.col.error {
  width: 500px;
  margin: 50px 25px; }

.col.error.gag {
  float: none;
  width: auto;
  text-align: center; }

.col.error.gag h2 {
  font-size: 275%;
  font-family: "lucida grande", helvetica, arial, sans-serif;
  margin: 1em 0; }

.col.error.gag img {
  text-align: center; }

.col.error.gag .rragh {
  display: none; }

.col.error.gag.evil h2 {
  color: #de0000;
  /*-moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg);*/ }

.col.error.gag.evil img {
  display: none; }

.col.error.gag.evil img.rragh {
  display: inline; }

hr.drop {
  border-top: 1px dashed #4e709a;
  margin: 15px 5px;
  display: none; }

.new {
  margin: 0 0 0 10px;
  padding: 2px 3px;
  background: #4E709A;
  color: #fff;
  font-size: 8px;
  font-family: tahoma, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 15px;
  vertical-align: top;
  letter-spacing: .05em; }

/* :::::Ads :::::*/
.ad_right {
  display: block;
  width: 180px;
  text-indent: -9999px;
  margin: 0 auto;
  outline: 0 none !important; }

.ad_right.idea09 {
  height: 180px;
  background: transparent url(/cmn/img/meet-me-at-idea2009.png) no-repeat 0 0; }

.ad_right.ixd10 {
  height: 225px;
  background: transparent url(/cmn/img/content/IxD10_180x225.jpg) no-repeat 0 0; }

/* FOOTER AREA
------------------------------------ */
#ft {
  background: #7399C6;
  color: #fff;
  line-height: 2em; }

#ft cite {
  margin: 0;
  padding: 0 1.5em;
  letter-spacing: normal;
  color: #DDEAFC;
  font-size: 85%;
  line-height: 2em; }

/* TOOLBAR AREA
------------------------------------ */
#toolBar {
  background: #BDC9DB;
  line-height: 2em;
  overflow: hidden; }

#main-nav {
  color: #fff;
  overflow: hidden;
  text-align: center; }

#main-nav li {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
  border-right: 2px solid #fff;
  letter-spacing: .02em;
  font-size: 1em; }

#main-nav li a {
  display: block;
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  margin: 0;
  font-weight: bold;
  padding: 0 3.5em;
  text-align: center;
  line-height: 2em; }

#main-nav li a:hover {
  /*color:#7399C6; */
  color: #fff;
  background: rgba(0, 0, 0, 0.1); }

#main-nav .first {
  border-left: 2px solid #fff; }

#main-nav .last {
  border-right-width: 2px; }

#main-nav .hidden {
  border-right-width: 0px; }

/* RESUME TAGS
------------------------------------ */
.quicklinks {
  float: left;
  clear: left;
  width: 500px; }

.quicklinks ul {
  margin: 0 0 0 30px; }

.quicklinks li {
  list-style-image: url(/cmn/i/icons/list_raquo.gif);
  margin: 0;
  padding: 0;
  line-height: 16px;
  vertical-align: top; }

p.linkedin {
  background: transparent url(/cmn/i/icons/list_linkedin.gif) no-repeat left top;
  margin: 0 0 0 10px;
  padding: 0 0 0 21px;
  line-height: 25px;
  vertical-align: middle; }

address {
  display: block;
  position: relative;
  float: right;
  top: 0;
  right: 1em; }

.header {
  font-family: "Trebuchet MS", helvetica, arial, sans-serif;
  font-weight: bolder;
  font-size: 123.1%;
  text-align: center;
  margin: 1em 0 .5em;
  padding: 0;
  clear: both; }

h1.sub {
  text-align: left; }

h3 {
  font-size: 93%; }

h3 a {
  font-weight: bold; }

#resume h2 {
  font-weight: bold;
  font-variant: small-caps;
  margin: 0 0 .2em; }

#resume h2 span {
  font-weight: normal; }

.desc li {
  list-style-image: url(/cmn/i/icons/list_square.gif);
  margin: 0 0 2px 15px;
  _margin: 0 0 2px 17px;
  padding: 0; }

.school li, .links li {
  margin: 0 0 8px;
  padding: 0; }

.halfColumn {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 400px; }

#links {
  width: auto;
  padding: 0 0 0 40px; }

.links li {
  font-weight: bold;
  margin: 0 0 .5em 100px; }

.dates, .pos-type {
  font-size: 93%;
  font-weight: normal;
  font-variant: none; }

#skills {
  border-bottom: 1px solid #eee; }

.section {
  margin: .5em 0;
  padding: 0;
  overflow: hidden; }

.company, .skill {
  clear: both;
  background: url(/cmn/i/divider-dashed.gif) no-repeat left bottom;
  margin: 5px 0;
  padding: 10px 0; }

.expanded {
  margin: -22px 0 0;
  max-width: 615px; }

.view-details {
  margin: 6px 0 0 0;
  display: none; }

/*
.view-details a { background:transparent url(/cmn/img/click-to-view-details.gif) no-repeat scroll left top; display:block; height:15px; }
.view-details a.open { background:transparent url(/cmn/img/hide-details.gif) no-repeat scroll right top; }
*/
.nobg {
  background: none !important; }

/* MISC TAGS
------------------------------------ */
body {
  min-width: 780px;
  text-align: center; }

a {
  color: #4E709A;
  text-decoration: none; }

a:hover {
  color: #4E709A;
  text-decoration: underline; }

a:active {
  color: #7DC0FF; }

a:visited {
  color: #4E709A; }

div {
  text-align: left; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  line-height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  min-height: 1px;
  height: auto !important;
  height: 1px; }

.hide {
  display: none;
  position: absolute; }

.taproot {
  padding: 30px 5px 0;
  display: none; }

#lightbox-screen {
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: .8;
  background: #000;
  display: none;
  z-index: 99997;
  top: 0;
  left: 0; }

#lightbox-outer {
  position: absolute;
  z-index: 99998;
  width: 100%;
  display: none;
  padding: 2em 0;
  top: 1em; }

#lightbox-inner {
  margin: 0 auto;
  background: #fff;
  border: 3px solid #4e709a;
  overflow: hidden;
  height: -1px;
  padding: 1em;
  width: 744px;
  _width: 750px;
  z-index: 99999;
  position: relative;
  text-align: left; }

/* UTILITY STYLES */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  line-height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  min-height: 1px;
  height: auto !important;
  height: 1px; }

.hide {
  display: none !important; }

.go-to {
  display: block; }

.accessible {
  position: absolute;
  left: -9999px; }