@charset "UTF-8";
/* CSS Document */

body{
	position: static;
	background-image:url(http://angelamiller.net/images/site/bg_fade2.gif);
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	background-color:#fff;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#3f3f3f;
	}

#whopper{
	display: block; 
	position: absolute; 
	width:100%;
	min-height: 100%;
	}
	
#content{
	display: block; 
	margin-bottom: 250px; 
	width: 100%;
}

	#centerSite{
		width:1080px;
		margin-left: auto ;
  		margin-right: auto ;
		}
		
	#header{
		position:relative;
		top:15px;
		left:0px;
		height:150px;
		background-image:url(http://angelamiller.net/images/site/logo.png);
		background-repeat:no-repeat;
		}
		
	#tag{
		position:absolute;
		top:0px;
		right:50px;
		width:103px;
		height:299px;
		background-image:url(http://angelamiller.net/images/site/tag.png);
		z-index:99;
		}
		
	#section{
		position:relative;
		top:0px;
		left:0px;
		width:1080px;
		height:63px;
		padding-top:10px;
		text-align:center;
		border-bottom-style:solid;
		border-bottom-color:#e0e6eb;
		border-bottom-width:1px;
		}
		
		#sectionImg{
			width:325px;
			height:280px;
			float:left;
			}
			
			#pic{
				
				width:325px;
				height:250px;
				}
				
			#picBox{
				
				width:313px;
				height:15px;
				background-color:#e9ec9a;
				border:solid 1px #c8ca86;
padding:5px;
				font-size:12px;
				}
		
		#project{
			position:relative;
			top:0px;
			left:15px;
			padding-right:20px;
			}
	
		#s1{
			border-style:solid;
			border-color:#c3c857;
			border-width:1px;
			background-color:#dee359;
			padding:10px;
			margin-top:15px;
			margin-left:75px;
			margin-right:75px;
			text-align:justify;
			}

		div#s1 p{
			margin:20px 50px;
			}

		div#s1 img{
			margin:0 0 20px 20px;
			}
		
		#s2{
			border-style:solid;
			border-color:#c3c857;
			border-width:1px;
			background-color:#dee359;
			padding:10px;
			margin-top:15px;
			margin-left:75px;
			margin-right:75px;
			text-align:justify;
			}
			
			portFooter{
				position:absolute;
				bottom:10px;
				width:940px;
				padding:5px;
				border-style:solid;
				border-color:#c3c857;
				border-width:1px;
				background-color:#EDF3BE;
				text-align:center;
				display:block;
			}
			
		#s3{
			border-style:solid;
			border-color:#c3c857;
			border-width:1px;
			background-color:#dee359;
			padding:10px;
			margin-top:15px;
			margin-left:75px;
			margin-right:75px;
			text-align:justify;
			}
			
		#s4{
			border-style:solid;
			border-color:#c3c857;
			border-width:1px;
			background-color:#dee359;
			padding:10px;
			margin-top:15px;
			margin-left:75px;
			margin-right:75px;
			text-align:justify;
			}

		#separator{
			position:relative;
			top:0px;
			left:0px;
			width:100%;
			margin-top:20px;
			margin-bottom:20px;
			text-align:center;
			border-bottom-style:solid;
			border-bottom-color:#c3c857;
			border-bottom-width:1px;
			}
		
#hills{
	position: absolute; 
	display: block; 
	bottom: 22px; 
	display: block; 
	width: 100%;
	height:224px;
	background-image:url(http://angelamiller.net/images/site/hills.gif);
	background-position:bottom center;
	background-repeat:repeat-x;
	}	
	
#footer{
	position:absolute;
	width:100%;
	bottom:0px;
	height:22px;
	background-image:url(http://angelamiller.net/images/site/bg_footer.gif);
	background-repeat:repeat-x;
	text-align:center;
	padding-top:10px;
	color:#e0bf85;
	font-size:12px;
	}

		
/**************** HIDE/SHOW DIV *******************/

.hidden { display: none; }
.unhidden { display: block; }

/******or try this if it breaks css if more than 1 is open
.hidden { visibility: hidden; }
.unhidden { visibility: visible; }
***************/

/**************** TEXT STYLES *********************/

.sectionHead{
	font-weight:bold;
	color:#d37e29;
	font-size:25px;
	padding-bottom:10px;
	display:block;
	}
		
.sectionSubHead{
	font-weight:bold;
	font-size:14px;
	padding-bottom:5px;
	}
	
	.sectionSubText{
		font-size:13px;
		}
		
/**************** LINK STYLES *********************/
		
a:link {color:#3f3f3f; text-decoration:none}
a:visited {color:#3f3f3f; text-decoration:none}
a:hover {color:#d37e29; text-decoration:none}
a:active {color:#3f3f3f; text-decoration:none}

a.portLink:link {color:#d37e29; text-decoration:none}
a.portLink:visited {color:#d37e29; text-decoration:none; background-color:#EDF3BE}
a.portLink:hover {color:#92a239; font-weight:bold; text-decoration:none}
a.portLink:active {color:#F00; text-decoration:none}