/* Pretty Stuff

================================== */



/* Zero down margin and padding on all elements */

* {

  margin: 0;

  padding: 0;

}



html {

scrollbar-3dlight-color: #B0C4DE;

scrollbar-arrow-color: #34547E;

scrollbar-base-color: #8BA9CF;

scrollbar-darkshadow-color: #436DA3;

scrollbar-face-color: #E6ECf4;

scrollbar-highlight-color: #FFFFFF;

scrollbar-shadow-color: #34547E;

}



body {

  font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;

  background-color: #CCCCCC;

}



h1 {

  font-size: 2.4em;

  font-weight: bold;

  color: green;

  margin: 0px;

}



h2 {

  font-size: 2.0em;

  font-weight: normal;

}



p, li {

  font-size: 1.4em;

}



h1, h2, p {

  margin: 1em 0;

}



#branding h1 {

  margin: 0;

}



#wrapper {

  background-color: #ffffff;

}



#branding {

  width: 900px;

  height: 204px;

  background: url("../images/header.jpg");

  padding: 0px;

}



#mainNav ul li {

  list-style: none;

  display: inline;

  padding-left: 50px;

}



#footer {

  font: Georgia, "Times New Roman", Times, serif;

  font-size: 12px;

  padding: 1px 20px;

  height: 30px;

}



/* The Core Technique

================================= */



body {

  text-align: center; 

  min-width: 900px;

  margin-top: 20px;

  margin-bottom: 20px;

}



#wrapper {

  width: 900px; 

  margin: 0 auto; 

  text-align: left; 

}



#content { 

  width: 900px;

  min-height: 400px;

  display: block;

  font-family: "Times New Roman", Times, serif;

  font-size: 12px;

  line-height: 2em;

  color: #282828;

}



#mainNav { 

  align: center;

  width: 900px;

  height: 34px;

  display: block; 

  font-size: 16px;

  background: black;

} 



#footer { 

  clear: both;

  font-family: Helvetica, sans-serif;

  font-size: 12px;

  text-shadow:#A0A0A4;

  line-height: 2em;

} 



/* Add some padding 

================================== */



#mainNav {

  padding-top: 0px;

  padding-bottom: 0px;

}



#mainNav * {

  padding-left: 10px;

  padding-right: 10px;

}





#mainNav * {

  padding-left: 75px;

  padding-right: 75px;

}



#mainNav * * {

  padding-left: 0;

  padding-right: 0;

}



#content * {

  padding-left: 20px;

  padding-right: 20px;

}

#content a {
	
  padding-left: 2px;
}



#content * * {

  padding-right: 0;

}





/* Add some link styles

================================= */



#mainNav a:link,  #mainNav a:visited, #mainNav a:active {
	font-family: Arial, "Times New Roman", Times, serif;
  	font-size: 22px;
	color: ivory;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	background: none;
}

#mainNav a:hover {
	font-family: Arial, "Times New Roman", Times, serif;
  	font-size: 22px;
	color: lightblue;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	background: none;
}




/* Add the data style */



.date {

	font-size: 1.8em;

	color: gray;

}



/* Contact */

input.btn {

color: #00008B;

background-color: #ADD8E6;

border: 1px outset #00008B;

}



input.btn #btnSubmit, input.btn #btnReset{

background: white;

}



form p {

clear: left;

margin: 0;

padding: 0;

padding-top: 5px;

}

form p label {

float: left;

width: 30%;

font: bold 0.9em Arial, Helvetica, sans-serif;

font-size: 14px;

font-weight: bold;

color: #00008B;

}

fieldset {

border: none;

margin-top: 16px;

padding: 10px;

width: 800px;

}

legend {

font: bold 1.2em Arial, Helvetica, sans-serif;

color: #00008B;

background-color: #FFFFFF;

}



/**/





#content input, #content textarea {

	padding: 0px;

	color: #00008B;

	background-color: #ADD8E6;

	border: 1px solid #00008B;

}







#content .spacer {

	height: 20px;

}







#content .contactme {

	margin-left: 20px;

	width: 299px;

	height: 82px;

	background: url("../images/contactme.gif") no-repeat;

}





/* Portfolio */



#portfolio {

	margin-top: 0px;

	padding-bottom: 10px;

	width: 500px; 

	height: auto; 

	background:#FFFFFF; 

	margin-left: 20px; 

	line-height: 1.8em;

}



#portfolio .links {

	margin-left: 0px;

	font-size: 16px;

	color: #333;

	font-weight: bold;

}





#portfolio li a:link, #portfolio ul li a:visited, #portfolio ul li a:active {

	color: #008080;

	font-size: 14px;

	font-weight: bold; 

}



#portfolio ul li a:hover {

	color: maroon;

	font-size: 14px;

}



#portfolio ul li {

	list-style-type: none;

}