HTML{
	background: #534b42 url(bg_html.png) 50% 0;
}
BODY {
	margin: 0;
	padding: 10px 0 0;
	text-align: center;
	background: url(bg_body.png) repeat-x 50% 0;
	color: #ffffeb;
}
BODY, TH, TD, INPUT, TEXTAREA {
	font: 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
H2 {
	margin: 0;
	color: #a7c7e4;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	font: 15px/20px Georgia, "Times New Roman", Times, serif;
}
P {
	margin: 1em 0 0;
}
IMG {
	border: none;
}
A {
	color: #ffffeb;
	text-decoration: none;
	outline: none;
}
A:hover,
A:focus,
A:active {
	color: #ffe151;
	text-decoration: underline;
}
ACRONYM {
	border-bottom: 1px dotted #8c8781;
	cursor: help;
}

/* =clear
-------------------------------------------------- */
.clear:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}
* html .clear { height: 1px; }
*+html .clear { min-height: 1px; }

/* =layout
-------------------------------------------------- */
#wrap {
	width: 700px;
	margin: 0 auto;
	text-align: left;
}

/* =header
-------------------------------------------------- */
#header {
	padding: 60px 0 60px 20px;
	border-bottom: 1px solid #6f665b;
}
#header H1 {
	float: left;
	width: 132px;
	height: 65px;
	overflow: hidden;
	margin: 3px 0 0;
	background: url(logo.png) no-repeat 100% 0;
	text-indent: -5000px;
}
#header .content {
	float: right;
	width: 470px;
}
#header P {
	margin: 0;
	font-size: 15px;
	line-height: 24px;
	font-weight: normal;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	font-family: Georgia, "Times New Roman", Times, serif;
}
#header P + P {
	margin-top: 18px;
}
#header A {
	border: none;
	color: #ffe151;
}
#header A:hover {
	color: #ffe151;
	text-decoration: underline;
}
#header A.more {
	padding: 0 6px;
	color: #a9a597;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none !important;
	outline: none;
	vertical-align: top;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#header A.more:hover,
#header A.more:focus {
	background: #453e36;
	color: #ffe151;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.25);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.25);
}

/* =main
-------------------------------------------------- */
#main {
	margin-top: 20px;
}
#main P {
	margin: 40px 0 0;
}
#main H2 {
	margin: 0;
	font: bold 14px/20px Corbel, 'Trebuchet MS', Tahoma, Helvetica, sans-serif;
	color: #ffffeb;
	text-transform: uppercase;
}

/* spy, photo */

#spy,
#photo {
	position: relative;
	z-index: 2;
	width: 234px;
	height: 98px;
	padding: 0 20px 0 84px;
	border: 1px solid #453e36;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #453e36;
	background: rgba(69,62,54,0.75);
	color: #a9a597;
}
#spy {
	float: left;
}
#photo {
	float: right;
}
#spy:hover,
#photo:hover {
	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgba(69,62,54,1)),
		color-stop(1, rgba(69,62,54,0))
	);
	background: -moz-linear-gradient(
		center bottom,
		rgba(69,62,54,1) 0%,
		rgba(69,62,54,0) 100%
	);
	-moz-box-shadow: 0 0 1px rgba(255,255,255,0.2), inset 0 0 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,0.2), inset 0 0 10px rgba(0,0,0,0.1);
	box-shadow: 0 0 1px rgba(255,255,255,0.2), inset 0 0 10px rgba(0,0,0,0.1);
	color: #ffffeb;
}
#spy:active,
#photo:active {
	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #534b42),
		color-stop(1, #453e36)
	);
	background: -moz-linear-gradient(
		center bottom,
		#534b42 0%,
		#453e36 100%
	);
	-moz-box-shadow: 0 0 1px rgba(255,255,255, 0.2), inset 0 0 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,0.2), inset 0 0 10px rgba(0,0,0,0.1);
	box-shadow: 0 0 1px rgba(255,255,255,0.2), inset 0 0 10px rgba(0,0,0,0.1);
}
#spy A,
#photo A {
	position: absolute;
	top: -1px;
	left: -1px;
	display: block;
	width: 235px;
	height: 80px;
	padding: 20px 20px 0 85px;
	overflow: hidden;
	background: url(bg_main.png) no-repeat;
	outline: none;
}
#spy A {
	background-position: 20px 20px;
}
#photo A {
	background-position: 20px -60px;
}
#spy A:hover,
#photo A:hover {
	color: #ffe151;
	text-decoration: none;
}

