/* @override http://alex-and-alex.aa/css/alex.css */

/* Typography
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.875 * 16px = 14px) */
body { 
  color: #000; 
  background: #fff;
  font-family: 'Helvetica-Neue', Helvetica, Arial, sans-serif;
}

h2 {
  font-weight: bold;
  font-size: 20px;
  line-height: 36px;
  
  border-bottom: 10px solid black;
  margin-bottom: 26px;
}

p { margin-right: 20px; }

a, a:link { color: #000; text-decoration: none; border-bottom: 1px solid #000; }
a:hover { text-decoration: none; border-bottom: 1px dotted #000; }

/* Header
-------------------------------------------------------------- */
#header {
  height: 216px;
}

#header h1 {
  width: 320px; height: 54px;
  font-size: 1px; line-height: 1;
  text-indent: -5000px;
  
  background: transparent url(/img/alex-and-alex-logo.png) no-repeat;
  
  margin-top: 36px;
  margin-bottom: 18px;
}

#header h1 a {
  display: block;
  width: 100%; height: 100%;
  border: none;
}

div.contact p { margin-bottom: 0; font-weight: 700;}
div.contact a { border: none; color: #000; }

h2.strap {
  position: relative;
  top: 66px;
  border: 0;
  margin: 0;
}

/* Lists
-------------------------------------------------------------- */

ul.link-list { list-style: none; margin: 0; }
ul.link-list a, ul.link-list a:link { text-decoration: none; color: #000; border-bottom: none; }

ul.skills { list-style: none; margin: 0 0 1.5em 0; }

/* Structure
-------------------------------------------------------------- */

.container { padding-bottom: 4em; margin: 20px; }

.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12 {float:left;margin-right:10px;}
.last {margin-right: 0;}
.showgrid {background:url(/img/grid.png);}