/* CSS Document - Don't prefix gradients for: Chrome 26+, Firefox 16+, Opera 12.10+, IE10+ */
table, th, td {
  border-collapse: separate;
  padding: 0;
  margin: 0;
  font-family: "Lucida Sans Unicode","Open Sans",sans-serif; }

table abbr, table dfn {
  font-size: 1em; }
table a, table a:link, table a:visited {
  color: #00F;
  font-size: 1em; }
table a:hover, table a:active {
  color: #008000;
  font-size: 1em; }

#bio {
  background: #999;
  color: #000;
  border-radius: 6px;
  overflow: hidden;
  float: right;
  position: relative;
  top: 0;
  right: 0;
  width: 300px;
  border: 1px solid #999;
  margin: 0 8px 8px 8px; }
  #bio tr:nth-of-type(2n) td {
    background: #EEE; }
  #bio tr:first-child td {
    background: #999; }
  #bio tr:last-child td {
    border: none; }
  #bio th {
    background: #06C;
    color: #FFF;
    text-align: left;
    font: 600 13px/24px "Lucida Sans Unicode","Open Sans",sans-serif;
    height: 24px;
    padding-left: 5px;
    border-bottom: 1px solid #999; }
  #bio td {
    background: #FFF;
    font: 11px/16px "Lucida Sans Unicode","Open Sans",sans-serif;
    height: 16px;
    width: 195px;
    padding: 4px 0 4px 5px;
    border-bottom: 1px solid #999; }
    #bio td#table-image {
      padding: 0;
      border-bottom: 1px solid #999; }
    #bio td:first-child {
      width: 95px;
      font-weight: 700;
      vertical-align: text-top;
      white-space: nowrap; }
  #bio ul {
    padding: 0 0 0 10px;
    margin: 0; }
    #bio ul ul {
      padding: 0 0 0 20px; }
    #bio ul li {
      font-size: 11px;
      line-height: 16px;
      font-family: inherit;
      list-style: disc; }
    #bio ul#social {
      padding: 0; }
      #bio ul#social li {
        list-style: none;
        padding: 0 0 0 18px; }
        #bio ul#social li:first-child {
          background: url("../style/15x13px-LinkedIn.png") 0 50% no-repeat; }
        #bio ul#social li:nth-child(2) {
          background: url("../style/15x13px-Twitter_logo_blue.png") 0 50% no-repeat; }
        #bio ul#social li:last-child {
          background: url("../style/Github_@32.svg") 0 50%/16px 16px no-repeat; }

/*  MEDIA QUERIES  */
@media screen and (max-width: 1023px) {
  #bio + p {
    clear: both; } }
@media screen and (max-width: 1023px) and (orientation: portrait) {
  #bio {
    margin: 0 auto 8px;
    float: none; }

  #bio + p {
    clear: both; } }
@media screen and (min-width: 1024px) {
  #bio {
    position: absolute;
    margin: 8px;
    float: right; } }