@charset "utf-8";
@import url("http://yui.yahooapis.com/2.8.0r4/build/reset/reset-min.css");
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:light);

html {
	/*
	 *font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	 */
	font-family: 'Droid Sans', arial, serif;
	color:#000;
	text-shadow:0px 1px 0px #fff;
	background:#ececec url(bg.png) repeat top left;
}

body {
	/*
	background-image: -moz-radial-gradient(center 0deg, ellipse closest-corner, #fbfbfb 40%, #cccecb 100%);
	background-image: -webkit-gradient(radial, center center, 0,  center center, 1500, from(#fbfbfb), to(#cccecb) );
	background-attachment:fixed;
	*/
	padding:5% 10%;
	background: -moz-radial-gradient(
		left top,
		circle,
		rgba(0,156,255,0.2) 0%,
		rgba(80,140,125,0.2) 10%,
		rgba(0,0,0,0) 90%,
		rgba(0,0,0,0) 100%
		);
		background-position:fixed;
}

#wrap {
}

header, article, section, aside, footer {
	display:block;
	margin-bottom:3em;
}

header {
}

section {
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom:0.4em;
	font-weight:bold;
}

h1 {
	font-size:200%;
	font-weight:bold;
	color:#222;
	text-shadow:0px 0px 3px #ccc;
}

h2 {
	font-size:160%;
	color:#333;
}

dl {}
dt {
	font-weight:bold;
}
dd {
	margin-left: 4em;
	margin-bottom:0.4em;
}

ul {}
li {
	margin-bottom:0.4em;
}

a {
	font-weight:bold;
	color:#333333;
	text-decoration:underline;
}

a:hover {
	text-decoration:underline;
}

#portfolio ul li img,
#webservice ul li img {
	width: 16px;
	height: 16px;
	box-shadow: -2px 2px 2px #bbb;
}