/*
Theme Name: lesjames
Author: Les James
Version: 1.0
*/
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

*:focus {
  outline: 0; }

body {
  line-height: 1em;
  color: black;
  background: #fff; }

ol, ul {
  list-style: none; }

table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle; }

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

q, blockquote {
  quotes: "" ""; }

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

img a {
  border: none; }

header, section, footer, aside, nav, article, figure, figcaption {
  display: block;
  margin: 0;
  padding: 0; }

body {
  margin: 0 20px;
  font-family: "museo-sans-1","museo-sans-2";
  color: #aaaaaa;
  font-weight: 300;
  background-image: url(http:\/\/lesjames.com/wp-content/themes/lesjames/images/background.png);
  background-color: #111; }

h1, h2, h3, h4, h5, h6 {
  font-family: "good-kitty-1","good-kitty-2";
  color: white;
  font-weight: bold; }

a {
  color: white;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

strong {
  font-weight: 500; }

.clear {
  clear: both; }

nav {
  height: 60px;
  width: 960px;
  margin: 0 auto;
  text-align: right; }
  nav a {
    margin-left: 15px;
    font-size: 1.2em;
    line-height: 60px;
    font-weight: 100; }

header {
  padding: 0 0 20px;
  width: 960px;
  margin: 0 auto; }
  header h1 {
    position: relative;
    font-size: 132px;
    line-height: 132px;
    text-align: center; }
    header h1 a:hover {
      text-decoration: none; }
  header .subheadline {
    position: relative;
    padding-left: 194px;
    font-size: 26px;
    line-height: 26px;
    text-align: center;
    font-weight: 400; }

#content {
  width: 960px;
  margin: 40px auto 0; }

h1 {
  font-size: 2.4em;
  line-height: 1.3; }

h2 {
  font-size: 1.6em;
  line-height: 1.3; }

.section_name {
  font-size: 1.2em;
  line-height: 1;
  font-weight: 500; }

#design_spill {
  float: left; }

#stuff {
  float: right; }

.home section {
  width: 450px; }
  .home section article {
    margin: 10px 0; }

article p {
  margin: 1.3em 0;
  font-size: 1.4em;
  line-height: 1.3;
  font-weight: 300; }
article ul {
  margin: 1.3em; }
  article ul li {
    margin: 0.7em 0;
    font-size: 21px;
    line-height: 1.3;
    font-weight: 300; }
article .comment {
  color: #777777; }
article pre {
  white-space: pre-wrap;
  padding: 20px 40px 40px;
  margin: 0 40px; }
  article pre code {
    color: white;
    font-family: "Courier New", Courier, mono;
    line-height: 1.2; }

aside {
  float: right;
  width: 300px;
  margin: 0 0 20px 40px; }
  aside figure {
    position: relative;
    margin-top: 20px;
    background-color: white;
    padding: 10px 10px 0 10px;
    -moz-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',   	                      M11=0.9993908270190958, M12=-0.03489949670250097, M21=0.03489949670250097, M22=0.9993908270190958);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(
	                      M11=0.9993908270190958, M12=-0.03489949670250097, M21=0.03489949670250097, M22=0.9993908270190958, 
	                      sizingMethod='auto expand')";
    zoom: 1; }
    aside figure:first-child {
      margin-top: 0; }
    aside figure img {
      width: 280px;
      height: 280px; }
    aside figure figcaption {
      color: #111;
      font-size: 200%;
      line-height: 2;
      text-align: center;
      font-family: "good-kitty-1","good-kitty-2"; }

footer {
  width: 960px;
  margin: 20px auto 32px;
  padding-top: 40px;
  text-align: center; }

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative;
  overflow: visible; }

#cboxLoadedContent {
  overflow: auto; }

#cboxLoadedContent iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay {
  background: #fff; }

#cboxContent {
  margin-top: 32px; }

#cboxLoadedContent {
  background: none;
  padding: 1px; }

#cboxLoadingGraphic {
  background: url(http:\/\/lesjames.com/wp-content/themes/lesjames/images/colorbox/loading.gif) center center no-repeat; }

#cboxLoadingOverlay {
  background: #000; }

#cboxTitle {
  position: absolute;
  top: -22px;
  left: 0;
  color: #000; }

#cboxCurrent {
  position: absolute;
  top: -22px;
  right: 205px;
  text-indent: -9999px; }

#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose {
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -20px;
  background: url(http:\/\/lesjames.com/wp-content/themes/lesjames/images/colorbox/controls.png) 0 0 no-repeat; }

#cboxPrevious {
  background-position: 0px 0px;
  right: 44px; }

#cboxPrevious.hover {
  background-position: 0px -25px; }

#cboxNext {
  background-position: -25px 0px;
  right: 22px; }

#cboxNext.hover {
  background-position: -25px -25px; }

#cboxClose {
  background-position: -50px 0px;
  right: 0; }

#cboxClose.hover {
  background-position: -50px -25px; }

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
  right: 66px; }

.cboxSlideshow_on #cboxSlideshow {
  background-position: -75px -25px;
  right: 44px; }

.cboxSlideshow_on #cboxSlideshow.hover {
  background-position: -100px -25px; }

.cboxSlideshow_off #cboxSlideshow {
  background-position: -100px 0px;
  right: 44px; }

.cboxSlideshow_off #cboxSlideshow.hover {
  background-position: -75px -25px; }