@charset "UTF-8";

/* CSS Document */

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#pageContainer {
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
		background: #c6FFFF;
}
#header {
	background: #fffff;
	padding: 0 0 0 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	position: absolute;
	height: 275px;
	width: 960px;
	top: 10px;
	
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#mainContent {
	width: 880px;
	padding: 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	/*background: #ffFFFF;*/
	position: absolute;
	top: 300px;
	left: 80px;
}
#logoContent {
	width: 200px;
	height: 124px;
	padding: 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #000;
	position: absolute;
	top: 466px;
	left: 755px;
	border: solid medium blue;
	z-index: 100;
}

#blocksContent {
	display: block;
	text-align: left;
	float: left;
	width: 900px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#footer {
	background:#DDDDDD;
	clear: both;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	display: block;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.blockContent{
	clear: both;
	width: 880px;
	float: left !important; /* This ensure this wraps its children*/
	padding-bottom: 10px;
	background: ;
}
.leftcol{
	float: left;
	position: relative;
	width: 440px;
	}
.rightcol {
	float: right;
	position: relative;
	width: 440px;
}
.aa:hover{
	color: #000;
	text-decoration: underline;
}
.aa:visited{
	color: #000;
	text-decoration: underline;
}

#mainContent a:link {
	color: #000;
	text-decoration: underline;
}
#mainContent a:visited {
	color: #444;
	text-decoration: underline;
}
#mainContent a:hover {
	color: #000;
	text-decoration: underline;
	background-color: #D7DF20;
}
#mainContent a:active, a:focus {
	color: #CCC;
	text-decoration: underline;
}

#mainContent a.fancy:link, a.fancy:visited, a.fancy:hover, a.fancy:active, a.fancy:focus{
	color: #000;
	text-decoration: none;
	background-color: #FFF;
}

#mainContent h1 {
	color: #D7DF21;
	clear: both;
	float: right;
	width: 880px;
	text-align: left;
	background-image: url(/images/line-green.png);
	background-repeat: no-repeat;
	background-position: center top;
	hasLayout=true;
	padding-top: 5px;
	font-size: 120%;
	font-weight: bold;
}

#mainContent h1,h2,h3 {
	margin-top: .5em;
	margin-right: 0px;
	margin-bottom: .5em;
	margin-left: 0px;
}

#mainContent .picTitle {
	text-align: center;
}

#mainContent p{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right:10px;
}

#mainContent h2{
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 110%;
	font-weight: bold;
}

#mainContent #prevstage{
	float: left;
	width: 100px;
}

#mainContent #nextstage{
	float: right;
	width: 100px;
}



/* New */


#logo {
	height: 275px;
	width: 70px;
	float: left;
}

#maincontents { clear: both; }

.container {
	background: #ccc;
	width: 880px;
	position: relative;
	top: 0px;
	left: 0px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	float: right;
}
.container {
	opacity:0;
	-ms-filter:'alpha(opacity=0)';
	filter:alpha(opacity=0);
}

.section {
	height: 100%;
	background-color: #999;
	background-image: url(../images/dark-grey-bg.png);
	background-repeat: repeat-x;
}

.section#index { background-image: url(../images/grey-bg.png); }

.section#about { background-image: url(../images/dark-green-bg.png); }

.section#projects { background-image: url(../images/mid-green-bg.png); }

.section#contact { background-image: url(../images/light-green-bg.png); }

.section .label {
	height: 100%;
	text-align: center;
	width: 46px;
	background-color: #CCC;
}

.section .content { padding: 0 0; }

.sections { height: 275px; }

a.morebutton {
	position: absolute;
	top: 222px;
}

a.morebutton:hover { top: 230px; }

a.morebutton:active { top: 230px; }

.morelink {
	text-align: left;
	display: block;
	margin-left: 50px;
}

#contact-form {
	display: block;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: auto;
	margin-left: 0px;
}

#contact-form input {
	display: block;
	width: 270px;
	float: left;
	margin-top: 0;
	clear: left;
}

#contact-form textarea {
	display: block;
	width: 270px;
	float: left;
	margin-top: 0;
}

#contact-form label {
	display: block;
	text-align: left;
	float: left;
	width: 270px;
	padding-right: 10px;
	color: #FFF;
	margin-top: 2px;
}

