/*-----------------------------------------------------
              >> Blueprint Default CSS <<
              
This is the default Blueprint stylesheet. You're free
to modify it however you wish, or replace it entirely.              
              
-----------------------------------------------------*/

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

body {
/*  padding: 30px;*/
/*  background-color:#f2f2f2;*/
/*	background-color: #fff;*/
	background: #fff url(/static/images/bg.png) top left repeat-y;
  font-family: helvetica, arial, sans-serif;
  position:relative;
}
a img {
  border: none;
}
a {
  text-decoration:none;
  color:#c22760;
  color:#ed1556;
}
p a {
  text-decoration:underline;
}

p.more {
/*  text-align:right;*/
}
.more a {
  font-size:11px;
/*  letter-spacing:1px;*/
  color:#91201a;
  text-decoration:none;
}

/*-----------------------------------------------------
                     >> Layout <<
-----------------------------------------------------*/
.container {
  width:840px;
	width: 1100px;
}
.topSection {
  float:left;
  width:670px;
  height:200px;
/*  overflow:hidden;*/
}
.art {
/*  width:670px;*/
/*  margin-top:40px;*/
  overflow:hidden;
  padding:0 0 30px 0;
  float:right;
  position:relative;
}
.extended {
  clear:both;
  padding-top:0;
  width:330px;
  margin-left:330px;
}
.left {
	margin-right: 20px;
	padding: 30px 0 0 30px;
	width: 350px;
	float: left;
}
.col {
  width:160px;
  float:left;
  margin-right:10px;
}
.col2 {
  padding-bottom:20px;
}
.col5 {
  float:right;
  margin-right:0;
  width:140px;
}
.content {
  float:left;
  width:670px;
  margin-right:10px;
	padding-top: 30px;
  position:relative;
}
.footer {
	border-top: 1px solid #ccc;
	color: #60595b;
	float: left;
	padding-top: 10px;
	margin-top: 50px;
}

/*-----------------------------------------------------
                  >> Navigation <<
-----------------------------------------------------*/

ul.nav, ul.nav ul {
  list-style:none;
  font-size:11px;
  padding:0;
  margin:0;
  font-weight:bold;
  text-transform:uppercase;
}
ul.nav ul {
  margin:3px 0 14px 0;
  font-weight:normal;
}
ul.subnav {
  font-weight:normal;
}
.nav li {
  margin-bottom:2px;
}
.nav a {
  color:#000;
}
.nav ul a, .subnav a {
  color:#777;
}
.nav ul a:hover, .subnav a:hover {
  color:#444;
}
.nav a.active {
  color:#ed1556;
}

/*-----------------------------------------------------
                  >> Basic Typography <<
-----------------------------------------------------*/

.siteTitle {
  font-size:11px;
	margin: 30px 30px 0 30px;
  font-weight:bold;
  text-transform:uppercase;
}
.siteTitle a {
  width:200px;
  height:12px;  
  background:url(/static/images/logo_white.png) top left no-repeat;
  display:block;
  text-indent:-2000px;
}
.siteTitle span {
  float:left;
}

em, i {
  font-style:italic;
}

h1, h2, h3 {
  font-size:11px;
  color:#000;
  text-transform:uppercase;
  font-weight:bold;
  margin-bottom:4px;
}

h2 {
  color:#444;
}
.person h2 {
  margin-bottom:0;
}
.person h3 {
  color:#777;
}
h3 {
  font-weight:bold;
  color:#444;
}

h4 {
  font-size:11px;
  line-height:14px;
  color:#444;
}
p {
  font-size:11px;
  line-height:14px;
  margin-bottom:11px;
  color:#444;
}

ul {
  padding:0 0 0 35px;
  margin:18px 0 21px 0;
  padding:0;
  margin:0 0 11px 0;
  list-style-type:none;
}

li {
  font-size:11px;
  line-height:14px;
  color:#444;  
}

blockquote {
  padding:20px 30px;
}
blockquote p {
  font-size:110%;
  color:#003153;
  padding:0;
  margin:0;
  width:100% ! important;
}

