/*!
	I DO BOTH... Wed Design and Front End Development
	IDOBOTH.com main CSS file
	Date:8/2013
	Created by:Ricardo Zea - http://ricardozea.me
	Built with Sass & Compass
 */
/*=======*/
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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

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

a img {
  border: none;
}

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

/* Taken from the Skeleton V1.0.2 framework - www.getskeleton.com */
.column, .columns {
  float: left;
  display: inline;
  margin: 0 .87719298245614%;
}

.column.alpha, .columns.alpha {
  margin-left: 0;
}

.column.omega, .columns.omega {
  margin-right: 0;
}

.one.column {
  width: 6.3330%;
}

.two.columns {
  width: 14.667%;
}

.three.columns {
  width: 23.000%;
}

.four.columns {
  width: 31.333%;
}

.five.columns {
  width: 39.667%;
}

.six.columns {
  width: 48.000%;
}

.seven.columns {
  width: 56.333%;
}

.eight.columns {
  width: 64.667%;
}

.nine.columns {
  width: 73.000%;
}

.ten.columns {
  width: 81.333%;
}

.eleven.columns {
  width: 89.667%;
}

.twelve.columns {
  width: 98.000%;
}

@media only screen and (max-width: 640px) {
  .column,
  .columns {
    width: 100% !important;
    margin-bottom: 30px;
  }
}
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.row:after,
.clearfix:after {
  clear: both;
}

.row,
.clearfix {
  clear: both;
  zoom: 1;
}

.row {
  margin-bottom: 2rem;
}

/*
	ricardozea.net utilities file
	Date = 2/2012
	Built with Sass & Compass
 */
/*Selection*/
::-moz-selection {
  background: rgba(0, 0, 0, 0.4);
  color: white;
}
::selection {
  background: rgba(0, 0, 0, 0.4);
  color: white;
}

::-moz-selection {
  background: rgba(0, 0, 0, 0.4);
  color: white;
}

.center {
  margin: auto;
}

.db {
  display: block;
}

.di {
  display: inline;
}

.dn {
  display: none;
}

.hide, .nojs {
  display: none;
}

.mt0 {
  margin-top: 0;
}

.mb0 {
  margin-bottom: 0;
}

.ti0 {
  text-indent: 0;
}

.p0 {
  padding: 0;
}

.p1 {
  padding: 0 1rem;
}

.show, .js {
  display: block;
}

.small-txt {
  font-size: .8em;
}

.strike {
  text-decoration: line-through;
}

.sys-font {
  font-family: Tahoma;
}

.tac {
  text-align: center;
}

.tmMD {
  margin-top: 3rem;
}

.two-cols {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}
.two-cols li {
  -moz-page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
       break-inside: avoid;
  display: table;
}

.three-cols {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
}
.three-cols li {
  -moz-page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
       break-inside: avoid;
  display: table;
  width: 100%;
}

.white-txt {
  color: rgba(255, 255, 255, 0.8);
}

.white-bg {
  background: white;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .two-cols {
    -moz-column-count: auto;
    -webkit-column-count: auto;
    column-count: auto;
  }

  .three-cols {
    -moz-column-count: auto;
    -webkit-column-count: auto;
    column-count: auto;
  }
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  padding-bottom: 5rem;
  font: 2.2rem/2.2 'Kite One', Helvetica, Arial, sans-serif;
  font: 18px/1.8 'Kite One', Helvetica, Arial, sans-serif;
}

p {
  text-align: justify;
  margin: 1.5% 0;
}

hr {
  width: 100%;
  margin: 2% auto;
  border: none;
  border-top: #666 1px dotted;
}

strong {
  font-weight: bold;
}

::-moz-selection {
  background: #416E8E;
}

::selection {
  background: #416E8E;
}

::-moz-selection {
  background: #416E8E;
}

.m0 {
  margin: 0 !important;
}

