/* CSS Document for Lydia Lee web site */

/* using auto for the margin SHOULD center the page's body - but IE misinterprets, requiring this workaround */
body {
	margin:0px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
	background-color: #E5E5E5; /* light gray outside content box */
}
#Content {
	width: 755px; height: 575;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	margin-top: 0;
	text-align:left; /* Counteract to IE5/Win Hack */
	border: 0px solid #E5E5E5;
	background-color: #FFFFFF; /* white background within content box */
}

.topbar {
	position: absolute; /* it's actually only "absolute" relative to corner of overall content box that encloses everything */
	margin-left: 0px;
	margin-top: 0px;
}

.lydianame {
	position: absolute;
	margin-left: 174px;
	margin-top: 110px;
}

.articbut {
	position: absolute;
	margin-left: 61px;
	margin-top: 154px;
}

.biobut {
	position: absolute;
	margin-left: 75px;
	margin-top: 193px;
}

.contactbut {
	position: absolute;
	margin-left: 61px;
	margin-top: 233px;
}

.homephotos {
	position: absolute;
	margin-left: 174px;
	margin-top: 154px;
}

.hometext {
	position: absolute;
	margin-left: 175px;
	margin-top: 333px;
}

.archdesignbut {
	position: absolute;
	margin-left: 186px;
	margin-top: 344px;
}

.travelfoodbut {
	position: absolute;
	margin-left: 240px;
	margin-top: 377px;
}

.techbut {
	position: absolute;
	margin-left: 257px;
	margin-top: 410px;
}

.articleline {
	position: absolute;
	margin-left: 355px;
	margin-top: 154px;
}

.articlelisttext {
	position: absolute;
	margin-left: 372px;
	margin-top: 154px;
	width: 383px;
	height: 375px;
	font-family: Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	  /* 12px, with 22.5px line-height, also looks good. */
	line-height: 18px;
	color: #474747;
}
a:link {
     color: #B7511B;
	 text-decoration: none;
}
a:visited {
	color: #B7511B;
	text-decoration: none;
}
a:hover {
	color: #B7511B; 
	text-decoration: underline;
}
a:active {
	color: #B7511B; 
	text-decoration: underline;
}

.biophoto {
	position: absolute;
	margin-left: 174px;
	margin-top: 146px;
}

.biotext {
	position: absolute;
	margin-left: 312px;
	margin-top: 150px;
	width: 413px;
	height: 383px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22.5px;
	color: #474747;
}

.contactphoto {
	position: absolute;
	margin-left: 174px;
	margin-top: 153px;
}

.contacttext {
	position: absolute;
	margin-left: 371px;
	margin-top: 150px;
	width: 354px;
	height: 383px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22.5px;
	color: #474747;
}

.copyrighttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}