/* Articles Archive CSS */
body {
	background: #fff;
}
div#header {
	background: #fff;
}
div#header a.previous,
div#header a.next {
	background: #ebf0f3;
	color: #000;
	text-decoration: none;
}
div#header a.previous:hover,
div#header a.next:hover {
	background: #7ed3f7;
}
div#header ul.nav li a:hover {
	background: #ebf0f3;
}
div#header ul.nav li a.active {
	background: #ebf0f3;
}
div#header ul.nav li a.active:hover {
	background: #7ed3f7;
}
div#header ul.nav li#home a,
div#header ul.nav li#articles a,
div#header ul.nav li#firehose a,
div#header ul.nav li#experiments a,
div#header ul.nav li#portfolio a,
div#header ul.nav li#about a {
	color: #000;
}
div#header ul.nav li#home a {
	padding-left: 57px;
	background: url('../../images/logos/ebf0f3-7ed3f7.png') no-repeat;
}
div#header ul.nav li#home a em {
	color: #09f;
}
div#header ul.nav li#home a strong {
	font-weight: bold;
}
div#header ul.nav li#home a:hover {
	background: #ebf0f3 url('../../images/logos/ebf0f3-7ed3f7.png') 0px -50px no-repeat;
}
div#content {
	width: 850px;
	padding: 35px 75px;
	margin: 0 auto;
}
div.triraven {
	clear: both;
	padding-top: 25px;
	margin: 0px 0px 0px 400px;
}
::selection,
::-moz-selection {
	color: #434445;
	background: #7ed3f7;
}
div#content h2 {
	width: 850px;
	font-size: 40px;
	padding: 0px 0px 5px 0px;
	color: #558da6;
	font-family: "ITC Lubalin Graph Std","ITC Lubalin Graph Book","ITC Lubalin Graph","Lubalin Graph Std","ITC American Typewriter","American Typewriter","Museo Slab 100","Museo Slab","museo-slab-1","museo-slab-2","Courier New CE","Courier New",Courier,serif;
}
div#content h2 a {
	font-family: "Neutra Text Light","Neutra Text LT","Avenir LT Std","Avenir LT Pro","Avenir","ITC Avant Garde Gothic Std","ITC Avant Garde Gothic","Avant Garde Gothic","apertura-1","apertura-2","Myriad Pro",Myriad,Frutiger,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 18px;
	font-style: italic;
	text-decoration: none;
	color: #888;
}
div#content h2 a:hover {
	color: #09f;
}
div#content > ul {
	border-top: 4px solid #ebf0f3;
	border-bottom: 4px solid #ebf0f3;
}
div#content ul {
	font-size: 16px;
	line-height: 18px;
	font-family: Frutiger,"ff-speak-web-pro-1","ff-speak-web-pro-2","Lucida Grande","Lucida Sans","Lucida Sans Unicode","Segoe UI","Myriad Pro",Myriad,"Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #434445;
	text-align: justify;
}
div#content ul.portfolio-items {
	border-bottom: 4px solid #ebf0f3;
}
div#content ul.portfolio-items > li,
div.clear {
	clear: both;
}
div#content ul.portfolio-items > li {
	border-top: 2px solid #ebf0f3;
	border-bottom: 2px solid #dedede;
}
div#content ul.portfolio-nav,
div#content ul.portfolio-items > li:first-child {
	border-top: 2px solid #dedede;
}
div#content ul.portfolio-nav {
	border-bottom: 2px solid #dedede;
}
div#content div.portfolio-showcase {
	clear: both;
}
div#content ul.portfolio-nav li#portfolio-byrole,
div#content ul.portfolio-nav li#portfolio-bymedium {
	width: 310px;
	float: left;
	padding: 0px 10px 10px 0px;
}
div#content ul.portfolio-nav li#portfolio-sorter {
	width: 210px;
	float: left;
	padding: 0px 0px 10px 0px;
}
div#content ul.portfolio-nav li dl dt {
	color: #888;
	font-size: 12px;
	padding: 6px 0px 2px 0px;
	height: 16px;
	font-family: "Neutra Text Light","Neutra Text LT","Avenir LT Std","Avenir LT Pro","Avenir","ITC Avant Garde Gothic Std","ITC Avant Garde Gothic","Avant Garde Gothic","apertura-1","apertura-2","Myriad Pro",Myriad,Frutiger,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
}
div#content ul.portfolio-nav li dl dd {
	font-size: 14px;
	float: left;
}
div#content ul.portfolio-nav li dl dd a {
	color: #434445;
	text-decoration: none;
	display: inline-block;
	padding: 6px;
}
div#content ul.portfolio-nav li dl dd a.selected {
	background: #434445;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: #fff;
}
div#content ul.portfolio-nav li dl dd a:hover {
	color: #09f;
}
div#content ul.portfolio-nav li dl dd a.selected:hover {
	background: #09f;
	color: #fff;
}
div#content ul.portfolio-items > li > ul.portfolio-images {
	width: 514px;
	float: left;
}
div#content ul.portfolio-items > li > ul.portfolio-images li {
	float: left;
}
div#content ul.portfolio-items > li > ul.portfolio-images li a {
	opacity: 0.4;
}
div#content ul.portfolio-items > li > ul.portfolio-images li a:hover,
div#content ul.portfolio-items > li > ul.portfolio-images li a.portfolio-item-activated {
	opacity: 1;
}
div#content ul.portfolio-items > li > ul.portfolio-titles {
	width: 335px;
	float: left;
}
div#content ul.portfolio-items > li > ul.portfolio-titles li {
	padding: 4px 24px;
	font-size: 12px;
	border-top: 2px solid #ebf0f3;
	border-bottom: 1px solid #dedede;
}
div#content ul.portfolio-items > li > ul.portfolio-titles li a {
	color: #434445;
	display: block;
	text-decoration: none;
}
div#content ul.portfolio-items > li > ul.portfolio-titles li a span.year {
	color: #fff;
}
div#content ul.portfolio-items > li > ul.portfolio-titles li a:hover span.year,
div#content ul.portfolio-items > li > ul.portfolio-titles li a.activated span.year {
	color: #888;
}
div#content ul.portfolio-items > li > ul.portfolio-titles li a:hover,
div#content ul.portfolio-items > li > ul.portfolio-titles li a.activated {
	color: #09f;
}
div#content ul li.quote {
	clear: both;
	border-top: 2px solid #ebf0f3;
	border-bottom: 2px solid #dedede;
	padding: 15px;
}
div#content ul li.quote blockquote {
	font-family: "ITC Lubalin Graph Std","ITC Lubalin Graph Book","ITC Lubalin Graph","Lubalin Graph Std","ITC American Typewriter","American Typewriter","Museo Slab 100","Museo Slab","museo-slab-1","museo-slab-2","Courier New CE","Courier New",Courier,serif;
	font-size: 20px;
	padding: 15px 0px 5px 15px;
	border-left: 5px solid #ebf0f3;
	color: #888;
	line-height: 24px;
}
div#content ul li.quote cite {
	display: block;
	font-family: "ITC Lubalin Graph Std","ITC Lubalin Graph Book","ITC Lubalin Graph","Lubalin Graph Std","ITC American Typewriter","American Typewriter","Museo Slab 100","Museo Slab","museo-slab-1","museo-slab-2","Courier New CE","Courier New",Courier,serif;
	font-size: 16px;
	padding: 5px 0px;
	color: #434445;
	line-height: 24px;
	text-align: right;
}
ul#footer {
	border-top: 4px solid #ebf0f3;
}