@import url('/css/layout/layout.css');

#introOne, #introTwo {
  float: left;
	width: 14.1667em;
}
#introTwo {
  clear: left;
}
#folioFrame {
  float: right;
	height: 28.5714em;
	margin-bottom: 2em;
  position: relative;
	width: 42.8571em;
}
  #folioImg {
		border: 0.357143em solid;
		left: 0;
		height; 27.8571em;
		position: absolute;
		top: 0;
		width: 42.1429em;
		z-index: 10;
  }
	#folioCaption {
		bottom: 0.3125em;
		left: 0.3125em;
		margin-bottom: 0;
		position: absolute;
		width: 36.875em;
		z-index: 11;
	}
	  #captionText {
		  display: block;
			margin: 0.357143em;
		}
	#showMore {
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		bottom: 0.47619em;
		padding: 0.238095em;
		position: absolute;
		right: 0.47619em;
		z-index: 12;
	}
#comeIn {
  border-radius-bottomright: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-radius-bottomright: 0;
  border-radius-bottomleft: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-radius-bottomleft: 0;
  clear: both;
	margin-bottom: 0;
	width: 36.875em;
}
#callToAction {
  float: left;
	width: 42.8571em;
}
  #callToAction li {
	  margin-bottom: .5em;
	}
	  #callToAction a {
		  display: block;
			/* layout because creates faux vertical padding */
			line-height: 3.5em;
			padding: 0 0.952381em;
		}
#myLatestPosts {
	float: right;
	margin-top: -1.5em;
	width: 18.125em;
}
#latestPosts {
  clear: right;
	float: right;
	width: 21.4286em;
}
  #latestPosts li {
	  margin-bottom: 1em;
	}
	#latestPosts li:last-child {
	  text-align: right;
	}
    span.post-date {
	    display: block;
	  }
	  a.post-title {
	    display: block;
	  }