/*
----------------------------------------------------------------------------------
WRITING
----------------------------------------------------------------------------------
*/
table.archive {
	clear: both;
	border-top: none;
	border-bottom: 1px solid #303639;
	margin-top: 0;
	}
date,
h3,
.archive p {
	margin: 0;
	}
.archive-topics,
th.archive-date,
th.archive-title {
	display: none;
	}
.archive-date,
.archive-title {
	display: block;
	}
.archive-date,
nav h3 {
	padding-right: 0;
	}
.archive-date date {
	font-weight: bold;
	float: left;
	}
.wordcount {
	font-style: italic;
	text-align: right;
	text-indent: 0;
	}
.archive td {
	border-top: none;
	}
.archive td {
	border-bottom: 1px solid #303639;
	}
nav.small {
	margin-bottom: 2.571428571428571em; /* 36/14 */
	}
.filtered nav.small {
	display: none;
	}
.thumbs {
	display: none;
	}

/*
--------------------------------------------------------------------------------
SUBNAVIGATION
--------------------------------------------------------------------------------
*/
nav.small h3 {
	font-family: minion-pro-1,minion-pro-2,"Times New Roman",Times,Georgia,serif;
	font-size: 1.28571429em;
	text-align: center;
	line-height: 1.33333333em;
	padding-bottom: .5em;
	}
ul {
	list-style: none;
	margin: 0;
	}
nav.small ul {
	border-top: 2px solid #303639;
	}
nav.small li {
	border-bottom: 1px solid #303639;
	}
nav.small a:link {
	display: block;
	text-decoration: none;
	padding: .5em 0;
	border: none;
	}
ul.all a.all:hover,
ul.all a.all:focus,
ul.design a.design:hover,
ul.design a.design:focus,
ul.film a.film:hover,
ul.film a.film:focus,
ul.me a.me:hover,
ul.me a.me:focus,
ul.music a.music:hover,
ul.music a.music:focus,
nav.small a.current:hover,
nav.small a.current:focus,
nav.small a:hover,
nav.small a:focus {
	color: #fff;
	text-shadow: none;
	background: #c44;
	padding: .5em 1em;
	}
ul.all a.all,
ul.design a.design,
ul.film a.film,
ul.me a.me,
ul.music a.music{
	color: #f7f5ef;
	background: #303639;
	padding: .5em 1em;
	}
/*
nav.small a.current {
	color: #f7f5ef;
	background: #303639;
	padding: .5em 1em;
	}
*/
nav.small span {
	float: right;
	}
/*
--------------------------------------------------------------------------------
MEDIUM VIEWPORT WIDTH
--------------------------------------------------------------------------------
*/
@media screen and (min-width: 480px) {
	table.archive {
		border-bottom: 2px solid #303639;
		}
	.filtered nav.small {
		display: block;
		}
	.archive-date,
	.archive-title {
		display: table-cell;
		}
	.archive-date {
		text-align: left;
		width: 26.6666666666667%; /* 144/540 ([1col+1gut]/8col) */
		padding-right: 6.6666666666667%; /* 36/540 (1gut/8col) */
		}
	.archive-title {
		padding-right: 0;
		}
	nav.small ul {
		border-top: none;
		margin-top: 1em;
		}
	nav.small li {
		width: 46.6666666666667%; /* 252/540 (4col/8col) */
		}
	nav.small li:nth-child(odd) {
		float: left;
		}
	nav.small li:nth-child(even) {
		float: right;
		}
	nav.small li:nth-child(1),
	nav.small li:nth-child(2) {
		border-top: 1px solid #303639;
		}
	nav.small li:last-child {
		border-bottom: 1px solid #303639;
		}
	.archive-date date {
		float: none;
		}
	.wordcount {
		text-align: left;
		}
	}
/*
--------------------------------------------------------------------------------
WIDE VIEWPORT WIDTH
--------------------------------------------------------------------------------
*/
@media screen and (min-width: 800px) {
	table.archive {
		clear: none;
		margin-top: 0;
		border-top: none;
		}
	th {
		padding-top: 0;
		border-bottom: 2px solid #303639;
		}
	nav.small {
		margin-top: 0;
/*		width: 33.3333333333333%;  180/540 (2col/8col) */
		}
	.archive-topics,
	th.archive-date,
	th.archive-title {
		display: table-cell;
		}
	.archive-date {
		text-align: left;
		width: 26.6666666666667%; /* 144/540 ([1col+1gut]/8col) */
		}
	.archive-title {
		width: 53.3333333333333%; /* 288/540 ([4col+1gut]/8col) */
		padding-right: 1em;
		}
	nav.small h3 {
		text-align: left;
		}
	nav.small ul {
		border-top: 2px solid #303639;
		margin-top: 0;
		}
	nav.small li {
		width: 100%;
		}
	nav.small li:nth-child(odd),
	nav.small li:nth-child(even) {
		float: none;
		}
	nav.small li:nth-child(1),
	nav.small li:nth-child(2) {
		border-top: none;
		}
	nav.small li:last-child {
		border-bottom: 2px solid #303639;
		}
	}