/*
Theme Name: Tom Zetterstrom
Theme URI: http://www.tomzetterstrom.com/
Description: Designed by Krustus, programmed by 5d
Version: 0.1
Author: Justus Hanson, Ayan Babi Pal
Author URI: http://krustus.com/
Tags: blue, custom header, fixed width, two columns, widgets


*/


body {
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", serif;
	font-size: 62.5%;
	line-height: 2em;
	color: #948e88;
	background: url(images/tz-bkgd.gif) #f6f4f2 repeat-x fixed;
	}

hr {display: none;}

img {border-width: 0;}

.invisible {display: none;}



/* generic text */

h1 {
	margin: 0 15px 30px 15px;
	padding: 5px 10px;
	font-size: 1.4em;
	font-weight: normal;
	color: #f6f4f2;
	background-color: #b6b0aa;
	}

h2 {
	margin: 0 0 15px 0;
	padding-bottom: 15px;
	font-size: 1.8em;
	font-weight: normal;
	border-bottom: 1px solid #d4d0cc;
	}

h3 {
	margin-bottom: 1em;
	font-size: 2em;
	font-weight: normal;
	}

p {
	margin: 0 0 1em 0;
	font-size: 1.4em;
	}

em {
	font-size: .9em;
	font-style: normal; 
	}

ul {
	margin: 0;
	padding: 0;
	}

ul li {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 1.4em;
	list-style: none;
	}

a {
	color: #948e88;
	}

a:hover	{
	text-decoration: none;
	color: #948e88;
	}



ul + h2 {
	margin-top: 20px;
	}



/* generic form elements */

input, select, button {
	font-family: "Times New Roman", serif;
	font-size: 1.4em;
	}

button.SearchButton {
	margin-left: 5px;
	padding: 0;
	border: none;
	color: #000;
	background-color: #fff;
	cursor: pointer;
	}

button.SearchButton:hover {
	color: #666;
	}

input.Field {
	padding: 0 2px;
	font-size: 1.4em;
	background-color: #eee;
	border: 1px solid #ddd;
	}

input.Field:hover {border: 1px solid #ccc;}

select {
	font-size: 1.4em;
	background-color: #eee;
	}






/* container */

#page {
	position: relative;
	width: 960px;
	margin: 30px auto 0 auto;
	padding-top: 45px;
	}






/* logo */

.Logo {
	position: absolute;
	top: 0;
	left; 0;
	margin: 0 0 30px 15px;
	}






/* global nav */

#Nav {
	position: absolute;
	top: 0px;
	right: 5px;
	margin: 0;
	padding: 0;
	}

#Nav ul {
	margin: 0;
	padding: 0;
	}

#Nav ul li {
	margin: 0;
	padding: 10px;
	font-size: 1.4em;
	display: inline;
	}

#Nav a {
	text-decoration: none;
	color: #221911;
	}

#Nav a:hover {
	color: #948e88;
	}

#Home #NavHome a, #Portfolio #NavPortfolio a, #Exhibitions #NavExhibitions a, #Collections #NavCollections a, #Press #NavPress a, #About #NavAbout a {
	color: #948e88;
	}






/* content */

#Content {
	position: relative;
	margin-bottom: 3em;
	padding: 0 ;
	}






/* generic columns */

.col-1 {
	float: left;
	width: 930px;
	margin: 0px 15px 20px 15px;
	padding: 0;
	display: inline;
	}



.col-2-1 {
	float: left;
	width: 450px;
	margin: 0px 15px 20px 15px;
	padding: 0;
	display: inline;
	}



.col-3-2 {
	float: left;
	width: 610px;
	margin: 0px 15px 20px 15px;
	padding: 0;
	display: inline;
	}

.col-3-1 {
	float: left;
	width: 290px;
	margin: 0px 15px 20px 15px;
	padding: 0;
	display: inline;
	}



.col-4-3 {
	float: left;
	width: 690px;
	margin: 0px 15px 20px 15px;
	padding: 0;
	display: inline;
	}

.col-4-1 {
	float: left;
	width: 210px;
	margin: 0px 15px 20px 15px;
	padding: 0;
	display: inline;
	}






/* footer */

#Footer {
	position: relative;
	margin: 0 15px 0 15px;
	padding: 30px 0 60px 0;
	color: #b6b0aa;
	border-top: 1px solid #d4d0cc;
	clear: both;
	}

#Footer p {
	font-size: 1.2em;
	}

#Footer p small {
	font-size: 1em;
	}

#Footer a {
	text-decoration: none;
	color: #b6b0aa;
	}

#Footer a:hover	{
	color: #948e88;
	}






/* =HOME */

