/* @override 
	http://jaymac.krd-design.net/assets/css/reset.css
	http://jaymac.krd-design.net/assets/css/krd_template.css
*/
/*
-----------------------------------

	KRD CSS TEMPLATE for LESS for OS X
	----------------
	By: Kim Ronemus Design
	Url: kimronemusdesign.com
	Author: Richard Testani
	Version 0.2
	
-----------------------------------
*/
/* paths */
/* padding & margins */
/* colors */
.clearfix {
  overflow: hidden;
}
/* Document defaults
-----------------------------------*/
* {
  margin: 0;
  padding: 0;
}
* html, html, body {
  height: 100%;
}
body {
  font: 75% "ColaborateThinRegular", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  padding: 0;
  margin: 0;
}
a {
  color: red;
}
a:hover {
  color: #808080;
}
/* Containers
-------- ---------------------------*/
div.krd_container {
  position: relative;
  width: 960px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  overflow: auto;
  padding-bottom: 40px;
}
div.krd_container-flexible {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  overflow: auto;
  padding-bottom: 0;
}
#footer {
  height: 50px;
  /* .push must be the same height as .footer */

  clear: both;
}
/* Areas */
.aside {
  float: left;
}
/* headers
-----------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6,
h7 {
  margin: 0;
  padding: 0;
}
h1 {
  position: relative;
  left: -80px;
  top: -130px;
  font-family: "ColaborateBoldRegular";
  font-size: 400pt;
  letter-spacing: -30px;
  line-height: 120%;
  margin: 0;
  padding: 0;
  font-variant: normal;
  text-transform: capitalize;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
h2,
h3,
h4,
h5,
h6 {
  color: black;
}
h2 {
  font-size: 52pt;
}
h3 {
  font-size: 350%;
}
h4 {
  font-size: 300%;
}
h5 {
  font-size: 250%;
}
h6 {
  font-size: 200%;
}
/* Basic Type */
p {
  color: white;
  font-size: 120%;
}
/* Links */
.layout a {
  color: white;
}
.layout a:hover {
  color: gray;
}
/* utilties */
.clear {
  clear: both;
  zoom: 1;
}
/* iPad Landscape */
@media screen and (max-width: 1024px) {
  h1 {
    position: relative;
    font-size: 250pt;
    letter-spacing: -20px;
    line-height: 120%;
    left: -60px;
    top: -100px;
  }
  h2 {
    font-size: 52pt;
  }
  h3 {
    font-size: 350%;
  }
  h4 {
    font-size: 300%;
  }
  h5 {
    font-size: 250%;
  }
  h6 {
    font-size: 200%;
  }
}
/* iPad Portrait */
/********

		LAYOUT

	********/
@media screen and (max-width: 768px) {
  h1 {
    position: relative;
    letter-spacing: -20px;
    line-height: 120%;
    left: -60px;
    top: -100px;
  }
  h2 {
    font-size: 45pt;
  }
  h3 {
    font-size: 350%;
  }
  h4 {
    font-size: 300%;
  }
  h5 {
    font-size: 250%;
  }
  h6 {
    font-size: 200%;
  }
}
/* iPhone/iPod */
@media screen and (max-width: 480px) {
  div.krd_container {
    width: 480px;
  }
  h1 {
    position: relative;
    font-size: 175pt;
    letter-spacing: -20px;
    line-height: 120%;
    left: -40px;
    top: -70px;
  }
  h2 {
    font-size: 52pt;
  }
  h3 {
    font-size: 350%;
  }
  h4 {
    font-size: 300%;
  }
  h5 {
    font-size: 250%;
  }
  h6 {
    font-size: 200%;
  }
}