/**************************************************************************
		default.css
**************************************************************************/
BODY {
	background: rgb(213,213,213) url('/images/body_bg.png');	
	

}
/*@font-face {
  font-family: "jamiro";
  src: url(/custom/fonts/jamiro.ttf) format("truetype");
}
@font-face {
  font-family: "journal";
  src: url(/custom/fonts/journal.ttf) format("truetype");
}*/
#container {
	position:relative;
	width: 750px;
	margin:10px auto;
}
	#mainBody {
		position:absolute;
		width:539px;
		margin-left:200px;
		z-index:2;
		background:url('/images/mainBody_top.png') no-repeat top left;
	
	}
		#mainBody .header {
			height:110px;
			margin:4px 0px 0px 4px;
			padding:0px;
			text-indent: -9999px;
			background:url('/images/mainBody_header.png') no-repeat top left
		}
		#mainBody DIV.mainmenu {
			height:60px;
			margin-left:4px;
			margin-right: 16px;
			background:url('/images/mainBody_menu.png') repeat-x bottom left;
			border-top: 1px solid #929292;
		}
			#mainBody .mainmenu A.mainmenu {
				float:left;
				color: #333;
				font-size: 12	px;			
				padding: 3px 14px 0px;
				height:57px;
				border-left: 1px solid #fff;
				border-right: 1px solid #cbcbcb;
				text-align: center;
				text-decoration: none;
				
			}
				#mainBody .mainmenu A.mainmenu SPAN {
					display: block;
					height: 32px;
				}
				#mainBody .mainmenu A.menuItem_23 SPAN {background:url('/images/icons/newspaper.png') no-repeat center center;}
				#mainBody .mainmenu A.menuItem_5 SPAN {background:url('/images/icons/projects.png') no-repeat center center;}
				#mainBody .mainmenu A.menuItem_6 SPAN {background:url('/images/icons/download.png') no-repeat center center;}
				#mainBody .mainmenu A.menuItem_17 SPAN {background:url('/images/icons/earth2.png') no-repeat center center;}
				#mainBody .mainmenu A.menuItem_11 SPAN {background:url('/images/icons/information2.png') no-repeat center center;}

			#mainBody .mainmenu A.mainmenu:hover, 				
			#mainBody .mainmenu A.active {
				border-left:1px solid #929292;
				background:url('/images/mainBody_menu_on.png') no-repeat bottom center;
				color: #fff;
			}
			#mainBody .mainmenu A.first:hover {border-left: none;}
			#mainBody .mainmenu .breadcrumbs {
				padding: 5px 0px;
				margin:0px 10px;
				font-size:10px;
				color: #666;
				clear: both;
			}
				#mainBody .mainmenu .breadcrumbs A { color: #666;}
				#mainBody .mainmenu .breadcrumbs A:hover {color: #333;}
		#mainBody .body {
			clear: both;
			background:url('/images/mainBody_body.png') repeat-y top left;
			
			
		}
			#mainBody .body .content {
				min-height:450px;
				margin:24px 14px 0px 4px;
				padding-bottom: 30px;
				background:url('/images/mainBody_content.png') repeat-x bottom left;
			}
				#mainBody .body .content .moduleTitle {
					font-family: 'Comic Sans MS',Textile,cursive;
					font-size:20px;
					line-height: 26px;
					padding: 5px;
					margin-bottom:10px;
					letter-spacing: 0px;
					clear: both;
					color:#333;
				}
				#mainBody .body .content .moduleContent {
					margin: 0px 10px;
				}
		#mainBody .footer {
			background:url('/images/mainBody_footer.png') no-repeat bottom left;
			height:47px;
		}
			#mainBody .footer .menu {
				font-size:11px;
				color:#777;
				margin:0px 30px 0px 4px;
				padding:15px 10px 0px 10px;
				line-height: 16px;
			}
			#mainBody .footer .menu A {color:#333; margin:0px 1px; line-height: 16px;}
	#sideBar {
		width:170px;
		position:absolute;
		z-index:1;
		display:'none';
		top:100px;
		left:200px;
		background:url('/images/sideBar_header.png') no-repeat top left;
	}

		#sideBar .header {
			font-size:11px;
			line-height: 12px;
			padding:6px 0px 0px 30px;
			overflow:hidden;
			height:18px;
			margin:0px;
			color:white;
			position:relative;
		}
			#sideBar .header DIV {
				position:absolute;
				right:0px;
				top:1px;
				width:1px;
				height:24px;
				background:#fff;
			}
		#sideBar .body { background-color:#fff;border-left:1px solid #c8c8c8;}
		#sideBar .body .content { 
			position:relative;
			margin:0px 0px 0px 4px;
			min-height: 350px;
			background:url('/images/mainBody_content.png') repeat-x bottom left;
			font-size:11px;
		}
		#sideBar .body .content A {
			display:block;
			color:#666;
			text-decoration:none;
			padding-left:10px;
			line-height:22px;
			margin:0px 6px 0px 0px;
			border:1px solid #fff;
			-moz-border-radius: 3px;-webkit-border-radius: 3px;
		}
		#sideBar .body .content A SPAN { display:block;}
		#sideBar .body .content A:hover {
			margin:0px 5px 0px 0px;
			background:url('/images/button_bg.png') repeat-x bottom left;
			border:1px solid #bfbfbf;
		}
		#sideBar .body .content A:hover SPAN {background:url('/images/button_bg.png') no-repeat bottom right;}
		#sideBar .body .content H3 { background-color:#b3d122;color:white;padding-left:30px;margin:2px 0px;} 
		#sideBar .body .content DIV.menuItem { border-top:1px solid #ccc;color:#666;background-color:#eee;font-size: 11px;margin-bottom:5px; padding-left:10px;font-weight:bold;}
		#sideBar .body .content #featureProjects { position:absolute; bottom:4px;left:2px;right:4px; }
		#sideBar .footer {
			height:7px;
			background-image: url('/images/sideBar_footer.png');
			background-repeat: no-repeat;
			background-position: 1px 0px;
		}

	.branding {	text-align: right;font-size:10px;color: #666; line-height:12px; padding-right: 30px;}
		.branding A { color: #333;}
			.branding A IMG { margin-bottom: 5px;}


	#featureProjects A {height:auto !important;margin:3px 0px;text-align:center;padding:5px;}
	.screenshots {clear:both;background:#fff;border:1px solid #ccc;}
	.screenshots A {padding:5px;text-align:center;margin:1px;float:left;text-decoration: none;color:#333;font-size:10px;}
	.screenshots A:hover {background:#ddd;}
	.donate BUTTON {
		display:block;
		border:none;
		padding: 0px;
		margin: 0px;
		background-color:transparent;
		height:22px;
		width:100%;
	}
		.donate BUTTON SPAN {
			display:block;
			width: 155px;
			line-height: 22px;
			margin: 0px;
			padding: 0px;
		}
		.donate BUTTON:hover {background:url('/images/button_bg.png') no-repeat 2px 0px;}
		.donate BUTTON:hover SPAN {background:url('/images/button_bg.png') no-repeat bottom right;}
		
.clear {overflow:hidden;height:1px;clear:both;}

.ig_reset {margin: 0px;}
.ig_reset DIV { display: none;}
.ig_reset TBODY TR:last-child {display: none;}

/**************************************************************************
		squeezebox.css
**************************************************************************/
#sbox-window embed, #sbox-window object, #sbox-window select
{
	visibility:				visible;
}

#sbox-overlay
{
	position:				absolute;
	background-color:		#000;
}

#sbox-window
{
	position:				absolute;
	background-color:		#fff;
	text-align:				left;
	overflow:				visible;
	padding:				10px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
}

#sbox-btn-close
{
	position:				absolute;
	width:					30px;
	height:					30px;
	right:					-15px;
	top:					-15px;
	background:				url(/images/remooz/closebox.png) no-repeat center;
	border:					none;
}

.sbox-window-ie6 #sbox-btn-close
{
	background-image:		url(/images/remooz/closebox.gif);
}

.sbox-loading #sbox-content
{
	background-image:		url(/images/remooz/spinner.gif);
	background-repeat:		no-repeat;
	background-position:	center;
}

#sbox-content
{
	clear:					both;
	overflow:				auto;
	background-color:		#fff;
	height:					100%;
	width:					100%;
}

.sbox-content-image#sbox-content
{
	overflow:				visible;
}

#sbox-image
{
	display:				block;
}

.sbox-content-image img
{
	display:				block;
}

.sbox-content-iframe#sbox-content
{
	overflow:				visible;
}

.body-overlayed embed, .body-overlayed object, .body-overlayed select
{
	visibility:				hidden;
}