/* martianpictures.com 
art and design by Marci Brinker
orange #f26721
light gray background #e0e0e0
medium dark gray #666666
dark gray #333333
*/

/* needed for IE to make :active state work first time */
a, a:visited {color:#000;} 


#wrapper {
	margin: 0 auto;
	text-align: center;
	font-family: arial,helvetica,sans serif;
	background-color: #e0e0e0; 
	border: 0px solid #333;
	width: 88% }

#header {
	display: block;
	width: 100%;
	height: 150px;
	border: 0;
	background: #f26721 url(images/header2.gif) top center no-repeat; }

#headerlink {
	display: block;
	width: 100%;
	height: 150px;
	outline-style: none;
	margin: 0;
	padding: 0;
	border: 0; }

/* navigation */

#navcontainer ul {
	display: block; 
	list-style-type: none; /* removes bullets from list */
	margin: 0; padding: 0;
	text-align: center; 
	font-size: 85%; }

#navcontainer li { display: block;  /* inline forces list onto one line */
	width: 10em; /* use % with next line to space out tabs evenly */
	float: left;
	margin: 0;
	height: 1.5em;
	border-right: 1px solid #e2e2e2;
	background-color: #666; } /* this filled in color in the rest of tabs */ 

#navcontainer li:hover {
	color: #333;
	background-color: #b3b3b3; } /* fills in the rest of the tab color on hover */

#navcontainer a:link,
#navcontainer a:visited {
	text-decoration: none; /* removes underline */
	padding: 0 1em; /* makes boxes */
	color: #ccc;
	background-color: #666; } /* box color typical */

#navcontainer a:hover {
	color: #fff;
	background-color: #b3b3b3; } /* box color on hover */

#navcontainer #current {
	color: #000;
	background-color: #e2e2e2; }

#navcontainer li#current a {
	color: #434343;
	font-weight: bold;
	background-color: #e2e2e2; }

#navcontainerclear { /* unused */
	display: block;
	clear: both; }

/* end of navigation */

#content {
	text-align: center;
	margin:0 auto 30px auto;
	width:100%; height:100%;
	max-width: 38em;
	font-family: arial,helvetica,sans serif;
	font-size: 95%; /* was 85 */
	color: #555;
	background-color: #e0e0e0; }

#breadcrumb {
	text-align: left;
	padding: 1em;
	display: block;
	clear: both;  
	font-size: 90%;
	border-bottom: 1px dotted #999;
	text-decoration: none; }

#breadcrumb a, 
#breadcrumb a:visited {
	color: #333; 
	text-decoration: none; }

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

#breadcrumb #active { color: #f26721; }

#intro {
	clear: both;
	padding: .5em; }

#footer {
	clear: both;
	width:100%;
	height:5%;
	padding: 4px 0 4px 0;
	color: #fff;
	background-color: #f26721;
	font-family: arial,helvetica,sans serif;
	font-size: 75%; }

#footer img {
	float: right;
	margin: 0 10px 0 0;
	border: 0; }

/* portfolio navigation */

/* #portfolio a:hover { } */

#portfolio img { 
	margin: 2px 10px 0 0;
	padding: 0;
	float: left;
	border: 0; } 

#portfolio li {
	float: left; /* this makes them stack in 2 rows of 2 */
	text-align: left;
	list-style-type: none;
	color: #e0e0e0;
	background-color: #666;
	font-size: 85%;
	height: 94px;
	padding: 5px; margin: 5px;
	width: 290px; }

#portfolio {
	text-align: center;
	width: 660px;
	margin: 0 auto; padding: 0; }

#portfolio ul {
	margin: 5px 0 15px 15px;
	padding: 0; }

#portfolio a {
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
	color: #fff; }

/* Project description styles */

.project {
	font-weight: bold; }
.description {
	width: 40%;
	font-size: 90%;
	font-style: normal; }
.software {
	font-size: 85%;
	font-style: oblique; }
.strong {font-weight: bold; } 


hr {
	border-bottom: 1px solid #999;
	width: 38em;
	height: 1px;
	margin: 0 auto;
	text-align: center; }

#clear {
	clear: both; }

h1 {
	color: #f26721;
	font-weight: bold;
	text-decoration: none; }

h2 { font-weight: bold; }

h3,h4 {
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #fff;
	font-weight: bold;
	text-decoration: none; }

p {
	margin-bottom: 15px;
}

/* table */

table {
	margin: 10px auto;
	color: #222;
	background-color: #b3b3b3; }

td,th{ padding:5px; }

td.subhead { font-style: italic; }

th { background-color: #f26721; }



/* FORM STYLE FROM CSS-TRICKS */

* {
	margin: 0;
	padding: 0;
}

/*
#page-wrap {
	width: 660px;
	background: white;
	padding: 20px 50px 20px 50px;
	margin: 20px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}
*/

#contact-area {
	width: 500px;
	margin-top: 25px; 
	background-color: #666; }

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 300px;
	background-color: #fff;
	margin: 10px 0px 10px 0px;
	border: 1px solid #ccc; }

#contact-area textarea {
	height: 90px; }

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #900; }

#contact-area input.submit-button {
	width: 80px; }

label {
	float: left;
	text-align: right;
	color: #fff;
	margin-right: 2px;
	width: 100px;
	padding-top: 10px; }