/* ---------------------------------------------------------

Styles for Freeverse
www.freeverse.com

Created: June 2007

------------------------------------------------------------ */

* {
	margin: 0;
	padding: 0;
	}
html, body, div, p, form, input, textarea, select {
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #333;
	}
a {
	text-decoration: none;
	color: #FF6E00;
	font-weight: bold;
	}
a:hover {
	color: #000;
	}
img {
	border: none;
	}
.imgswap {
	display: block;
	text-decoration: none;
	text-indent: -29999px;
	outline: none;
	}
	/* hide from Mac IE 5 \*/
	.imgswap { overflow: hidden; }
	/* End Mac IE 5 hack */



/* BASIC STRUCTURE
------------------------------------------------------------------------------------------ */


body {
	background: #808284 url(/images/bg-main.gif) repeat-x 0 0;
	}
#masthead {
	position: relative;
	margin: 0 auto;
	width: 799px;
	height: 103px;
	}
#outer-wrapper {
	margin: 0 auto;
	max-width: 858px;
	background: #fff url(/images/white-box-top.gif) no-repeat 50% 0;
	}
#wrapper-bottom {
	margin: 0 auto;
	max-width: 858px;
	height: 6px;
	background: url(/images/white-box-bottom.gif) no-repeat 50% 0;
	}
#outer-wrapper,
#wrapper-bottom {
	width: expression(document.body.clientWidth > 860? "858px" : "auto");
	}
#inner-wrapper {
	overflow: hidden;
	margin: 0 auto;
	padding: 31px 0;
	width: 799px;
	background-color: #fff;
	}
	#main-column {
		float: left;
		width: 533px;
		}
	#sidebar {
		float: right;
		width: 237px;
		}
#footer {
	margin: 18px auto 0 auto;
	padding-bottom: 18px;
	width: 794px;
	color: #ccc;
	font-size: 10px;
	}



/* GENERAL
------------------------------------------------------------------------------------------ */

hr {
	margin-bottom: 20px;
	height: 1px;
	border: none 0;
	border-top: 1px solid #999;
	}



/* LINKS
------------------------------------------------------------------------------------------ */

.horizontal-divided-links {
	overflow: hidden;
	clear: right;
	}
	.horizontal-divided-links li {
		list-style: none;
		float: left;
		margin-right: 12px;
		padding-right: 13px;
		border-right: 1px solid #bfbfbf;
		}
	.horizontal-divided-links li.last {
		margin: 0;
		padding: 0;
		border: none;
		}
.arrow-links {
	margin: 0 11px 13px 11px;
	}
	.arrow-links li {
		list-style: none;
		padding: 0 0 5px 18px;
		background: url(/images/arrow.gif) no-repeat 0 2px;
		font-size: 11px;
		line-height: 13px;
		}
		.arrow-links a {
			display: block;
			color: #000;
			font-weight: bold;
			}
		.arrow-links a:hover {
			color: #ff6e00;
			}



/* FORMS
------------------------------------------------------------------------------------------ */

.input-text {
	padding: 3px;
	border: 1px solid #aaa;
	border-top-color: #676767;
	border-bottom-color: #c0c0c0;
	background: url(/images/input-text-bg.png) no-repeat 0 0;
	}



/* MAIN COLUMN
------------------------------------------------------------------------------------------ */

.multi-column {
	overflow: hidden;
	}
	.column-one {
		float: left;
		width: 253px;
		}
	.column-two {
		float: right;
		width: 253px;
		}
	.icon-list {
		margin: 0 3px 0 2px;
		border: none;
		}
		.icon-list .td-icon {
			padding: 13px 0;
			width: 74px;
			height: 60px;
			border-bottom: 1px solid #bfbfbf;
			text-align: center;
			vertical-align: middle;
			}
		.icon-list .td-text {
			padding: 13px 0;
			width: 174px;
			height: 60px;
			border-bottom: 1px solid #bfbfbf;
			text-align: left;
			vertical-align: middle;
			}
			.icon-list .td-text a {
				display: block;
				font-size: 15px;
				color: #000;
				font-weight: normal;
				}
			.icon-list .td-text a:hover {
				color: #FF6E00;
				}



