/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* Modified for AAD by KH
*/

/* #Header Styles
================================================== */
header{
	background: #fff;
	left: 0; top: 0;
	min-height:142px; height:auto !important; height:142px; 
	position: fixed;
	width: 100%;
	z-index: 101;
}
.shade{
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
header a#logo{
	background: url(../images/logo.png) top left no-repeat;
	display: block;
	left: 6px; top: 6px;
	position: absolute;
	text-indent: -999em;
	width: 110px; height: 110px;
}
header a#logo.char1{
	background: url(../images/COUNT-GIF.gif) top left no-repeat;
}
header a#logo.char2{
	background: url(../images/PLAY-GIF.gif) top left no-repeat;
}
header a#logo.char3{
	background: url(../images/READ-GIF.gif) top left no-repeat;
}
header a#logo.char4{
	background: url(../images/WRITE-GIF.gif) top left no-repeat;
}
header a#logo.char5{
	background: url(../images/TALK-GIF.gif) top left no-repeat;
}
header nav ul{
	font-family: 'Avenir LT W01 85 Heavy', "Helvetica Neue";
	font-size: 24px; line-height: 24px;
	width: 654px;
	margin: 0 auto;
}
header nav ul li{
	border-right: 1px solid #CCCCCC;
	float: left;
	margin: 30px 0 30px 0; padding: 0;	
	text-align: center;
	width: 128px;
} 
header nav ul li:last-child{
	border-right: none;
} 
header nav ul li a{
	display: block;
	width: 100%;
	-webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out;	opacity: 1;	
}
header nav ul li a:hover{
	-webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out;	opacity: 0.5;
}
header nav ul li a{
	opacity: 0.5;
}
header nav ul li a.live{
	opacity: 1;
}
header .support{
	font-size: 12px; line-height: 14px;
	position: absolute;
	right: 0; top: 0;
	text-align: center;
	width: 130px;
}
header .support hr{
	margin: 5px auto;
	width: 37px;
}
a.updates {
	background: #FCEE21;
	border-radius: 5px;
	box-shadow: 3px 5px 20px #f2f2f2;
	display: block;
	font-size: 12px;
	line-height: 14px;
	margin: 15px auto 10px auto;
	width: 70px;
	padding: 12px 15px 12px 15px;
}
/*
a.updates{
	background: #FCEE21;
	border-radius: 5px;
	box-shadow: 3px 5px 20px #f2f2f2;
	display: block;
	font-size: 12px; line-height: 14px;
	margin: -5px auto 10px auto;
	width: 65px;
	padding: 12px 15px;
}*/
.section-title{
	width: 100%;
}
.section-title h1{
	font-size: 40px; line-height: 32px;
	margin: 20px auto;
	text-align: center;	
	width: 685px;		
}
header ul.activities{
	font-family: 'Avenir LT W01 55 Roman', "Helvetica Neue";
	font-size: 20px; line-height: 20px;
	width: 685px;
	margin: 0 auto;
	padding: 0;
}
header ul.activities li{
	border: 0;
	float: left;
	margin: 0 0 0 0; padding: 0 0 0 0;	
	text-align: center;
	width: 137px;
} 
header ul.activities li a{
	display: block;
	opacity: 1;
	padding: 10px 0;	
	width: 100%;	
}
header ul.activities li a.close{
	background: aqua;
}
header ul.activities li:first-child a{
	border-top-left-radius: 10px;
}
header ul.activities li:last-child a{
	border-top-right-radius: 10px;
}
header ul.activities li a.read{
	background: #FFDB29;	
}
header ul.activities li a.write{
	background: #FFA6A6;	
}
header ul.activities li a.count{
	background: #BDDEF3;	
}
header ul.activities li a.talk{
	background: #B3D88B;	
}
header ul.activities li a.play{
	background: #C4BFDF;	
}
ul.activities-mobile{
	display: none;
}

.ie header nav ul li{
	text-align: center;
	width: 120px;
	border: 0;
}