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

/* ************************************************************************* */

html, body
{
	height: 100%;
	width: 100%;
}

body
{
	background-color: #ccc;
	color: #000;
	font-size: 0.8em;
	font-family: "Trebuchet MS", sans-serif;
	line-height: 110%;
}

h1
{
	margin-bottom: 25px;
	color: #000;
	font-family: Georgia;
	font-size: 120%;
}

h1 a { color: inherit; }
h1 a:hover { color: #5E0096; text-decoration: none; }

h2
{
	margin-bottom: 25px;
	padding: 0 0 0 18px;
	background: transparent url(/i/facebook-icon.gif) 0 1px no-repeat;
	font-size: 120%;
}

h2.highlight { background-image: url(/i/facebook-icon-highlight.gif); }
h2.smile { background-image: url(/i/facebook-icon-smile.gif); }
h2.smile.highlight { background-image: url(/i/facebook-icon-smile-highlight.gif); }
h2.sad { background-image: url(/i/facebook-icon-sad.gif); }
h2.sad.highlight { background-image: url(/i/facebook-icon-sad-highlight.gif); }
h2.excl { background-image: url(/i/facebook-icon-excl.gif); }
h2.excl.highlight { background-image: url(/i/facebook-icon-excl-highlight.gif); }

h2.highlight a { color: #5E0096; }

p { margin-bottom: 10px; }
a { color: #000; text-decoration: none; }
a:hover { color: #5E0096; text-decoration: underline; }

ul { font-size: 90%; }
li { border: 1px solid rgba(255,255,255,0.0); margin-bottom: 9px; padding-left: 18px; }

span.amp, span.atsign
{
	font-size: 110%;
	font-family: Palatino, Constantia, "Book Antiqua", "URW Palladio L", serif;
    font-style: italic;
}
h1 span.amp { font-size: 155%; }

.timestamp { padding-left: 1px; color: #666; font-size: 80%; white-space: nowrap; }
h2 .timestamp { font-weight: normal; font-size: 60%; }
.timestamp:first-letter { text-transform: uppercase; }

/* ************************************************************************* */

#container { width: 900px; margin: 0 auto; }

#content
{
	position: relative;
	z-index: 5;
	float: left;
	width: 800px;
	margin: 50px 0 80px 0;
	border: 25px solid #000;
	padding: 25px 25px 20px 25px;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.75);
	color: #000;
}
#content:hover
{
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.90);
}
 
#dialog
{
	position: absolute;
	bottom: -105px;
	left: 315px;
	width: 173px;
	height: 80px;
	background: transparent url(/i/quote-point.png) top left no-repeat;
}


#left, #right { float: left; width: 375px; font-size: 110%; }

#twitter, #blog { margin-bottom: 25px; }
#twitter, #foursquare { padding-right: 25px; }
#reader, #blog { padding-left: 25px; }

#twitter li { background: transparent url(/i/twitter-icon.gif) 2px 3px no-repeat; }
#foursquare li { background: transparent url(/i/foursquare-icon.gif) 2px 3px no-repeat; }
#reader li { background: transparent url(/i/reader-icon.gif) 2px 3px no-repeat; }
#blog li { background: transparent url(/i/blog-icon.gif) 2px 3px no-repeat; }

#twitter.highlight li, #twitter li.active { background-image: url(/i/twitter-icon-highlight.gif); }
#reader.highlight li, #reader li.active { background-image: url(/i/reader-icon-highlight.gif); }
#blog.highlight li, #blog li.active { background-image: url(/i/blog-icon-highlight.gif); }
#foursquare.highlight li, #foursquare li.active { background-image: url(/i/foursquare-icon-highlight.gif); }

#twitter.highlight a, #foursquare.highlight a, #blog.highlight a, #reader.highlight a, #reader.highlight .quote { color: #5e0096; }

#reader .quote { margin-top: 1px; color: #5E0096; font-size: 95%; font-family: Georgia; font-style: italic; }

#map
{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
}

#caption
{
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.75);
	color: rgb(255, 255, 255);
	color: rgba(255, 255, 255, 0.85);
	font-size: 85%;
	text-align: right;
}
#caption:hover {  }
#caption p strong { display: inline; padding-right: 5px; }
#caption p { margin: 0; padding: 3px 10px 3px 3px; }
#caption p a
{
	padding-left: 10px;
	color: rgb(255, 255, 255);
	color: rgba(255, 255, 255, 0.75);
}

#ie6 { display: none; }