/*IE Style Sheet*/
/*Moe.css*/
/*Development Notes
	Use relative positioning.
	Use fixed pixels, and not percentages, otherwise layouts will resize 
		as the user resizes the windows.
	Relative positioning offsets positions from the starting point of the regular flow of the page, that is
		offset from static positioning.
*/

/* Hyper Link Behaviors */

a:visited {color:#000000;} 
a:link {color:blue;}
a:hover {color:01559f;}
a { 
	text-decoration: none;
	}

	
/*General Element Behaviors*/	
img {
	border-width: 0pt;
	border-color: tranparent;
}
body {
	background-image: url(http://www.moemonty.com/images/MoeBackground.png);
	background-repeat: repeat-x;
	background-color: #4b5a68; 
	color: #ffffff;
	/*Above is shorthand for the background color of black and repeating gradient*/
	}
/* <!-- Use exact pixel sizes in ID/Hash combinations to prevent resizings --> */

/*ID selectors for web page elements. */
	
#container {
			background-image: url(http://www.moemonty.com/images/ContentHolderMobile.png);
			background-repeat: no-repeat;
			background-position: 245px 220px;
			position:relative;
			width:1000px;
			height:700px;
			margin:auto;
		}

#homeContainer {

			background-image: url(http://www.moemonty.com/images/MainMobileLogo.png);
			background-repeat: no-repeat;
			background-position: 245px 220px;
			position:relative;
			width:1000px;
			height:700px;
			margin:auto;

}

#innerFootContainer {
			background-image: url(http://www.moemonty.com/images/TaoFooter.png);
			background-repeat: no-repeat;
			background-position: 190px 675px;
			position:relative;
			width:1000px;
			height:1000px;
			margin:auto;
}


/*ABOUT PAGE */

#moeBio {
	position:relative;
	width: 325px;
	top: 120px;
	right: 20px;
	text-align:left;
	font-family: monospace;
	font-size: 90%;
}	
	
#moePhoto {
	position: relative;
	width: 200px;
	top:110px;
	right:110px;
	}	
	
	
}

#moblog {
	position:relative;
	width: 120px;
	top: 0px;
	right:0px;
	font-family: monospace;
	font-size: 90%;
}


#mobile {
	width: 60px;
	position: relative;
	left:0px;
	bottom:0px;
	}

/*PORTFOLIO PAGE*/
	
	
#greenland {
	width: 200px;
	height: 48px;
	position: relative;
	left:-130px;
	top:115px;
	}
	
#greenCopy {

	position: relative;
	width:100px;
	top: 100px;
	text-align:left;
	left:-140px;
	font-family:monospace;
	font-size: 90%;
}	

	
#gzLogo {
	width: 300px;
	position: relative;
	left:50x;
	top:5px;
	}

#gzCopy {

	position: relative;
	width: 100px;
	left:50x;
	top:5px;
	text-align:left;
	font-family:monospace;
	font-size: 80%;
}	

#resume {
	position: relative;
	width: 200px;
	top: 0px;
	left:80px;
}

#resumeText{
	position: relative;
	width: 200px;
	text-align:left;
	top: -10px;
	left:95px;
	font-family: monospace;
}


/*ACADEMICS PAGE */

#acadCopy{
	position: relative;
	width: 100px;
	margin:auto;
	top: 110px;
	right: 60px;
	text-align:left;
	font-size: 85%;
	font-family: monospace;
}

#acadCopyTwo{
	position: relative;
	width: 100px;
	top: 80px;
	right: 60px;
	font-size: 85%;
	text-align:left;
	font-family: monospace;
	color:#ffffff;
}

#t101{
	position: relative;
	width:50px;
	top: 45px;
	right:160px;
}

#t101copy{
	position: relative;
	width: 100px;
	top: 0px;
	right: 60px;
	font-size: 85%;
	font-family: monospace;
	text-align:left;
	color:#ffffff;
}


#iuArt{
	position: relative;
	width:100px;
	top:75px;
	right: 160px;
	font-family: monospace;
}

#niu{
	position: relative;
	width: 50px;
	top: 35px;
	right: 160px;
	font-family: monospace;
}

