/* CSS Document */


/*

	controls entire body

*/
body {
	font-family:"Times New Roman", Times, serif;
	font-size: 12px;
	background-repeat: no-repeat;
}

p {
	font-size: 14px;
}

/*

   !!!!!!!NAVIGATION!!!!!!!

*/

/*

	controls navigation links
	
*/
#navigation a {
	display: block; 
	padding: 4px 8px; 
	margin: 0; 
   	text-decoration: none; 
   	text-align: right;
   	border-top: 1px solid #404143;
   	color: #404143;
	font-size:12px
}

#navigation a:hover {
	background-color:#404143;
	color:#FFFFFF;
}

/*

	controls navigation header

*/
#navhead {
	color:#FFFFFF;
	background-color:#404143;
	margin: 0; 
	padding: 0.33em 0 0; 
   	border-bottom: 1px solid #3404143;
}

/*

	controls navigation
	location and appearance
	
*/	
#navigation {
	width: 130px; 
   	font-size: 11px;
   	border: 3px solid #404143;
   	margin-left: 1em;
   	position: absolute;
   	left: 2px;
   	top: 166px;
   	background-color: #FFFFFF;
}

/*

    controls portfolio and review dropdown menus

*/
#makeup {
	display: none;
}

#art {
	display: none;
}

#voice {
	display: none;
}

#makeup a {
	text-align:left;
}

#art a {
	text-align:left;
}

#voice a {
	text-align:left;
}

#makeup a:hover {
	background-color:#EDDB99;
	color:#FFFFFF;
}

#art a:hover {
	background-color:#EDDB99;
	color:#FFFFFF;
}

#voice a:hover {
	background-color:#EDDB99;
	color:#FFFFFF;
}


/*

    !!!!!!!!!LOGO!!!!!!!!!

*/

/*

	controls logo location
	
*/
#background img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1149px;
	height: 431px;
	padding: 0px;

}

#name img {
	position: absolute;
	left: 10px;
	top: 6px;
	width: 570px;
	height: 118px;
	padding: 5px;
}

#logo img {
	position: absolute;
	left: 885px;
	top: 30px;
	width: 264px;
	height: 480px;
	padding: 0px;
}


/*

    !!!!!!!!!HEADER/SUBHEADER!!!!!!!!

*/

/*

	controls header
	location, appearance, colors, etc
	
*/
#header {
	position:relative;
	top:inherit;
	width:85%;
	margin: 0 150px 1em 150px; 
	padding: 0 0 0 5px;
	min-width:100px;
	background-color:#330033;
	color:#FFFFCC;
}

/*

	controls subheader color
	
*/
.subhead {
	color:#3E7FA9;
	font-style:italic;	
}

/*

    !!!!!!!!CONTENT!!!!!!!!

*/

/*

	controls content
	location and format
	
*/
#content {
	overflow: auto;
	background: #FFFFFF;
	border: 1px solid #404143;
	margin: 0 150px 1em 150px;
	padding: 0 0 0 5px;
	min-width: 100px;
	width: 715px;
	height: 340px;
	position: absolute;
	left: 15px;
   	top: 166px;
}

#content p {
	padding-right: 5px;
	padding-left: 2px;
}

#content .subhead {
	padding-right: 5px;
	padding-left: 2px;
}

#content pre {
	padding-left: 5px;
}


/*

	controls link
	appearance
	
*/
#content a:link {
	color:#5C6A77;
	font-weight: bold;
}

#content a:hover {
	color:#3E7FA9;
	font-style:italic;
	text-decoration:none;
}

#content a:visited {
	text-decoration:none;
	color:#5C6A77;
	font-weight:bold;
}

#me {
	position: fixed;
	top: 167px;
	left: 170px;
	width: 212px;
	height: 320px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 5px;
}

#about {
	position: absolute;
	top: 0px;
	left: 232px;
}

/*

	!!!!!!!RESUME!!!!!!!!

*/

/*

	controls resume
	header appearance
	
*/
.reshead {
	color:#3E7FA9;
	font-style:italic;
	font-size: 18px;
}

.subres {
	font-weight:bold;
	font-size: 14px;
}

.film {
	font-weight:bold;
}


/*

    ---------------------------TO-BE-EDITTED---------------------------
    
*/

/*

    !!!!!!!PHOTOS!!!!!!!

*/

/*

	formats location of information on page

*/
.imageInfo {
  	text-align:center;
   	width:575px;
	margin: 0 100px 1em 100px;
}

/*

	creates a border around images

*/
.image {
	border:solid 5px;
	border-color:#330033;
}

/*

	adds padding to a specified area
	(allows headspace for esier viewing)

*/
.pad {
	padding:20px;
}

/*

    !!!!!!!PORTFOLIO PAGES!!!!!!!

*/

/*

	positions table on plants page

*/
#imageTable {
  	text-align:center;
   	width:575px;
}

/*

	changes color of links within plants table green
	takes out underline on links

*/
#imageTable a {
	color:#330033;
	text-decoration:none;
}

/*

	gives image links within table a white border
	this way the table doesn't move when links are hovered

*/
#imageTable a img {
	border:solid 2px;
	color:#FFFFFF;
}

/*

	changes border color to green

*/
#imageTable a:hover img {
	color:#330033;
	border:solid 2px;
}