@charset "utf-8";
/* Stylesheet: Jakob Berr Photography | Medium: Screen*/


/* Body
--------------------------------------------------------------------------------------------------*/

	body	{
			height:100%;
			background-color:#EEE;
			margin:0;
			padding:0;
			font:62.5%/208% Trebuchet MS,Verdana,Helvetica,Arial,sans-serif;
			color:#444;
			text-align:justify;
			}


/* Standard tags
--------------------------------------------------------------------------------------------------*/

	p		{
			font-size:1.2em;
			margin-top:5px;
			}
			
	#imagestage p {
			text-align:justify;
			}
	
	#footer p {
			font-size:1.1em;
			margin-top:9px;
			color:#AAA;
			}
	
	#grid_left p,
	#grid_center p,
	#grid_right p {
			line-height:170%;
			}
	
	img		{
			border:1px solid #777;
			padding:5px;
			}
	
	#header img {
			border:none;
			padding:0;
			}
			
	#thumbs img {
			background-color:#FFF;
			padding:3px;
			}
	
	h1		{
			font-size:1.6em;
			letter-spacing:4px;
			text-align:center;
			color:#666;
			margin:0 0 20px 0;
			}
	
	h2		{
			padding:0;
			margin:15px 0;
			}
	
	#grid_left em,
	#grid_center em,
	#grid_right em {
			margin-right:20px;
			font-style:normal;
			}
	

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

	a		{
			color:#777;
			text-decoration:none;
			outline:none;
			font-weight:bold;
			}
	
	#header a,
	#footer a {
			font-weight:normal;
			}
	
	.portfolio #submenu_left a,
	.portfolio #submenu_right a,
	.portfolio #submenu_center a {
			color:#777;
			}
	
	em a	{
			color:#C55;
			}
	
	a:hover,
	#frontpage a:hover,
	.portfolio a:hover {
			color:#F00;
			}
	
	#menu ul li a.selected {
			color:#C00;
			}


/* Tables & Lists
--------------------------------------------------------------------------------------------------*/

	
	
	table	{
			text-align:left;
			border:none;
			}
	
	#frontpage table {
			text-align:justify;
			}
	
	tr		{
			vertical-align:top;
			}
	
	td,
	tr	{
			padding:0;
			margin:0;
			}
	
	td.underline {
			border-bottom:1px #888 solid;
			padding-top:30px;
			}
	
	td.resume {
			padding-top:15px;
			}


/* Container
--------------------------------------------------------------------------------------------------*/

	#container {
			margin:30px auto 0 auto;
			width:1024px;
			height:900px;
			background:#FFF;
			border:1px solid #333;
			}


/* Header
--------------------------------------------------------------------------------------------------*/

	#header	{
			width:1024px;
			height:76px;
			padding-top:20px;
			font-size:1.2em;
			}


/* Footer
--------------------------------------------------------------------------------------------------*/

	#footer	{
			position:absolute;
			left:50%;
			margin-left:-512px;
			top:888px;
			width:1024px;
			height:42px;
			border-top:2px #AAA solid;
			}


/* Spacer
--------------------------------------------------------------------------------------------------*/

	#spacer {
			width:100%;
			background-color:#EEE;
			height:300px;
			}


/* Thumbs
--------------------------------------------------------------------------------------------------*/

	#thumbs {
			width:150px;
			height:590px;
			overflow:auto;
			position:absolute;
			left:50%;
			margin-left:560px;
			top:167px;
			text-align:center;
			}
			

/* Index
--------------------------------------------------------------------------------------------------*/

	#frontpage {
			width:1024px;
			height:750px;
			text-align:center;
			position:absolute;
			}
			
	.portfolio {
			width:964px;
			height:652px;
			margin:0 auto 0 auto;
			}


/* About
--------------------------------------------------------------------------------------------------*/

	#about	{
			width:500px;
			text-align:left;
			margin:150px auto 0 auto;
			}
			
	#about_text {
			width:268px;
			float:right;
			text-align:justify;
			padding-top:0;
			font-size:1.2em;
			}


/* Résumé
--------------------------------------------------------------------------------------------------*/

	#resume	{
			width:620px;
			height:580px;
			margin:80px auto 0 auto;
			}
	
	#resume_block {
			width:620px;
			height:505px;
			overflow:auto;
			margin:0;
			font-size:1.2em;
			}


/* Portfolio
--------------------------------------------------------------------------------------------------*/

	#singles {
			float:left;
			width:270px;
			padding-top:41px;
			}
	
	#stories {
			width:270px;
			margin-left:auto;
			margin-right:auto;
			padding-top:41px;
			}
	
	#multimedia {
			float:right;
			width:270px;
			padding-top:41px;
			}
	
	#grid_left,
	#grid_center,
	#grid_right {
			width:270px;
			height:284;
			margin-top:40px;
			text-align:justify;
			}		
	
	#grid_left {
			float:left;
			}
	
	#grid_center {
			margin-left:auto;
			margin-right:auto;
			}
	
	#grid_right {
			float:right;
			}
	
	#leftnav,
	#rightnav {
			width:76px;
			height:60px;
			margin-top:320px;
			font-size:2em;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			}
	
	#leftnav {
			float:left;
			}
	
	#rightnav {
			float:right;
			}
	
	#imagestage {
			width:872px;
			margin:40px auto 0 auto;
			}
	
	#caption,
	#caption_vertical {
			margin:0 auto 0 auto;
			text-align:justify;
			}
	
	#caption {
			width:872px;
			}
	
	#caption_vertical {
			width:401px;
			}