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;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color:#333;
	background:#E3E2FF url(/images/background.gif) repeat-y 0 0;
	font-family:Georgia, "Times New Roman", Times, sans-serif;
	font-size:62.5%;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";
}

/*** Layout ***/

#wrapper{
  width:700px;
}

#introduction{
  float:left;
  margin-left:320px;
  width:380px;
  display:inline;
}

#tweets{
  color:#E3E2FF;
  float:left;
  width:240px;
  margin-left:-660px;
  padding-top:7.3571em;
  text-align:right;
}

#footer{
  padding:4em 0 4em 320px;
  clear:both;
}

/*** Headers/Typography ***/

h1 a{
  display:block;
  width:509px;
  height:132px;
  text-indent:-9999px;
  background:transparent url(/images/philnash.gif) no-repeat 0 0;
  margin-bottom:2em;
}

#introduction h2{
  font-size:2.8em;
  line-height:1.7143;
  margin-bottom:0.8571em;
}

#introduction h3{
  font-size:2.4em;
  line-height:1;
  margin-bottom:1em;
}

#introduction p,
#introduction ul.links li,
#introduction ul.projects h4,
#introduction ul.projects p{
  font-size:1.6em;
  margin-bottom:1.5em;
  line-height:1.5;
}

#introduction ul.links li,
#introduction ul.projects h4{
  font-weight:bold;
}

#introduction ul.links li{
  float:left;
  width:170px;
  margin:0 20px 0 0;
}

#introduction ul.links,
#introduction h3{
  float:left;
  width:100%;
}

#introduction ul.projects li,
#introduction ul.links{
  margin-bottom:2.4em;
}

#introduction ul.projects h4,
#introduction ul.projects p{
  margin:0;
}

#tweets a,
#introduction a,
#footer a{
  color:#4E4B7F;
  text-decoration:none;
  border-bottom:1px dotted #4E4B7F;
}
#footer a:hover,
#introduction a:hover{
  border-bottom:1px solid #4E4B7F;
}

#tweets h2{
  font-size:1.6em;
  margin-bottom:1.5em;
  line-height:1.5;
  float:left;
  text-align:left;
}
* html #tweets h2, * html h3, * html h4, * html #introduction ul.links li{ letter-spacing:-1px; }
*+html #tweets h2, *+html h3, *+html h4, *+html #introduction ul.links li{ letter-spacing:-1px; }

#tweets h2 span{
  display:block;
  float:left;
  margin-right:5px;
}

#tweets h2 #twitter{
  text-indent:-9999px;
  background:#333 url(/images/twitter.gif) no-repeat 0 center;
  display:block;
  width:61px;
  border:none;
  float:left;
}

#tweets ul{
  float:left;
}

#tweets li,
#footer p{
  clear:left;
  font-size:1.4em;
  margin-bottom:1.7143em;
  line-height:1.7143;
}

#tweets a{
  color:#9995FF;
  border-bottom:1px dotted #9995FF;
}
#tweets a:hover{
  border-bottom:1px solid #9995FF;
}

code{
  font-family:Monaco, Courier "Andale Mono", "Courier New", monospace;
  letter-spacing:-0.03em;
}

/*** Forms ***/

form fieldset input,
form fieldset label,
form fieldset textarea{
  display:block;
  width:200px;
  padding:3px;
}

form fieldset label{
  font-size:1.6em;
}

form.delete,
form.delete div{
  display:inline;
}

.admin li,
.admin table{
  width:100%;
  font-size:1.6em;
  margin-bottom:1.5em;
}
.admin table td,
.admin table th{
  padding-bottom:1.2em;
}

/*** iPhone ***/

@media only screen and (max-device-width: 480px) {
  body {
    background:#E3E2FF none;
  }
  body.landscape {
    background:#333 none;
  }
  body #wrapper,
  body #footer{
    width:100%;
    font-size:4em;
    padding:0 40px;
    clear:both;
  }
  body #footer{
    font-size:0.8em;
    padding:0;
  }
  body.landscape #footer{
    color:#E3E2FF;
  }
  body #introduction,
  body.landscape #tweets{
    float:none;
    margin:0;
    width:100%;
    text-align:left;
    padding-top:0;
    display:block;
  }
  body #introduction ul.links li{
    float:none;
    width:auto;
  }
  body.landscape #tweets h2 #twitter{
    background:transparent none;
    display:inline;
    float:none;
    text-indent:0;
    width:auto;
  }
  body.landscape #introduction,
  body #tweets{
    display:none;
  }
  body h1{
    margin-bottom:2em;
  }

  body h1 a{
    width:auto;
    background:transparent none;
    font-family:"Arial Black", Helvetica, Arial, sans-serif;
    font-weight:bold;
    letter-spacing:-0.1em;
    text-indent:0;
    font-size:192px;
    color:#333;
    text-decoration:none;
    display:inline;
  }
  body.landscape h1 a{
    color:#E3E2FF;
  }
}