/* reset from Blueprint */

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* -------- hegedonssamet.com styles -------- */

/* -------- General -------- */

ul {
list-style-type: none;
}

.clear {
clear: both;
}	

/* Remove text on background images */

.image-alternate {
display:block;
height:0;
left:0;
overflow:hidden;
position:absolute;
top:0;
width:0;
}


/* -------- Projects Layout -------- */

/* 1 main content box */

#content {
margin-left: 40px;
width: 880px;
}

/* Two fixed width columns */

#text {
float: left;
width: 340px;
}

#media {
float: left;
width: 540px;
}

/* Text column layout */

ul#site-navigation li {
float: left;
margin-top: 40px;
display: inline;
}

#site-logo {
margin-top: 20px;
height: 103px;
width: 150px;
}

.project-title {
border-top: solid 1px #666; 
border-left: solid 1px #666; 
margin-top: 40px;
width: 340px;
height: 28px;
}

.project-media {
margin-top: 20px;
margin-bottom: 20px;
}

h2.screenings-exhibitions {
margin-top: 40px;
}

.vimeo-video-small {
margin-bottom: 20px;
}


/* Media column layout */

#media > div {
margin-bottom: 40px;
margin-left: 20px;
}

.just-right {
padding-left: 270px;
}

.float-left {
float: left;
}

.vimeo-video {
margin-top: 40px;
}

.description-image {
margin-bottom: 20px;
}

/* Complex media column layout */

#media.image-grid div {
margin-bottom: 0px;
}

.row-1 > div, .row-1 a img {
float: left;
margin-bottom: 20px;
}

.row-1 img {
margin-left: 20px;
}

.row-1 .first {
margin-left: 180px;
}

.row-2 > div, .row-2 a img {
float: left;
margin-bottom: 20px;
}


.row-2 img {
margin-left: 20px;
}

.row-2 .first {
margin-left: 0px;
}


.row-3 > div, .row-3 a img {
float: left;
margin-bottom: 20px;
}


.row-3 img {
margin-left: 20px;
}

.row-3 > .first, .row-3 > .first a img  {
margin-left: 0px;
width: 160px;
}

.row-3 > .first > img {
margin-bottom: 20px;
float: left;
}

/* Footer layout */

#footer {
margin-top: 60px;
}

#projects_navigation {
border-top: solid 1px #20AB6B;
}

.project_navigation-right {
margin-left: 360px;
}

.project_navigation-left {
margin-left: 0px;
width: 340px;
}

.projects-nav-prev {
float: left;
border-left: solid 1px #20AB6B;
padding: 10px;
}

.projects-nav-next {
float: right;
padding: 10px;
}

p.copyright {
margin-top: 80px;
margin-bottom: 20px;
}


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

/* Navigation */

ul#site-navigation li:before {
	content: "\00A0 \2044 \00A0";
	color: #20AB6B;
	}
	
ul#site-navigation li.first:before {
	content: " ";
	}


#site-logo {
background: transparent url(../images/hegedonssamset_logo.png) no-repeat center;
}

/* Project titles */

.project-title{
background-repeat: no-repeat;
background-position: center;
}

.the-world-is-saved {
background-image: url('../images/hegedonssamset_theworldissaved_title.gif');
}

.where-the-green-grass-grows {
background-image: url('../images/hegedonssamset_wheregreengrassgrows_title.gif');
}

.workers {
background-image: url('../images/hegedonssamset_workers_title.gif');
}

.comfort-me {
background-image: url('../images/hegedonssamset_comfortme_title.gif');
}

.flowers-on-the-wall {
background-image: url('../images/hegedonssamset_flowersonthewall_title.gif');
}

.i-want-to-be-your-girlfriend {
background-image: url('../images/hegedonssamset_iwanttobeyourgirlfriend_title.gif');
height: 59px;
}

.in-search-of-happiness {
background-image: url('../images/hegedonssamset_insearchofhappiness_title.gif');
}

.norway {
background-image: url('../images/hegedonssamset_norway_title.gif');
}

.superwoman {
background-image: url('../images/hegedonssamset_superwoman_title.gif');
}


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

.images-as-letter img{
float: left;
display: inline;
}

#content.index {
margin-top: 40px;
}

#header.index ul li{
margin-top: 0px;
margin-bottom: 20px;
}

/* -------- Main projects page layout -------- */

#col-1, #col-2 {
float: left;
}

#col-1 {
width: 520px;
}

#col-2 {
width: 340px;
margin-left: 20px;
}

#header.projects, div.project-01, div.project-02, div.project-03, div.project-04, div.project-05, div.project-06, div.project-07, div.project-08, div.project-09  {
float: left;
}

#header.projects {
width: 180px;
}

div.project-01 {
width: 340px;
height: 280px;
}

div.project-02 {
margin-top: 120px;
}

div.project-03 {
margin-left: 20px;
margin-top: 40px;
height: 360px;
}

div.project-04 {
height: 280px;
}

div.project-05 {
margin-left: 20px;
}

div.project-06 {
height: 280px;
}

div.project-07 {
margin-left: 180px;
}

div.project-08 {
margin-left: 20px;
}


/* -------- Info page layout -------- */

#text-1, #text-2, #text-3, #text-4 {
float:left;
}

#text-2, #text-3, #text-4 {
margin-left: 20px;
margin-top: 40px;
}

#text-1 {
width: 160px;
}

#text-2 {
width: 340px;
}

#text-3 {
width: 160px;
}

#text-4 {
width 160px;
}

#text-2 p {
margin-bottom: 17px;
}

h2.information-page {
border-top: solid 1px #666; 
border-left: solid 1px #666;
height: 28px;
}

h2.information-page.contact {
background-image: url('../images/hegedonssamset-info-contact-title.gif');
margin-top: 40px;
}

h2.information-page.biography {
background-image: url('../images/hegedonssamset-info-bio-title.gif');
}

h2.information-page.news {
background-image: url('../images/hegedonssamset-info-news-title.gif');
}

h2.information-page.links {
background-image: url('../images/hegedonssamset-info-links-title.gif');
}



/* -------- CV layout -------- */

#content.cv {
width: 1060px;
}

#table-1 {
float: left;
width: 700px;
margin-top: 40px;
margin-left: 20px;
}

h1.cv {
border-top: solid 1px #666; 
border-left: solid 1px #666;
background-image: url('../images/hegedonssamset-info-cv-title.gif');
height: 28px;
margin-bottom: 8px;
}

/* -------- Typography -------- */

body {
font-family: Monaco, Courier New, Courier, monospace;
font-size: 11px;
line-height: 17px;
color: #666;
}

.project-description > p {
text-indent: 40px;
}

ul.exhibitions, p.caption, p.copyright {
font-family: Verdana, sans-serif;
font-size: 10px;
}

#site_navigation, a {
text-decoration: none;
color: #20AB6B;
}

a:hover {
text-decoration: underline;
}