* {
	margin: 0;
	padding: 0;
	border-style: none;
	list-style: none;
}

body {
	padding: 1em 0;
	font: 100% "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Tahoma, Arial;
	color: #ccc;
	background: #333 url(../i/header.jpg) no-repeat;
}

a {
	color: #ff3188;
	text-decoration: none;
}

#header {
	width: 230px;
	height: 40px;
	overflow: hidden;
	text-indent: -100em;
}

#header h1 a {
	display: block;
	width: 230px;
	height: 40px;
}

#wrapper {
	margin: 0 0 0 150px;
	width: 510px;
	text-align: left;
}

/* Index
----------------------------------------------------------- */

#info {
	padding: 1em 0 4em 0;
	font-size: .7em;
	color: #fff;
}

#projects li {
	float: left;
	width: 170px;
	height: 155px;
}

#projects li a img {
	padding: 5px;
	background: #444;
	border: solid 20px #555;
}

#projects li a:hover img {
	padding: 3px;
	background: #f65e41;
	border: solid 22px #555;
}

/* Project
----------------------------------------------------------- */

#path {
	font-size: .6em;
	text-transform: uppercase;
	color: #c6b3c5;
}

h2 {
	padding: 1em 0 2em 0;
	font: 1.4em Arial;
	color: #000;
}

#project {
	padding: 0 0 1em 0;
}

#project_pic {
	float: left;
	width: 300px;
}

#project_pic a img {
	padding: 5px;
	background: #444;
	border: solid 20px #555;
}

#project dl {
	float: right;
	width: 180px;
	font-size: .6em;
}

#project dt {
	font-weight: bold;
	text-transform: uppercase;
	color: #3f86e8;
}

#project dd {
	padding: 0 0 .8em 0;
}

#project ul {
	margin: .2em 0 0 3em;
}

#project li {
	list-style: disc;
	padding: 0 0 .1em 0;
}

/* Footer
----------------------------------------------------------- */

#footer {
	font-size: .7em;
}

/* Clear
----------------------------------------------------------- */

.br:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.br {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .br {
	height: 1%;
}

.br {
	display: block;
}
/* End hide from IE-mac */