/*Choas Cluster Main CSS (the top menu is menuh.css)*/

/*Basic stuff*/
body
{
	background-color:#999999;
	margin:0;
	padding:0;
}

h1
{
	text-align:center;
}

h2
{
	text-align:center;
}

a,a:visited
{
	color:#FF0000;
}

a:hover
{
	color:yellow;
}

a:active
{
	background-color:cornflowerblue;
}

.center
{
	text-align:center;
}

/*------------------------------------------------------------------------------------------------*/
/*Main layout classes*/
/*Note: There are 3 page types here - You'll need #layout, #wrapper, and #footer no matter what
        you're doing, but 
        Equal columns: #left and #right
        Smaller left: #smallleft and #largeright
        3 columns: #smallleft, #middle, and #smallright*/

#layout
{
	width:100%;
	background-color:#666666;
	margin:0;
	padding:0;
}

#wrapper
{
	margin:0;
	padding:0;
	/*border-left:2px solid;
	border-right:2px solid;*/
}

#left
{
	float:left;
	min-height:1px;/*Force IE to behave*/
	width:50%;
	background-color:#666666;
}

#right
{
	float:right;
	min-height:1px;/*Force IE to behave*/
	width:50%;
	background-color:#666666;
}

#smallleft
{
	float:left;
	min-height:1px;/*Force IE to behave*/
	width:25%;
	background-color:#666666;
}

#largeright
{
	float:right;
	min-height:1px;/*Force IE to behave*/
	width:75%;
	background-color:#666666;
}

#middle
{
	float:left;
	width:50%;
	background-color:#666666;
}

#smallright
{
	float:right;
	width:25%;
	background-color:#666666;
}

#singlecolumn
{
	width:100%;
	background-color:#666666;
}

#footer
{
	clear:both;
	width:100%;
	color:#FF3300;
	background-color:#000000;
}

#menutop
{
	width:100%;
	color:#FF3300;
	background-color:#000000;
}

/*------------------------------------------------------------------------------------------------*/
/*Boxes (such as the welcome to the RA one)
  Note: You don't have to manually do all of the divs for this - there's a PHP funciton for it.*/

.box
{
	width:98%;
	/*background-color:#9999CC;*/
	/*background-color:#99CCFF;*/
	background-color:#CCCCCC;
	margin-left:1%;
	margin-right:1%;
	margin-top:10px;
	margin-bottom:5px;
}

.box p
{
	padding-left:5px;
	margin-top:3px;
	margin-bottom:7px;
}

.box h2
{
	font-size:1.2em;
	font-weight:bold;
	margin:0;
	padding:0;
	text-align:center;
}

.boxtopleftcorner
{
	width:15px;
	background-color:#FF0000;
}

.boxtop
{
	border-bottom:1px solid #000000;
	background-color:#666666;
	/*background-image:url("http://dev.chaoscluster.com/images/center.png");*/
	/*background-repeat:repeat-x;*/
	color:#FF0000;
	position: relative;
}

.boxtop img {
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
}

.boxtop *
{
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 1;
}

* html .boxtop
{
  /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='grad_white.png', sizingMethod='scale');*/
}

* html .boxtop img
{
  display: none;
}

* html .boxtop
{
    position:static;
}

.boxbottom
{
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	margin:0;
	padding:0;
}

.boxtop h1
{
	font-size:1.5em;
	font-weight:bold;
	margin:0;
	padding:0;
	text-align:center;
}

/*------------------------------------------------------------------------------------------------*/
/*The log in part of the top bar*/

#login
{
	padding:0.3em;
	margin:0;
	color:#FF3300;
	display:inline;
	float:right;
}

#login form
{
	display:inline;
}
/*Note: Yes, you read that correctly. I'm telling something to display inline inside a div that's
        already inline. Yes, IE is that farking stupid.*/

#login input
{
	border:1px solid #FF3300;
	background-color:#000000;
	color:#FF0000;
	margin:0;
	padding:0;
	font-size:0.8em;
}

/*------------------------------------------------------------------------------------------------*/
/*Form Stuff*/
label,input label,select
{
	display:block;
	width:150px;
	float:left;
	margin-bottom:10px;
}

label
{
	text-align:right;
	width:150px;
	padding-right:20px;
}

form br
{
	clear:left;
}

input
{
	background-color:#FFFF66;
}

/*Success and fail boxes*/
.successbox
{
	background-color:#00FF00;
}

.failbox
{
	background-color:#FF0000;
}

/*Used for the log out link*/
.menuright
{
	float:right;
}

/*Top Bar*/
#topbar
{
	color:#FF0000;
	background-color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: 1px #660000 solid;
}

#topbarleft
{
	float:left;
}

#topbarright
{
	float:right;
}

#endtopbar
{
	clear:both;
}