/*
	Keisuke Omi
	komi@mac.com
	2009-01-15
	
	Styles for the homepage, resume, and portfolio
*/

html {
	font-size: 62.5%;
}
body {
	font-size:1.2em;
	line-height:1.6em;
	color:rgb(40,40,40);
	background-color:rgb(255,255,255);
	font-family:"Helvetica Neue",Helvetica,arial,sans-serif;
}
html, body, div, object, h1, p {
	margin:0;
	padding:0;
}
h1 {
	font-size:7.2em;
	letter-spacing:-0.04em;
	line-height:0.85em;
	font-weight:bold;
}
a:hover {
	text-decoration:none;
}
.c,
#name h1,
#about-me p,
.cc_notice p,
.hresume_notice p,
#blog #footer p {
	width:710px;
	margin:0 auto;
}
#about-me,
.cc_notice,
.hresume_notice,
#name,
#blog #footer {
	background-color:rgb(245,245,245);
	margin:0px;
}
#name,
#lifestream #about-me,
#blog #about-me {
	padding:80px 0 40px 0 !important;
}
.cc_notice p,
.hresume_notice p {
	padding:10px 0 20px 0;
}
#resume .cc_notice p {
	padding-top:0px;
}
#resume .hresume_notice p {
	padding-bottom:0px;
}


/*
	common
*/
ul, ol, p, dl {
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}
ul {
	list-style:square;
}
abbr, acronym {
	border-bottom:none;
}
.c > dl,
div.project {
	padding:10px 0;
}
.c > dl {
	margin:20px 0;
}
.c > dl > dd {
	margin-left:100px;
}



/*
	about me
*/
#about-me,
#blog #footer {
	font-size:2.4em;
	line-height:1.2em;
	letter-spacing:-0.04em;
	padding-top:40px;
}
#about-me .links,
#blog #footer .links {
	font-size:0.66em;
	line-height:1.3em;
	letter-spacing:-0.02em;
	padding-bottom:20px;
}



/*
	homepage
*/
#lifestream ul,
#lifestream li {
	margin-left:0px;
	padding-left:0px;
}
#lifestream dt {
	margin-bottom:10px;
}
#lifestream dd {
	margin-left:100px;
}
#lifestream dl {
	margin-bottom:40px;
}
#lifestream a img {
	border:none;
}

#twitter dd {
	font-size:2.4em;
	letter-spacing:-0.04em;
	font-weight:bold;
	line-height:1.2em;
}

#flickr ul,
#youtube ul {
	list-style:none;
}
#flickr li,
#youtube li {
	margin-bottom:10px;
	float:left;
	margin-left:10px;
}
#flickr li,
#flickr li *,
#youtube li,
#youtube li * {
	line-height:0px;
}
#flickr li.i0,
#flickr li.i2,
#youtube li.i0,
#youtube li.i4,
#youtube li.i8 {
	margin-left:0px !important;
}
#flickr li img {
	width:300px;
}
#youtube li img {
	width:145px;
	height:110px;
}

#delicious ul {
	width:300px;
	float:left;
}
#delicious ul li {
		margin-left:2em;
}



/*
	resume
*/
#contact_information > dt,
#objective > dt,
#qualifications > dt,
#industry_skills > dt,
#other_skills > dt,
#experiences > dt,
#education > dt {
	margin-bottom:1em;
}
#contact_information > dt a,
#objective > dt a,
#qualifications > dt a,
#industry_skills > dt a,
#other_skills > dt a,
#experiences > dt a,
#education > dt a {
	text-decoration:none;
	color:rgb(40,40,40);
	border-bottom:none;
}
#other_skills {
	margin-bottom:4em;
}
dl.experience {
	margin-top:10px;
}
#resume object {
	height:0px;
	width:0px;
}



/*
	portfolio
*/
h3 {
	clear:both;
	font-size:2.4em;
	margin-bottom:0.6em;
	letter-spacing:-0.04em;
	font-weight:bold;
}
.project {
	margin-bottom:40px;
}
.thumbnails {
	clear:both;
}
.thumbnails dl {
	float:left;
	position:relative;
	margin-bottom:10px;
}
.thumbnails dl,
.thumbnails img,
.challenge,
.contribution {
	width:350px;
}
.thumbnails dl.full,
.thumbnails dl.full img {
	width:710px;
}
.thumbnails dl dt {
	position:absolute;
	background-color:rgba(0,0,0,0.8);
	right:0px;
	
	padding:0.1em 0.6em;
	color:rgb(255,255,255);
}
.thumbnails dd {
	margin-left:0px;
}
.thumbnails dl.r {
	margin-left:10px;
}
.challenge {
	float:left;
}
.contribution {
	margin-left:360px;
}
.challenge,
.contribution{
	margin-top:10px;
	margin-bottom:10px;
}
.challenge dd,
.contribution dd {
	margin-left:0px;
}



/*
	clearfix
*/
.feed:after,
.project:after,
.post:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.feed,
.project,
.post {
    display: inline-block;
}
html[xmlns] .feed,
html[xmlns] .project,
html[xmlns] .post {
    display: block;
}
* html .feed,
* html .project,
* html .post {
    height: 1%;
}