/*
* CSS File for: Catacomb Snatch info
* ==========================================
* This file was created by: SpaceEmotion
*/

/* ================ Imports ================ */

	@import url("reset.css");
	@import url("fonts.css");
	@import url("fancybox.css");


/* ================ General ================ */

	html, body { height: 100%; }

	body {
		font: 14px "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
		line-height: 18px;
		background: #fff8ee url(img/bg.png) repeat-x top center;
		color: #362928;
	}

	.clear, .push { clear: both; }
	.push { height: 230px; }
	
	a {
		text-decoration: none;
		color: #5085bb;
	}
	
	a:hover {
		text-decoration: underline;
		color: #b09378;
	}
	
	h1, h2, h3, h4, h5, h6 {
		font-family: "Nilland", "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
		font-weight: bold;
		color: #5e3c1e;
	}
	
		h1 {
			font-size: 24px;
			margin-bottom: 15px;
		}
		
		h2 {
			font-size: 18px;
			font-weight: bold;
		}
		
	p { margin: 10px 0 25px; }
	
	small { font-size: 10px; }
	
	ul.square {
		list-style: inside square;
		margin-left: 15px;
	}
	
	.colLeft { float: left; }
	.colRight { float: right; }
	
	
	#wrapper {
		width: 950px;
		margin: 0 auto;
		min-width: 950px;
	}
	

	.wrapper {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -230px;
	}
	

	.header { height: 128px; }
	
		.header #wrapper {
			width: 960px;
			min-width: 960px;
		}
	
		.header .logo {
			float: left;
			width: 236px;
			height: 97px;
			display: block;
			margin-top: 15px;
		}
		
		.header #navigation {
			float: right;
			margin-top: 40px;
		}
	
	
	#navigation ul li {
		float: left;
		margin-right: 20px;
		text-align: center;
	}
	
		#navigation ul li#forum { margin-right: 0; }
	
		#navigation ul li a {
			font-family: "Nilland-ExtraBold", "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
			color: #fff;
			text-transform: uppercase;
			font-size: 18px;
			display: block;
			height: 33px;
			width: 140px;
			padding: 13px 0 0;
			border-radius: 5px;
			text-shadow: 0 1px 1px #000;
			font-weight: bold;
		}
		
		#navigation ul li a:hover {
			background: #8c6747;
			text-decoration: none;
		}
		#navigation ul li.current a { background: #a38e15; }
		
	#content {
		line-height: 26px;
		margin: 36px 0;
	}
	
	.footer {
		background: url(img/footer.png) repeat-x bottom center;
		text-align: center;
		font-size: 12px;
		text-shadow: 0 1px 0 #fff;
		bottom: 0;
		width: 100%;
		padding: 15px 0 35px;
		margin-top: 25px;
	}
	
		.footer p {
			font-size: 10px;
			margin-bottom: 0;
		}
		
	.divider1 {
		background: url(img/div.png) no-repeat center center;
		display: block;
		height: 46px;
		width: 940px;
		margin: 0 auto;
	}	
		
		
		
		
		
		
		
		
	#content .introduction {
		word-spacing: 3px;
		height: 268px;
	}
	
		.introduction .colLeft { width: 680px; }
		
			#content .introduction .colLeft p { margin-top: 32px; }	
			
		.introduction .colRight {
			width: 240px;
			text-align: center;
		}
		
			.introduction .colRight small {
				color: #b09378;
				font-size: 10px;
			}
			
			.introduction .colRight ul li {
				display: block;
				height: auto;
				width: 244px;
				margin: 5px auto 5px;
			}	

