html, body {
	margin: 0; padding: 0;
	background: #fff url('../images/gradient-body.png') repeat-x top left; color: #000;
	font: 13px/18px helvetica,arial,sans-serif;
	cursor: default; text-align: center;
}

body { -webkit-text-stroke:1px transparent; }
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}

a:link, a:active, a:visited, a:hover { color: #615b48; text-decoration: underline; cursor: pointer; }
a:hover { color: #000; }

	a.rss { padding-left: 16px; background: url('../images/rss_16.png') no-repeat center left; }
	a.twitter { padding-left: 16px; background: url('../images/twitter_16.png') no-repeat center left; }
	a.friendfeed { padding-left: 16px; background: url('../images/friendfeed_16.png') no-repeat center left; }
	a.email { padding-left: 16px; background: url('../images/email_16.png') no-repeat center left; }

	a img { display: block; border: none; text-decoration: none; }

* { outline: none; }

p { margin: 0 0 1em 0; }
	p#developer-debug { padding: 5px 10px; background: #8B0000; color: #fff; }

h2 {
	margin: 0 0 20px 0; padding: 0;
	font-size: 13px; line-height: 16px;
	position: relative; left: -3px; color: #615b48;
}
h2 span {
	padding: 4px 6px; background: #29261b; color: #fff;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

h3 { margin: 0; padding: 0; font-size: 20px; line-height: 26px; letter-spacing: -0.015em; }
h3 a { text-decoration: none !important; color: #000 !important; }
h3 a:hover { text-decoration: underline !important; }

.column-2 {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}

.column-3 {
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
}

.column-2-left {
	float: left; width: 48%;
}
.column-2-right {
	margin-left: 52%;
}

img { -ms-interpolation-mode: bicubic; }

.hidden { display: none; }
.layout-center {
	max-width: 1024px; min-width: 800px;
	margin: 0 auto; padding: 0 20px;
	text-align: left;
}

#header-top {
	font: 14px/14px helvetica,arial,sans-serif; font-weight: bold;
}

	#header-top h1 { margin: 0 5px 0 0; float: right; width: 240px; }
	#header-top h1 a { display: block; width: 240px; height: 90px; background: url('../images/h1.png') no-repeat top right; }
	#header-top h1 span { display: none; }

	#header-top p { display: none; }

	#header-navigation { height: 34px; list-style: none; margin: 0; padding: 56px 0 0 0; }
	#header-navigation li { display: inline; }
	#header-navigation li em { font-style: normal; }
	#header-navigation li a { display: block; float: left; width: auto; padding: 11px 15px 10px 15px; text-decoration: none; }
	#header-navigation li a:hover { color: #29261b; background: #f3f1e9; }
	#header-navigation li.active a { padding-top: 10px; color: #29261b; background: #fff; border: 1px solid #f3f1e9; border-bottom-color: #fff; text-decoration: none; }

	#header-navigation li a#chat-status { min-width: 51px; }
	#header-navigation li a#chat-status span {
		margin: 0 0 0 .5em; padding: 2px 4px 2px 3px; vertical-align: top;
		background: #615b48; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; font-size: 11px;
	}

#header-splash {
	padding: 4px 0 3px 0;
	background: #fff;
	border-top: 1px solid #f3f1e9;
	border-bottom: 1px solid #f3f1e9;
}

	#header-splash > div { clear: both; }
	#splash-featured { margin: 0; padding: 0; list-style: none; height: 150px; }
	#splash-featured li { background: #fbfaf7 url('../images/loading.gif') no-repeat center; }

	#splash-featured .top { margin-bottom: 5px; }
	#splash-featured .small { float: right; clear: right; width: 250px; }
	#splash-featured .big { margin: 0 255px 0 0; }

	#splash-featured a { text-decoration: none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
	#splash-featured .small a { display: block; height: 72.5px; }
	#splash-featured .big a { display: block; height: 150px; }

	#splash-featured a span {
		background: url('../images/trans-brown.png'); color: #f5f3ee;
		border-top-right-radius: 2px;
		border-bottom-right-radius: 2px;
		-moz-border-radius-topright: 2px;
		-moz-border-radius-bottomright: 2px;
		-webkit-border-top-right-radius: 2px;
		-webkit-border-bottom-right-radius: 2px;
	}
	#splash-featured a span strong{ color: #fff; }
	#splash-featured a:hover span { background-image: url('../images/trans-black-heavy.png'); }
	#splash-featured .big span { padding: 8px 10px; position: relative; top: 110px; }
	#splash-featured .small span { font-size: 10px; line-height: 12px; padding: 4px 10px; position: relative; top: 43px; }

