/* My Shortbread drop down styles - notification*/

	span#myshb_drop {

	}
	
	span#myshb_drop a{
	
		display:inline-block;
		width:150px;
	
	}
	
	span#myshb_drop span.notifications_bubble
	{
	
		font-size: 58%;
		padding: 4px;
		background-image: url(/assets/img/notifications_bubble.png);
		background-position:0px 3px;
		color:#fff;
		position:absolute;
		right:18px;
		height:16px;
		width:20px;
		text-align:center;		
	}
	
	span#myshb_drop span.notifications_bubble > strong {
		position:relative;
		bottom:4px;
		font-weight:normal;
	}

/*---*/
					
#navigation
{
	padding-top: 6px;
	margin-top: 12px;
}

div#navigation h1, div#menu h2 {
	margin:	 	0;
	padding: 	0;
}

div#navigation h1 a {
	display: 	block;
	width: 		270px;
	height: 	120px;
}

ul#menu {
	color: 		#fff;
	margin: 	0;
	padding: 	0.3em 0em;
}

ul#menu li {
	display: 	inline;
	margin: 	0;
	position: 	relative;
}

ul#menu h2, ul#menu h3 {
	font-size: 		125%;
	font-weight: 	normal;
	display: 		inline;
	text-shadow: 0px 1px 1px #424242;
	behavior: url(/assets/css/PIE.htc);
	font-weight: bold;
}

ul#menu li a {
	color: 		#fff;
	text-decoration: none;
	padding: 	0 0.3em;
	text-shadow: 0px 1px 1px #424242;
}

ul#menu li a:hover {
	text-decoration: none;
}

ul#menu li.mega a {
	padding: 	0 1em 1em 1em;
}

ul#menu li.mega {
	background: transparent url(/assets/img/arrow_down.png) center right no-repeat;
}

ul#menu li.mega_nodrop a {
	padding: 	0 1.0em;
}

ul#menu li.mega a:hover {
	text-decoration: none;
}

ul#menu div {
	display: 	none;
}

ul#menu li.mega div {
	width: 		180px;
	position: 	absolute;
	top: 		1.6em;
	left: 		0em;
	padding: 	1.3em;
	background: #015889;
	color: 		#fff;
	-moz-border-radius-bottomleft: 		6px;
	-moz-border-radius-bottomright: 	6px;
	-webkit-border-bottom-left-radius: 	6px;
	-webkit-border-bottom-right-radius: 6px;
}

ul#menu li.hovering div {
	display: 	block;
	z-index: 1000;
}

ul#menu li.mega div a {
	color: 		#fff;
	padding: 	0;
	background-image: 	none;
	text-decoration: 	none;
}
ul#menu li.mega div a:hover {
	color: 		#fff;
	padding: 	0;
	background-image: 	none;
	text-decoration: 	none;
}

ul#menu li div p.more {
	font-style: 	italic;
	line-height: 	150%;
	font-size: 		90%;
	margin-bottom:	0;
	padding-bottom: 0;
	display: none;
}

ul#menu li div span.more {
	font-style: 	italic;
	line-height: 	150%;
	font-size: 		90%;
	margin-bottom:	0;
	padding-bottom: 0;
}

ul#menu li div p.genres {
	font-size: 		90%;
	line-height: 	150%;
}

ul#menu li div a.more {
	color: 			#fff;
	font-size: 		90%;
}

ul#menu div h3 {
	color: 		#DED8C4;
	font-size: 	1.2em;
	font-weight: bold;
}
ul#menu div p {
	margin: 	0 0 0.8em 0;
	padding: 	0;
}