.container_12.show { background: #fff url(../../images/12_col.gif) repeat-y; }
.container_16.show { background: #fff url(../../images/16_col.gif) repeat-y; }

/* Colours */

body, a { color: #111; }
a { border-bottom: 1px solid #ccc; }
em, h2 { color: #999; }
em a { color: #666; }
em.background { color: #bbb; }

/* Typography */

body, input { font-family: "Helvetica", helvetica, "Helvetica Neue", arial, sans-serif; line-height: 1.3; }
ul li, p, em { font-size: 13px; font-style: normal; letter-spacing: -0.01em; }
h1, h2 { font-size: 13px; font-weight: normal; }
a { text-decoration: none; font-weight: bold; }

/* Header */
#top { background-color: #111; }
#header { padding-top: 20px; }
#header a { color: #fff; border: 0; }
#header h1, #header h2 { font-size: 21px; color: #ddd; }
#header .grid_1 { padding-top: 8px; }
#header .grid_1 a { color: #ddd; }
#header .grid_1.active a { border-bottom: 3px solid #fff; color: #fff; }

/* Layout */

body { padding: 0px 0px 40px; text-align: left; }
.right { text-align: right; }

h1 em, h2 em { display: block; }

p, h2 { margin: 0px 0px 5px; }
hr { display: block; clear: both; margin: 0px 0px 30px; padding: 0px; height: 0px; overflow: hidden; }
a img { border: 0px; }
.col hr { margin: 0px 0px 15px; }

h2 { overflow: hidden; }
input#filter { display: inline; width: auto; padding: 1px 0px; border: 0px; background: #eee; font-size: inherit; color: inherit; }

#about { font-size: 18px; line-height: 1.8; padding: 20px 0 10px; }
#about a.active { background-color: #111; color: #fff; padding: 5px 7px; }
#about #secret { display: none; }

#content, #portfolio { display: inline; float: left; }
ul li { 
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;	
}
ul.project-list { width: 960px; }
ul.project-list li {
	/* equivalent to a .container_12 .grid_3 */
	display: inline;
	float: left;
	margin: 20px 10px 0;
	position: relative;
	width: 220px;
	height: 220px;
	overflow: hidden;
	border-bottom: 1px solid #ccc
}
ul.project-list li a.thumblink { border: 0; }
ul.project-list li a.thumblink img { margin-bottom: 5px; border: 5px solid #eee; }

#spacer { height: 20px; }

div#media { overflow: hidden; }
div.media { margin: 0px 0px 10px; }

/* Resume */
#information { padding-top: 5px; }
#information .grid_10 { border-top: 1px solid #ddd; padding-top: 2px; }
h3 { 
	font-size: 21px;
	margin-bottom: 5px;
	margin-top: 7px;
}
.section { border-top: 1px solid #333; padding-top: 20px; margin-top: 10px; }
.role { border-bottom: 1px solid #ddd;}
.type { text-transform: uppercase; font-size: 10px; color: #ccc; }
.type.baseline { padding-top: 3px; }
/*.type-norm { text-transform: uppercase; color: #aaa; }*/
.role p { line-height: 1; }
.content { padding: 20px 0; }
.meta a { font-weight: normal; }

.timeline { border-bottom: 1px solid #ccc; margin-bottom: 7px; }
.mark { border-top: 3px solid #111; }

/* Misc */

a.atom-rss { margin: 0px 0px 0px 6px; padding: 2px 3px 0px; font-size: 0.93em; letter-spacing: 0.08em; background: #ddd; }