/* 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;
margin-right: 20px;
}

.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');
}

.the-crack {
background-image: url('../images/hege-dons-samset-the-crack-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');
}

.hope {
background-image: url('../images/hege-dons-samset-hope-title.gif');
}

.traces {
background-image: url('../images/hege-dons-samset-traces-title.gif');
}

.nature {
background-image: url('../images/hege-dons-samset-nature-title-2.gif');
}

.museum-of-hope {
background-image: url('../images/hege-dons-samset-m-o-h-title.gif');
}
.museum-of-hope-text {
background-image: url('../images/hege-dons-samset-m-o-h-text-title.gif');
}

.silk {
background-image: url('../images/hege-dons-samset-silk-title.gif');
}

.welcome-stranger {
background-image: url('../images/hegedonssamset_welcome-stranger_title.gif');
}

.welcome-stranger-sign-up {
background-image: url('../images/hegedonssamset_welcome-stranger-sign-up_title.gif');
margin-bottom: 40px;
}


/* -------- 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, div.project-10, div.project-11, div.project-12, div.project-13, div.project-14, div.project-15  {
}

#header.projects {
width: 180px;
}

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

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

div.project-03 {   /* happiness */
margin-left: 20px;
height: 360px;
margin-top: -260px;
float: right;
}

div.project-04 {
height: 240px;
margin-left: 180px;
margin-top: 20px;
}

div.project-05 {
margin-top: 40px;
margin-left: 100px;
margin-bottom: 40px;
}

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

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

div.project-08 { /* girlfriend */
margin-left: 20px;
margin-top: -180px;
float: right;
}

div.project-09 { /* the crack */
height: 200px;
margin-left: 20px;
margin-top: -260px;
float: right;
}

div.project-11 { /* hope */
margin-left: 20px;
margin-top: 40px;
float: right;
}

div.project-12 { /* traces */
margin-top: 40px;
margin-top: 100px;

}

div.project-13 {  /* nature */
height: 200px;
margin-top: 100px;
float: left;
}

div.project-15 {
height: 200px;
margin-left: 180px;
margin-top: -180px;
float: right;
}

div.project-16 {
height: 200px;
float: left;
}


/* -------- 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');
}

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

h2.information-page.newsletter-form {
background-image: url('../images/hegedonssamset-info-newsletter-form-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;
}

h1.m-o-h-text {
border-top: solid 1px #666; 
border-left: solid 1px #666;
background-image: url('../images/hege-dons-samset-m-o-h-text-title.gif');
height: 28px;
margin-bottom: 8px;
}

/* -------- Newsletter Form layout -------- */


h1.newsletter-form {
border-top: solid 1px #666; 
border-left: solid 1px #666;
background-image: url('../images/hegedonssamset-info-newsletter-form-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;
}

/* ------- Mailchimp ------- */

 #mc_embed_signup {
  background:#fff; 
  clear:left; 
  font:11px Monaco,Courier New,Courier,monospace,sans-serif; 
}

input.button {
  font-family: Monaco, Courier New, Courier, monospace;
  font-size: 11px; !important
  font-weight: normal;
  line-height: 17px;
  background-color: #20AB6B; !important
  margin-top: 20px;
 }

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


#mc_embed_signup form {display:block; position:relative; text-align:left; padding-top:20px;}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #666; -webkit-appearance:none; }
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #20AB6B; border: 0 none; border-radius:3px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:11px; font-weight: normal; height: 39px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#1d9d62;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline; }

#mc_embed_signup label {display:block; font-size:11px; padding-bottom:10px;}
#mc_embed_signup input.email {display:block; padding:10px; margin:0 4% 0 0; text-indent:5px; width:58%; min-width:130px;}
#mc_embed_signup input.button {display:block; width:15%; margin:10px 0 10px 0; min-width:90px;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em 0em 0em 0em; overflow:hidden; width:90%; margin:0; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#20AB6B; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}