/* Fonts */

body, h1, h2, h3, h4, h5, h6, legend, p, .field select,
.field input[type="text"], .field input[type="password"], .field input[type="file"], .field textarea, .field .tagsinput
{
	font-family: 				"Sans";
	font-weight: 				300;
}

body, p, .field input, .field select
{
	color:						#000000;
}

.tab a, .field .adjoined, .button, .button a, .button input, .button button
{
	font-family: 				"Sans";
	font-weight: 				600;
}

/* Shortcuts */

.shortcutsContainer
{
	background:					#f3f3f3;
}

#shortcuts 
{
	vertical-align:				bottom;
}

#shortcuts li
{
	margin:						0;

	padding:					0;
}

#shortcuts a
{
	padding:					7px 10px;
}

#shortcuts .avatar
{
	padding-top:				3px;

	width:						25px;
	height:						25px;

	font-size:					20px;
}

#searchContainer
{
	position:					absolute;

	top:						7px;
	right:						0;
}

ul#searchContainer li
{
	display:					inline-block;

	height:						auto;
}

.no-touch ul#searchContainer li:hover, .no-touch ul#searchContainer li a:hover
{
	color:						#555555;

	background:					transparent;
}

#searchContainer .field a
{
	position:					absolute;

	top:						0;
	right:						0;

	width:						30px;
	height:						36px;

	padding:					6px 0 0 1px;

	font-size:					22px;

	color:						#555555;
}

.no-touch #mainMenu #searchContainer .field a:hover
{
	color:						#555555;

	background:					transparent;
}

#searchContainer .field input
{
	padding-right:				40px;
}

#top .field.search 
{
	margin-top:					0;
}

#top .field.search .button input[type="button"] 
{
	margin-top:					3px;
}

#top .shortcutsContainer .twelve.columns 
{
	text-align:					right;
}

/* Header */

#top .logoContainer
{
	min-height:					0;

	text-align:					center;

	font-size:					0;

	line-height:				0;

	overflow:					hidden;
}

#top .logoContainer .columns
{
	min-height:					0;
}

#top .logoContainer a
{
	display:					inline-block;
}

#top .logo
{
	margin:						0 0 20px;
}

#top .logo.small
{
	max-height:					0;
	margin:						0;
}

#top .colorBar
{
	height:						10px;

	background:					#fdf6bb;
}

#top .hamburger
{
	position:					absolute;
	right:						0;
}

.webGuidelines #top .hamburger span, .no-touch #top .hamburger:hover, .no-touch #top .hamburger.active
{
	color:						#000000;
}

#top .badge
{
	top:						1px;
}

#path a
{
	color:						#000000;
}

/* Bottom */

#logoBlock
{
	position:					absolute;

	top:						-25px;
	left:						50%;

	margin:						0 0 0 -22px;

	width:						44px;
	height:						25px;

	background:					#134175;
}

html #bottom, html #bottom a, html.no-touch #bottom a:hover
{
	color:						#000000;
}

html.no-touch #bottom a:hover
{
	text-decoration:			underline;
}

.colorSchemeButton
{
	margin-bottom:				20px;

	text-align:					center;

	border-bottom:				20px solid;

	cursor:						pointer;
}

.content .loginContent .field label
{
	max-width:					100%;
}

.customDropDown button
{
	font-family: 				"Sans";
}

.intro,
.intro a
{
	font-weight:				300;
	font-size:					24px;
}

@media only screen and (max-width: 768px)
{
	#top .logoContainer
	{
		min-height:					64px;
	}

	#top .hamburger
	{
		display:					block;
	}
}