/* Reset defaults  */
html { font-size:100%; text-rendering:optimizeLegibility; }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,img,form,label,iframe { margin:0; padding:0; font-size:1em; line-height:inherit; font-weight:inherit; color:inherit; border:none; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
input,select,textarea,button { font-size:1em; line-height:inherit; font-family:inherit;  margin:0; }
input[type=button],input[type=submit],button { overflow:visible; }
input[disabled],select[disabled],textarea[disabled],button[disabled] { opacity:0.75; }
.skiplink { position:absolute; top:0; left:-9999px; width:9em; padding:5px; color:#00f; background-color:#ff9; border:1px solid #993; text-align:center; z-index:9999; }
.skiplink:focus { left:0; }
.clear { height:0; clear:both; }

body { background-color:#eee; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; font-size:1em; line-height:1.4; color:#222; }
a { text-decoration:none; color:#fff; }
a:hover { color:#000; }

#about { background-color:#000; z-index:1000; font-size:0.8125em; color:#eee; }
	#about .container { padding:5px 20px; max-width:960px; text-align:center; margin:0 auto; }
	h1 { display:inline; font-weight:bold; }
		h1 .lastname { display:inline-block; width:0; height:0; overflow:hidden; }
	#about p { margin:0; display:inline; }	
		#about a { color:#acf; padding:2px; margin:0 -2px; }
		#about a:hover { color:#bdf; background-color:#036; text-decoration:none; }
	.contact { white-space:nowrap; }
h2 { text-align:center; font-family:Georgia,serif; margin:20px 20px -20px; font-size:2em; color:#666; cursor:default; }

.item { margin:50px auto 30px; width:600px; }

#cards { list-style-type:none; padding:0 100px; }
	#cards li { width:350px; height:235px; position:relative; margin:50px auto 100px; color:#fff;  }
	#cards li a { width:100%; height:100%; position:absolute; top:0; left:0; }
		#cards .month,#cards .title { font-size:1.4em; font-weight:bold; position:absolute; z-index:100; opacity:0.8; background-color:#000; display:block; padding:0.1em 0.5em; }
		#cards .month { top:0; left:0; }
			#cards .month .project { display:block; height:0; width:0; overflow:hidden; }
		#cards .title { bottom:0; right:0; }
		#cards img { height:100%; width:100%; position:absolute; top:0; left:0; }
		#cards .placeholder { border:2px dashed #bbb; width:346px; height:231px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
		
#jan a { color:#f33; }
	#jan a:hover .month,#jan a:hover .title { background-color:#f33; color:#000; }
#feb a { color:#f63; }
	#feb a:hover .month,#feb a:hover .title { background-color:#f63; color:#000; }
#mar a { color:#fc3; }
	#mar a:hover .month,#mar a:hover .title { background-color:#fc3; color:#000; }
#apr a { color:#6c3; }
	#apr a:hover .month,#apr a:hover .title { background-color:#6c3; color:#000; }
#may a { color:#36c; }
	#may a:hover .month,#may a:hover .title { background-color:#36c; color:#000; }
#jun a { color:#33c; }
	#jun a:hover .month,#jun a:hover .title { background-color:#33c; color:#000; }
#jul a { color:#60c; }
	#jul a:hover .month,#jul a:hover .title { background-color:#60c; color:#000; }
#aug a { color:#f33; }
	#aug a:hover .month,#aug a:hover .title { background-color:#f33; color:#000; }
#sep a { color:#f63; }
	#sep a:hover .month,#sep a:hover .title { background-color:#f63; color:#000; }
#oct a { color:#fc3; }
	#oct a:hover .month,#oct a:hover .title { background-color:#fc3; color:#000; }
#nov a { color:#6c3; }
	#nov a:hover .month,#nov a:hover .title { background-color:#6c3; color:#000; }
#dec a { color:#36c; }
	#dec a:hover .month,#dec a:hover .title { background-color:#36c; color:#000; }

.teaser { text-align:center; font-size:0.875em; color:#777; margin:3em 0 1em; }
.teaser a { font-size:1.8em; white-space:nowrap; color:#999; font-family:Georgia,serif; }
.teaser a:hover { text-decoration:underline; background-color:transparent; color:#888; }