/*
  Author:        Heather Uthoff
  Creation Date: 03/17/2013
  Doc Version:   1.0
  Website URL:   http://webtrain.austincc.edu/~huthoff/css/exercise2.html
  Additional Comments: 
  You can view the page using this css online at the url above
*/
/* header */
ul.horizontal{
  list-style-type:none;
  margin:0;
  padding:0;
  overflow:hidden;
}
li.horizontal{ float:left; }
a.horizontal1{ width:80px; }
a.horizontal2{ width:100px;}
a.horizontal3{ width:120px;}

/*body,div,h1,p*/
body, div { 
	position:relative;
	width:7in;
	background: grey;
	font-family: verdana;
	font-size: 14.5px;
	color: black;
}
body {
	margin-top: 1in;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
}
h1{ 
	font-size: 2em; 
}
p {
	width: 6in;
	padding-left: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-right: 1em;
	border:2px solid;
	border-radius:25px;
	-moz-border-radius:25px;
}
p.one { text-align:right; }
p.two { background-color: lightblue; }

 /*links*/
a { display:block; }
a:link { 
	color:#40c0c0; 
	text-decoration: none;
}
a:link { color:white; }
a:active { color:white; }
a:visited { color:#40c0c0; }
a:hover { color:white; }

/*images*/
img.portrait {
   height:220px;
   width:164.93px;
}
img.landscape {
	height:220px;
	width:294.5px;
}
img.html2 { display: block; }

/*forms*/
input, select, textarea {
	border:2px solid;
	border-radius:5px;
	-moz-border-radius:5px;
	background-color: lightblue;
}
input{ width: 263px; }
input.bttn{ width:120px; }
input.radio{ width:40px; }
select{ width: 268px; }
textarea {
	width: 375px;
	overflow: auto;
}

/*portfolio page*/
div.portfolio{
	text-align:left;
	height:220px;
	width: 6in;
	padding-left: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-right: 1em;
	border:2px solid;
	border-radius:25px;
	-moz-border-radius:25px;
 }
img.portfolio{
	float:left; 
	margin: 0px 15px 15px 0px;
	height:220px;
	width:294.5px;
}
 
/* Footer */
#footer {
	width:7in;
	height: 50px;
	margin: 0 auto;
	padding: 0px 0 15px 0;
}
#footer p {
	margin: 0;
	padding-top: 20px;
	line-height: normal;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
	color: lightgrey;
	border:none;
}