/* Copyright 2008 Wilson Miner */

/* POSTS TABLE */

.posts-table td.date p,
.posts-table td.summary p {
    color: rgb(30, 40, 30);
	color: rgba(30, 40, 30, .65);
	*color: rgb(30, 40, 30);
}

/* TIERED PHOTOS LIST */

.photos-mosaic {
	list-style-type: none;
	background: url(../images/mask-black-25.png) repeat-x;
	overflow: hidden;
	zoom: 1;
}

.photos-mosaic .photo {
	float: left;
	width: 492px;
	position: relative;
}

.photos-mosaic .date {
	font-size: 0.75em;
	line-height: 1.5em;
	float: left;
	width: 164px;
	margin-right: 16px;
	padding-top: 1.5em;
	color: rgba(30, 40, 30, .65);
}

.photos-mosaic .title {
	display: block;
	margin-left: 180px;
	margin-right: 0;
	font-size: 1.5em;
	line-height: 1em;
	letter-spacing: -0.05em;
	padding-top: 0.5em;
}

.photos-mosaic .frame {
	margin: 0.75em 16px 16px 0;
	display: block;
	width: 492px;
	height: 328px;
	overflow: hidden;
	position: relative;
}

.photos-mosaic .frame img {
	position: absolute;
	top: 0;
	left: 0;
	-ms-interpolation-mode: bicubic;
}

.photos-mosaic a .date,
.photos-mosaic a:hover .date {
	font-weight: normal;
	color: rgba(30, 40, 30, .65);
}

.photos-mosaic a .title,
.photos-mosaic a:hover {
	color: rgba(30, 40, 30, .9);
}

.photos-mosaic a:hover .title { 
	color: rgba(30, 40, 30, .65);
}

.photos-mosaic .photo-a,
.photos-mosaic .photo-c {
	background: url(../images/mask-black-25.png) 0 100% repeat-x;
}

.photos-mosaic .photo-a {
	padding-right: 16px;
}

.photos-mosaic .photo-b .frame {
	height: 208px;
}

.photos-mosaic .photo-b .frame img {
	margin-top: -82px;
}

.photos-mosaic .photo-c .frame {
	width: 312px;
	height: 104px;
	margin-top: 0;
}

.photos-mosaic .photo-c .frame img {
	margin-top: -52px;
}

.photos-mosaic .photo-c .info {
	position: absolute;
	bottom: 1em;
	top: auto;
	left: 328px;
	width: 148px;
}

.photos-mosaic .photo-c .title,
.photos-mosaic .photo-c .date {
	float: none;
	padding: 0;
	margin: 0;
}

/* DATE GROUP LIST */

.date-group-list {
	margin-bottom: 1em;
}

.date-group-list dt {
	background: url(../images/mask-black-25.png) repeat-x;
	float: left;
	width: 164px;
	padding: 0.75em 16px 0 0;
}

.date-group-list dt .date-grouper {
	font-size: 0.75em;
	color: rgba(30, 40, 30, .65);
}

.date-group-list dd {
	padding-top: 0.75em;
	background: url(../images/mask-black-25.png) repeat-x;
	margin-left: 180px;
	zoom: 1;
}

/* LINKS LIST */

.links-list {
	list-style-type: none;
	line-height: 1em;
}

.links-list li { 
	margin: 0 16px 0.75em 0;
	line-height: 1.125em;
}

.links-list .title {
	font-size: 0.875em;
}

.links-list .description {
	font-size: 0.75em;
	color: rgba(30, 40, 30, .65);
}

/* MEDIA LIST */

.media-list {
	list-style-type: none;
}

.media-list a .title {
	color: rgba(30, 40, 30, .9);
}

.media-list a:hover .title { 
	color: rgba(30, 40, 30, .65);
}

.media-list li {
	position: relative;
	margin-bottom: 1em;
	width: 164px;
	float: left;
}

.media-list .type {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: rgb(150, 150, 150) url(../images/mask-black-25.png);
	font-size: 0.6875em;
	text-transform: uppercase;
	line-height: 1em;
	padding: 4px 6px;
	font-weight: bold;
	color: rgb(255, 255, 255);
}

.media-list a:hover .type {
	background-color: rgba(150, 150, 150, .65);
}

.media-list .thumbnail {
	overflow: hidden;
	display: block;
	margin-bottom: 0.6em;
	width: 164px;
	height: 164px;
	-ms-interpolation-mode: bicubic;
}

.media-list .watch {
	width: 328px;
}

.media-list .watch .thumbnail {
	width: 328px;
	height: 136px;
}

.media-list .title {
	display: block;
	font-size: 1.125em;
	margin-bottom: 0.4em;
	margin-right: 16px;
	letter-spacing: -0.05em;
}

.media-list .description {
	font-size: 0.75em;
	margin-right: 16px;
	color: rgba(30, 40, 30, .65);
}

/* QUOTE */

.quote {
    clear: both;
    padding: 1em 0;
}

.quote blockquote {
    font-size: 1.25em;
    font-family: Palatino, Georgia, 'Times New Roman', serif;
    line-height: 1.2em;
    color: rgba(30, 40, 30, .9);
    text-indent: -0.5em;
}

.quote .source {
    margin-top: 1em;
    font-size: 0.75em;
    color: rgba(30, 40, 30, .65);
}

/* LAYOUT */

#links { 
	width: 656px; 
	float: left; 
}

#ephemera { 
	width: 328px; 
	float: left; 
	padding-left: 16px; 
}

#ephemera h1 { 
	margin-left: 0; 
}

#content { 
	background: url(http://media.wilsonminer.com/wm4/images/mask-black-25.png) 0 100% repeat-x; padding-bottom: 1em; 
}

#main {
	background: transparent; 
}

#main .section h1,
#main .section h2 { 
	color: rgb(255, 255, 255);
}

/* PRINT */

@media print {
	#main {
		background: #fff;
	}
	
	.media-list .type {
		background-color: transparent;
	}
	
	#main .section h1,
	#main .section h2 { 
		color: rgb(30, 40, 30); 
	}
}