#contact-form label.error {
	display: block;
	text-align: right;
	float: left;
	width: 270px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #F99;
}

#contact-form .checkbox { width: 1em; }

#contact-form br { clear: left; }

#contact-form .buttonSubmit {
	width: 75px;
	position: absolute;
	left: 330px;
	bottom: 0px;
}

textarea.error, input.error {
	background-color: #F99;
	border: 2px solid #F00;
}

/* All iinks in navigation are */
div #navigation a:link {
	color: #FFF;
	text-decoration: underline;
}

div #navigation a:visited {
	color: #CCC;
	text-decoration: underline;
}

div #navigation a:hover {
	color: #D9DD00;
	text-decoration: underline;
}

div #navigation a:active, a:focus {
	color: #CCC;
	text-decoration: underline;
}

/* Except on home area*/
div #navigation #index a:link {
	color: #000;
	text-decoration: underline;
}

div #navigation #index a:visited {
	color: #666;
	text-decoration: underline;
}

div #navigation #index a:hover {
	color: #F30;
	text-decoration: underline;
}

div #navigation #index a:active, a:focus {
	color: #F30;
	text-decoration: underline;
}

div #navigation .vcard {
	display: block;
	text-align: left;
	float: right;
	width: 130px;
	padding-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #Ffffff;
}

div #navigation .vcard .street-adress, .locality, .region, .postal-code, .country-name { clear: both; }

div #navigation .vcard .org { font-weight: bold; }

div #navigation .vcard .tags, .geo, .url { display: none; }

#navigation { padding-bottom: 10px; }

.addbutton {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#maincontents * img { padding-bottom: 8px; }

div#fancy_overlay { background-color: #000; }

#about p{
	color:#fff;
}

#about h1, #about h2{
	color:#D9DD00;
	font-weight: bold;
}

#about .content {
	margin-top: 33px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#projects p{
	color:#fff;
}

#projects h1, #projects h2{
	color:#D9DD00;
	font-weight: bold;
}

#projects .content {
	margin-top: 33px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}




#index .content {
	margin-top: 33px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#index p{
	color:#000;
}

#index h1, #index h2{
	color:#000;
	font-weight: bold;
}

ul li {
	list-style-position: outside;
	list-style-image: url(/images/bullet.png);
	list-style-type: none;
}

.logo {
	display: block;
	text-align: left;
	float: right;
	width: 230px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: solid medium red;
}

#blogLogo{
	width: 204px;
	height: 106px;
	float: right;
}

#latestNews{
	width:600px;
	margin-top: 12px;
	float:left;
}
.news-item {
	float:left;
	height: 95px;
	width:600px;
	margin-bottom: 25px;
	padding-bottom: 13px;
	border-bottom: solid thin black;
	background-color: none;
}
.news-item h2{
	margin: 0px;
	padding: 0px;
}
.news-image{
	float:left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.news-text{
	padding-left:10px;
	margin-bottom: 5px;
}
#project-sections{
	width:880px;
	background-color: pink;
	
}
.section-photo{
	float:left;
	margin: 0;
	padding: 0;
	
}
.proj-tn{
	width: 100px;
	height: 100px;
	background-color: silver;
	float: left;
	margin: 0px 5px 10px;
}
.twitter{
	float: right;
	padding: 7px 0px 5px;
	}
	
	
/* FEEDSWEEP - the java that takes the posts from the blog RSS and chucks 'em on the homepage */
	
.feedsweep_date{
	color: silver;
	padding-left: 91px;
	font-size: 9px;
	display: block;
	float: left;
	background-color: purple;
}	
.feedsweep_link{
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}	

.feedsweep_headline {
	padding-left: 91px;
	padding-bottom: 3px;
	display: block;
	float: left;
}	

.feedsweep_body{
	margin-bottom: 25px;
	padding-bottom: 25px;
	height: 81px;
	display: block;
	float: left;
	border-bottom: thin solid #000;
}

.feedsweep_body img{
	display: block;
	float: left;
	padding-right: 10px;
	margin-top: -17px;
}	


/* Newsletter signup */
.newsletter{
	width: 200px;
	margin-top: 1px;
	margin-bottom: 10px;
}

/* Additional code for the Nav contents*/

#navContentsText{
	width: 400px;
	display: block;
	float: left;
}

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