a, a:visited {
  display: inline-block;
  padding: 1% 2%;
  margin: -1% -2%;
  color: #416E8E;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

a:hover {
  padding: 2% 4%;
  margin: -2% -4%;
  color: #213848;
  text-decoration: underline;
}

a:active, a:focus {
  background: #eee;
}

#below-the-fold:target {
  background: #efefef;
}
#below-the-fold:target:hover {
  background: #ccc;
}

li {
  padding-left: 1.5rem;
  background: url(../images/bullet.gif) no-repeat 0 0.6em;
}

.dark .two-cols {
  width: 35rem;
  margin: auto;
}
.dark .three-cols {
  width: 70rem;
  margin: 3rem auto 0;
  padding: 2%;
}

.wide-container {
  background: white;
}

.content-section {
  max-width: 980px;
  margin: auto;
  padding: 0 5%;
}

h1, h2 {
  text-align: center;
  line-height: 1;
  margin: 2rem 0;
  /* font-family:'Fredericka the Great', Arial, Helvetica, sans-serif; */
}

h1 {
  font-size: 10rem;
  padding: 2rem;
  margin-top: 0;
  color: white;
  overflow: hidden;
  background: #416E8E;
  text-shadow: 0px 0px 0 #34362e,1px 1px 0 #34362e,2px 2px 0 #34362e,3px 3px 0 #34362e,4px 4px 0 #34362e,5px 5px 0 #34362e,6px 6px 0 #34362e,7px 7px 0 #34362e,8px 8px 0 #34362e,9px 9px 0 #34362e,10px 10px 0 #34362e,11px 11px 0 #34362e,12px 12px 0 #34362e,13px 13px 0 #34362e,14px 14px 0 #34362e,15px 15px 0 #34362e,16px 16px 0 #34362e,17px 17px 0 #34362e,18px 18px 0 #34362e,19px 19px 0 #34362e,20px 20px 0 #34362e,21px 21px 0 #34362e,22px 22px 0 #34362e,23px 23px 0 #34362e,24px 24px 0 #34362e,25px 25px 0 #34362e,26px 26px 0 #34362e,27px 27px 0 #34362e,28px 28px 0 #34362e,29px 29px 0 #34362e,30px 30px 0 #34362e,31px 31px 0 #34362e,32px 32px 0 #34362e,33px 33px 0 #34362e,34px 34px 0 #34362e,35px 35px 0 #34362e,36px 36px 0 #34362e,37px 37px 0 #34362e,38px 38px 0 #34362e,39px 39px 0 #34362e,40px 40px 0 #34362e,41px 41px 0 #34362e,42px 42px 0 #34362e,43px 43px 0 #34362e,44px 44px 0 #34362e,45px 45px 0 #34362e,46px 46px 0 #34362e,47px 47px 0 #34362e,48px 48px 0 #34362e,49px 49px 0 #34362e,50px 50px 0 #34362e,51px 51px 0 #34362e,52px 52px 0 #34362e,53px 53px 0 #34362e,54px 54px 0 #34362e,55px 55px 0 #34362e,56px 56px 0 #34362e,57px 57px 0 #34362e,58px 58px 0 #34362e,59px 59px 0 #34362e,60px 60px 0 #34362e,61px 61px 0 #34362e,62px 62px 0 #34362e,63px 63px 0 #34362e,64px 64px 0 #34362e,65px 65px 0 #34362e,66px 66px 0 #34362e,67px 67px 0 #34362e,68px 68px 0 #34362e,69px 69px 0 #34362e,70px 70px 0 #34362e,71px 71px 0 #34362e,72px 72px 0 #34362e,73px 73px 0 #34362e,74px 74px 0 #34362e,75px 75px 0 #34362e,76px 76px 0 #34362e,77px 77px 0 #34362e,78px 78px 0 #34362e,79px 79px 0 #34362e,80px 80px 0 #34362e,81px 81px 0 #34362e,82px 82px 0 #34362e,83px 83px 0 #34362e,84px 84px 0 #34362e,85px 85px 0 #34362e,86px 86px 0 #34362e,87px 87px 0 #34362e,88px 88px 0 #34362e,89px 89px 0 #34362e,90px 90px 0 #34362e,91px 91px 0 #34362e,92px 92px 0 #34362e,93px 93px 0 #34362e,94px 94px 0 #34362e,95px 95px 0 #34362e,96px 96px 0 #34362e,97px 97px 0 #34362e,98px 98px 0 #34362e,99px 99px 0 #34362e,100px 100px 0 #34362e,101px 101px 0 #34362e,102px 102px 0 #34362e,103px 103px 0 #34362e,104px 104px 0 #34362e,105px 105px 0 #34362e,106px 106px 0 #34362e,107px 107px 0 #34362e,108px 108px 0 #34362e,109px 109px 0 #34362e,110px 110px 0 #34362e,111px 111px 0 #34362e,112px 112px 0 #34362e,113px 113px 0 #34362e,114px 114px 0 #34362e,115px 115px 0 #34362e,116px 116px 0 #34362e,117px 117px 0 #34362e,118px 118px 0 #34362e,120px 120px 0 transparent;
}

