@font-face {
	font-family: 'MuseoSans500';
	src: url('/static/mikedesjardins/fonts/museosans_500.eot');
	src: local('Museo Sans'), 
	     local('MuseoSans-500'), 
	     url('/static/mikedesjardins/fonts/museosans_500.woff') format('woff'), 
	     url('/static/mikedesjardins/fonts/museosans_500.ttf') format('truetype'), 
	     url('/static/mikedesjardins/fonts/museosans_500.svg#MuseoSans-500') format('svg');
}

body { 
	text-align:center;
	background-color:#ffffff;
	background-image:url(/static/mikedesjardins/media/stripe1.png);
	background-repeat:repeat;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:100%;
	width:100%;
}

.name {
	margin-bottom:50px;
	padding: 120px 0px 10px 0px;
	text-align: left;
}

.shadowed {
	-webkit-box-shadow: -10px 10px 5px #888; padding: 5px 5px 5px 15px;
	-moz-box-shadow: -10px 10px 5px #888; padding: 5px 5px 5px 15px;
	box-shadow: -10px 10px 5px #888; padding: 5px 5px 5px 15px;
}

#helloim {
	color:#999;
	font-family: 'MuseoSans500', Helvetica, Arial, Sans-Serif;
	font-size:40px;
	margin:-10px 0;
}

#mikedesjardins {
	color:#111;
	font-family: 'MuseoSans500', Helvetica, Arial, Sans-Serif;
	font-size:60px;
	margin:-10px 0;
}

#thisismy {
	color:#999;
	font-family: 'MuseoSans500', Helvetica, Arial, Sans-Serif;
	font-size:40px;
	margin:-10px 0;
}

#seriesoftubes {
 	color:rgb(155,92,53);
	font-family: 'MuseoSans500', Helvetica, Arial, Sans-Serif;
	font-size:40px;
	margin:-10px 0;
}

#period {
	color:#999;
	font-family: 'MuseoSans500', Helvetica, Arial, Sans-Serif;
	font-size:40px;
	margin:-10px 0;
}

h2 {
	font-size: 24px;
	font-weight: bold;
}

p {
	font-size: 20px;
}

li {
	font-size: 20px;
}

a {
	color:#5a5a5a; text-decoration:none;
}

a:link {
	color:#5a5a5a; text-decoration:none;
}

a:visited {
	color:#5a5a5a; text-decoration:none;
}

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

a:active {
	color:#b6793a; text-decoration:none;
}

.coffee-stain {
	text-align:right;
	margin:0px 0px 0px 0px;
	padding: 0px;
	float:right;
	width:375px;
	height:330px;
	position:absolute;
	right:120px;
}

.napkin {
	text-align:right;
	margin:0px;
	padding:0px;
	float:right;
	width:600px;
	height:600px;
	position:absolute;
	right:120px;
	top:375px;
}

.main {
	padding: 10px 0px 0px 70px;
	margin: 50px 0px 300px 50px;
	text-align: left;
	font-size: 24px;
	font-family: sans-serif, helvetica, arial;
	background-color:#FFF;
	overflow:hidden; 
	height:1000px;
	width:100%;
	position:absolute;
	bottom:0px;
	right:0px;
	left:0px;
	top:0px;
}

.napkin-container {
	background-image:url(./images/half-napkin-4-600x300.jpg); 
	background-position:bottom right;
	background-repeat:no-repeat;
	height:100%;
	width:100%;
	bottom:0;
	position:absolute;
}

.text {
	padding: 10px 150px 10px 10px;
	margin: 0px 150px 0px 0px;
	color:#5a5a5a;
}

.text {
	color:#b6793a; text-decoration:none;
}


.tiny {
	color:#5a5a5a; font-size:12px;
}

.links {
	float: left;
	line-height:32px;
	margin:0px;
	padding:0px;
	overflow:hidden;
	width:100%;
}

.topnav {
	margin:5px 5px 5px 20px;
	font-family: sans-serif, helvetica, arial;
	text-align:left;
	font-size:16px;
	color:#5a5a5a;
}


.bottomnav {
	margin:40px 20px 20px 0px; 
	text-align:left;
	font-size:16px;
}

.footer {
	clear:both;
	color:#999999; 
	font-size:12px; 
	line-height: 14px;
	overflow:hidden;
	text-align:left; 
}