@font-face {
    font-family: 'vagrounded_btregular';
    src: url('../../fonts/vagroundedbt-webfont.eot');
    src: url('../../fonts/vagroundedbt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/vagroundedbt-webfont.woff2') format('woff2'),
         url('../../fonts/vagroundedbt-webfont.woff') format('woff'),
         url('../../fonts/vagroundedbt-webfont.ttf') format('truetype'),
         url('../../fonts/vagroundedbt-webfont.svg#vagrounded_btregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* the submenu */
#submenu
{
	
	position: absolute;
	top: 1em;
	right: 1em;
	z-index: 10;
}

#submenu ul
{
	list-style: none;
}

#submenu li
{
	display: inline-block;
}

#submenu li a
{
	text-decoration: none;
	font-family: 'vagrounded_btregular';
	color: black;
	display: block;
	height: 100%;
	width: 100%;
	padding: 0.5em 0.5em;
}




#submenu li:hover > a
{
	color: white;
}

#submenu li
{
	border-radius: 0.5em 0.5em;
}

#parents:hover
{
	background-color: #990066;
}

#members:hover
{
	background-color: #666699;
}

#premium:hover
{
	background-color: #cc0000;
}

#schools:hover
{
	background-color: #006600;
}

#flags ul
{
	text-align: right;
	padding-right: 1em;
}

#search-engine
{
    position: relative;
}

#search-engine img
{
    position: absolute;
    bottom: -7px;
    left: -19px;
}

#search-engine:hover
{
    color: #990066 !important;
}

@-ms-keyframes wiggle{0%{-ms-transform:rotate(3deg);}50%{-ms-transform:rotate(-3deg);}100%{-ms-transform:rotate(3deg);}}
@-moz-keyframes wiggle{0%{-moz-transform:rotate(3deg);}50%{-moz-transform:rotate(-3deg);}100%{-moz-transform:rotate(3deg);}}
@-webkit-keyframes wiggle{0%{-webkit-transform:rotate(3deg);}50%{-webkit-transform:rotate(-3deg);}100%{-webkit-transform:rotate(3deg);}}
@keyframes wiggle{0%{transform:rotate(3deg);}50%{transform:rotate(-3deg);}100%{transform:rotate(3deg);}}
.wiggle-me{-ms-animation:wiggle .3s 2;-moz-animation:wiggle .3s 2;-webkit-animation:wiggle .3s 2;animation:wiggle .3s 2;}

/* social icons */
#social
{
	list-style: none;
	position: absolute;
	left: 20px;
	top: 10px;
}

#social li
{
	display: inline-block;
	margin-right: 1em;
}

#social li a
{
	text-decoration: none;
}

#social li img
{
	width: 40px;
}