#masthead {
	position:relative;
	margin:0 auto;
	background:url(../../gfx/rummble/web/loggedout/ui/bkg_masthead_repeat.jpg) repeat-x top left;
	color:#FFF;
	margin-left:24px;
	z-index:10;
	height:70px;
	margin-bottom:2em;
}

#masthead h1 {
	position:absolute;
	left:-24px;
	top:0;
	color:#FFF;
	font-family:franklin gothic heavy;
	margin:0;
	height:70px;
	padding-left:32px;
	width:388px;
	z-index:11;
	background:transparent url(../../gfx/rummble/web/loggedout/ui/bkg_masthead_left.png) no-repeat bottom left;
}

#masthead h1 a {
	display:block;
	width:220px;
	letter-spacing:-1000em;
	overflow:hidden;
	height:0;
	padding-top:70px;
	background:transparent url(../../gfx/rummble/web/loggedout/ui/logo_rummble_masthead.gif) no-repeat bottom left;
}

#mainNav {
	list-style:none;
	margin:0;
	padding-right:25px;
	position:absolute;
	top:0;
	right:0;
	height:70px;
	z-index:11;
	background:transparent url(../../gfx/rummble/web/loggedout/ui/bkg_masthead_right.jpg) no-repeat bottom right;
}

#mainNav li {
	float:left;
	margin-right:0.5em;
	height:55px;
	width:auto!important;
}

#mainNav li a {
	color:#FFF;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	display:block;
	height:100%;
	padding:10px 0.75em 0 0.75em;
}

/* Highlight the current item in the nav: */
#home #mainNav li.home a,
#home #mainNav li.home a:hover,
#blog #mainNav li.blog a,
#blog #mainNav li.blog a:hover,
#signUp #mainNav li.signUp a,
#signUp #mainNav li.signUp a:hover,
#help #mainNav li.help a,
#help #mainNav li.help a:hover,
#help #rex li.rex a,
#help #rex li.rex a:hover{
	background:transparent url(../../gfx/rummble/web/loggedout/ui/bkg_mainNav_current.gif) repeat-x top left;
}

#home #mainNav li.home a:hover,
#blog #mainNav li.blog a:hover,
#signUp #mainNav li.signUp a:hover,
#help #mainNav li.help a:hover,
#help #rex li.rex a:hover{
	cursor:default;
}

#mainNav li.loginWith {
	padding:10px 0 0 10px;
	font-size:12px;
	font-weight:bold;
	color:rgb(209,161,223)
}

#mainNav li.facebook,
#mainNav li.twitter {
	margin-right:0;
	margin-left:0.75em;
}

#mainNav li.facebook a,
#mainNav li.twitter a {
	padding-right:0;
	padding-left:0
}

#mainNav li a:hover {
	background:transparent url(../../gfx/rummble/web/loggedout/ui/bkg_mainNav_highlight.gif) repeat-x top left;
}

#mainNav li.loginLink form {
	display:none;
}

/* --------------------------------------------- */
/*     The login form for the homepage					 */
/* --------------------------------------------- */

#quickLogin {
	position:absolute;
	padding-bottom:36px;
	top:50px;
	right:215px;
	width:400px;
	z-index:19;
	font-size:11px;
}

#quickLogin input.text, 
#quickLogin input.password {
	font-size:11px;
	padding:6px 4px 6px 8px;
	margin:4px 4px 0 0;
	width:143px;
	background:transparent url(../../gfx/rummble/web/loggedout/forms/bkg_input_small.gif) no-repeat 0 0;
	border:0;
}

#quickLogin input.text:focus, 
#quickLogin input.password:focus,
#quickLogin input.focus {
	background-position:0 -37px;
}

#quickLogin button {
	font-size:11px;

}

#quickLogin button:focus {
	border-color:#FFE95C;
}

#quickLogin fieldset {
	border:0;
	margin:0;
	padding:0 10px;
	background-color:transparent;
	position:absolute;
	width:380px;
}

#quickLogin,
#quickLogin fieldset.coreFields {
	background:transparent url(../../gfx/rummble/web/loggedout/ui/bkg_quickLogin.png) no-repeat bottom left;
}

#quickLogin fieldset.coreFields{
	background-position:top left;
}

#quickLogin fieldset.extraFields{
	display:none;
}

#quickLogin fieldset.coreFields {
	margin-top:-8px;
	padding-top:4px;
}

#quickLogin fieldset.extraFields {
	position:relative;
	bottom:-28px;
}

#quickLogin fieldset.extraFields label{
	float:left;
	margin-top:4px;
}

#quickLogin fieldset.extraFields a{
	float:right;
	margin-top:4px;
	padding-right:14px;
}

#quickLogin fieldset.extraFields label input{
	margin:0 8px 0 0;
	float:left;
}

#quickLogin a:link,
#quickLogin a:visited {
	color:#64B4FF;
	text-decoration:none;
}
/* --------------------------------------------- */
/*     The search form for every page 					 */
/* --------------------------------------------- */

#quickSearch {
	position:absolute;
	bottom:0;
	right:0;
	background:url(../../gfx/rummble/web/loggedout/ui/bkg_quickSearch.png) no-repeat top left;
	padding:6px 16px;
	width:548px;
	text-align:right;
}

#quickSearch fieldset {
	border:0;
	padding:0;
	margin:0;
	float:left;
}

#quickSearch .quickSearchOptionChooser {
	list-style:none;
	display:none;
	position:absolute;
	background-color:#828282;
	border:1px solid #67656A;
	right:16px;
	margin:0;
}

#quickSearch .quickSearchOptionChooser li a,
#quickSearch .controls button {
	font-size:0.9em;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}

#quickSearch .quickSearchOptionChooser li{
	padding:5px;
	text-align:left;
}

#quickSearch .dropDownHandle {
	background:url(../../gfx/rummble/web/loggedout/ui/widget_dropDown.gif) no-repeat center center;
	letter-spacing:-1000em;
	width:18px;
	height:18px;
	margin-top:6px;
	display:block;
	float:right;
	cursor:pointer;
}

#quickSearch .controls {
	background: transparent url(../../gfx/rummble/web/loggedout/ui/bkg_controls.gif) no-repeat right top;
	float:right;
	height:28px;
}

#quickSearch .controls button {
	float:left;
	border:0;
	height:28px;
	background: transparent url(../../gfx/rummble/web/loggedout/ui/bkg_controls.gif) no-repeat left top;

}

#quickSearch input {
	margin:2px 8px;
	padding:2px 4px 0 4px;
	height:20px;
}