/* =content
-------------------------------------------------- */
#content UL {
	margin: 10px 0 0 7px;
	padding: 0;
	list-style: none;
}
#content LI {
	padding: 0 0 5px 13px;
	background: url(bg_ul.gif) no-repeat 0 .65em;
}
#content H2 {
	margin-top: 30px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
}
#content H2 A {
	color: #a7c7e4;
}
#col1,
#col2 {
	width: 340px;
}
#col1 P,
#col2 P,
#col1 H2,
#col2 H2 {
	margin-left: 20px;
}
#col1 {
	float: left;
}
#col2 {
	float: right;
}

/* =flickr
-------------------------------------------------- */
#flickr {
	margin-top: -4px;
	padding: 0 0 4px 5px;
	overflow: hidden;
}
.flickr_badge_image {
	float: left;
	width: 89px;
	height: 89px;
	padding: 15px 0 0 15px;
	vertical-align: top;
}
.flickr_badge_image A,
.flickr_badge_image IMG {
	display: block;
}
.flickr_badge_image A {
	padding: 2px;
	border: 5px solid #6f665b;
	background: #fff;
	outline: none;
}
.flickr_badge_image A:hover,
.flickr_badge_image A:focus {
	border-color: #ffe151;
	-moz-box-shadow: 0 0 4px rgba(0,0,0,1);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,1);
	box-shadow: 0 0 4px rgba(0,0,0,1);
}

/* =twitter
-------------------------------------------------- */
#twitter {
	min-height: 122px;
}
#twitter UL {
	margin: 0;
}
#twitter LI {
	padding: 10px 20px 0;
	background: none;
}
#twitter A:hover,
#twitter A:focus {
	color: #ffe151;
	text-decoration: underline;
}
.tweet_time,
.tweet_text {
	display: block;
}
.tweet_time,
.tweet_time A {
	color: #a9a597;
	font-size: 11px;
}
.tweet_text A {
	color: #ffe151;
}

.loading {
	width: 310px;
	height: 122px;
	overflow: hidden;
	margin: 0 !important;
	text-indent: -5000px;
	background: url(loader.gif) no-repeat 50% 50%;
}

/* =footer
-------------------------------------------------- */
#footer {
	margin-top: 35px;
	padding: 5px 20px 30px;
	border-top: 1px solid #6f665b;
}
#footer P {
	margin: 0;
	color: #a9a597;
}
#footer .copy {
	float: right;
	padding-top: 5px;
}
#footer .twitter,
#footer .twitter A {
	float: left;
}
#footer .twitter A {
	height: 30px;
	padding: 0 5px 0 23px;
	background: url(bg_twitter.png) no-repeat 0 7px;
	line-height: 30px;
	outline: none;
}
#footer .twitter A:hover,
#footer .twitter A:focus {
	background-position: 0 -23px;
}
#footer .twitter A:active {
	background-position: 0 -53px;
}

/* =ie6
-------------------------------------------------- */
#ie6 {
	margin-bottom: 30px;
	padding: 20px 230px 20px 20px;
	border-bottom: 1px solid #6f665b;
	background: #453e36 url(bg_ie6_update.png) no-repeat 100% 50%;
}
#ie6 A {
	border: none;
	color: #ffe151;
	font-weight: bold;
}
#ie6 P {
	margin-top: 1em;
}
#ie6 P.alt {
	margin: 0;
}
#ie6 H2 {
	font-size: 18px;
	line-height: 25px,
	font-weight: bold;
}