/* Michael Porter website stylesheet
   V1.0 Paul Bellamy, BellamyStudio, 2006 */

/* core html elements */
body {
	background:#333333;
	font:0.75em/1.5em Helvetica, Arial, sans-serif;
	_font-family:arial,sans-serif;
	color:#333
	}
img {
	border:0
	}

h1,h2,h3{
	font-weight:normal;
	margin:.5em 0 0 0;
	padding:0;
	color:#444
	}

p {
	margin:.25em 0 .5em 0
	}
a {
	color:#070;
	text-decoration:none
}
a:hover {
	color:#090;
}
a:visited {
	color:#060
}
hr {
	border:none;
	background-color:#dedede;
	height:1px
}

/* set up floats */

#container, #boxtop, #boxbottom, #header, #footer, #logo, #content, .onecolumn, .twocolumn, .threecolumn, .thumb, .picHolder, div.bioentry, span.date, span.info,
div.contact, div.contact img, div.contact p {
	float:left
}
/* main template layout */
#wrapper {
	margin: 5px auto;
	padding:0;
	width:1000px;
	text-align:left
	}
#container {
	position:relative;
	margin:0;
	width:1000px;
	padding:0;
	background:url('images/template/template_bg.png') top left repeat-y;
	}
#boxtop {
	width:1000px;
	height:31px;
	display:block;
	background:url('images/template/template_top.png') top left no-repeat
}
#boxbottom {
	width:1000px;
	height:50px;
	display:block;
	background:url('images/template/template_footer.png') bottom left no-repeat;	
}

#header {
	clear:both;
	width:935px;
	margin-bottom:10px;
	padding:0;
	height:70px;
	border-bottom:1px solid black
}
#header #logo {
	width:445px;
	margin:30px 0 3px 0;
	padding:0
}

#footer {
	width:930px;
	margin:0;
	padding:10px 35px;
	color:#999;
	font-size:80%
}
#footer a {
	color:#888
}
h2 {
	width:100%;
	border-bottom:1px solid #dedede;
	margin-bottom:10px
}

/* navigation */

#Nav {position: absolute; top: 48px; left: 480px; width: 487px; height: 22px; padding: 0; margin: 0}
#Nav li {list-style: none; margin: 0; padding: 0; display: inline;}
#Nav li a:link, #Nav li a:visited {display: block; position: absolute; top: 0; height: 22px; cursor:pointer; z-index:1}
#Nav .li1 a {left: 0; width: 54px;}
#Nav .li2 a {left: 54px; width: 77px}
#Nav .li3 a {left: 131px; width: 75px}
#Nav .li4 a {left: 206px; width: 124px}
#Nav .li5 a {left: 330px; width: 71px}
#Nav .li6 a {left: 401px; width: 86px}

#Nav li a:link, #Nav li a:visited {
	display: block; position: absolute; background-image: url('images/template/topnav2010.png'); background-repeat: no-repeat; top: 0px; overflow: hidden; font-size: 1px; line-height: 1px; color: #fff; height: 0; padding: 22px 0 0 0;
	}
/* link positioning */
#Nav .li1 a {background-position: 0 0; width: 54px}
#Nav .li2 a {background-position: -54px 0; width: 77px}
#Nav .li3 a {background-position: -131px 0; width: 75px}
#Nav .li4 a {background-position: -206px 0; width: 124px}
#Nav .li5 a {background-position: -330px 0; width: 71px}
#Nav .li6 a {background-position: -401px 0; width: 86px}

/* link rollovers */
#Nav .li1 a:hover {background-position: 0 -22px;}
#Nav .li2 a:hover {background-position: -54px -22px;}
#Nav .li3 a:hover {background-position: -131px -22px;}
#Nav .li4 a:hover {background-position: -206px -22px;}
#Nav .li5 a:hover {background-position: -330px -22px;}
#Nav .li6 a:hover {background-position: -401px -22px;}

/* active link */
.Work #Nav .li1 a {background-position: 0 -44px;}
.About #Nav .li2 a {background-position: -54px -44px;}
.Films #Nav .li3 a {background-position: -131px -44px;}
.Publications #Nav .li4 a {background-position: -206px -44px;}
.Press #Nav .li5 a {background-position: -330px -44px;}
.Contacts #Nav .li6 a {background-position: -401px -44px;}

/* sorry, couple of ie6 fixes */
#Nav li a {cursor: pointer; background:inherit}

/* set up grid */

#content {
	padding:0 30px 0 35px;
	margin:0 0 10px 0;
	width:935px;
}

.onecolumn {
	width:222px
}
.twocolumn {
	width:457px
}
.threecolumn {
	width:696px
}
.fourcolumn {
	width:930px
}
.onecolumn, .twocolumn, .threecolumn {
	margin-right:10px
}
.thumb {
	border-top:2px solid gray;
	width:110px;
	margin:0 15px 10px 0
}



/* set up gutters */
.last {
	margin-right:0
}

.latestNews .bioentry {width:690px}
.onecolumn .latestNews .bioentry {width:210px}
/*.entry {
	padding:0 5px;
}*/

.feedNews {
	padding:5px 0;
	margin:0 0 5px 0;
	border-bottom:1px solid #dedede
}
p.storyHead, .news h3 {
	padding:5px 0;
	margin:0 0 5px 0;
	font-size:130%;
	font-weight:bold
}
p.storyHead em {
	font-size:70%;
	color:#666;
	font-style:normal;
	clear:both;
	margin-bottom:10px
}
.newsSmall {
	color:#666;
	font-size:x-small
}
/* side nav */
div#sidenav ul {
	width:220px;
	padding:0;
	margin:0;
	list-style:none
}
div#sidenav ul li {
	border-bottom:1px solid #dedede
}
div#sidenav ul li a {
	display: block;
	padding: 5px;
	text-decoration: none;
	width: 210px
		}
div#sidenav ul li a:hover, div#sidenav ul li.current a {
	color:#090;
	background-color:#f3f3f3
		}
/* gallery */

.picHolder {
	padding:10px;
	width:192px;
	height:192px;
	margin:0 10px 10px 0;
	border:1px solid #dedede
}
.picHolder .painting {
	width:192px;
	height:150px;
	overflow:hidden;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	position:static;
}

.picHolder p {
	font-size:x-small;
	text-align:center
}

/* About Michael & Contacts */

div.bioentry, div.contact {
	padding:5px;
	margin:0 0 5px 0;
	border-bottom:1px solid #dedede

}
/*div.bioentry {
	width:690px;
}*/
div.contact {
	width:425px;
	height:7em;
	margin-right:30px
}
span.date {
	width:120px;
	font-weight:bold
}
span.info {
	width:550px;
}

div.contact img {
	width:200px;
	margin-right:23px;
	border:1px solid #ccc
}
div.contact p {
	width:120px;
}
.film {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #efefef
}
.film h4 {
	margin:0 0 .25em 0;
	padding:0
}