@import url("cssreset-min.css");

html{
	padding:0 10%;
	background-color:yellow;
}

body{
	background-color:white;
	background-image:url("pic/back.png");
	background-repeat:repeat;
	background-attachment:scroll;
	background-position:top right;
	margin-width:10px 50px;
	}

h1{
	font-weight:bold;
	font-size:200%;
	text-shadow:-1px -1px 3px rgba(0, 0, 0, 0.2),1px 1px 1px rgba(255, 255, 255, 0.5);
	padding:10px 0 10px 0;
	border-style:solid;
	border-width:0 0 0 15px;
	border-color:red;
	border-radius:20px 0 0 0;
	background-color:rgba(0, 0, 0, 0.1);
	padding-left:10px;
	}

h2{
	font-weight:bold; font-size:150%;
	margin:10px 5em 10px -10px;
	padding:10px;
	text-shadow:-1px -1px 3px rgba(0, 0, 0, 0.2),1px 1px 1px rgba(255, 255, 255, 0.5);
	border-radius:20px 0 0 0;
	border-style:solid; border-width:0 0 0 20px; border-color:yellow;
	padding-left:10px;
	background-color:rgba(0, 0, 0, 0.1);
	}

h2#works{
	overflow:visible;
	font-weight:bold; font-size:150%;
	margin:10px 5em 10px -10px;
	padding:10px;
	text-shadow:-1px -1px 3px rgba(0, 0, 0, 0.2),1px 1px 1px rgba(255, 255, 255, 0.5);
	border-radius:20px 0 0 0;
	border-style:solid;
	border-width:0 0 0 20px;
	border-color:yellow;
	padding-left:10px;
	background-color:rgba(0, 0, 0, 0.1);
}

#picture h2{
	margin:0;
}

h3{
	font-weight:bold; font-size:150%;
	text-shadow:-1px -1px 3px rgba(0, 0, 0, 0.2),1px 1px 1px rgba(255, 255, 255, 0.5);
	border-radius:20px 0 0 0;
/*	border-style:solid; border-width:0 0 0 5px; border-color:blue;*/
	padding-left:10px;
	background-color:rgba(0, 0, 0, 0.1);

}

p,li{
	margin:10px;
	margin-left:6em;
	}


article#picture{
	clear:right;
	float:right; 
	width:400px;
	margin:0 0 20px 0;
	margin-left:10px;
	font-size:80%;
	background-color:white;
	background-image:url("pic/back.png");
	background-repeat:repeat;
	background-attachment:scroll;
	background-position:top right;
}

article#picture h2{display:none;}
article#picture p{background-color:rgba(0, 0, 0, 0.05);
	padding:1em 0 1em 1em;
	margin:0 10px 0 50px;
	}
article#picture dl{
	background-color:rgba(0, 0, 0, 0.05);
	padding-bottom:1em;
	margin-top:0;
	margin-right:10px;
}

article#picture dt{
		text-align:right;
}

article#picture dt:first-child{
		margin-top:0;
}


article#picture dd{
		text-align:right;
}


article#picture img{
	padding:2px;
	background:#fff;
	border:1px solid #ccc;
}

li{
	list-style:disc url("pic/arrow2.gif") outside;
}


dl{
	margin:10px 0 20px 50px;
}


dt{
	margin-top:1em;
	border:solid yellow;
	border-width:0 0 1px 0;
	font-weight:bold;
	}

dd{
	margin:0 0 0 2em;
	}


article,footer{
	margin:2em 0 2em 5%;
	}

article,footer{
/*	background-image:url("pic/articleback.png");
	background-position:bottom right;
	background-repeat:no-repeat:*/
	background-color:rgba(0, 0, 0, 0.05);
	padding-bottom:1em;
}

footer{
	padding-top:2em;
	margin-bottom:100px;
}


article article{
	background-image:none;
	background-color:transparent;
}


article#task{
			overflow:hidden;
			padding-top:-10px;
}

article#task article{
	width:20%;
	float:left;
		}

article#menuarticle{
	padding-bottom:3px;
}

footer{
	clear:left;
	}

h2#menuhead{
	display:none;
}

h2#skill{
	clear:left;
}

ul#menu{
	overflow:hidden;
}




ul#menu li{
	clear:right;
	float:left;
	width:6em;
	font-size:13px;
	text-align:center;
	padding:4px;
	background:#ffc;
	margin-right:10px;
	border-radius:4px;
	border:solid black 1px;
	text-shadow:0 1px 0 #fff;
	list-style:none;
	margin:10px;
}

ul#menu>li:hover{
	background-color:#eed;
}
ul#menu>li>a{
	text-decoration:none;
	display:block;
}

#likefood{
	clear:both;
	}