/* CSS Document */

/* CSS written by Kyle Boyd for Stephen Johnston*/

/* Body and Links*/

BODY {
	margin: 0;
	padding: 0;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	color: #606060;
	background-color: #FFFFFF;
	text-align: center;
	margin: 0 auto 0 auto;
}


 A
{
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #606060;
	font-weight: normal;}

a:link {color: #606060;}
a:visited {color: #606060;}
a:hover {color: #0C77D1;}

h1 {
	font-size: 3.5em;
	margin-top: 50px;
	padding-bottom: 40px;
	display: none;

}

img {
		border: none;
}

.paddingtop {
	margin-top: 50px;
	padding-bottom: 40px;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.2em;
}

.titlestyle {
	float: left;
	clear: both;
}

html, body, #container {height: 100%;}
body > #container {height: auto; min-height: 100%;}



#container {
	width:800px;
	margin: 0 auto;
	height: auto; min-height: 100%;
}




#navcontainer {
padding-top: 30px;
clear: both;
}


ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;


}

#navlist li
{
display: inline;
list-style-type: none;

}

#navlist a { padding: 10px 20px;}

#navlist a:link, #navlist a:visited
{
color: #606060;
background-color: #ffffff;
text-decoration: none;
}

#navlist a:hover
{
color: #606060;
background-color: #eeeeee;
text-decoration: none;
}




#homeimage {

	width: 800px; 


}

.right {
	float:right;
}

.left {
	float: left; 
	
}

.clear {
	clear: both;
}

#content {
	width: 800px;
	overflow:auto;
	padding-bottom: 30px;}  /* must be same height as the footer */

}

#portfolio_content {
	/* My Comment width: 350px;
	margin: 30px auto;
	padding: 20px 60px;*/
	border: 0px solid #D2D2D2;
	-moz-box-shadow: 0 0 30px #CCC;
	-webkit-box-shadow: 0 0 30px #CCC;
	box-shadow: 0 0 30px #CCC;
	background: #FFF;
	background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 15px);
}

/* My Comment */

#biotext {
	width: 350px;
	float: left;
	text-align: left;
}

#biopic {
	width: 350px;
	height: 560px;
	float: right;
	margin: 0px;
	margin-top: 20px;

}

#instext {
	width: 350px;
	float: left;
	text-align: left;
}

#inspic {
	width: 450px;
	height: 358px;
	float: right;
	margin-top: 0px;
}

#exhtext {
	width: 230px;
	float: left;
	text-align: left;
}

#exhpic {
	width: 350px;
	height: 350px;
	float: right;
	margin-top: 20px;

}

#awards {
	width: 230px;
	height: 350px;
	float: right;
	text-align: left;
}

#education {
	width: 230px;
	height: 350px;
	float: left;
	text-align: left;
	padding-left: 45px;
}

.date {
	padding-top: 0px;
	font-weight: bold;
	font-size: 0.8em;
}

#article h3 {
	margin-top: 0;
    border-top-width: 0;
    padding-top: 0;
    margin-bottom: 0;
    border-bottom-width: 0;
    padding-bottom: 0;
}

.articletext {
	font-style: italic;

}

#portfolio {
	float: left;
}

#portfolio li {
	display: inline;
	
}

#portfolio img {margin-right: 20px; margin-bottom: 20px; float: left;}

#contacttext {
	width: 350px;
	float: left;
	text-align: left;
}

#contactpic {
	width: 450px;
	height: 296px;
	float: right;
	margin: 0px;
	margin-top: 20px;


}

#footer {
	position: relative;
	bottom: 0;
	margin-top: 120px; /* negative value of footer height */
	height: 30px;
	clear:both;
	color: white;
	background-color: #6e6e6e;
	
	} 
	
.kyleboyd a p {
	float:right; padding-right: 20px; color: white; font-size: 0.8em; text-decoration: underline;
}

.kyleboyd a:hover p {text-decoration: none; color: #ffffff;
}

.copyright p {
	float:left; padding-left: 20px; color: white; font-size: 0.8em; 
}

 /*  Contact Form Styling */
 #contactform #error ul{
 padding-left:0px;
 line-height:20px;
 }
 #contactform #error span{
 color:green;
 padding:5px 0 5px 0;
 position:absolute;
 top:60px;
 right:10px;
 width:150px;
 }
 #contactform #error ul li{
  color:#BF0B0B;
  font-weight:normal;
  }
 h2#contacth2{
 font-size:18px;
 color:#000;
 margin:0 0 10px 0;
 font-weight:normal;
 padding-bottom:10px;
 border-bottom:1px dotted #ccc;
 }
 #contactform fieldset{
 border:none;
 }
 #contactform #formleft{
 float:left;
 }
 #contactform #error{
 float:right;
 }
 #contactform .button{
 background:#000000;
 color:#ffffff;
 border:1px solid #ccc;
 padding:5px 20px 5px 20px;
 outline:none;
 }
 #contactform{
 color:#666;
 }
.clear{clear:both;}

.close_image {

}