---
layout: nil
---

/*  MAIN RESET  ***************************************************************/

html,body,h1,h2,h3,form,fieldset,nav,#card {
    background:transparent;
    border:0px;
    list-style-type:none;
    margin:0px;
    padding:0px;
    vertical-align:baseline;
    word-wrap:normal;
    font-weight:normal;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,nav,section {
    display:block;
}
img {
    display:inline; /* FIREFOX/NETSCAPE FIX */
    font-style:italic;
    color:#888;
    max-width:500px;
    border:none;
}

/*  TOP LEVEL  ****************************************************************/

html { background-color:#acb086; }
body {
  font:14px "Myriad Pro",Myriad,"Helvetica","Arial","Liberation Sans",sans-serif;
  text-align:left;
}
h1 {
    font-weight:normal;
    font-size:40px;
    margin:0px;
}
#name {
  color:#000;
  text-decoration:none;
  font-size:50px;
  line-height:50px;
}
a {
  color:#000;
  text-decoration:none;
}
a:hover, a:active {
  color:#1e631b;
  text-decoration:underline;
  -webkit-transition: color .25s linear, background-color .15s linear, background .15s linear;
  -moz-transition: color .25s linear, background-color .15s linear, background .15s linear;
  -o-transition: color .25s linear, background-color .15s linear, background .15s linear;
  transition: color .25s linear, background-color .15s linear, background .15s linear;
}

/*  CARD  ******************************************************************/

#meimg { text-align:center; color:black; }
#me {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
}
#card {
  margin:10px auto 0px auto;
  background-image:url('sideimage.jpg');
  background-repeat:no-repeat;
  background-size:282px auto;
  width:300px;
  padding:0px 0px 0px 280px;
  background-color:white;
}
#card, #me {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(109, 109, 109, 1);
  -moz-box-shadow:    0px 0px 5px 0px rgba(109, 109, 109, 1);
  box-shadow:         0px 0px 5px 0px rgba(109, 109, 109, 1);
}
#text {
    background-image:url('subtle_white_feathers_@2X.png');
    background-repeat:no-repeat;
    background-size:cover;
    padding:40px 20px 30px 20px;
}
p {
  padding-top:10px;
	color:#888;
	line-height:17px;
}
sub { line-height:0.8; }

/*  FOOTER  *******************************************************************/

footer {
  margin:20px;
  text-align:center;
}
footer a { border:none }
footer a:hover, footer a:active {
    color:red;
    text-decoration:none;
}

/******************************************************************************/
/* RESPONSIVE  ---------------------------------------------------------------*/
/******************************************************************************/

@media screen and (max-width: 600px) {
  
  #card {
    margin:10px auto 0px auto;
    background-size:300px;
    background-position:0px -124px;
    padding:170px 0px 0px 0px;
    background-color:white;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(109, 109, 109, 1);
    -moz-box-shadow:    0px 0px 5px 0px rgba(109, 109, 109, 1);
    box-shadow:         0px 0px 5px 0px rgba(109, 109, 109, 1);
  }
  #text {
    padding:20px;
    background-color:white;
  }
  
}

/*  EOF  **********************************************************************/