
/*----------------------------------------
Name: style.css
Developed by: Tripp Waller
Date Created: 11-25-08
Copyright: Creative Commons
----------------------------------------*/


/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- Green		#85BE23
- Dark Grey	#202020
- Blue      #292989
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
/* Imports
----------------------------------------*/
@import url("reset.css");
@import url("linkBg.css");


/* Elements
----------------------------------------*/
body
{
	background:#202020 url('../images/mainbg.jpg') repeat-x top;

}

body, p, td, th, li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height:1.5em;
	color: #ffffff;
}

#mainContainer
{
	width:900px;
	margin: 0 auto;
}

p
{
	margin: 0 0 1em 0;
	font-size: 1.2em;
}

li {
	font-size: 1.2em;
}

/*--- Link Styles ---*/
a:link, a:visited {
	color:#85BE23;
	text-decoration: underline;
}

a:hover, a:active {
	color:#00ffff;
	text-decoration: underline;
}

h1 {
	color:#85BE23;
	margin-bottom: 1em;
	font-size:2.8em;
	font-weight: normal;
}

h2 {
	color:#85BE23;
	margin-bottom: .7em;
	font-size:2.4em;
	font-weight: normal;
}

h3 {
	color:#999999;
	margin-bottom: 5px;
	font-size:2em;
	font-weight: normal;
}

h4 {
	color:#000000;
	margin-bottom: 5px;
	font-size:1.8em;
	font-weight: normal;
}

h5 {
	color:#000000;
	margin-bottom: 5px;
	font-size:1.8em;
}

h6 {
	color:#000000;
	margin-bottom: 5px;
	font-size:1.6em;
}

ul {
	margin-left:15px;
	list-style-type:none;
}

ol {
	margin-left:15px;
	
}

abbr {
	border-bottom: dotted 1px #ffffff;
	
}

form {
	font-size: 1.2em;
	
}

input {
	margin-bottom: .5em;
	margin-top: .2em;
	
}



blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em		{font-style:italic; color:#85BE23;}

/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:.825em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}
.warning 	{color: #ff0000;}


.required {
	border: solid 1px #FF5555;
		
}
.friendly {
	margin: 0;
}


/**************************************/
/*              HEADER                */
/**************************************/
#header {
	background:#0F082C url('../images/header/starfield.jpg') left top ;
	padding-top: 20px;
	border-bottom: solid #85BE23 2px;
	
}

#headContainer {
	display: block;
	width: 950px;
	margin: 0 auto;

}

#header  h1{
	text-indent: -999em;
	background: url('../images/header/masterhead.png') no-repeat;
	height: 174px;
	width: 572px;
	margin: 5px;
	font-size:3.4em;
	
	
}

#header h2 {
	text-indent: -999em;
	margin: 5px;
	
}

#header div#grass {
	background: url('../images/header/grass.png') repeat-x bottom;
	display: block;
	margin: 0;
	border-bottom: 4px solid #292989;
	position: relative;
}

#ufo {
	display: block;
	height: 169px;
	width: 105px;
	background: url('../images/header/ufo.png');
	float: right;
	margin-right: 120px;
	margin-top: 30px;
}

#barn {
	display: block;
	width:82px;
	height:76px;
	background: url('../images/header/barn.png');
	float: right;
	margin-top: 65px;
	margin-right: 20px;
	
	
}
/**************************************/
/*             NAVIGATION             */
/**************************************/
#nav {
	float: right;
	padding-top: 10px;
}
	
#nav ul li {
	display: inline;
	font-size: 1.8em;
	height: 37px;
	
}

#nav a {
	color: #CCCCCC;	
	padding-top: 37px;
	display: block;
	float: left;
	margin: 0 10px;
	text-decoration: none;
	
}

#nav a.active {
	color: #ffffff;
	padding-top: 31px;
	background: url('../images/nav/navbg.gif') center top no-repeat;
	padding-bottom: 7px;
}

#nav a:hover {

	padding-top: 31px;
	background: url('../images/nav/navhover.gif') center top no-repeat;
	padding-bottom: 7px;
}

#nav a:hover.active {
	color: #ffffff;
	padding-top: 31px;
	background: url('../images/nav/navbg.gif') center top no-repeat;
	padding-bottom: 7px;
}


/**************************************/
/*            MAIN CONTENT            */
/**************************************/

#mainContent {
	clear: both;
	padding-top: 20px;
	
}

#altLeftCol {
	width: 630px;
	float: left;
	
}

#leftCol {
	width: 345px;
	float: left;
	margin-right: 30px;
	
}

img.left {
	margin-right: 10px;
	border: 2px solid #85BE23;
	
}

#midCol {
	width: 300px;
	float: left;
		
}

#recaptcha_image {
	width: 300px;
	height:57px;
}

#midCol #twitter li {
	margin: 10px 0;
}

#rightCol {
	width: 200px;
	float: right;
	text-align: center;
	
}

#altRightCol {
	width: 250px;
	float: right;
}



#outOfWorld {
	text-indent: -999em;
	background: url('../images/outofworld.png') no-repeat;
	width: 405px;
	height: 19px;
}

.recentProject {
	display: block;
	border: 2px solid #85BE23;
	width: 124px;
	height: 124px;
	margin: 0 auto;
	margin-bottom: 1.5em;
}

.recentProject img {
	border: 4px solid #292989;
	
}

.h2Color {
	color: #85BE23;
}

img#dts {
	margin: 5px 0;
}

/**************************************/
/*               FOOTER               */
/**************************************/



#footer {
	padding-top: 20px;
	background: url('../images/footer/footerbg.gif') bottom repeat-x;
	height:178px;
	border-bottom: 6px solid #85BE23;
	clear: both;

}

#footer div {
	background: url('../images/footer/cow.png') bottom left no-repeat;
	height:178px;
	display: block;
	border-bottom: 4px solid #292989;
}


#footer p {
	color: #000000;
	font-size:1.2em;
	text-align: center;
	padding-top: 125px;
}

#footer a {
	color: #ffffff;
}