blockquote cite {
  font-style:italic;
  font-size:90%;
}

.sidebar p {
  line-height:120%;
}

.footer p {
  font-size:11px;  
  line-height:140%;
}

/*-----------------------------------------------------
            >> Standard Image Handling <<
-----------------------------------------------------*/

img.small {
  float:left;
  width:50px;
  margin:0 8px 3px 0;
  border:1px solid #eee;
  padding:4px;
  background:#fff;
}
img.med {
  float:left;
  width:220px;
  margin:0 8px 3px 0;
  border:1px solid #eee;
  padding:4px;  
}
img.large {
  width:100%;
  margin:0 0 18px 0;
  border:1px solid #eee;
  padding:4px;
  background:#fff;  
}
img.headshot {
  width:140px;
}
img.negativeLeft {
  width:140px;
  float:left;
/*  margin-left:-170px;*/
  position:relative;
}


/*-----------------------------------------------------
                     >> Blog & News <<
-----------------------------------------------------*/

.post {
	width: 440px;	
  padding-bottom:60px;
}
.post img {
	margin-bottom: 20px;
}
.date {
  color:#000;
}
.post h2 {
	line-height: 140%;
}

.pagination {
  margin-top:15px;
  width:90%;
  text-align:right;
  font-size:11px;
}

.pagination ul {
  margin-top:4px;
  float:right;
  list-style:none;
  font-size:11px;
}

.pagination ul li {
  border-right:1px solid #444;
  padding:0 4px;
  float:left;
}

p.bio img {
  float:left;
  margin:0 9px 6px 0;
  border:1px solid #eee;
}

/*-----------------------------------------------------
                     >> People <<
-----------------------------------------------------*/

img.main {
	width: 440px;
	margin-bottom: 30px;
}

.person {
  clear:both;
  min-height:220px;
  margin-top:40px;
}

/*-----------------------------------------------------
                     >> Gallery <<
-----------------------------------------------------*/

.projectDescription {
	padding-top: 30px;
}
.text {
	width: 440px;
	float: left;
	margin: 0 0 60px 0;
}
.project img {
	margin-bottom: 15px;
}

.art img {
  width:670px;
}

.art ol.galleryNav {
  list-style:none;
  padding:0;
  position:relative;
  margin:14px 0 0 -12px;
}
ol.galleryNav li {
  display:block;
  padding:3px 12px;
  float:left;
  color:#444;
  cursor:pointer;
  font-size:11px;
}
.galleryNav li a {
  padding:3px 12px;
  color:#444;
}
.galleryNav li#activeThumb {
  color:#ed1556;
}



div.gallery {
  background: url(/static/images/slideshow_loader.gif) center center no-repeat;
}

div.gallery .slideshowMain img, div.gallery .image img {
  width:96%;
}

div.gallery .slideshowThumbs img {
  width:18%;
  margin-right:1%;
}

div.gallery .caption, div.gallery .imageInfo {
  font-family:"Gill Sans", helvetica, arial, sans-serif ! important;
  text-align:left;
  margin-top:5px;
}

div.gallery .slideshowMain p.caption {
  height:50px;
}

/*-----------------------------------------------------
                  >> Contact Form <<
-----------------------------------------------------*/

form {
  padding:0;
}

fieldset {
  padding:0;
}

label {
  display:block;
  color:#ed1556;
  font-size:70% ! important;
  text-transform:uppercase;
}
label.email, label.name {
  float:left;
  width:49%;
}
label.email {
  float:right;
}
.email input {
  width:98%;
}

fieldset input {
  width:85%;
  font-size:15px;
  margin-bottom:10px;
  font-family:"Gill Sans", helvetica, arial, sans-serif ! important;

}

fieldset textarea {
  width:100%;
  font-size:15px;
  line-height:130%;
  font-family:"Gill Sans", helvetica, arial, sans-serif ! important;
}

p.submit {
  text-align:left;
  margin-top:10px;
  width:100%;
  overflow:hidden;
}

.submit input {
  font-size:16px;
}