* {
	margin: 0;
	padding: 0;
}

html {
	min-height: 100%;
	height: auto;
}

body {
	background: #C7D8D1;
	color: #333;
	font: 1.0em Helvetica, HelveticaNeue, "Helvetica Neue", "Helvetica Neue LT Pro", Arial, Verdana, sans-serif;
	text-align: justify;
}
a { color: #333; text-decoration: underline; }

a:hover { color: #929D98; }

ul { list-style-type: none; }

h1 span, h2 span, h3 span, h4 span, h5 span, a span, blockquote span { display: none; }

hr { display: none; }

.clearer { clear: both; }

.header {
	width: 986px;
	height: 740px;
	margin: 0px auto;
}
.header_inner {
	width: 986px;
	height: 114px;
	padding: 610px 0px 16px 0px;
	background: #C7D8D1 url(images/nethack_bg.jpg) top center no-repeat;
}
.header_quote {
	display: block;
	width: 620px;
	height: 114px;
	margin: 0 auto;
	background: #C7D8D1 url(images/header_quote.gif) top center no-repeat;
}
.header_quote blockquote { display: none; }
.header_quote p {
	padding: 105px 53px 0px 0px !important;
	font-size: 0.65em;
	text-transform: uppercase;
	text-align: right;
	color: #72807A;
}
.header_quote a { color: #929D98; }
.header_quote a:hover { color: #727B77; }

.wrapper {
	position: relative;
	margin: 0 auto;
	width: 986px;
	background: #C7D8D1 url(images/main_bg.gif) bottom center repeat-x;
}
.wrap_left { float: left; width: 793px; }
.main_column {
	float: right;
	width: 600px;
	background-color: #FFF;
}

.left_column, .right_column {
	float: left;
	margin-top: 20px;
	padding-bottom: 10px;
	width: 183px;
	overflow: hidden;
}
.right_column { float: right; }

.left_column h3, .right_column h3 {
	width: 163px;
	height: 13px;
	padding: 10px;
	font-size: 0.75em;
	text-transform: uppercase;
	color: #FFF;
	background-color: #B4C6BF;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.right_column h3 { text-align: center; }

/*--Main Blocks--*/
.imagine {
	padding: 20px 20px 5px 20px;
	background: #FFF url(images/imagine_bg.gif) top left no-repeat;
}
.imagine_center, .imagine_right {
	float: left;
	width: 175px;
	margin-top: -3px;
	margin-left: 195px;
}
.imagine_right { margin-left: 15px !important; }

.imagine p {
	font-size: 0.70em;
	line-height: 1.325em;
	padding-bottom: 13px;
	color: #773D3D;
}
.imagine a { color: #5A2E2F; text-decoration: none; }
.imagine a:hover { color: #381D1D; text-decoration: underline; }
.quote {
	width: 560px;
	margin: 0px 20px;
}
.quote_in {
	width: 560px;
	padding: 20px 0px 17px 0px;
	border-top: 3px solid #F4F4F4;
	border-bottom: 3px solid #F4F4F4;
}
.quote blockquote p { display: none; }
.quote p {
	font-size: 0.65em;
	text-transform: uppercase;
	text-align: right;
	color: #B4C6BF;
}
.quote a { color: #B4C6BF; }
.quote a:hover { color: #929D98; }

.quote_1 { background: #FFF url(images/quote_1.gif) top center no-repeat; }
.quote_1 p { padding: 115px 55px 0px 0px !important; }

.h3_whatis {
	clear: left;
	display: block;
	width: 304px;
	height: 32px;
	margin-bottom: 17px;
	background: #FFF url(images/h3_whatis.gif) top left no-repeat;
}
.whatis { padding: 20px 20px 0px 20px; }
.whatis p {
	width: 357px;
	padding-bottom: 20px;
	font-size: 0.75em;
	line-height: 1.6em;
	color: #333;
}

.whatis_right {
	float: right;
	width: 183px;
	padding: 0px 0px 0px 20px;
}
.whatis_right h4 {
	display: block;
	width: 183px;
	background-color: #FFF;
	background-position: 0 0;
	background-repeat: no-repeat;
}
h4.h4_infinite { height: 95px; background-image: url(images/h4_infinite.gif); }
h4.h4_challenging { height: 68px; background-image: url(images/h4_challenging.gif); }
h4.h4_exciting { height: 63px; background-image: url(images/h4_exciting.gif); }
h4.h4_free { height: 67px; background-image: url(images/h4_free.gif); }
h4.h4_available { height: 73px; background-image: url(images/h4_available.gif); }

.quote_2 {
	margin-bottom: 10px !important;
	background: #FFF url(images/quote_2.gif) top center no-repeat;
}
.quote_2 p { padding: 93px 55px 0px 0px !important; }

.cantbe {
	padding: 14px 10px 4px 10px;
}
.cantbe_left, .cantbe_middle, .cantbe_right {
	float: left;
	width: 180px;
	margin-left: 10px;
}
.cantbe_middle, .cantbe_right { width: 170px; margin-left: 20px; }

.cantbe p {
	margin-top: -4px;
	padding-bottom: 13px;
	font-size: 0.70em;
	line-height: 1.325em;
	color: #555;
}
.cantbe a { color: #444; text-decoration: none; }
.cantbe a:hover { color: #929D98; text-decoration: underline; }

span.t_span {
	display: block;
	float: left;
	width: 77px;
	height: 77px;
	margin: 4px 7px 0px 0px;
	background: transparent url(images/drop_cap_t.gif) 0 0 no-repeat;
}
span.t_span em { display: none; }

.quote_3 {
	margin-bottom: 0px !important;
	background: #FFF url(images/quote_3.gif) top center no-repeat;
}
.quote_3 p { padding: 113px 55px 0px 0px !important; }

.getit_fivetips {}

.getit {
	float: left;
	width: 367px;
	margin: 16px 0px 0px 16px;
}
h3.h3_getit {
	display: block;
	width: 367px;
	height: 94px;
	margin-bottom: 2px;
	background: #FFF url(images/h3_getit.gif) 0 0 no-repeat;
}
.getit li {
	float: left;
	width: 117px;
	height: 117px;
	border-bottom: 1px solid #EEE;
	margin-left: 4px;
	margin-bottom: 4px;
	background-color: #F4F4F4;
	overflow: hidden;
}
.getit li a {
	display: block;
	width: 97px;
	padding: 81px 10px 50px 10px;
	font-size: 0.65em;
	color: #999;
	text-align: center;
	text-decoration: none;
	background-color: #F4F4F4;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.getit li a:hover { color: #555; background-position: 0 -117px; }

a.download_windows { background-image: url(images/download_windows.gif); }
a.download_osx { background-image: url(images/download_osx.gif); }
a.download_linux { background-image: url(images/download_linux.gif); }
a.download_winmo { background-image: url(images/download_winmo.gif); }
a.download_iphone { background-image: url(images/download_iphone.gif); }
a.download_android { background-image: url(images/download_android.gif); }
a.download_nokia { background-image: url(images/download_nokia.gif); }
a.download_ds { background-image: url(images/download_ds.gif); }
a.download_psp { background-image: url(images/download_psp.gif); }
a.download_gp32 { background-image: url(images/download_gp32.gif); }
a.download_internet { background-image: url(images/download_internet.gif); }
a.download_telnet { background-image: url(images/download_telnet.gif); }

.searchforit {
	clear: both;
	padding: 5px;
	width: 349px;
	margin: 0px 4px 20px 4px;
	border-bottom: 1px solid #EEE;
	font-size: 0.65em;
	text-transform: uppercase;
	text-align: center;
	color: #783E3E;
	background-color: #F8F6BD;
}
.searchforit a { color: #783E3E !important; }
.searchforit a:hover { color: #431C1C !important; }
.fivetips {
	float: right;
	width: 185px;
	margin: 17px 16px 0px 0px;
}
h3.h3_fivetips {
	display: block;
	width: 183px;
	height: 93px;
	margin: 0px 0px 10px 2px;
	background: #FFF url(images/h3_fivetips.gif) 0 0 no-repeat;
}
.fivetips li h5 {
	margin-bottom: 5px;
	font-size: 1.1em;
	font-weight: normal;
	color: #4F5A2E;
	text-shadow: #E5E5E5 1px 1px 1px;
}
.fivetips li p{
	margin-bottom: 15px;
	line-height: 1.2em;
	font-size: 0.65em;
	color: #333;
}
.quote_4 {
	height: 144px;
	margin: 0 !important;
	padding: 0px 20px  !important;
	background: #FFF url(images/quote_4.gif) top center no-repeat;
}
.quote_4 .quote_in { border-bottom: 0px !important; }
.quote_4 p { padding: 91px 55px 0px 0px !important; }

/*--Left Column Blocks--*/
.h3_stats { background-image: url(images/h3_stats.gif); }
.stats {
	padding: 15px 0px 0px 0px;
	margin-bottom: 10px;
	border-right: 3px solid #B4C6BF;
	cursor: default;
}
.stats:hover p { color: #727B77 !important; }
.stats:hover span { text-shadow: #929D98 1px 1px 2px; }
.stats_top, .stats_bottom {
	padding: 0px 15px 18px 0px;
	background: #C7D8D1 url(images/left_column_bg.gif) bottom left no-repeat;
	margin-bottom: 15px;
}
.stats_bottom { margin-bottom: 0px !important; }
.stats p {
	font-size: 0.70em;
	letter-spacing: 0.015em;
	text-transform: uppercase;
	font-weight: bold;
	text-align: right;
	color: #929D98;
}
.stats p span {
	display: block;
}
span.s_s, span.s_m, span.s_ml, span.s_l, span.s_e {
	font-size: 1.6em;
	color: #FFF;
	text-shadow: #B4C6BF 1px 1px 2px;
}
span.s_m { font-size: 2.2em; letter-spacing: -0.1em; }
span.s_ml { font-size: 2.6em; letter-spacing: -0.075em; }
span.s_l { font-size: 2.8em; letter-spacing: -0.05em; }
span.s_e { font-size: 3.4em; letter-spacing: -0.05em; }

.h3_fanlove { background-image: url(images/h3_fanlove.gif); }
.fanlove {
	padding: 0px 0px 3px 0px;
	margin-bottom: 10px;
	border-right: 3px solid #B4C6BF;
	font-size: 0.65em;
	letter-spacing: -0.05em;
	text-align: right;
	color: #929D98;
	background: transparent url(images/left_column_bg.gif) bottom left no-repeat;
}
.fanlove:hover { color: #727B77 !important; }
.fanlove:hover .h4_fanlove { background-position: -180px 0 !important; }
.h4_fanlove {
	width: 180px;
	height: 88px;
	background: #C7D8D1 url(images/h4_fanlove.gif) 0 0 no-repeat;
}
.fanlove p { padding: 0px 15px 12px 15px; font-size: 1.10em; }
.fanlove a { text-decoration: none; color: #929D98; }
.fanlove:hover a { color: #727B77 !important; }
.fanlove a:hover { text-decoration: underline !important; color: #313533 !important; }
.fanlove a:visited { color: #B4C6BF !important; }

.h3_tweets { background-image: url(images/h3_tweets.gif); }
.tweets {
	padding: 15px 15px 3px 15px;
	border-right: 3px solid #B4C6BF;
	font-size: 0.55em;
	letter-spacing: 0.02em;
	text-align: right;
	color: #929D98;
	background: transparent url(images/left_column_bg.gif) bottom left no-repeat;
}
.tweets:hover { color: #727B77 !important; }
.tweets:hover a { color: #929D98 !important; }
.tweets li { padding-bottom: 15px; }
.tweets a { color: #A3AFA9; }
.tweets a:hover { color: #FFF !important; }

/*--Right Column Blocks--*/
.h3_history { background-image: url(images/h3_history.gif); }
.history {
	padding: 15px 10px 5px 0px;
	margin-bottom: 10px;
	border-left: 3px solid #B4C6BF;
	font-size: 0.60em;
	font-weight: bold;
	background: transparent url(images/right_column_bg.gif) bottom left no-repeat;
}
.history a { color: #929D98; }

.history:hover .h_info { color: #727B77 !important; }
.history:hover .h_date { text-shadow: #929D98 0px 1px 1px !important; }

.history:hover a { color: #727B77 !important; }
.history a:hover { color: #313533 !important; }

.h_date {
	float: left;
	clear: left;
	width: 20px;
	padding-left: 13px;
	margin-bottom: 10px;
	color: #FFF;
	background: transparent url(images/history_bullet.gif) 0 4px no-repeat;
}
.h_info {
	float: left;
	width: 127px;
	text-align: left;
	margin: 0px 0px 10px 10px;
	color: #929D98;
}
.h3_dungeoneers { background-image: url(images/h3_dungeoneers.gif); }
.dungeoneers {
	overflow: hidden;
	padding: 10px;
	border-left: 3px solid #B4C6BF;
	background: transparent url(images/right_column_bg.gif) bottom left no-repeat;
	cursor: default;
}
.dungeoneers p {
	font-size: 0.55em;
	letter-spacing: 0.05em;
	color: #929D98;
}
.dungeoneers:hover p { color: #727B77 !important; }

.sourcedfrom {
	padding: 10px 15px 15px 0px;
	font-size: 0.60em;
	color: #A3AFA9;
}
.sourcedfrom a { color: #A3AFA9; }
.sourcedfrom:hover p, .sourcedfrom:hover p a { color: #929D98 !important; }
.sourcedfrom:hover p a:hover { color: #313533 !important; }

/*--Footer--*/

.footer {
	position: relative;
	background: #222624 url(images/footer_bg.gif) 0 0 repeat-x;
}
.footer_in {
	margin: 0 auto;
	width: 986px;
	color: #575C59;
}
.footer a { color: #575C59; }
.footer a:hover { color: #777; }

.f_left, .f_middle, .f_right {
	float: left;
	padding: 23px 10px 20px 10px;
	width: 306px;
}
.f_right { text-align: right; }

.footer h4 {
	font-size: 0.8em;
	text-transform: uppercase;
	text-shadow: #252A28 1px 1px 1px;
}
h3.h3_resources, h3.h3_references {
	display: block;
	margin-bottom: 7px;
	width: 154px;
	height: 20px;
	background: transparent url(images/h3_resources.gif) 0 0 no-repeat;
}
h3.h3_references { width: 189px; background-image: url(images/h3_references.gif); }

.footer p, .footer li { font-size: 0.70em; }
.footer p { padding-top: 5px; }
.footer li { padding-bottom: 5px; }