/* RESET CSS */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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;
}

/* remember to define focus styles! */
:focus {
	outline:0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration:none;
}

del {
	text-decoration:line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}


/* site css */
* { margin:0; padding:0; }
body { background:#e4ddcb url(../images/paper.jpg) repeat -40% 0; color:#333; font:normal .9em/1.5 "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; }
#page { background: url(../images/gradient.png)  repeat-x -80% 0; behavior: url(../javascripts/iepngfix.htc); border-top:1px dotted #594a34; clear:both; margin:0 auto; padding:0; width:100%; }
#content { clear:both; margin:1px auto; padding:0; width:926px; }
#footer { clear:both; color:#594a34; font-size:.6em; margin:.5em auto; padding:0; text-align:left; width:926px;  }

#content div#biography, #content div#contact	{ float:left; margin:.25em 1em; padding:0; text-align:center; width:20%; }
#content div#biography a, #content div#contact a	{ background:#d9b87f url(../images/gradient.png) repeat-x 0 0; behavior: url(../javascripts/iepngfix.htc); border-bottom:1px solid #d9b87f; display:block; font-size:1em; margin:0; padding:.3em .15em; text-transform:uppercase; width:100%; -moz-opacity:.60; filter:alpha(opacity=60); opacity:.60; }
#content #biography a:hover, #content div#contact a:hover	{ background-position:0 0; border-bottom:1px solid #594a34; color:#f00; text-transform:uppercase; -moz-opacity:1; filter:alpha(opacity=100); opacity:1; }

#content div#about, #content div#hcard	{ display:none; }

div#hcard, div#spot1, div#spot2, div#spot3, div#spot4, div#spot5, div#spot6, div#spot7, div#spot8, div#spot9, div#spot10, div#spot11, div#spot12, div#spot13, div#spot14, div#spot16	{ background: #e4ddcb url(/images/card.jpg) 0 0 repeat; height:335px; }

#hcard dl	{ padding:2em; }
#hcard dl dt	{ font-weight:bold; margin-bottom:1em; }

#article	{ background: url(../images/gradient.png)  repeat-x -80% 0; behavior: url(../javascripts/iepngfix.htc); border-top:1px dotted #594a34; float:left; margin:2em auto 1em auto; padding:.5em 0; width:926px; }

ul#spots	{ clear:both; margin:0 auto; padding:0; width:99%; }
ul#spots li	{ display:inline; float:left; font-size:10px;  margin:.1em; padding:0; width:150px; }
ul#spots li a	{ background:#e4d6a6 url(../images/card.jpg) top left repeat; border:2px solid #594a34; border-top:1px solid #d9b87f; border-left:1px solid #d9b87f; color:#594a34; display:block; float:left; font-weight:bold; height:30px; line-height:.5; margin:0; padding:100px 0 .25em .5em; width:140px; -moz-opacity:.60; filter:alpha(opacity=60); opacity:.60; }
ul#spots li a:hover	{ background:#d9b87f; border-top:1px solid #444; border-left:1px solid #444; color:#000; text-decoration:none; -moz-opacity:1; filter:alpha(opacity=100); opacity:1; }
p.spot_info	{ display:block; float:right; font-weight:bold; margin:.5em; padding:0; text-align:right; width:20%; }
span.genre	{ clear:right; color:#000; display:block; font-size:.7em; letter-spacing:1px; line-height:1; margin:0; padding:0; text-transform:uppercase; }
span.client	{ display:none; }

ul#spots li a.stress_walk	{ background: url(../images/spots/stress_walk_hover.jpg) 0 0 no-repeat; }
ul#spots li a.department_store	{ background: url(../images/spots/department_store_hover.jpg) 0 0 no-repeat; }
ul#spots li a.diner1	{ background: url(../images/spots/diner1_hover.jpg) 0 0 no-repeat; }
ul#spots li a.diner2	{ background: url(../images/spots/diner2_hover.jpg) 0 0 no-repeat; }
ul#spots li a.soccer	{ background: url(../images/spots/soccer_hover.jpg) 0 0 no-repeat; }
ul#spots li a.candy	{ background: url(../images/spots/candy_hover.jpg) 0 0 no-repeat; }
ul#spots li a.blind_date	{ background: url(../images/spots/blind_date_hover.jpg) 0 0 no-repeat; }
ul#spots li a.moped	{ background: url(../images/spots/moped_hover.jpg) 0 0 no-repeat; }
ul#spots li a.surprise	{ background: url(../images/spots/surprise_hover.jpg) 0 0 no-repeat; }
ul#spots li a.meredith	{ background: url(../images/spots/meredith_hover.jpg) 0 0 no-repeat; }
ul#spots li a.jimmy	{ background: url(../images/spots/jimmy_hover.jpg) 0 0 no-repeat; }
ul#spots li a.phyllis	{ background: url(../images/spots/phyllis_hover.jpg) 0 0 no-repeat; }
ul#spots li a.joe	{ background: url(../images/spots/joe_hover.jpg) 0 0 no-repeat; }
ul#spots li a.moving	{ background: url(../images/spots/moving_hover.jpg) 0 0 no-repeat; }
ul#spots li a.wind	{ background: url(../images/spots/wind_hover.jpg) 0 0 no-repeat; }
ul#spots li a.midwest	{ background: url(../images/spots/midwest_hover.jpg) 0 0 no-repeat; }


a, a:visited	{ color:#594a34; text-decoration:none; }
a:hover, #footer a:hover	{ color:#900; -webkit-transition:1s ease; -moz-transition:1s ease; }
a:active	{ color:#fc0; }

h1, h2, h3, h4, h5	{ clear:both; }
h1	{ color:#333; font-size:1.1em; margin:.5em 0; text-align:left; text-transform:uppercase; }
h1 a, h1 a:visited	{ color:#333; font-size:3em; text-transform:capitalize; }
p#tagline	{ padding-top:0; text-align:left; }
h2, h2 a, h2 a:visited { color:#594a34; font-size:1em; line-height:1; margin:0; margin-right:1em; padding:0; }
h2 a:hover	{ color:#900; text-transform:uppercase; }

p { padding:1px 30px; }
p#about_tim	{ padding-top:1.5em; }
dl	{  }
dl dd	{  }
ul { clear:both; display:block; line-height:155%; list-style-type:none; margin:0 0 50px 1.5em; padding:0; }
ol { line-height:155%; list-style-type:decimal; margin:1em; padding:1em; }
ul li, ol li	{ margin:.2em; padding:.3em; }
strong	{ color:#333; } 
.amp { font-family:Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-weight:normal; font-style:italic; font-size:1.1em; }
.note { background-color:#f93; }

object	{ border:0; display:block; float:left; height:340px; margin:.5em; padding:0; width:560px; }
img { border:0; }
img.floatright	{ background:#fff; border:1px solid #333; border-left:1px solid #ddd; border-top:1px solid #ddd; float:right; margin:.2em 0 1.5em 1.7em; margin-top:.2em; padding:.6em; }
object, embed	{ border:1px solid #333; height:320px; margin:.3em; padding:0; width:420px; }
input, textarea	{ background:#fff; border:1px solid #333; margin-left:1em; }
input.send_message	{ background:transparent; border:0; color:#333; float:right; font-family:Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-weight:normal; font-style:italic; font-size:1.1em; margin-right:1em; text-align:right; }
input:hover.send_message	{ background:transparent; color:#900; text-decoration:underline; }
input.radio	{ border:0; margin-left:.1em; }