/*Copyright (c) 2006, 2014, Mirnint. All rights reserved.*/
@author  Mohammed I. Al-Nahhas;
@since 2014/03/18;
@version 3;
@charset "UTF-8";
/* NAVIGATION */
nav>a{ /* main nav on top */
	color:#FFF;
	font-size:14px;
	text-align:center;
	text-decoration:none;
}
nav>a:hover{
	color:#FFF;
	background-color:#888;
	background-color:rgba(60, 60, 60, 0.6);
}
nav img{
	height:32px;
}
.navActive{
	background-color:#509601 !important;
}
.navActive:hover{
	background-color:#F60;
}
/* Subnav, on each page */
#subNav a{	
	font-size:14px;
	color:#FFF;
}
#subNav a:hover{
	color:#FFF;
}
.subNavItemActive{
	border:1px #FFF solid;
	border-top: none;
}
/* BODY PARTS */
header{/* the header on top */
			
}
#headerWrapper{
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#503C3C3C,endColorstr=#503C3C3C); 
	background-color:rgba(60,60,60,0.3);
	border-bottom:1px #999 solid;
	/*box-shadow:0 0 5px #555;*/
}
#headerTitles>h1>a{/*the big header text */
	color:#FFF;
	font-size:42px;
	text-decoration:none;
	font-weight:300;
}
#headerTitles>h1>a:hover{
	color:#F90;
}
#headerTitles>h2{/*the smaller title */
	font-size:15px;
	color:#CCC;
}
.groupTitle>h3{ /* The tilegroup title on the homepage*/
	font-size: 24px;
}
.groupTitle>h3:hover{ /* The tilegroup title on the homepage*/
	color:#FF8000;
}
#content{ /* the content */
	color:#DDD;
	
}
#contentWrapper{
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#503C3C3C,endColorstr=#503C3C3C); 
	background: rgba(60, 60, 60, 0.4); /* nice browsers */
}
footer{
	color:#DDD;
	font-size:10px;
	background-color:rgba(70,70,70,0.5);
	border-top:1px solid #999;
	border-left:1px solid #999;
}
/*Tiles */
.tile:hover{
	outline:1px solid #FFF;
	-moz-box-shadow: 0 0 15px #CCC;
	-webkit-box-shadow: 0 0 15px #CCC;
	box-shadow:  0 0 15px #CCC;
}
@-moz-document url-prefix() { /* Firefox renders outlines wrong, so fix it */
   .tile:hover{
		outline:none;
		-moz-box-shadow: 0 0 15px #CCC, 0 0 1px 1px #FFF;
		box-shadow:  0 0 15px #CCC, 0 0 1px 1px #FFF;
	}	
}