body {
	text-align: right;
	width: 320px;
	margin: 0 auto;
	background-color: white;
}
div#wrap {
	margin: 0px 0px 20px 0px;
	min-width: 320px;
}
div#logo {
	margin-top: 10px;
	float:left;
	margin-right: 20px;	
	margin-left: 0px;	
	margin-bottom: 0px;
}	
div#menu {
	margin-top: 14px;
	float: right;
}
div#index, div#about, div#contact, div#projects, div#links {
	margin:0 auto;
	width:100%;
	clear:left;
	text-align: right;
	float:right;
	overflow:hidden;
	min-height:250px;
}
div#contact a {
	text-decoration: none;
}
div#contact a:hover {
	border-bottom: 1px solid red;
}
body, p, h2 {
	font-size:8pt;
	color:#333;
	font-family: 'Droid Sans', Helvetica, Verdana, Arial, Sans-Serif
}
a, a:visited, a:active {
	font-size:8pt;
	color:#666;
	font-family: 'Droid Sans', Helvetica, Verdana, Arial, Sans-Serif;
	
}

#menu a {
	text-transform:uppercase;
text-decoration: none;
	
}
#menu a:hover {
	border-bottom: 1px solid red;
}

#gallery {
	background-color: #ffffff;


	float:right;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
	border: 5px solid #fff;
	border-width: 5px 5px 10px;
}
#gallery ul a:hover img {
	border: 5px solid #dd0000;
	border-width: 5px 5px 10px;
	color: #fff;
}
#gallery ul a:hover { color: #fff; }

h1, h1 a, h1 a:visited, h1 a:hover {
	font-family: 'Droid Sans', Helvetica, Verdana, Arial, Sans-Serif;
	font-size: 26px;
    	height: 60px;
    	margin: auto;
	margin-left: 0;
	font-weight: normal;
	text-decoration: none;
	color: #222;
	text-align: left;
	float:left;
}
h1 sup {
	font-size: 16px;
}
h1 a:hover {
	border-bottom: 1px solid red;
}

#about, #contact {
	padding: 10px;
}