* {
	margin:0;
	padding:0;
}
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

body {
	background: #0f0f0f url("http://dallaspetersdesign.com//images/site/black-pixels.gif") 50% 0% no-repeat;
	color: white;
	text-align: center;
}

/*Global Styles*/
a {
  color: white;
}
.underlined {
	border-bottom: solid 1px #464646;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
em {
  font-style: italic;
}
.box {
	height:220px;
	position:relative;
	margin-bottom: 10px;
}
.box h2 {
	line-height:1em;
	margin:0;
	padding:10px 0;
}
.box h2 a {
	text-decoration:none;
	color:white;
	font-weight:100;
	letter-spacing:-0.05em;
}
.box h2 a:hover {
	color:white;
}
.box p {
	font-size:.95em;
	line-height:1.3em;
	margin-left:160px;
	margin-right:15px;
	position:relative;
	top:25px;
	font-weight:300;
	letter-spacing:-0.025em;
}
.greybox {
	background: #212121;
	color:#5d5d5d;
}
.greybox a {
  color:#5d5d5d;
  text-decoration: none;
}
.greybox a:hover {
  color: white;
}
.bluebox {
  background: #00aeef;
}
.bluebox a {
  color:#FFF;
  text-decoration: none;
}
.bluebox a:hover {
  color: white;
}

.inner {
	padding:10px;
}
.written { 
	font-family: 'Reenie Beanie', arial, serif;
	font-size:25px;
	text-align:center;
	line-height:1em;
	color: #6a6a6a;
}
.written a {
  color: white;
}
div.matte {
	background:#212121;
	padding:10px;
	margin-bottom: 10px;
	-webkit-transition:background-color 0.5s linear;
	-moz-transition:background-color 0.5s linear;
	-o-transition:background-color 0.5s linear;
	transition:background-color 0.5s linear;
}
div.matte:hover {
  background: #3e3e3e;
}
div.matte:hover h3 {
  text-shadow: 1px 1px 2px black;
}
div.matte h3 {
	font-size:.9em;
	padding:10px 0 0 0;
	line-height:1em;
}
/*Layout etc*/
#logo a {
	width:127px;
	height:70px;
	display:block;
	background: url("http://dallaspetersdesign.com//images/site/logo.png") no-repeat;
	text-indent:-5000px;
	margin:30px 0 20px 0;
}
#logo_black a {
	width:127px;
	height:70px;
	display:block;
	background: url("http://dallaspetersdesign.com//images/site/logo_black.png") no-repeat;
	text-indent:-5000px;
	margin:30px 0 20px 0;
}
#logo_black a:hover {
	background: url("http://dallaspetersdesign.com//images/site/logo.png") no-repeat;	
}
#footer {
/* 	border-top: solid 1px #464646; */
  background: url("http://dallaspetersdesign.com//images/site/footer-spectrum.png") top center no-repeat;
	padding-bottom:30px;
	padding-top:15px;
	font-size:.7em;
	text-transform:uppercase;
	color:#2b2b2b;
	line-height:1em;
	letter-spacing:-0.06em;
}
#footer a {
  color: #4e4e4e;
  text-decoration:none;
}
#facebook_like {
margin: 10px 0;
}
/*Navigation*/
#nav ul {
	float:right;
	height:110px;
}
#nav ul li {
	list-style:none;
	float:left;
	padding:0 5px;
	line-height:140px;
}
#nav ul li a {
	text-decoration:none;
	color: #9e9e9e;
	text-transform:uppercase;
	font-weight:300;
	font-size:.8em;
	text-shadow:1px 1px 3px black;
}
#nav ul li a:hover {
  color:white;
}
/*Posts*/
.post img {
	margin-bottom:10px;
}
.post p {
	font-size:.9em;
	margin-bottom:10px;
}
.post h3 {
  font-size: 1.5em;
  font-weight: 100;
}
.post h3 a {
  text-decoration: none;
}
div.post_meta {
	color:#666666;
	font-size:.9em;
}
.journal {border-bottom: solid 1px #464646;margin-bottom: 10px}
.single {margin: 50px 0 0 0;}
#post_nav {border-top: solid 1px #464646;font-size:.8em;font-weight:300;text-transform:uppercase;color:#666666;}
#post_nav p {margin:10px 0;}
#post_nav p a {color:white;text-decoration:none;}
#post_nav p.left{float:left;width:45%;}
#post_nav p.right{float:right;width:45%;text-align:right;}
/*Pages*/
#page_header {
	height:220px;
}
#page_intro {
	position:absolute;
	height:220px;
}
#page_intro div.content {
	font-size:1.2em;
	line-height:1.4em;
	font-weight:300;
	padding:30px 20px;
}

.page_content p {
	font-size:.8em;
	padding-bottom: 10px;
	line-height: 1.6em;
	color: #919191;
}

div.page_content p, div.page_content h1, div.page_content h2, div.page_content h3 {
  margin-left: 20px;
  }

