/* ------------------------------ 
PAGE LAYOUT 
------------------------------ */

/* 
#container has an absolute width (780 pixel) 
The width of inner elements is set to auto,
in this way all inner elements have the same 
width of the element which contains them 
*/
/*#main{width:auto; display:block; padding-top: 50px; border: solid 1px gray;}*/

body {
	margin: 0px;
	padding: 0px
	text-align: center; /* to allow centering in IE */
}

#container{
	width:820px; 
	margin:0 auto; /* centers the page */
	position: relative; /* makes "container" the containing block */
	text-align: left; /* overrides text-align rule on body */
}

#masthead{
	width: 820px;
	border-bottom: solid 2px #ccc;
	color: #333;
	text-align: left;
	font-size: x-large;
	font-weight: 200;
	letter-spacing: 5px;
	padding-top: 20px;
	padding-bottom: 5px; 
	
}

#content{
	float: left; 
	width: 618px; 
	padding: 30px;
	padding-top: 20px; 
	border-right: solid 2px #ccc;
	font-size: small;
	/* This is the box-model hack for IE 5 */
	/*voice-family: "\"}\"";
	voice-family: inherit;
	width: 600px; } /* provides correct value for IE - width minus cellpadding and borders */
}

/* Hack for Opera
body>#main {width: 518px; } /* same number as IE hack */

#nav{
	position: absolute;
	width: 100px;
	left: 680px;
	padding: 20px;
	padding-top: 40px;
	color: #333;
	font-size: medium;
	text-align: left;
	text-decoration: none;
}

.spacer{
	float: left;
	width: 820px; 
	height:50px; 
	display:block;
}

#footer{
	padding-top: 40px;
	width: 820px;
	float: left;
	font-weight: 100;
	font-size: small;
	color: #ccc; 
	text-align: center;
}

div.news {
	clear: both;
	float: left;
	padding-top: 40px;
	padding-bottom: 40px;
	width: 560px;

}

	
/* ------------------------------ 
ELEMENTS 
------------------------------ */

body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: gray;
	background-color: white;
}

.media_window {
	text-align: center;
	font-size: small;
	margin: 0;
	padding: 0;
	
}

td {
	vertical-align: top;
	padding: 3px;

}

table {
	margin-bottom: 20px;
}

col {
	width: 100px;
	}

.section_header {
	letter-spacing: normal;
	color: gray;
}

img.news {
	margin-right: 20px;
	border: solid 1px #999;
	float: left;
	
}

.works img {
	border: solid 1px #ccc;
	margin: 0;
	margin-top: 20px;
}

.press imag {
	border: solid 1px #ccc;
	margin: 10;
}

h1.news {
	font-size: large;
	font-weight: 400;
	color: black;
	margin: 0;

}

.works h1 {
	
	font-size: large;
	font-weight: 300;
	color: #000;
	margin: 0px;
	padding: 0px;
}

.works span {
	padding-left: 10px;
	font-size: medium;
	font-weight: 300;
	color: #666;
	display: inline;
}

h1.press_date {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
	font-size: small;
	font-weight: 300;
	color: #666;
	display: block;
}

h1.press_title {
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
	font-size: large;
	color: black;
	display: block;
}

h1.press_pub {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
	font-size: medium;
	font-weight: bold;
	color: black;
	display: block;
}

p.news {
}

p.pfolio {
	color: #666;
	padding-top: 20px;
}

.press p {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: black;
}

h1 {
	font-size: large;
}

h2 {
	font-size: medium;
}

.photocredit {
	font-size: smaller;
	text-align: center;
	font-weight: 100;
	margin-bottom: 20px;
	color: #bbb;
}

div.medialink{
	text-align: center;
	font-size: medium;
	vertical-align: baseline;

}

embed {

padding: 0;
margin: 0;
}

dd, dt {
	font-size: 0.95em;
	}




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

a:link.current {
	text-decoration: none;
	color: #339;
}

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

a:hover {
	text-decoration: bold;
	color: #00f;
}

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

ul {
	list-style-type: none;
}

li {

	margin-bottom: 6px;

}

cite {
	display: block;
	font-style: normal;
	font-weight: normal;
}