@charset "UTF-8";

body {
	background-color: #5F7BF2;
	background-image: url(bgs/dark_wood.png);
	color: #80bd43;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 16px;
}
h1 {
	font-family: crafty-girls;
	font-style: normal;
	font-weight: 400;
}
h2 {
	font-family: crafty-girls;
	font-style: normal;
	font-weight: 400;
	font-size: 25px;
	color: #5F7BF2;
}
blockquote {
	font-variant: small-caps;
	font-style: normal;
	font-weight: bold;
	color: #F06110;
	border-style: none;
}
.container {
	max-width: 640px;
	background-color: #FFFFFF;
	border: 5px dotted #F06110;
}
.header {
	background-image: url(images/header.jpg);
	height: 60px;
}
figure img {
	display: block;
	margin: auto;
	border: medium ridge #D9CF26;
}
figure.home {
	width: 250px;
	margin-right: auto;
	margin-left: auto;
}
figure.projects {
	overflow: hidden;
}

ul.nav {
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #fff;
}
ul.nav li {
	border-bottom: 1px solid #fff;
}
ul.nav a, ul.nav a:visited {
	padding: 5px 5px 5px 15px;
	display: block;
	text-decoration: none;
	background-color: #036;
	color: #fff;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
	background-color: #5f7bf2;
	color: #FFF;
}

a {color: #5f7bf2;}
a:hover, a:focus {color: #d9cf26;}

@media only screen and (min-width:540px) {

ul.nav {
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: #fff;
}
ul.nav li {
	display: inline;
}
ul.nav a, ul.nav a:visited {
	padding: 0.2em 1em;
	float: left;
	border-right: 1px solid #fff;
	text-decoration: none;
	color: #FFF;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
	background-color: #5f7bf2;
	color: #fff;
}
	
	
figure.projects img {
	float: left;
	clear: both;
	margin-right: 15px;
	margin-bottom: 15px;
}
figure.projects p {
	margin-left: 220px;
}
}