#article{
	position: relative;
	width:100px;
	bottom:80px;
	left:70px;
}

#articleText{
	position: relative;
	width: 100px;
	bottom:70px;
	left:85px;
	font-size: 85%;
	font-family: monospace;
	text-align:left;
	color:#ffffff;
}

/*COLLEAGUES PAGE */

#roryIcon{
	position:relative;
	width: 60px;
	top: 110px;
	right: 165px;
}


#roryText{
	position:relative;
	width: 50px;
	top: 110px;
	right: 165px;
	font-size:90%;
}

#nickIcon{
	position:relative;
	width: 60px;
	top: 130px;
	right: 165px;
}


#nickText{
	position:relative;
	width: 50px;
	top: 130px;
	right: 165px;
	font-size:90%;
}

#amberIcon{
	position:relative;
	width: 60px;
	bottom:69px;
	right: 40px;
}


#amberText{
	position:relative;
	width: 50px;
	bottom: 70px;
	right: 40px;
	font-size:90%;
}

#markIcon{
	position:relative;
	width: 60px;
	bottom: 62px;
	right: 40px;
}


#markText{
	position:relative;
	width: 50px;
	bottom: 64px;
	right: 40px;
	font-size:90%;
}



#travisIcon{
	position:relative;
	width: 49px;
	bottom: 260px;
	left: 80px;
}


#travisText{
	position:relative;
	width: 50px;
	bottom: 260px;
	left: 80px;
	font-size:90%;
}

#mattIcon{
	position:relative;
	width: 49px;
	bottom: 237px;
	left: 80px;
}


#mattText{
	position:relative;
	width: 50px;
	bottom: 237px;
	left: 80px;
	font-size:90%;
}

/*CONTACT PAGE*/

#email{
	position:relative;
	width: 50px;
	font-family:monospace;
	text-align:left;
	font-size:100%;
	top:100px;
	right:165px;
}

#emailText{
	position:relative;
	width: 50px;
	top:100px;
	right:165px;
	text-align:left;
	font-size:85%;
	font-family:monospace;
}

#twitter {
	position: relative;
	width:50px;
	right:165px;
	top:110px;
	
}

#twitterText{
	position: relative;
	width:50px;
	right:165px;
	top:110px;
	text-align:left;
	font-size:85%;
	font-family:monospace;
}


#facebook {
	position: relative;
	width:50px;
	left:90px;
	top:40px;
}

#facebookText {
	position: relative;
	width:50px;
	left:90px;
	top:40px;
	text-align:left;
	font-size:85%;
	font-family:monospace;
	
}

#linkedIn {
	position: relative;
	width:50px;
	left:90px;
	top:35px;
}

#linkedText {
	position: relative;
	width:50px;
	left:90px;
	top:35px;
	text-align:left;
	font-size:85%;
	font-family:monospace;
	
}



#optim{
	position:absolute;
	width: 500px;
	font-size:70%;
	font-family:monospace;
	bottom:400px;
	right: 250px;
}

/*Mobility CSS*/

#blogWrapper {
	position:absolute;
	width:100%;
	height:100%;
	border-width:0px;
	border-color:#ffffff;
	border-style:solid;
	text-align:center;
	/*Parent element must have text-align center
	  for margin:auto to work */
	}


#blogContainer {
	background-image: url(http://www.moemonty.com/images/blogBG.png);
	background-repeat: repeat-x;
	position:relative;
	text-align:center;
	width:600px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	border-width:2px;
	border-color:#ffffff;
	border-style:solid;
	/*The parent element, in this case, for use in the make and view post elements, this element must include text-align*/
	}

#makePost {
	position:relative;
	width:200px;
	margin-left:auto;
	margin-right:auto;
	font-family:monospace;
	color:#000000;
	text-align:center;
	/*Over-rides the parent text-align initially set out
	  in parent, blogWrapper element rule*/
}

#viewPost{
	position:relative;
	width:200px;
	margin-left:auto;
	margin-right:auto;
	font-family:monospace;
	text-align:center;
	/*Over-rides the parent text-align initially set out
	  in parent, blogWrapper element rule*/

}