#page_header #who h2, #page_header #what h2, #page_header #getstarted h2, #project_title h2, #project_archives h2 {
}
.description {
	padding:10px;
	font-size:.8em;
	color:#919191;
	line-height:1.5em;
	margin-bottom:20px;
}
#odds div.inner {
	min-height:220px;
	margin-bottom: 10px
}
ul.odds li {
	font-size:.9em;
	padding-left:10px;
	list-style:none;
	width:40%;
	float:left;
	color:#636363;
}
#getstarted_form {
	background:#00aeef;
	padding:30px;
	font-size:1.4em;
	font-weight:300;
	line-height:1.4em;
	margin-bottom: 10px;
}
#getstarted_form p {
	margin-bottom:1.2em;
}
#getstarted_form ul {
	margin-bottom:1.2em;
}
#getstarted_form ul li {
	list-style:none;
	font-size: .8em;
}
form#quickstart input {
	border:none;
	background:#47cbfc;
	color:white;
	font-family:"ratio-1","ratio-2", sans-serif;
	font-size:.8em;
	padding:0.2em;
	text-align: center;
}
input.radio { border-width:0;margin-right:5px;}
form#quickstart input.submit {
	border:none;
	padding:0;
	margin:0;
}
#getstarted_form p.hello {
	font-size:1.45em;
	margin-bottom:.5em;
}
#getstarted_form p.following {
	margin-bottom:0;
}
div.start_instructions {
	background:url("http://dallaspetersdesign.com//images/site/bracket.png") top right no-repeat;
	min-height:233px;
}
div.start_instructions ul {padding-top:2.5em;}
div.start_instructions ul li {
	list-style:none;
	padding:0 0 0 45px;
	font-size:1.6em;
	font-weight:200;
	color:#666666;
	height:40px;
	line-height:45px;
	display:block;
	margin-bottom:10px;
}
div.start_instructions ul li.one {background:url("http://dallaspetersdesign.com//images/site/1.png") 0 50% no-repeat;}
div.start_instructions ul li.two {background:url("http://dallaspetersdesign.com//images/site/2.png") 0 50% no-repeat;}
div.start_instructions ul li.three {background:url("http://dallaspetersdesign.com//images/site/3.png") 0 50% no-repeat;}
div.post #other_contact p.written {
padding: 10px 0;
font-size: 25px;
}

#other_contact {
margin: 0 0 10px 0;}

/*Sidebar*/
#twitter.written {
  text-align: left;
  margin: 10px 0;
}
div.tweet h3 {
  font-size: 1.1em;
  color: #aaaaaa;
}
#otherspot {
  text-align: left;
}

#otherspot h3 {
  font-size: 1.1em;
  color: #aaaaaa;
}
div.status, div.date, #otherspot p {
  padding: 3px 10px;
}
/*Boxes*/
#who {
	background:#212121 url(http://dallaspetersdesign.com//images/site/box-whoweare.gif) no-repeat 10px 90%;
}
    #who-img h2 a {
      display: block;
      height: 220px;
      width: 310px;
      background: url("http://dallaspetersdesign.com//images/site/home-whoweare.gif") no-repeat top left;
      text-indent: -5000px;
      margin-bottom: 10px;
    }
#what {
	background:#212121 url("http://dallaspetersdesign.com//images/site/box-whatwedo.gif") no-repeat 10px 90%;
}

    #what-img h2 a {
      display: block;
      height: 220px;
      width: 310px;
      background: url("http://dallaspetersdesign.com//images/site/home-whatwedo.gif") no-repeat top left;
      text-indent: -5000px;
      margin-bottom: 10px;
    }

#getstarted {
	background:#00aeef url("http://dallaspetersdesign.com//images/site/box-getstarted.gif") no-repeat 10px 90%;
}

    #getstarted-img h2 a {
      display: block;
      height: 220px;
      width: 310px;
      background: url("http://dallaspetersdesign.com//images/site/home-wheretostart.gif") no-repeat top left;
      text-indent: -5000px;
      margin-bottom: 10px;
    }
    
#getstarted_grey {
	background:#212121 url("http://dallaspetersdesign.com//images/site/box-startgrey.gif") no-repeat 10px 90%;
}
#print {
	background:#212121 url("http://dallaspetersdesign.com//images/site/box-print.gif") no-repeat 90% 85%;
	color:#fff200;
}
#web {
	background:#212121 url("http://dallaspetersdesign.com//images/site/box-web.gif") no-repeat 90% 85%;
	color:#00aeef;
}
#branding {
	background:#212121 url("http://dallaspetersdesign.com//images/site/box-branding.gif") no-repeat 90% 85%;
	color:#ec008c;
}
#project_archives {
  background:#212121 url("http://dallaspetersdesign.com//images/site/box-archive.gif") no-repeat 10px 85%;
}
#odds div.inner {
	background:#171717 url("http://dallaspetersdesign.com//images/site/box-odds.gif") no-repeat 95% 85%;
}
/*Typo*/
h2 {
	font-weight:100;
	font-size:2.6em;
	letter-spacing:-0.05em;
}