/* ======= *
 * general *
 * =======  */
body{
	background: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.4em;
	-webkit-text-size-adjust: none;		/* stops iPhone nonsense */
}

ul,li{	display: inline; }

/* ====== *
 * blocks *
 * ====== */
#header{
	margin-top: 15px;
	margin-bottom:10px;
}

#header, #alpha, #beta, #footer {
	border-top: 10px solid #000000;
	padding-top: 5px;
	padding-bottom: 10px
}

#header-content{
	padding: 20px 0 10px;
	text-align:left;
}
#nav{
	overflow:auto;
	padding:20px 0 10px;
	text-align:right;
}

#footer-content{
	padding: 15px 0 25px 0;
	margin:0;
}



#errors, #upload { margin: 20px 0; }

.descr{	padding: 10px 0; }
.pic {
	padding: 10px 0; 
	border-top: 1px solid #000000;
}

h1{
	border-top: 1px solid #000000;
}

/* ********** *
 * formatting *
 * ********** */
p{
	padding-bottom: 1em;
}
a {
	color: #000000;
	text-decoration: underline;
}

a:hover{ text-decoration:none; }

h1{
	font-family: 'Oswald', Arial, sans-serif;
	font-weight:400;
	font-size:32px;
	line-height:48px;
	padding-bottom:10px
}

h2{
	font-family:'Oswald', Arial, sans-serif;
	font-weight:400;
	font-size:28px;
	line-height:36px;
	padding-bottom:10px
}

#footer p{ text-align:right; }
#beta .title{	font-weight:bold;	}

input.button{
	border:1px solid #cccccc;
	color:inherit;
	background: #eeeeee;
	padding:5px;
	margin:0;
}
input.button:hover{
	background: #333333;
	color: #eeeeee;	
}

.caption{
	width:100%;
	height:100px;
}

/* ===== *
 * LISTS *
 * ===== */
#nav ul{	margin-right: 0px;	}
#nav li{	padding-left: 15px;		}

#area li{	float:left; }

#area li a{
	display:block;
	border: 1px solid #888888;
	border-top:0;
	background: #eeeeee;
	padding: 5px 20px;
	margin-right: 15px;
	-moz-border-radius: 0 0 10px 10px; 	/* CSS3 - rounds corners */
	border-radius: 10px;
}

#alpha ul, #alpha li, #beta ul, #beta li, #manage li{display:block}

#alpha ul, #beta ul{padding-bottom: 1.5em;}

#beta li {padding-left: 1em;}

#area li a, #area li a:hover{
	text-decoration:none;
	font-weight:bold;
}

#errors ul{
	color: #ff0000;
	list-style-type: square;
	margin-left: 1em;
	padding:15px 25px;
	border: 1px solid #cccccc;
	background: #e8e8e8;
}

#errors li{ /* list-item for squares! */
	display:list-item;
}

#errors li, #manage li{
	padding: 0 0 .5em 0;
}

#alpha .indent{
	margin-left: 15px;
	display: list-item !important;
	list-style-type: square;
	font-size: 11px;
	line-height:13px;
}

#beta .indent{
	margin-left: 15px;
	padding: 0;
	display: list-item !important;
	list-style-type: square;
	font-size: inherit;
	line-height: inherit;
}

#details li{
	margin-left: 15px;
	padding-left: 0;
	padding-bottom: .5em;
	display: list-item !important;
	list-style-type: square;
}

#resume dl{
	margin-bottom: 1.5em;
}
#resume dd{
	margin-left: 1em;
}

#resume dt{
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #a0a0a0;
	letter-spacing: .1em;
	text-transform: uppercase;
}

/* ====== *
 * header *
 * ====== */
 
#header .name{
	font-family: 'Oswald', Arial, sans-serif;
	font-size: 48px;
	line-height: 48px;
	font-weight: 700;
}

#header .job{
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size: 24px;
	line-height: 24px;
	color: #8f8f8f;
	font-weight:bold;
}

#header .email{
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size: 20px;
	line-height: 20px;
	font-style: italic;
	color: #8f8f8f;
}

#nav li{
	font-size: 14px;
	line-height:48px;
}

/* ============== *
 * small cleanups *
 * ============== */
a img { display: block;	}		/* image links don't get text styles */

/* ================ *
 * networking links *
 * ================ */

.network li {
	padding-left: 0 !important;
	padding-bottom: 5px;
}
.network a {
	background-repeat: no-repeat !important;
	background-position: 0px !important;
	padding-left: 25px !important;
	display:block; /* HTML5 & fix 1px rendering silliness */
}
.network a[href*='facebook.com'] {	background-image: url('http://m.xiaoyin.li/networking/facebook.png') !important;}
.network a[href*='flickr.com'] {	background-image: url('http://m.xiaoyin.li/networking/flickr.png') !important;}
.network a[href*='last.fm']	{		background-image: url('http://m.xiaoyin.li/networking/lastfm.png') !important;}
.network a[href*='linkedin.com'] {	background-image: url('http://m.xiaoyin.li/networking/linkedin.png') !important;}
.network a[href*='tumblr.com'] {	background-image: url('http://m.xiaoyin.li/networking/tumblr.png') !important;}
.network a[href*='twitter.com'] {	background-image: url('http://m.xiaoyin.li/networking/twitter.png') !important;}