/*------------
 Global Reset
------------*/

	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: 1em;
		font-family: inherit;
		vertical-align: baseline;
	}
	:focus {
		outline: 0;
	}
	body {
		line-height: 1;
		color: #333;
		background: white;
		font-size: 75%;
		font-family: "Century Schoolbook", Century, Georgia, serif;
		text-shadow: 0 0 1px #fff;
	}
	html>body {
		font-size: 12px;
	}
	ol, ul {
		list-style: none;
	}
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	blockquote, q {
		quotes: "" "";
	}
	
/*-------------
 Shared Styles
-------------*/

	a:link,a:visited {
		text-decoration: none;
		color: #ff6600;
	}
	a:hover {
		text-decoration: underline;
	}
	
	.left {
		float: left;
	}
	.right {
		float: right;
	}
	.clear {
		clear: both;
	}
	
	h1 { font-size: 3em; }
	h2 { font-size: 2em; }
	h3 { font-size: 1.083em; text-transform: uppercase; letter-spacing: 2px; }
	
	.amp {
		font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
		font-style: italic;
		font-size: 1.19em;
		line-height: .84em;
		position: relative;
		top: 1px;
	} /* Thanks, Dan Cederholm! */

/*------
 Layout
------*/

  #container {
    width: 980px;
    margin: 0 auto;
    padding-top: 50px;
    border-bottom: 1px solid #ccc;
  }
  
  #header {
    height: 93px;
    border-bottom: 1px solid #ccc;
  }
    #header h1 {
      width: 326px;
      float: left;
      position: relative;
    	padding: 93px 0 0 0;
    	overflow: hidden;
    	background: transparent url(images/davidcole-smaller.png) no-repeat 12px 41px;
    	height: 0px !important;
    }
    #header h2 {
      width: 132px;
      float: left;
      border-left: 1px solid #ccc;
      height: 62px;
      padding: 31px 15px 0;
    }
    
  #left {
    width: 489px;
    float: left;
    height: 468px;
  }
  
    #sleepover {
      border-top: 5px solid #f5f5f5;
      border-bottom: 1px solid #ccc;
      background: url(images/sleepover.png) no-repeat 344px 60px;
      padding: 15px 15px 15px 10px;
      height: 198px;
    }
      #sleepover h1 {
        width: 300px;
        margin: 10px 0 20px;
      }
      #sleepover h3 {
        width: 320px;
        line-height: 1.43;
        margin-bottom: 20px;
      }
    
    #links {
      border-bottom: 1px solid #ccc;
    }
      #links .link {
        width: 132px;
        border-left: 1px solid #ccc;
        float: left;
        padding: 10px 15px;
        font-size: 1.167em;
        line-height: 1.29;
        font-style: italic;
      }
        #links .link.first {
          border-left: 0;
          padding-left: 10px;
          width: 137px;
        }
        
    #mixtape {
      background: #f5f5f5;
      position: relative;
      height: 111px;
      padding: 15px;
      padding-left: 185px;
    }
      #mixtape img {
        position: absolute;
        top: 0;
        left: -5px;
      }
      #mixtape p {
        font-size: 1.167em;
        font-style: italic;
        line-height: 1.28;
        margin-top: 15px;
      }
      
  #right {
    width: 490px;
    border-left: 1px solid #ccc;
    float: left;
    height: 468px;
  }
  
    #intro {
      padding: 15px;
      border-bottom: 1px solid #ccc;
    }
    
    #etherpad h3,
    #disqus h3 {
      margin-bottom: 6px;
    }
    #etherpad {
      border-bottom: 1px solid #ccc;
      background: #f5f5f5 url(images/etherpad.png) no-repeat 247px bottom;
      padding: 15px;
      height: 110px;
    }
    #disqus {
      padding: 15px 15px 15px 265px;
      background: url(images/disqus.png) no-repeat 15px bottom;
      height: 157px;
      border-bottom: 1px solid #ccc;
    }
    #disqus p,
    #etherpad p {
      font-style: italic;
      margin-top: 16px;
      font-size: 1.167em;
      line-height: 1.28;
    }
    
    #clients h3,
    #clients span {
      display: block;
      float: left;
      width: 130px;
      padding: 17px 16px;
      border-left: 1px solid #ccc;
    }
    #clients h3,
    #clients span.first {
      border-left: 0;
    }
    #clients span {
      font-style: italic;
      font-size: 1.167em;
    }
    .clients-top {
      border-bottom: 1px solid #ccc;
    }