/*			
	a.downloadButton {
		background: url(img/download_btn.png) no-repeat 0 0;
		display: block;
		height: 40px;
		width: 162px;
		padding: 45px 0 0 82px;
		color: #fff;
		font-size: 11px;
		text-align: left;
		float: left;
	}
		a.downloadButton:hover {
			background-position: 0 -85px;
			text-decoration: none;
		}
	
	a.downloadButton.mac,
	a.downloadButton.linux,
	a.downloadButton.dev { color: #855e3d; }
		
	a.downloadButton.mac { background-position: -244px 0; }
		a.downloadButton.mac:hover { background-position: -244px -85px }
		
	a.downloadButton.linux,
	a.downloadButton.dev {
		width: 191px;
		height: 27px;
		padding: 8px 5px 8px 48px;
	}
	
	a.downloadButton.linux { background-position: -488px 0; }
		a.downloadButton.linux:hover { background-position: -488px -43px }
	a.downloadButton.dev { background-position: -488px -85px; }
		a.downloadButton.dev:hover { background-position: -488px -128px }
	*/
	
	div.downloadBox ul.type {
		height: 60px;
		clear: both;
	}
	
		div.downloadBox ul.type li,
		div.downloadBox ul.type li a {
			height: 60px;
			width: 60px;
			display: block;
			margin: 0;
			float: left;
		}
	
		div.downloadBox ul.type li a {
			background: url(./img/downloadBox.png) no-repeat 0 0;
			text-indent: -99999px;
		}
		
			div.downloadBox ul.type li.mac a { background-position: -60px 0; }
			div.downloadBox ul.type li.linux a { background-position: -120px 0; }
			div.downloadBox ul.type li.dev a { background-position: -180px 0; }
			
			div.downloadBox ul.type li.win a:hover,
			div.downloadBox ul.type li.win a.selected { background-position: 0 -60px; }
			
			div.downloadBox ul.type li.mac a:hover,
			div.downloadBox ul.type li.mac a.selected { background-position: -60px -60px; }
			
			div.downloadBox ul.type li.linux a:hover,
			div.downloadBox ul.type li.linux a.selected { background-position: -120px -60px; }
			
			div.downloadBox ul.type li.dev a:hover,
			div.downloadBox ul.type li.dev a.selected { background-position: -180px -60px; }
	
	
	div.downloadBox .box {
		background: url(./img/downloadBox.png) no-repeat 0 -168px;
		display: block;
		width: 240px;
		padding: 8px 0 0;
	}
	
		div.downloadBox .box h2 { margin-bottom: 8px; }
		div.downloadBox .box h3 { margin: 8px 0 4px 18px; }
	
		div.downloadBox .box a.downloadButton {
			background: url(./img/downloadBox.png) no-repeat 0 -120px;
			padding-left: 48px;
			width: 192px;
			font-size: 11px;
			height: 24px;
			display: block;
			text-align: left;
			margin: 1px 0;
		}
		
		div.downloadBox .box a.downloadButton:hover {
			background: url(./img/downloadBox.png) no-repeat 0 -144px;
			text-decoration: none;
			color: #362928;
		}
	
		
	#content .featureListing ul li {
		display: block;
		width: 460px;
		height: 140px;
		float: left;
		margin: 0 30px 40px 0;
	}
		

		#content .featureListing ul li.towers,
		#content .featureListing ul li.menu { margin-right: 0; }
	

		#content .featureListing ul li .colLeft {
			width: 140px;
			height: 140px;
		}
		
		#content .featureListing ul li .colRight {
			width: 300px;
			height: 140px;
		}
	
	
	ul.changelogList { margin-top: 10px; }
	
	ul.changelogList li {
		border-radius: 5px;
		margin-bottom: 10px;
	}
	ul.changelogList li:nth-child(even) { background-color: #f5e5d5; }
	
	ul.changelogList a { color: #362928; }
	ul.changelogList a:hover { text-decoration: none }
	
	ul.changelogList li a,
	#updateChangeLog a.loadNew {
		padding: 5px;
		border-radius: 5px;
		cursor: pointer;
		display: block;
	}
	
	ul.changelogList li a:hover {
		background-color: #F1D4B3;
		border-color: #F1D4B3; }
	
	
	#updateChangeLog a.loadNew {
		text-align: center;
		display: block;
	}
	
	#updateChangeLog a.loadNew:hover {
		background-color: #f5e5d5;
		text-decoration: none;
		color: #362928;
	}
	
	a.fancybox img {
		border: 1px solid #b09378;
		padding: 2px;
		background: #fff;
		border-radius: 3px;
		opacity: 0.8;
	}
	
	a.fancybox:hover img {
		border-color: #9f754a;
		border-width: 2px;
		padding: 1px;
		opacity: 1;
	}