@import "reset.css";

/* colors
orange: #f08e01
yellow: #fff100
blue: #0081b1
*/

body {background-color:#000; font-family:verdana, arial, helvetica, sans-serif; color:#fff; line-height:130%;
}

#container {background:url(images/spacemen_bg.png) no-repeat left bottom; min-height:850px; width:950px; margin:20px auto 0; border:solid 1px #f08e01;
}

#title_area {float:left; background:url(images/title.png) no-repeat 15px 25px; height:280px; width:540px;
}

#title_area h1, #title_area h2, #title_area p {text-indent:-9999px;
}

#content {min-height:740px; padding:5px 10px 80px 5px; background:url(images/spacemen_small.png) no-repeat 700px 5px; 
}

#footer {clear:both; min-height:50px; background-color:#f08e01; width:952px; margin:0 auto;  padding:10px 0 20px;
}

.clear {clear:both;
}

.left {float:left; width:400px; margin:10px 0 0 30px; padding:0 0 15px 15px;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
		    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/black_trans.png');
	}

	/* IE ignores styles with [attributes], so it will skip the following. */
	.left[class] {background-image:url(images/black_trans.png);
}

.text {float:right; width:280px; padding:10px; margin:-267px 110px 0 0; 
/* Mozilla ignores crazy MS image filters, so it will skip the following */
	    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/black_trans.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
.text[class] {background-image:url(images/black_trans.png);
}

ol.vcalendar {margin-bottom:10px;
}

ul li {line-height:110%; margin-bottom:7px;
}

h2 {font-size:1.3em; margin:15px 0 6px; color:#0081b1;
}

.poll h2 {color:#0081b1; text-transform:uppercase; margin-top:2px;
}

.poll p {line-height:130%;
}

p, li {font-size:0.9em;
}

#footer h3 {font-weight:normal; color:#000; padding:10px 20px 10px 25px; border-bottom:dotted 1px #000;
}

#footer p {color:#000; padding:8px 0 0 25px; line-height:100%; font-size:0.8em;
}

.italic {font-style:italic;
}

.bold {font-weight:bold;
}

.note {font-style:italic; font-size:0.7em; line-height:120%; color:#fff;
}

strong {font-weight:bold;
}

abbr {border:none;
}

.region {display:none;
}

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

a:hover {color:#fff; text-decoration:none;
}

a:active {color:#f08e01; text-decoration:none;
}



* html #content {min-height:740px; padding:5px 10px 80px 5px; background:none; 
}

* html .text {margin:-270px 40px 0 0;
}

* html .left {margin:10px 0 0 10px;
}

* html a {position:relative; cursor: pointer; 
}

* html input {position: relative; cursor: text; 
}