@charset "UTF-8";
/* CSS Document */

/*
Author: Noah Ottenstein 
Created: May 26, 2010

Color Pallet:
	Background: #7fa3c1
	Headers: #FFFFFF
	Text: #333333

*/


body {
	background-color: #7fa3c1;
	color: #333333;
	font: normal 100% "Palatino Linotype", "Book Antiqua", Palatino, serif;
	line-height: 1.25em;
}

#page {
    margin: 2.5em auto 1em auto;
    padding: 0 1em 1em 1em;
    max-width: 61.75em;      /* 988px / 16px = 61.75em */
}

h1, h2 {
	color: white;
	font-weight: normal;
}

h1 {
	font-size: 1.5em;			/* 24px / 16px = 1.5em */
	line-height: 1.2em;			/* 1.5em / 1.25em = 1.2em */
	text-align: left;
	margin: 0;
	width: 10em;
	float: left;
	position: absolute;
	color: #333;
	font-family:"Arial Black", Gadget, sans-serif;
	left: .1em;
	bottom: .2em;
}

h1 a { /*logo shadow */
	position: absolute;
	top: -.1em;
	left: -.1em;
	opacity: 1;
	color: #ADC5D8;
}

h2 {
    font-size: 2.25em;			/* 36px / 16px = 2.25em */
	padding: .5em 0;
	margin: 0 0 .5em 0;
	border-bottom: 1px solid #666;
}

h3 {
	margin: 0 0 .25em 0;
}

#TopNav {
	opacity: .75;
	width: 100%;
	height: 3em;
	margin-bottom: 1em;
	position: relative;
}

#TopNav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 75%;
	min-width: 22em;
	position: absolute;
	bottom: 0;
	right: 0;
}

#TopNav li {
	line-height: 1.2em;			/* 1.5em / 1.25em = 1.2em */
	float: right;
	width: 25%;
	text-align: right;
	margin-bottom: .2em;
}

#TopNav a {
	color: white;
	text-decoration: none;
}

#TopNav a:hover {
	color: #FCF;
	opacity: 1;
}

.section {
	border-bottom: 1px solid #666;
	padding-bottom: 1em;
}

.section p {
	margin-bottom: 0;
}

#Footer {
	font-size: .875em;			/* 14px / 16px = .875em */
	opacity: .75;
	color: white;
	margin: 1em 0;
	position: relative;
}

#Footer #byLine {
	position: absolute;
	right: 0;
	top: 0;
	width: 45%;
	text-align: right;
	padding-bottom: 1em;
}

#byLine a {
	white-space: nowrap;
	text-decoration: none;
	font-weight: bold;
	color: white;
}

#byLine a:hover, #byLine:hover a {
	color: #CF6;
	opacity: 1;
}

#Footer #copyright {
	position: absolute;
	left: 0;
	top: 0;
	width: 40%;
	padding-bottom: 1em;
}


a {
	-webkit-transition-property: color, opacity;
 	-webkit-transition-duration: .25s, .25s;
	-webkit-transition-timing-function: linear, ease-in;
	-o-transition-property: color, opacity;
 	-o-transition-duration: .25s, .25s;
	-o-transition-timing-function: linear, ease-in;
	
	color: #333;
	opacity: .66;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	opacity: 1;
}





/* HOMEPAGE */

/* The sloppy way because of IE */
#Photographs #FineArt, #Photographs #Commercial {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
#Photographs #FineArt {
	width: 39.14%;
	padding-right: 1em;
}
#Photographs #Commercial {
	width: 58.88%;
	margin-right: -1em;
}
/* End IE mess */

/* The right way but IE freaks out
#Photographs>span {
	display:inline-block;
	padding-right: 1em;
}

#Photographs>span:last-child {
	padding-right: 0;
	margin-right: -1em;
}

#Photographs #FineArt {
	width: 39.14%;
}

#Photographs #Commercial {
	width: 58.88%;
}
 */
 
#Photographs {
	overflow-x: hidden;
}

#Photographs h3 {
	text-indent: 2em;
}

#Photographs img {
	width: 100%;
	border: none;
}

#Photographs a {
	display: block;
	opacity: 1;
}

#Photographs a:hover {
	opacity: .75;
}

#Shows {
	background-color: #7fa3c1;
	border: none;
	float: right;
	width: 33%;
	padding-left: 1em;
	position: relative;
	z-index: 10;
}

#Shows h2 {
	border: none;
}


#About {
	clear: both;
}


/* HOMEPAGE BLOG POSTS */

#Posts {
	position: relative;
	z-index: 9;
	padding-bottom: 0;
	border-bottom: none;
}

#Shows + #Posts {
	width: 65%;
}

#Posts h2, #Comments h2 {
	margin: 0;
}

.post h2 {
	border: none;
	font-size: 1.3125em;			/* 21px / 16px = 1.3125em */
	font-weight: bold;
	color: #333;
	padding-top: 0;
	line-height: 1em;
	position: absolute;
	left: 20%;
	padding-left: .5em;
	width: 28%;
}

.post h2 a {
	color: #333;
	text-decoration: none;
	opacity: 1;
}

.post, .comment {
	position: relative;
	border-bottom: 1px solid #666;
	padding: 1em 0;
	background-color: #7fa3c1;
}

.post:hover, .comment:hover {
	background-color: white; /* for IE */
	background-color: rgba(255,255,255,.5625);
}

.post, .comment {
	-webkit-transition-property: background-color;
 	-webkit-transition-duration: .25s;
	-webkit-transition-timing-function:ease-in;
	-o-transition-property: background-color;
 	-o-transition-duration: .25s;
	-o-transition-timing-function:ease-in;
}

