/*
Theme Name: Kysol
Theme URI: http://kysol.com/
Description: Official theme for Kysol.
Version: 1.0
Author: Scott Moss
Author URI: http://gammy.net/
Tags: white, fixed width, two columns, widgets
*/

BODY {
	margin:					0px;
	padding:				0px;
	color:					#000;
	font-family:				Verdana;
	font-size:				12px;
	background-color:			#999;
}
A {
	color:					#b5e984;
	font-weight:				bold;
	text-decoration:			none;
}
A:hover {
	text-decoration:			underline;
}

#page {
	width:					800px;
	margin:					auto auto;
	visibility:				hidden;
}

#main {
	position:				relative;
	width:					800px;
	height:					422px;
	background-image:			url( 'images/background.png' );
	background-repeat:			no-repeat;
}

#content {
	position:				absolute;
	left:					20px;
	top:					20px;
	width:					760px;
	height:					275px;
	border:					solid 1px #000;
	color:					#fff;
	overflow:				hidden;
	background-image:			url( 'images/shade.png' );
	background-repeat:			repeat;
}
#content_loader {
	position:				absolute;
	bottom:					0px;
	right:					0px;
	width:					120px;
	height:					20px;
	background-color:			#666;
	background-image:			url( 'images/loader.gif' );
	background-repeat:			no-repeat;
	background-position:			6px 4px;
	z-index:				100;
	-moz-border-top-left-radius:		5px;
	-webkit-border-top-left-radius:		5px;
	font-style:				italic;
	padding-left:				30px;
	padding-top:				4px;
}
.content_loader {
	visibility:				hidden;
}
#content_track {
	position:				absolute;
	right:					0;
	top:					27px;
	height:					244px;
	width:					10px;
	background-color:			#111;
	cursor:					move;
	margin:					2px;
}
#content_handle {
	width:					10px;
	background-color:			#999;
	cursor:					move;
	-moz-border-radius:			5px;
	-webkit-border-radius:			5px;
	opacity:				0.9;
	-moz-opacity:				0.9;
}
#navigation {
	width:					760px;
	height:					26px;
	border-top:				solid 1px #fff;
	border-bottom:				solid 1px #000;
	background-image:			url( 'images/gradient.png' );
	background-repeat:			repeat-x;
}
#navigation_title {
	padding:				4px;
	font-size:				10px;
	position:				absolute;
	left:					50px;
	top:					5px;
	min-width:				40px;
}
.navigation_title_shadow {
	position:					relative;
	display:					block;
	color:						#fff;
	white-space:					nowrap;
}
	.navigation_title_shadow SPAN {
		position:				absolute;
		display:				block;
		top:					3px;
		padding-left:				3px;
		padding-right:				4px;
	}
	.navigation_title_shadow:before {
		display:				block;
		color:					#000;
		padding-top:				0px;
		padding-left:				4px;
		padding-right:				4px;
		content:				attr(title);
	}
.navigation_button {
	border:					solid 1px #104310;
	border-top:				solid 1px #b5e984;
	border-left:				solid 1px #b5e984;
	padding:				3px;
	font-size:				10px;
	cursor:					pointer;
	background-image:			url( 'images/gradient.png' );
	background-repeat:			repeat-x;
	background-position:			0px 0px;
	min-width:				30px;
}
.navigation_button:hover {
	border:					solid 1px #93c762;
	border-top:				solid 1px #326532;
	border-left:				solid 1px #326532;
	background-image:			url( 'images/gradient.png' );
	background-repeat:			repeat-x;
	background-position:			0px -8px;
	background-color:			#326532;
}
.navigation_button_shadow {
	position:					relative;
	display:					block;
	color:						#fff;
	white-space:					nowrap;
}
	.navigation_button_shadow SPAN {
		position:				absolute;
		display:				block;
		top:					3px;
		padding-left:				3px;
		padding-right:				4px;
	}
	.navigation_button_shadow:before {
		display:				block;
		color:					#000;
		padding-top:				1px;
		padding-left:				4px;
		padding-right:				4px;
		content:				attr(title);
	}
#navigation_button_home {
	position:				absolute;
	left:					3px;
	top:					4px;
	width:					40px;
}
#navigation_button_category {
	position:				absolute;
	right:					3px;
	top:					4px;
	width:					150px;
}
#navigation_button_category:hover #navigation_button_category_list {
	display:				block;
}
#navigation_button_category_list {
	display:				none;
}
#navigation_button_category_list UL {
	margin:					0px;
	margin-bottom:				5px;
	padding:				0px;
	list-style-type:			none;
	list-style-position:			outside;
}
#navigation_button_category_list LI {
	margin:					5px;
	padding:				0px;
	font-size:				10px;
}
#navigation_button_category_list LI A {
	font-weight:				normal;
}
#navigation_button_category_list LI A:hover {
	text-decoration:			none;
}
#content_data {
	overflow:				hidden;
	width:					736px;
	height:					237px;
	padding:				5px;
	text-align:				justify;
}
#content_data P {
	margin-top:				0px;
}

#menu {
	position:				absolute;
	left:					20px;
	top:					305px;
	width:					760px;
	height:					100px;
}
.icon {
	width:					70px;
	height:					64px;
	float:					left;
	margin-top:				18px;
	margin-right:				18px;
	color:					#fff;
	text-align:				center;
	font-size:				10px;
	cursor:					pointer;
}
.icon:hover .icon-description {
	display:				block;
}
.icon IMG {
	width:					64px;
	height:					64px;
}
.icon-description {
	display:				none;
	background-color:			#000;
	padding:				4px;
	-moz-border-radius:			6px;
	-webkit-border-radius:			6px;
	font-size:				10px;
	border:					solid 1px #fff;
}

#logo {
	position:				absolute;
	right:					0px;
	top:					10px;
	width:					170px;
	height:					80px;
	background-image:			url( 'images/logo.png' );
	background-repeat:			no-repeat;
}

#footer {
	width:					800px;
	height:					178px;
	background-image:			url( 'images/background.png' );
	background-repeat:			no-repeat;
	background-position:			0px -422px;
}

#error {

}
#error-icon {
	width:					64px;
	height:					64px;
	float:					left;
	margin-right:				10px;
}
#error-monkey {
	width:					191px;
	height:					164px;
	float:					right;
	margin-left:				10px;
}
#error H1 {
	margin:					0px;
	padding:				0px;
	padding-top:				16px;
	padding-bottom:				24px;
}
.right {
	float:					right;
}