/* MAIN */

body{
  margin:0px;
  background-color:#000;
  color:#ece6a8;
  letter-spacing:0.5px;
  font-family:"Times New Roman", serif;
  text-align:center;
}

img{
	border:none;
}

a:link, a:visited, a:active{
  text-decoration:underline;
  color:#ece6a8;
}

a:hover{
  text-decoration:none;
  color:#fff;
}

ul{
	margin:0px;
	padding:0px;
}
ul li{
	list-style-type:none;
	
}

/* HEADERS */
h1{
	font-size:24px;
	font-weight:normal;
}

/* TOP */

div#top{
  width:100%;
  background-image:url('images/top-bg.jpg');
  background-repeat:no-repeat;
  background-position:top center;
  height:220px;
  border-bottom:5px solid #f8a0f5;
}

/* NAVIGATION */

div#nav{
	margin:0px auto;
	width:800px;
	text-align:center;
}

div#nav ul li{
	display:inline;
	padding-right:5px;
	padding-left:5px;
	font-size:24px;
}

div#nav ul li img{
	vertical-align:middle;
}

div#wrapper{
	max-width:900px;
	margin:0px auto;
	text-align:center;
}

/* GALLERY */

div.gallery{
	width:900px;
	margin:0px auto;
}

.gallery li{
	display:inline;
}

.gallery li img{
	margin:10px 10px 0px 0px;
	border:5px solid #222;
}

div.index{
	text-align:left;
}
/* RESUME */

div.resume{
	text-align:left;
}

.resume h2{
	text-transform:uppercase;
	font-size:20px;
}

.resume li{
	margin-bottom:10px;
}

/* PORTFOLIO IMAGES */

img.med{
	float:left;
	margin:25px 25px 0px 0px;
	border:5px solid #222;
}

div.desc{
	max-width:300px;
	text-align:left;
	float:right;
}


/* FOOTER */

div.clear{
	clear:both;
}
div#footer{
	margin:50px auto;
	width:600px;
	text-align:center;
	border-top:1px solid #ece6a8;
}

div#footer ul li{
	display:inline;
	list-style-type:none;
}