/*
ngmoco:)
Ribbon styles
*/

/* Whitespace Reset */

* {
	
}

/* ribbon/images */

a img {
	border: none;
	outline: none;
}

a {
	outline: none;
}

/* @group Ribbon */

#ribbon {
	position: relative;
	width: 100%;
	height: 53px;
	z-index: 9;
	background: url(/ribbon/images/band.png) repeat-x center top;
	text-align: center;
	padding: 0;
	margin: 0 0 20px;
}

#ribbon a {
    border: none;
}

#ribbon .band {
    position: relative;
	min-width: 920px;
    height: 58px;
    margin-left: 18px;
    margin-right: 18px;
    padding-left: 20px;
    background: url(/ribbon/images/shadow.png) no-repeat center -3px;
    padding-right: 20px;
}

#ribbon .band strong {
	display: block;
	float: left;
	width: 108px;
	height: 51px;
	background: url(/ribbon/images/logo.gif) no-repeat 0 bottom;
}

#ribbon .band a.ngmoco {
	display: block;
	width: 108px;
	height: 51px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/ribbon/images/logo.gif) no-repeat 0 top;
}

#ribbon .band a.ngmoco:hover {
	background: url(/ribbon/images/logo.gif) no-repeat 0 bottom;
}

#ribbon .band a.ngmoco:active {
	margin-top: 1px;
}

#ribbon .band ul {
	float: left;
	list-style: none;
	height: 41px;
	margin: 0;
	padding: 6px 0;
}

#ribbon .band ul.internal {
	padding-left: 40px;
	width: 532px;
}

#ribbon .band ul.external {
    width: 200px;
    background: url(/ribbon/images/indent.gif) no-repeat 0 6px;
    float: right;
}

/* @group List */

#ribbon .band ul li {
	float: left;
	height: 41px;
	display: inline;
	overflow: hidden;
	margin: 0;
}

#ribbon .band ul.internal li {
	margin-right: 20px;
}

#ribbon .band ul.external li {
	margin-left: 18px;
}

#ribbon .band ul li.games {
	width: 78px;
}

#ribbon .band ul li.jobs {
	width: 67px;
}

#ribbon .band ul li.about {
	width: 76px;
}

#ribbon .band ul li.makers {
	width: 119px;
}

#ribbon .band ul li.mobage {
	width: 137px;
}

#ribbon .band ul li.plus {
	width: 74px;
}

#ribbon .band ul li.twitter {
	width: 64px;
}

#ribbon .band ul li.support {
	width: 81px;
}

/* @end */

/* @group Links */

#ribbon .band ul li a {
	height: 41px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(/ribbon/images/nav2.gif);
}

#ribbon .band ul li.games a {
	background-position: 0 top;
	width: 78px;
}

#ribbon .band ul li.games a:hover {
	background-position: 0 bottom;
}

#ribbon .band ul li.jobs a {
	background-position: -78px top;
	width: 67px;
}

#ribbon .band ul li.jobs a:hover {
	background-position: -78px bottom;
}

#ribbon .band ul li.about a {
	background-position: -145px top;
	width: 76px;
}

#ribbon .band ul li.about a:hover {
	background-position: -145px bottom;
}

#ribbon .band ul li.makers a {
	background-position: -221px top;
	width: 119px;
}

#ribbon .band ul li.makers a:hover {
	background-position: -221px bottom;
}

#ribbon .band ul li.mobage a {
	background-position: -221px top;
	width: 137px;
}

#ribbon .band ul li.mobage a:hover {
	background-position: -221px bottom;
}

#ribbon .band ul li.plus a {
	background: url(/ribbon/images/plus.gif) no-repeat left top;
	width: 74px;
}

#ribbon .band ul li.plus a:hover {
	background: url(/ribbon/images/plus.gif) no-repeat left bottom;
}

#ribbon .band ul li.twitter a {
	background-position: -358px top;
	width: 64px;
}

#ribbon .band ul li.twitter a:hover {
	background-position: -358px bottom;
}

#ribbon .band ul li.support a {
	background-position: -421px top;
	width: 81px;
}

#ribbon .band ul li.support a:hover {
	background-position: -421px bottom;
}

#ribbon .band ul li a:active {
	margin-top: 1px;
}

/* @end */

/* @end */