#body, #forum-body {
	background: url('../images/shadow-splash.png') no-repeat top center;
}

	#content, #forum-body { padding-top: 20px; margin-right: 280px; padding-bottom: 60px; min-height: 960px; height: auto !important; height: 960px; }

		span.share-buttons { margin-left: 0.75em; opacity: 0.15; }
		span.share-buttons * { vertical-align: top; }
		span.share-buttons img { display: inline; }

		div.content-cell { margin-bottom: 40px; }

		div.content-cell p.meta { margin: 7px 200px 15px 0; font-size: 11px; line-height: 11px; color: #615b48; position: relative; left: -3px; }

		div.content-cell p.meta a { text-decoration: none; }
		div.content-cell p.meta a.game { margin: 0 .75em 0 0; text-shadow: 1px 1px 1px #FFF; }
		div.content-cell p.meta a:hover { text-decoration: underline; }
		div.content-cell p.meta a.game {
			padding: 4px 6px; background: #f3f1e9; font-weight: bold;
			border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
		}

		div.content-cell ol { margin: 0 1.5em 1em 1.5em; padding: 0; }
		div.content-cell ol li { margin: 0 0 .25em 0; padding: 0; }

		div.content-cell blockquote {
			margin: 1em 0; padding: 0 0 0 2em;
			border-left: 4px solid #f3f1e9;
		}

		div.tweetmeme { float: right; margin: 0 0 1em 1em; }

		#games-list ul,
		#games-list ul li { margin: 0; padding: 0; list-style: circle; list-style-position: inside; color: #615b48; }
		#games-list ul { margin-bottom: 2em; }
		#games-list p { margin: 0 0 .25em 0; color: #615b48; }

		#pagenav {
			margin: 1em 0 5em 0; padding: 2em 0;
			text-align: center; background: #fbfaf7;
			border: 1px solid #f3f1e9;
			border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px
		}
			#pagenav a { padding: 3px 5px; }
			#pagenav a.active-page { background: #f3f1e9; color: #000; text-decoration: none; }
			#pagenav a.archives { text-decoration: none; }
			#pagenav span { margin: 0 .15em; }

		#chatterous { border: 1px solid #F3F1E9; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

	#subscribe {
		display: block; float: right; width: 250px; height: 16px; padding: 1em 0;
		font-size: 11px; line-height: 16px; color: #444;
	}

		#subscribe-tip { float: right; color: #615b48; }

		#subscribe p { margin: 0 5px; }
		#subscribe p span { display: none; }
		#subscribe p a { display: block; height: 16px; width: 1px; float: left; margin: 0 .25em 0 0; }

	#sidebar {
		float: right; clear: right; width: 250px;
		background: #fbfaf7; border: 1px solid #f3f1e9;
	}

		#sidebar-real { display: none; }
		#sidebar-content {
			font-size: 11px; line-height: 16px; color: #444;
		}

			#sidebar h4 { margin: 0 0 .5em 0; font-size: 12px; line-height: 16px; color: #222; }
			#sidebar ul { margin: 0 0 1em 0; padding: 0; list-style: none; }
			#sidebar ul.bulleted li:before { content: "\00BB \0020"; }

			#sidebar .section { padding: 8px 10px 1px 10px; border-bottom: 1px solid #f3f1e9; }

			#flickr-featured {
				margin: 0 0 5px 0; background: #000 url('../images/loading-dark.gif') no-repeat center;
			}
			#flickr-featured, #flickr-featured a { height: 140px; overflow: hidden; }
			#flickr-featured a { display: block; float: left; width: 230px; position: absolute; }
			#flickr-featured img { display: block; position: relative; }

			#introduction { }

				#introduction-slider {
					min-height: 26px;
					height: auto !important;
					height: 26px;
				}
				#introduction-slider-more p { display: block; }
				#introduction-hover-tip { display: block; float: left; width: auto; position: absolute; color: #615b48; text-decoration: underline; cursor: pointer; }