body {
background:url(bg.jpg) top left repeat scroll #f5f5f5;
font:18px/24px Lato, "lucida sans unicode", "lucida grande", helvetica, arial, verdana, sans-serif;
color:#6b5a51;
}

div#container {
margin:20px auto;
width:1150px;
}


header {
float:right;
width:566px;
height:800px;
}

header img {
border:10px solid #ddd;
border-radius:20px;
transition:border-radius 0.5s ease;
background:none;
}

header img:hover {
border-color:#b4dfe5;
border-radius:50px;
background:none;
}


div#title {
float:left;
}

div#title a {
width:538px;
height:55px;
background:url(title.png) top left;
display:block;
}

div#title a:hover {
background-position:bottom right;
}

div#title span { display:none; }

nav {
text-align:center;
}

nav ul { margin:0px; padding:0px; }

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

nav ul li a {
font:35px 'DM Serif Display', georgia, 'times new roman', serif;
font-style: italic;
color:#2a7d90;
text-decoration:none;
text-transform:lowercase;
font-weight:normal;
padding:5px 10px;
text-shadow:0px 0px 7px #aaa;
}

nav ul li a:hover { color:#fff; }

section {
float:left;
width:538px;
margin:0;
}

h1 {
margin:0px 0px -10px;
font: italic 45px/40px 'DM Serif Display', 'lucida sans unicode', arial, sans-serif;
color:#7eced9;
text-transform:lowercase;
text-shadow:0px 2px 2px #fff;
}

h2, h4 {
margin:-5px 0px -10px;
font: italic 35px/30px 'DM Serif Display', 'lucida sans unicode', arial, sans-serif;
color:#777;
text-transform:lowercase;
text-shadow:0px 2px 2px #fff;
}

blockquote + h2 { margin-top:5px; }

h3 {
margin:-10px 0px -5px;
font: 25px/20px 'DM Serif Display', 'lucida sans unicode', arial, sans-serif;
color:#8fbde8;
text-align:center;
text-transform:lowercase;
clear:both;
text-shadow:0px 2px 2px #fff;
}

a { color:#559ee8; font-weight:bold; cursor:crosshair; transition:color 0.5s ease; }
a:hover { color:#000; }


b, strong { font-family:Lato, 'lucida sans unicode', arial, sans-serif; color:#8fbde8; }
i, em { font-family:Lato, 'lucida sans unicode', arial, sans-serif; color:#496992; }
span { color:#000; }
.center { text-align:center; }
p.right { text-align:right; line-height:15px; padding-bottom:0px; clear:right; }
small { font-size:14px; line-height:18px; }
code { font-family:"Ubuntu Mono", "courier new", monospace; }


.help {
cursor:help;
text-decoration:none;
border-bottom:1px dotted #aaa;
color:#aaa;
}

.help:hover { color:#000; }

blockquote {
border-left:5px solid #8fbde8;
margin:10px 10px 0px;
transition:border 0.5s ease;
}
blockquote p { margin:0px !important; padding:0px 5px; }
blockquote:hover { border-color:#ca914c; }


img, a img { border:5px solid #559ee8; margin-right:10px; transition:border 0.5s ease; }
img:hover { border-color:#ca914c; }
img.right { float:right; margin:0px 0px 5px 5px; }
img.left { float:left; margin:0px 5px 5px 0px; }

ul li { 
list-style-type:square;
}

input, textarea {
background:rgba(255,255,255,0.2);
padding:2px;
border:3px solid #559ee8;
font:18px/24px Lato, "trebuchet ms", tahoma, verdana, arial, sans-serif;
color:#000;
margin:5px 0px;
transition:border 0.5s ease;
}

option, select { 
padding:2px;
border:3px solid #559ee8;
font:18px/24px Lato, "trebuchet ms", tahoma, verdana, arial, sans-serif;
color:#000;
margin:5px 0px;
background:rgba(255,255,255,0.2);
transition:border 0.5s ease;
}

input:focus, textarea:focus, option:focus, select:focus { border-color:#496992; }

option {
border-width:0px;
margin:0px;
background:#e2e0dd;
}