/*----------------------------------------------------
Moop Index CSS Document 
Created: Tue 29.04.08 @ 15:24 p.m.
Updated: --- --.--.-- @ --:-- -.-.
Author: Kean Richmond
----------------------------------------------------*/

@import url("reset.css");


/*--- 00. Common Elements ---------------------------------------------------------------------------*/

body						{background:url(/images/moop_bkg_index.jpg) repeat-x #4B4B4B; font-family:Arial, Helvetica, sans-serif; font-size:62.5%;}



/*--- 01. Main Layout Elements ---------------------------------------------------------------------------*/

#main_container				{margin:0px auto; position:relative; width:990px;}
#content_container			{padding:240px 0 0 0;}


/*--- 02. Header Elements ---------------------------------------------------------------------------*/

#header						{position:absolute; top:0;}
#header #bronco				{color:#999999; float:right; margin:5px; text-decoration:none;}
#header #bronco:hover		{color:#7AD2E8; text-decoration:underline;}

#header h1 a				{background:url(/images/moop_logo_index.jpg) no-repeat; color:#FFFFFF; display:block; height:136px; margin:48px auto 0 auto; text-indent:-9999px; width:258px;}


/*--- 03. Login Form Elements ---------------------------------------------------------------------------*/

form#login					{padding:0 142px;}
.form_block					{display:inline; float:left; margin:1px 9px 0 9px; width:285px;}
.form_block label			{color:#FFFFFF; display:block; font-size:1.2em; margin:0 0 10px 1px;}
.form_block input			{background:#F7FAFB; border:1px solid #CACBCB; color:#666666; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:7px 0 0 0; padding:9px 5px; width:275px;}

#submit_block				{display:inline; float:left; margin:33px 9px 0 9px; width:80px;}
#submit_block input			{background:url(/images/moop_btn_80_login.gif) no-repeat; border:0; color:#333333; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; height:35px; width:80px!important;}
#submit_block input:hover	{color:#FFFFFF;}


/*--- 04. Login Error Elements ---------------------------------------------------------------------------*/

#login_error				{background:#FAF4F4; border:1px solid #DD9595; clear:both; color:#CE6262; margin:0 0 20px 0; padding:10px;}


/*--- 05. Content Elements ---------------------------------------------------------------------------*/

#content					{color:#CCCCCC; font-size:1.1em; line-height:1.4em; margin:30px auto; width:420px;}
#content p					{text-align:justify;}

a							{color:#CCCCCC; text-decoration:none;}


/*--- 101. Clearfix Elements ---------------------------------------------------------------------------*/

.clearfix:after 			{clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden;}
.clearfix 					{display:inline-block;}
html[xmlns] .clearfix 		{display:block;}
* html .clearfix 			{height:1%;}