/*
Theme Name: Sesame Letterpress
Description: Theme for Sesame Letterpress
Version: 1.0
URI: http://www.knectar.com 
Tags: 
*/

body { 
background: #CCCCCC; font: normal 14px / 1.4em Georgia, "Times New Roman", serif; height: 100%; width: 100%; min-width: 1024px;
  
  background: url(../images/background2.png) #CCCCCC;
}
/* .bg-container {  background: url(../images/background.png) #CCCCCC;       display: block; clear: both; float: left; width: 1092px; padding-bottom: 50px;  }
.bg-container-outer { width: 1092px; margin: 0 auto !important;  } */

.bg-container img{ 
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
  height:
  margin-top: -9
}
.bg-container-outer {   }

h2 { font: normal 18px Georgia, "Times New Roman", serif; margin-bottom: 14px; color: #EF2B2D; }
h3 { font: normal 14px Georgia, "Times New Roman", serif; color: #EF2B2D; }
p { margin-bottom: 10px; /* color: #EF2B2D; */ }
a { color: #EF2B2D; }
a:hover { color: #644b07; }
a img { border: 0px; }

/* .home .left { float: left; width: 374px; height: 623px; }
.home .right { float: left; background: white url(../i/homeRight.png) no-repeat; width: 565px; text-align: right; }
.home .right .content { color: #EF2B2D; margin-top: 310px; width: 350px; float: right;} */

.header { margin: 0; }


.quote { margin-top: 20px; color: #888; }
.morePictures { text-align: center; padding-top: 15px; }
.morePictures a { text-decoration: none; font-style: italic;}

.styleGuide { padding-top: 15px; height: 79px; }
.styleGuide a { text-decoration: none; }


.pagination { margin: 0px 0 20px 0; /* width: 430px; */ }
.pagination a { text-decoration: none; font-style: italic; }
.pagination ul li.left { float: left; }
.pagination ul li.right { float: right;  }
.pagination ul { float: left; width: 100% }




table.frame { /* background: url(../i/imageFrameL.png); */ padding: 20px; margin: 0 auto; }
table.frame tr td#projectImage { padding: 25px 40px 25px 45px; /* background: url(../i/imageFrameR.png */) no-repeat top right;}



ul.thumbs li { /* background: url(../i/thumbFrame.png) no-repeat; */ margin: 0px; margin-left: 5px; margin-right: 5px;  }

.clear { clear: both; }


/* CHanges */

.container { clear: both;  width: 850px;padding: 0;  /* border: 1px solid #888; */ 
  float: left;
  position:relative; 
  z-index: 1 !important;
  padding-bottom: 50px;
   min-height: 500px;
   background: white;
}
.outer-container { width: 850px; padding-bottom: 20px; margin: 20px auto; padding: 0;;  }

.header-menu { display: block; float: left; clear: both; width: 850px; }
.header-menu ul { text-align: right; margin-bottom: 10px; font-family: Georgia, "Times New Roman", sans-serif; }
.header-menu ul li { display: inline; margin-left: 15px; }
.header-menu ul li a { text-decoration: none; font-size: 14px !important; color: #EF2B2D; font-style: italic; }
.header-menu ul li.current a { font-weight: bold }

/* Columns */



.about { width: 850px  }
.about .col1 { width: 430px;  padding: 0px; float: left;  }
.about .col2 { width: 420px; float: right; text-align: left; }

/* .business .col1 { width: 410px;  padding: 70px 0 0 10px; margin-right: 40px; }
.business .col2 { width: 450px; margin-top: -50px; text-align: right; }
.business .col2 img { padding: 8px; border: 1px solid #888; margin-bottom: 20px;} */

.contact { width: 850px  }
.contact .col1 { width: 430px; padding: 0px; float: left;   }
.contact .col2 { width: 420px; text-align: left; float: right; }

.front  { width: 850px; }
.front .col1 { width: 430px;  padding: 20px 0 0 0px; border: 0px; }
.front .col2 { width: 420px;  float: right; text-align: center;  }

.press  { width: 850px; }
.press .col1 { width: 430px;  float: left; padding: 0px; }
.press .col2 { width: 420px; float: right; padding: 0px; text-align: left; }
/* .press table tr td { width: 140px; padding: 10px; } */

.logo-top { padding: 20px 0px 0px 30px; margin-bottom: 0px; display: block;   }

.picture-frame { background: url(../images/image-picture-frame.png); width: 410px; height: 543px; margin-left: 20px; }

.picture-frame-dummy{  
  width: 400px; 
  padding-left: 30px;
  padding-top: 20px; 
}

.picture-frame img {padding-left: 39px !important; padding-top: 38px; max-height: 466px;}
#about-image {cursor: pointer}

.picture-frame-project { background: url(../images/image-picture-frame-project.png) ; width: 447px; height: 352px; margin-left: 0px; }

.picture-frame-project img {padding-left: 28px !important; padding-top: 26px; width: 392px; height: 293px;}


.sub-page { width: 850px  }
.sub-page .col1 { width: 430px;  padding: 0px; float: left;   }
.sub-page .col2 { width: 420px; float: right; text-align: left; }
.sub-page .col1 .picture-frame img { max-width: 330px; }

.sub-content{width: 336px; padding-left: 40px; 
  font-size: 14px !important; 
  color: #555555 !important;
  padding-top: 14px;
}

.project-page .col1 { width: 450px !important; padding-left: 10px; padding-right: 10px; }
div.project-thumbs{ width: 400px; margin: 0 auto ;  }
div.project-thumbs img{ width: 123px !important; height: 92px; }
div.project-thumbs .thumbs li{ float: left  }
.project-page .col2 { width: 380px !important}
.project-page .col2 .sub-content { padding-left: 0px !important; }
.project-page .col1 .pagination { padding-top: 25px; float: left; width: 100% }

.press-page .col1 .pagination { padding-top: 15px; float: left; width: 400px; padding-left: 25px; padding-right: 15px; }
.category-page .col1 { padding-top: 20px;  }
.wholesale-page .col1 { padding-top: 20px;  }


.projects-wrapper { padding-left: 30px; width: 400px;  float: left; clear: both }
.projects { width: 400px; float: left; height: 97px; }
.project img{ max-width: 82px; height: 82px; min-height: 82px; padding: 0px !important; margin: 0px !important  }
.project{ width: 82px;margin: 0px; padding: 0px; margin-bottom: 0px;padding-right: 15px;  padding-top: 0px !important; border: 0px !important; float: left; }

#vignette {
  margin-top: 25px;width: 401px; height: 566px; float: left; padding: 0px;
  position: relative; 
  z-index: 20 !important;  
}
#vignette-wrapper{ 
  margin-top: 25px;
  width: 401px; 
  height: 566px; 
  float: left; 
  padding: 0px;

position: relative;
z-index: 2 !important;

}
div#oval {z-index: -120 !important; position: relative; margin-top: -557px; }
div#oval img {/*  height: 400px;min-height: 400px; z-index: -120 !important; position: relative; */ max-width: 400px;min-height: 400px;}
/* img.vignettex { top: -557px; max-width: 400px; height: 400px;min-height: 400px;} */
img.vignettex1 {z-index: 12 !important; position: relative; }

.home-logo {max-width: 400px; margin-top: 90px; margin-bottom: 50px; position: relative; left: -42px; z-index: 20}
.front-page .col2 .sub-content { padding-left: 0px !important;padding-top: 0px !important; }

.footer-wrap{float: left; width: 100%; margin-top: 30px}

.home-flourish { margin-left: -20px }

.business-cards .home-flourish { margin-bottom: -10px }
.business-cards .home-flourish img { margin-left: 0px; width: 360px; }
.business-cards .col1 img { margin-bottom: 10px; }

.disclaimer {
  text-align: center;
  /* font-size: 12px; */
  /* position: relative;
  top: -85px; */
  font-style: italic;
  color: orange;
  color: #EF2B2D;
}

.contact-page   .picture-frame { background: url(../images/image-contact-us-frame.gif) #fff; width: 410px; height: 440px; margin-left: 20px; }

.picture-frame div img {max-height: 466px;}
#picture-slideshow {
  margin-left: 39px !important; padding-top: 38px; 
}
#about-image{height: 466px !important; width: 330px !important;}

.about .picture-frame img {
  padding-left: 0px !important; padding-top: 0px; max-height: 466px;
}
.about .slideshow-images {
  height: 466px;
  width: 330px;
}

.project-page .picture-frame-project img { padding-left: 0px !important; padding-top: 0px !important;width: 392px; height: 293px;}
.project-page .slideshow-images {width: 392px; height: 293px;}
#project-slideshow {
  padding-left: 28px !important; padding-top: 26px !important;
}

.press-page .picture-frame img { 
  padding-left: 0px !important; 
  padding-top: 0px !important;
  height: 466px;
  width: 330px;
}
.press-page .slideshow-images {
  height: 466px !important;
  width: 330px !important;
}
#press-slideshow {
  margin-left: 39px !important; padding-top: 38px;
}