/* SIDEBAR
------------------------------------------------------------------------------------------ */


#sidebar p {
	margin-bottom: 11px;
	font-size: 11px;
	line-height: 16px;
	}
.vertical-divided-links {
	margin-bottom: 13px;
	}
	.vertical-divided-links li {
		margin: 0 3px 0 2px;
		list-style: none;
		border-bottom: 1px solid #bfbfbf;
		color: #666666;
		font-size: 11px;
		line-height: 16px;
		}
		.vertical-divided-links a {
			display: block;
			color: #666666;
			padding: 7px 1px;
			}
		.vertical-divided-links a:hover {
			color: #FF6E00;
			text-decoration: none;
			}
#sidebar .horizontal-divided-links {
	margin: 0 3px 20px 2px;
	}
#mailing-list-signup {
	padding: 139px 11px 0 11px;
	margin-bottom: 23px;
	background: url(/images/mailing-list-bg.png) no-repeat 0 0;
	}
	#mailing-list-signup h4, h5 {
		height: 0;
		line-height: 0;
		}
	#mailing-list-signup .checkbox {
		clear: both;
		float: left;
		}
	#mailing-list-signup label {
		display: block;
		margin: 0 0 6px 20px;
		font-size: 11px;
		line-height: 13px;
		}
	#mailing-list-signup .input-text {
		margin: 11px 4px 0 0;
		width: 138px;
		color: #aaa;
		font-size: 11px;
		line-height: 11px;
		}
	#im-in {
		cursor: pointer;
		vertical-align: middle;
		}
#monkeyblog-link {
	height: 125px;
	background: url(/images/monkeyblog-link.gif) no-repeat 0 0;
	}
#monkeyblog-link:hover {
	background-position: 0 -150px;
	}
	
	

/* MASTHEAD
------------------------------------------------------------------------------------------ */

#freeverse {
	position: absolute;
	left: 1px;
	top: 17px;
	width: 245px;
	height: 65px;
	}
	#freeverse .imgswap {
		width: 100%;
		height: 100%;
		background: url(/images/nav-logo.gif) no-repeat 0 0;
		}
	#freeverse .imgswap:hover {
		background-position: 0 -75px;
		}
#nav li {
	position: absolute;
	list-style: none;
	}
	#nav li .imgswap {
		width: 100%;
		height: 100%;
		}
	#nav .imgswap:hover,
	.games #nav-games .imgswap,
	.apps #nav-apps .imgswap,
	.about #nav-about .imgswap,
	.news #nav-news .imgswap,
	.support #nav-support .imgswap,
	.forums #nav-forums .imgswap {
		background-position: 0 -75px;
		}
#nav-games {
	left: 397px;
	top: 0;
	width: 133px;
	height: 70px;
	}
	#nav-games .imgswap {
		background: url(/images/nav-games.gif) no-repeat 0 0;
		}
#nav-apps {
	left: 530px;
	top: 0;
	width: 132px;
	height: 70px;
	}
	#nav-apps .imgswap {
		background: url(/images/nav-apps.gif) no-repeat 0 0;
		}
#nav-about {
	left: 676px;
	top: 34px;
	width: 38px;
	height: 13px;
	}
	#nav-about .imgswap {
		background: url(/images/nav-about.gif) no-repeat 0 0;
		}
#nav-news {
	left: 676px;
	top: 49px;
	width: 38px;
	height: 13px;
	}
	#nav-news .imgswap {
		background: url(/images/nav-news.gif) no-repeat 0 0;
		}
#nav-support {
	left: 727px;
	top: 34px;
	width: 50px;
	height: 13px;
	}
	#nav-support .imgswap {
		background: url(/images/nav-support.gif) no-repeat 0 0;
		}
#nav-forums {
	left: 727px;
	top: 49px;
	width: 50px;
	height: 13px;
	}
	#nav-forums .imgswap {
		background: url(/images/nav-forums.gif) no-repeat 0 0;
		}