#Home #HomeReport {
	width: 700px;
	margin-bottom: 30px;
	padding: 0 10px;
	text-align: justify;
	}

#Home #HomePhoto, #Home #HomeArt, #Home #HomeWork, #Home #HomeMusic, #Home #HomeLiterature, #Home #HomeCinema {
	float: left;
	width: 220px;
	margin-bottom: 30px;
	padding: 0 10px;
	}

#Home #HomeMusic {clear: left;}

#Home #HomeReport h2, #Home #HomePhoto h2, #Home #HomeArt h2, #Home #HomeWork h2 {display: none;}

#Home #HomePhoto h3, #Home #HomeArt h3, #Home #HomeWork h3, #Home #HomeMusic h2, #Home #HomeLiterature h2, #Home #HomeCinema h2 {font-size: 1.4em;}


#Home #HomeMusic span, #Home #HomeLiterature span, #Home #HomeCinema span {display: none;}






/* =EXHIBITIONS */

#Exhibitions strong {
	float: left;
	width: 50px;
	font-size: 1.4em;
	font-weight: normal;
	display: block;
	}

#Exhibitions .col-2-1 ul {
	float: left;
	width: 400px;
	}






/* =PORTFOLIO */

#Portfolio .PortfolioName {
	margin: 0 15px 30px 15px;
	padding: 5px 10px;
	font-size: 1.4em;
	color: #f6f4f2;
	background-color: #b6b0aa;
	}

#Portfolio .PortfolioName strong {
	font-weight: normal;
	}



#Portfolio .ThumbnailContainer {
	float: left;
	width: 960px;
	margin: 0;
	padding: 0;
	display: inline;
	}



 a.Thumb {
	float: left;
	margin: 0 15px 30px 15px;
	padding: 14px;
	line-height: .1em;
	background-color: #fff;
	border: 1px solid #d4d0cc;
	}


a.Thumb:hover {
	border: 1px solid #c7c1bb;
	}



#Portfolio .PhotoContainer {
	float: left;
	margin: 0 0 15px 0;
	padding: 0;
	}

#Portfolio .PhotoContainer img {
	margin: 0 0 15px 0;
	padding: 0;
	border: 1px solid #d4d0cc;
	}

#Portfolio h1.PhotoTitle {
	float: left;
	margin: 0;
	padding: 0;
	color: #221911;
	background-color: transparent;
	clear: left;
	}

#Portfolio p.PhotoLocation {
	float: left;
	margin: 0;
	padding: 0;
	clear: left;
	}

#Portfolio p.PhotoDate {
	float: left;
	margin: 0;
	padding: 0;
	clear: left;
	}



#Portfolio a.Next {
	position: absolute;
	top: 60px;
	right: 135px;
	padding: 0 0 30px 0;
	background: url(images/port-next-off.gif) bottom center no-repeat;
	}

#Portfolio a.Next:hover {
	background: url(images/port-next-hover.gif) bottom center no-repeat;
	}

#Portfolio a.Previous {
	position: absolute;
	top: 60px;
	right: 15px;
	padding: 0 0 30px 0;
	background: url(images/port-prev-off.gif) bottom center no-repeat;
	}

#Portfolio a.Previous:hover {
	background: url(images/port-prev-hover.gif) bottom center no-repeat;
	}

#Portfolio a.Next span.SmallThumb, #Portfolio a.Previous span.SmallThumb {
	padding: 9px;
	line-height: .1em;
	background-color: #f6f4f2;
	border: 1px solid #d4d0cc;
	display: block;
	}

#Portfolio a.Next:hover span.SmallThumb, #Portfolio a.Previous:hover span.SmallThumb {
	border: 1px solid #c7c1bb;
	}

#Portfolio a.Next span, #Portfolio a.Previous span {
	display: none;
	}



#Portfolio a.Return {
	position: absolute;
	top: 0;
	right: 15px;
	margin: 0;
	padding: 5px 10px;
	text-decoration: none;
	color: #f6f4f2;
	}

#Portfolio a.Return:hover {
	color: #e5e1dd;
	}

#Portfolio p.Pullquote {
	float: left;
	margin: 115px 0 15px 0;
	padding: 15px 0;
	border-width: 1px 0;
	border-style: dotted;
	border-color: #d4d0cc;
	clear: both;
	}

#Portfolio p.Pullquote strong {
	margin: 0;
	font-size: 1.8em;
	font-weight: normal;
	line-height: .1em;
	vertical-align: sub;
	}

#Portfolio p.Pullquote span {
	margin-top: 10px;
	font-size: .9em;
	line-height: 1.3em;
	color: #b6b0aa;
	display: block;
	}