/*
Authors: Jed Meade
Date Created: 10/1/10
*/

/* 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, b, u, i, center, 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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/* STYLE */
body { 
  font-family: "Helvetica Neue", Helvetica, arial, sans-serif; 
  font-size: 120%;
  color: #555; 
  background-image: url("images/bg_grain.png");
}
a { 
  text-decoration: none; 
  color: #888; 
  text-shadow: 0px 1px 0px #f4f4f4; 
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
a:hover { color: #09c; }
a:active { color: #069; }
h1 { font-family: "Lobster", arial, sans-serif; font-size: 400%; text-transform: lowercase; text-shadow: 0px 2px 0px #f4f4f4; padding: 20px; letter-spacing: 0.005em; }
h1 span { color: #bd5d2d; }
#container { width: 500px; padding: 5px 20px; margin: 200px auto 0px auto; text-align: center; }
ul { margin: 0px; }
li { margin: 0px 20px 0px 0px; display: inline; }