.post small, .comment .date {
	position: absolute;
	left: 0;
	top: 1em;
	width: 20%;
	font-size: .875em;			/* 14px / 16px = .875em */
}

.post .entry, .comment .entry {
	margin-left: 50%;
	padding-left: .5em;
}

.post .entry p:first-child {
	margin-top: 0;
}

.postmetadata {
	font-size: .875em;			/* 14px / 16px = .875em */
	text-align: right;
	display: none;
}

.postmetadata a {
	white-space: nowrap;
}


/* SINGLE POSTS PAGE */

.widecolumn .post h2 {
	position: relative;
	left: 20%;
	padding-left: .25em;
	padding-bottom: 2.5em;
	width: 60%;
}

.widecolumn .post {
	position: relative;
	border-bottom: 1px solid #666;
	padding: 1em 0;
	background-color: #7fa3c1;
}

.widecolumn .post small {
	position: inherit;
	width: auto;
	font-size: inherit;
	line-height: 1.5em;
}

.widecolumn .post .entry, .comment .entry  {
	margin-left: 20%;
	margin-right: 20%;
}

.widecolumn .post .entry {	
	min-height: 20em;
}

.widecolumn .postmetadata {
	display: block;
	padding-right: 0;
	text-align: left;
}

.leftBar {
	position: absolute;
	top: 1em;
	left: 0;
	padding-right: .5em;
	text-align: left;
	width: 19%;
}

.rightBar {
	position: absolute;
	top: 1em;
	right: 0;
	padding-left: .5em;
	text-align: left;
	width: 19%;
	background-color: #7fa3c1;
}

.rightBar h3 {
	margin-top: 3.9em;
	margin-bottom: 1em;
}

.rightBar li {
	display: block;
}

.excerpt {
	position: absolute;
	top: 3.7em;
	font-size: 1.25em;
	font-weight: bold;
}

.excerpt p {
	margin-bottom: 2em;
}

.sociable a {
	opacity: 1;
}

img.sociable-hovers {
	opacity: .66;
}

.recentPosts {
	font-size: .875em;
	margin-bottom: 1em;
}

.recentPosts a {
	color: #333;
	font-weight: bold;
	font-size: 1.25em;
}

.navigation {
	margin: 1em 0;
	border-bottom: 1px solid #666;
	height: 2.5em;
}

.navigation a:hover {
	text-decoration: none;
}

.ppy-caption {
	background-color: #7fa3c1;
	margin-top: 0 !important;
	padding-top: 10px !important;
	height: auto !important;
}

.post .entry img.size-full {
	width: 100%;
}

/* Posts page post image thumbnails */
#page>#Posts div.entry .wp-caption {
	visibility: hidden;
	height: 0;
	padding: 0;
	margin: 0;
}

#page>#Posts div.entry .wp-caption+p {
	margin-top: 0;
}

#page>#Posts div.entry .wp-caption img {
	display: block;
	visibility: visible;
	position: absolute;
	left: 20%;
	margin: 0 0 1em .5em;
	top: 5em;
	width: 6em;
	height: auto;
	bottom: 1em;
}

/* image captions */
.wp-caption {
	background-color: #CCC;
	border: 1px solid #999;
	padding: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	width: auto !important;
}

.wp-caption-text {
	width: auto;
	font-size: .825em;
}

/* Comments */
.commentnumber a {
	position: absolute;
	top: 1em;
	right: 10%;
	padding-left: .5em;
	text-align: center;
	width: auto;
	min-width: 1em;
	padding: .25em;
	background-color: #FFF;
	vertical-align: middle;
	line-height: .875em;
	font-size: .875em;
	font-weight: bold;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
	opacity: .5;
}

.commentnumber a:hover {	
	opacity: 1;
}

#respond {
	margin-top: 1em;
	margin-left: 20%;
	margin-right: 20%;
	padding-left: .5em;
	padding-right: .5em;
}

#respond #comment {
	width: 100%;
}

#respond form textarea, #respond form input {
	background-color: rgba(255,255,255,.75);
	border: 1px solid #333333;
}

/* PORTFOLIO */

/* ad-gallery css overrides */
.ad-gallery {
	width: 100%;
}
.ad-gallery .ad-image-wrapper {
 	height: 40em;
	overflow: visible;
	margin-bottom: 1em;
}

.ad-image-wrapper {
	overflow: visible;
}

.ad-gallery .ad-thumbs  {
	vertical-align: top;
	text-align: center;
	overflow: visible;
	margin-bottom: -.5em;
}

.ad-gallery .ad-thumbs li a img {
	height: 5em;
	margin: .5em;
	border: none;
}

.ad-gallery .ad-thumbs li a {
	opacity: 1;
}

.ad-gallery .ad-thumbs li a.ad-active img {
	border: none;
}

.ad-gallery .ad-thumbs .ad-thumb-list {
	width: auto;
}

.ad-gallery .ad-thumbs li {
	float: left;
	padding: 0;
}

.ad-gallery .ad-nav {
	margin: -.5em;
	width: auto;
}

.ad-image-description {
	visibility: hidden;
}

.ad-image:hover .ad-image-description {
	visibility: visible;
}


/* PORTFOLIO GALLERIES INDEX */

.galleryThumb {
	width: 33.33%;
	float: left;
	display: block;
	position: relative;
	margin-bottom: 1em;
}

.galleryThumb img {
	width: 95%;
}

.gallerylist {
	margin-right: -1em;
}

.galleryThumb a {
	opacity: 1;
	display: inline-block;
}

.galleryThumb a:hover {
	opacity: .66;
}

/* Lists within sections */
.section ul,
.section ul li {
	margin-bottom: 1em;
}

div.sociable {
	clear: both;
}

.more-link {
	display: block;
	margin-top: 1em;
}

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 

.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }