/*	Edie Steiner stylesheet
	Updated: Saturday, June 30, 2008
	Author: Kris Cvetkovic
*/


/*	COLOURS
	Body background:	#96b2a6
	Main text:			#333
	Links:				#960
	
*/



/* 	---------------------------

	LAYOUT 

	---------------------------
*/


body {
	background: #96b2a6 url(images/pg_bkgd2.jpg) no-repeat top center;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

#topnav {
	width: 666px;
	text-align: left;
	margin: auto;
	padding: 0;
}

#pagetitle {
	margin: 0;
}

#hompagecontent {
	width: 666px;
	margin: auto;
}

#homepagecontent2 {
	background: url(images/hpintro_top.gif) no-repeat top;
	width: 666px;
	margin: auto;
	padding-top: 10px;
}

#pagecontent, #photocontent, #gallerycontent, #newscontent {
	background-color: #fff;
	width: 666px;
	text-align: left;
	margin: auto;
	padding: 20px 0;

}

#pagefooter {
	background: url(images/footerbkgd.gif) no-repeat bottom;
	width: 666px;
	text-align: left;
	margin: 0 auto 20px auto;	
}

#pagesidebar {
	float: right;
	clear: left;
	width: 226px;
	margin: 0 50px 10px 10px;	
}

.cleared {
	clear: both;
}

.introphoto {
	float: left;
	clear: right;
	margin: 5px 20px 10px 0;
}

.filmlist {
	width: 560px;
	margin: 0 30px 1em 50px;
	padding: 0;
}

.filmlist td {
	padding: 5px;
	text-align: left;
	vertical-align: top;
}

#gallerycontent table {
	margin: 0 auto 2em auto;
	padding: 0;
}

#gallerycontent td {
	padding: 5px;
}

#hpfiller {
	background: url(images/hpintro_bottom.gif) no-repeat;
	margin: 0;
	padding: 10px;
	
}


/* 	---------------------------

	TYPOGRAPHY 

	---------------------------
*/


/*	Headers
	--------------------------- */

h1, h2, h2 img {
	border: 0;
	margin: 0;
}

h3 {
	color: #856f57;
	font-size: 17px;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0 50px 0.5em 55px;
}

.filmlist h3 {
	margin: 1em 10px 0.5em 0;
}

.installations_h3 {
	text-align: center;
}

h4 {
	color: #666;
	font-size: 15px;	
	margin: 1em 50px 0.5em 55px;
}



/*	Links
	--------------------------- */

a {
	color: #960;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #693;
}

a img {
	border: 0;
}

#topnav a {
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	text-transform: uppercase;
}

#topnav a:hover {
	color: #693;
}

#pagesidebar a {
	font-weight: 400;
	text-transform: uppercase;
}

.filmlist a {
	font-weight: 400;
}


/*	Paragraphs
	--------------------------- */

p {
	color: #333;
	font-size: 14px;
	line-height: 1.5em;
	margin: 0 60px 1em 55px;
}

#homepagecontent2 p {
	background-color: #fff;
	color: #665;
	font-size: 16px;
	line-height: 2.5em;
	text-align: justify !important;
	margin: 0;
	padding: 15px 45px 10px 45px;
}

#pagefooter p {
	color: #999;
	font-size: 11px;
	margin: 0;
	padding: 0px 50px 20px 55px;

}

#pagesidebar p {
	font-size: 12px;
	line-height: 1.5em;
	margin: 0;
	padding: 0 0 10px 20px;
	border-left: 1px solid #693;
}

#photo_environments {
	background: url(images/photos/ph_intro_env.jpg) no-repeat 0px 5px;
	padding-left: 191px;
}

#photo_portraits {
	background: url(images/photos/ph_intro_portrait.jpg) no-repeat 0px 5px;
	padding-left: 191px;
}

.filmlist p {
	margin: 0 10px 0.75em 0;
}

.film_description {
	font-size: 12px;
	border-bottom: 1px solid #999;
	margin-bottom: 1em;
	padding-bottom: 1em;
}

blockquote {
	background: url(images/quotemark.gif) no-repeat 0 0;
	color: #333;
	font-size: 16px;
	line-height: 1.5em;
	margin: 1.5em 120px 1.5em 50px;
	padding-left: 70px;
}

.quote_author {
	color: #333;
	font-size: 12px;
	font-style: oblique;
}

/*	Lists
	--------------------------- */

#topnav ul {
	float: right;
	clear: both;
	list-style: none;
	margin-top: -84px;
}

#topnav li {
	display: inline;
	padding: 0 5px 5px 10px;
}


#navphoto, #navfilms, #navnews {
	border-left: 1px solid #060;
}

#pagecontent ul {
	color: #333;
	margin: -0.5em 60px 1.5em 30px;
	padding-left: 40px;
}

#pagecontent li {
	font-size: 14px;
}

#photocontent ul {
	margin: 0 0 2em 206px;
	padding-left: 40px;
}

#photocontent li {
	display: inline;
	padding-right: 1em;
	font-size: 14px;
}

#gallerycontent ul {
	margin: 0 50px 1.5em 40px;
	padding: 5px;
}

#gallerycontent li {
	display: inline;
	margin-left: 10px;
	font-size: 14px;
}

#gallerycontent li img {
	margin-bottom: 1.5em;
}

#newscontent ul {
	margin: 0 60px 1.5em 15px;
}

#newscontent li {
	display: inline;
	padding-right: 2em;
	font-size: 14px;
}


/*	Miscellaneous
	--------------------------- */

hr {
	display: block;
	height: 0;
	border-top: 1px solid #999;
	margin: 0 60px 1.5em 55px;
}

.anglequote {
	color: #693;
	font-size: 1.25em;
}