/*	Novomancy CSS file 1.0   
	Global and shell styels    */
	html, body{
		height: 100%;
		_height: 98%;
		width: 100%;
		padding: 0px;
		margin: 0px;
		font-family: arial, sans-serif;
		color: #47383D;
		background-color: #C6B989;
	}
	a, a:visited, a:active, a:link{
		text-decoration: none;
		color: #47383D;
	}
	a:hover{
		text-decoration: underline;
	}
	img{
		border: 0px;
	}
	div.layout{
		position: absolute;
		display: block;
	}
	#novomancy-logo{
		top: 16px;
		right: 25px;
		height: 54px;
		width: 256px;
		background-image: url('../images/novomancy-logo.gif');
	}

	#top-left-corner{
		position: relative;
		float: right;
		top: 0px;
		float: right;
		width: 35px;
		height: 142px;
		background-image: url('../images/top-left.gif');
	}
	#header{
		top: 0px;
		width: 100%;
		height: 80px;
		background-color: #AA9F75;
	}
	#header-row{
		top: 80px;
		width: 100%;
		height: 142px;
		background-image: url('../images/top-left-fade.gif');
	}
	#header-bar{
		position: relative;
		float: right;
		height: 16px;
		width: 93%;
		background-color: #47383D;
		color: #D0D2C2;
		font-weight: bold;
		font-size: 14px;
		margin-bottom: 8px;
	}
	#header-bar img{
		float: left;
		vertical-align: text-top;
		border: 0px;
		margin: 0px;
		height: 16px;
	}
	#header-bar a{
		color: #D0D2C2;
		text-decoration: none;
	}
	#header-bar div{
		float: left;
		padding: 0px 6px;
	}
	#header-bar div:hover, #header-bar div:hover a{
		cursor: pointer;
		background-color: #CEBDC1;
		color: #47383D;
	}
	#header-fade{
		top: 16px;
		height: 106px;
		width: 93%;
		right: 0px;
		background-image: url('../images/top-fade.gif');
		background-repeat: repeat-x;
		background-color: #C6B989;
	}
	#footer{
		bottom: 0px;
		width: 100%;
		height: 122px;
		background-color: #AA9F75;
	}
	#footer-row{
		bottom: 20px;
		width: 100%;
		height: 143px;
		background-image: url('../images/bottom-right-fade.gif');
	}
	#footer-bar{
		position: relative;
		float: left;
		height: 10px;
		width: 93%;
		margin-top: 133px;
		background-color: #47383D;
		line-height: 1px;
		font-size: 1px;
	}
	#footer-fade{
		width: 93%;
		height: 133px;
		top: 0px;
		left: 0px;
		background-position: bottom left;
		background-color: #C6B989;
		background-image: url('../images/bottom-fade.gif');
		background-repeat: repeat-x;
	}
	#bottom-right-corner{
		position: relative;
		float: left;
		height: 143px;
		width: 45px;
		background-image: url('../images/bottom-right.gif');		
	}	
	#content-area{
		top: 120px;
		bottom: 60px;
		left: 6%;
		right: 6%;
		overflow: auto;
	}
	#v-scroll-track{
		position: absolute;
		width: 15px;
		top: 120px;
		bottom: 60px;
		left: 94%;
		border: 1px dashed #AA9F75;
	}
	#v-scroll-handle{
		width: 15px;
		height: 30px;
	}
	#v-scroll-handle:hover{
		background-color: #AA9F75;
	}
	#h-scroll-track{
		position: absolute;
		width: 89%;
		height: 15px;
		bottom: 35px;
		left: 6%;
		border: 1px dashed #AA9F75;
	}
	#h-scroll-handle{
		width: 30px;
		height: 15px;	
	}
	#wait-screen{
		top: 50%;
		margin-top: -92px;
		left: 50%;
		margin-left: -92px;
		height: 200px;
		width: 200px;
		opacity: 0;
		filter: alpha(opacity=0);
	}
	.centered{
		text-align: center;
	}
	hr{
		width: 60%;
	}
	.callout{
		width: 175px;
		font-size: 80%;
		font-style: italic;
		float: right;
		border: 1px solid #AA9F75;
		border-width: 3px 0px;
		margin: 5px;
		padding: 5px;
	}
	.callout img{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.pHeader{
		margin-left: -15px;
		font-variant: small-caps;
		font-weight: bold;
		font-size: 1.2em;
	}
	.smallHeader{
		font-variant: small-caps;
		font-weight: bold;	
	}
	.centeredSmallBlock{
		margin-left: auto;
		margin-right: auto;
		width: 60%;	
	}
	.spacedTop{
		margin-top: 5%;	
	}
	#header-col{
		z-index: 10;
		position: absolute;
		display: block;
		left: 10px;
		width: 300px;
		text-align: center;
	}
	#content-main{
		position: relative;
		display: block;
		padding-left: 335px;	
	}
	.fixed100{
		width: 100px;	
	}
	.tab1{
		margin-left: 1em;	
	}
	.autoWidth{
		width: auto;	
	}
	.marginCentered{
		margin-left: auto;
		margin-right: auto;	
	}
	.float{
		float: left;	
	}
	.floatRight{
		float: right;	
	}
	input{
		width: 300px;	
	}
	textarea{
		width: 300px;
		height: 300px;	
	}
	.noSpacing li{
		padding-bottom: 0em;	
	}
	.code{
		display: block;
		width: 80%;
		padding: 5px;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
		background-color: #AA9F75;
		border: 1px dotted black;
		font-family: monospace;
	}
	.image-frame{
		display: block;
		text-align: center;
		width: 50%;
		padding: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
		background-color: #AA9F75;
		border: 1px dotted black;
		font-size: 9pt;
	}
/*	 Page-specific styles  */
	
	#featured-content-main, #misfit-content-main, #info-content-main, #other-content-main{
		position: relative;
		display: block;
		padding-left: 315px;
	}
	#misfit-content-main #description, #other-content-main #description{
		padding: 8px 50px;
		text-indent: -20px;
	}
	#misfit-content-main div a, #info-content-main a, #other-content-main div a{
		font-weight: bold;
	}
	#misfit-content-main #image-col, #other-content-main #image-col{
		float: right;
		padding: 10px 10px;
		width: 80px;
		text-align: center;
	}
	#featured-image, #misfit-image, #info-image, #other-image{
		position: absolute;
		display: block;
		top: 50%;
		margin-top: -90px;
		left: 10px;
		width: 300px;
	}
	#featured-image{
		margin-top: -137px;
		width: 292px;
	}
	#featured-screenshots{
		display: inline;
		float: left;
		padding: 8px 30px;
		height: 200px;
	}
	#other-image{
		margin-top: -137px;
		width: 292px;	
	}
	#info-image{
		margin-top: -146px;
		width: 292px;	
	}
	#info-content-main ul li{
		padding-bottom: .8em;	
	}
	
	#info-content-main .noSpacing li{
		padding-bottom: 0em;	
	}