body {
	text-align: center;
	margin: 0;
}
#name, #content {
	width: 680px;
	margin: 0 auto;
	text-align: left;
}
#name h1 {
	margin: 50px auto 10px auto;
	text-align: center;
	font-size: 70px;
	border-color: red;
	font-family: 'trebuchet ms',arial,verdana,sans-serif;
	border-bottom: #000 dotted;
}
#name h2 {
	text-align: center;
}
#left {
	width: 300px;
	float: left;
}
#right {
	width: 300px;
	float: right;
}
.menu {
	list-style-type: none;
	font-size: 110%;
	font-weight: bold;
}

@media only screen and (max-width: 680px) {
	#name, #content, #left, #right {
		width: auto;
		float: none;
	}
	#content {
		margin: 24px;
	}

	ul {margin-left: 0; padding-left: 0;}	
}

.menu li {
	padding-left: 20px;
}

li.linked {
     background: url(icons/linked.gif) no-repeat left center;
}
li.mff {
     background: url(icons/mff.gif) no-repeat left center;
}
li.icom {
     background: url(icons/icom.gif) no-repeat left center;
}
li.sme {
     background: url(icons/sme.gif) no-repeat left center;
}
li.gmail {
     background: url(icons/gmail.gif) no-repeat left center;
}
li.sf {
     background: url(icons/sf.gif) no-repeat left center;
}
li.wp {
     background: url(icons/wp.gif) no-repeat left center;
}
li.twitter {
     background: url(icons/twitter.gif) no-repeat left center;
}
li.pematon {
     background: url(icons/pematon.gif) no-repeat left center;
}
li.wm {
     background: url(icons/wm.gif) no-repeat left center;
}
li.pebble {
     background: url(icons/pebble.png) no-repeat left center;
}


.menu a {
	font-variant: small-caps;
	text-decoration: none;
}
/*.contact {
	font-family: Georgia,Serif;
} */

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

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

* {
	font-variant: small-caps;
}