h2 {
  font-size: 4rem;
}

h3 {
  font: bold 3.2rem/1 Courier, Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-align: center;
  color: #BE5F44;
}

.vc {
  display: table;
  width: 100%;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: #999 1px dotted;
  text-align: center;
}
.vc h2 {
  display: table-cell;
  height: 10rem;
  vertical-align: middle;
}

.dark {
  background: #272822;
  margin: 3rem 0 2rem;
  padding: 1rem 0 3rem;
}

.skills-list {
  margin-top: 40px;
}

.large-link {
  margin: 0;
  padding: 0;
  font-size: 2.5rem;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-perspective: 250rem;
  perspective: 250rem;
}

.large-link span {
  position: relative;
  display: inline-block;
  padding: 10px 30px;
  color: white;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxNmU4ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI5NDU1YSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #416e8e), color-stop(100%, #29455a));
  background: -webkit-linear-gradient(#416e8e, #29455a);
  background: -webkit-gradient(linear, left top, left bottom, from(#416e8e), to(#29455a));
  background: linear-gradient(#416e8e, #29455a);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
}

.large-link span:before {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  line-height: 2.5;
  content: attr(data-hover);
  background: #111d25;
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
}

.large-link:hover span,
.large-link:focus span {
  -ms-transform: rotateX(90deg) translateY(-22px);
  -webkit-transform: rotateX(90deg) translateY(-22px);
  transform: rotateX(90deg) translateY(-22px);
}

.large-link:hover span:before,
.large-link:focus span:before {
  background: #416E8E;
}

.ie10 .large-link {
  background: red;
}

.spaced {
  margin: 0 .5rem;
}

@media (max-width: 700px) {
  h1 {
    background: #416E8E;
  }

  .dark .three-cols {
    width: 60rem;
  }
}
@media (max-width: 640px) {
  .vc h2 {
    height: auto;
  }

  .two-cols li {
    -moz-page-break-inside: auto;
    -webkit-column-break-inside: auto;
    page-break-inside: auto;
         break-inside: auto;
  }
}
@media (max-width: 600px) {
  .dark .three-cols {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    width: auto;
  }
}
@media (max-width: 400px) {
  p {
    text-align: left;
  }

  h1 {
    font-size: 6rem;
  }

  h2 {
    font-size: 3.5rem;
  }

  h3 {
    font-size: 3rem;
  }

  .two-cols,
  .dark .three-cols {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    width: auto;
  }

  .share-container .addthis_toolbox > span {
    display: block;
    margin-bottom: 10px;
  }

  a.large-link {
    font-size: 2rem;
    white-space: normal;
  }
}

/*# sourceMappingURL=idoboth.css.map */