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

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif; 
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#666;
	font-size: .9em;
	background: #fff;
} 

h1,h2,h3,h4,h5,h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 30px;
	font-weight: 200;	 
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 14px;
	font-weight:lighter;
	padding: 0px;
}

h4 {
	font-size: 11px;
	font-weight:normal;
	 
	text-align: inherit;
}

h7{
	font-size: 11px;
	font-weight:normal;
	font-stretch: expanded;
	text-align: inherit;
	color:#333;
}

ul li {
	list-style: none;
	list-style-type:none;
	margin-left: 0px;
	text-indent: -40px;
}

a:link {
	text-decoration: none;
	color: #666;
}

a:visited {
	text-decoration: none;
	color: #666;
}

a:hover {
	text-decoration: none;
	color: #9C0;
}

a:active {
	text-decoration: none;
	color: #666;
}

/*firefox fix to get rid of borders around linked images*/
a img {border:0;} 

#container {
	position: absolute;
	left: 50%;
	margin-left: -500px;
	width: 1000px;
	height: 740px;
	background-color: white;
	text-align: left;
}

#header-logo {
	position: absolute;
	margin-top: 40px;
	left: 0px;
	padding: 0px 0 0px 40px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	width: 960px;
	height: 30px;
	text-decoration: none;
	border-bottom: #999 thin solid;
}

#header-menu  {
	position: absolute;
	top: 74px;
	height: 23px;
	width: 600px;
	padding-left: 40px;
	left: 0px;
	color: #666;
	font: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

#inline-list {
	position: absolute;
	cursor: pointer;
	left: 40px;
	top: 60px;
	width: 147px;
}

#inline-list p {
	display: inline;
}

#inline-list ul, #inline-list li{
	display: inline;
	margin: 0;
	padding: 0;
}
	
#sites-list {
	position: absolute;
	text-align: right;
	padding: 0 40px 0 0;
	right: 0px;
	cursor: pointer;
	top: 74px;
	width: 220px;
}

#sites-list p { 
	display:inline;
}

#sites-list ul, #sites-list li {
	display:inline;
	margin: 0;
}

#main-contents {
	position: absolute;
	padding: 0 40px 0 40px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	left: 0px;
	top: 100px;
	height: 480px;
	width: 917px;
}

#architecture-heading {
	position: absolute;
	height: 10px;
	width: 124px;
	top: 30px;
	left: 57px;
	text-align: center; 
}

#architecture {
	position: absolute;
	height: 400px;
	width: 44px;
	top: 50px;
    left: 77px;
	overflow: hidden;
	border: none green;
}

/*this is the 2nd architecutre list column thing, name has to be a different name for whatever reason*/
#arch2 {
	position: absolute;
	height: 398px;
	width: 44px;
	top: 50px;
	left: 100px;
	margin-left:20px;
	text-align: left;
	list-style: none;
	overflow: hidden;
	border: none black;
}

#fashion-heading {
	position: absolute;
	height: 10px;
	width: 124px;
	top: 30px;
	left: 248px;
	text-align: center;
}

#fashion {
	position: absolute;
	height: 402px;
	width: 50px;
	top: 50px;
	left: 286px;
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	text-align: center;
	float: left;
	border: none black;
}

#people-heading {
	position: absolute;
	height: 10px;
	width: 124px;
	top: 30px;
	left: 437px;
	text-align: center;
}

#people {
	position: absolute;
	height: 400px;
	width: 50px;
	top: 50px;
	left: 474px;
	list-style: none;
	list-style-type: none;
    text-align: center;
	float: left;
	border: none red;	 
}

#landscape-heading {
	position: absolute;
	height: 10px;
	width: 124px;
	top: 30px;
	left: 635px;
	text-align: center;
}

#landscape {
	position: absolute;
	height: 400px;
	width: 50px;
	top: 50px;
	left: 673px;
	list-style: none;
	list-style-type: none;
	text-align: center;
	float: left;
	border: none orange;
}

#untitled-heading {
	position: absolute;
	height: 10px;
	width: 124px;
	top: 30px;
	left: 830px;
	text-align: center;
}

#untitled {
	position: absolute;
	height: 400px;
	width: 50px;
	top: 50px;
	left: 868px;
	list-style: none;
	list-style-type: none;
	text-align: center;
	float: left;
	border: none yellow;
}

#contactcontainer {
	position: absolute;
	  /* remember that padding is the space inside the div box and margin is the space outside the div box */
	left:40px;
	top: 25px;	
	height: 420px;
	width: 920px;
	background:url(../../images/photo/full/bg9.jpg);
	background-repeat: inherit;
	background-position: center;
}

#cv {	
	overflow: auto;
	text-align: left;
	padding: 40px 90px 40px 90px;
	position: inherit;	 
}

#publications {
	position: absolute;
	top: 160px;
	left: 280px;
	height: 100px;
	width: 500px;
	background: none;
	overflow: auto;
	text-align: left;
}

#borderline-news {
	position: absolute;
	top: 558px;
	left: 0px;
	width: 960px;
	height: 10px;
	border-bottom: solid thin #CCC;
	padding-left: 40px;
}

#news {
	position: absolute;
	background: none;
	top: 600px;
	padding: 0 20px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	text-indent: 0px;
	left: 40px;
	height: 106px;
	overflow: auto;
	width: 880px;
}

#copyright {
	position: absolute;
	bottom: 0px;
	left: 40px;
	width: 920px;
	height: 10px;
	font-size: 9px;
	text-align: left;
}