/*
Theme Name: Nordenham
Theme URI: http://wordpress.org/
Description: nordenham.se
Version: 1
Author: codebyko
Author URI: http://www.codebyko.se/
Tags: none
*/

@import url('reset-fonts-grids.css');

html { background: #00638f; }
#container {
	margin: 20px auto 0 auto;
	width: 850px;
	text-align: left;
	background: white url('img/bg.png') -40px 10px repeat-y;
	-moz-box-shadow: 5px 5px 10px #333;
	box-shadow: 5px 5px 10px #333;
	position: relative;
}
#hd { position: relative; }
#main { float: right; width: 670px; background: #fff; }
#sb { background: #9bc3d7; width: 180px; float: left; margin-bottom: 300px; }

#ft { height: 130px; }
#flowers { float: right; padding-top: 50px; width: 670px; height: 30px; background: white url('img/flowers.png') bottom center no-repeat; position: absolute; bottom: 0; }

#quote { height: 180px; }
#quote p { margin-top: 75px; line-height: 1.4em; font-size: 90%; font-style: italic; color: #fff; }
span#quotemark { font-size: 160px; font-family: times, serif; font-style: normal; position: absolute; top: -5px; color: #cde1eb; }

#nav ul li a { font-weight: normal; font-size: 12pt; color: #fff; line-height: 1.8em; }
#nav ul li ul li a { font-size: 10pt; line-height: 1.5em; }
#nav ul li a:hover { color: #fff; }
#nav ul li.current_page_item a { color: #00638f; }
#nav ul li.current_page_item ul li a { color: #fff; }
#nav ul li ul { margin-left: 2em; }
#nav ul li ul li a { font-weight: normal; padding: 1px; }

#logo { text-align: right; margin-right: 10px; }
img#portrait { position: absolute; top: 40px; left: 50px; }

p#acc { color: #fff; background: #9bc3d7; text-align: right; padding: 1px 60px 1px 0; margin: 0 0 80px; }

#sb_top { padding: 10px 30px; }

#sb_bottom {
	height: 250px;
	width: 180px;
	background: #9bc3d7 url('img/eye_white.png') -20px 90% no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
}
address { color: #00638f; line-height: 1.8em; margin: 0 30px; font-size: 80%; }

.clearall { clear: both; }

h1, h2 { color: #00638f; letter-spacing: 0.7px; }
h1 { font: bold 11pt Arial, sans-serif; margin: 0 0 1.5em 0; }
h2 { font: bold 10pt Arial, sans-serif; margin: 1.2em 0 0.5em 0; }

a { color: #00638f; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }

.content { padding: 10px 50px 80px; }
.content p { line-height: 1.5em; margin-bottom: 1em; }

p.coworker { width: 50%; float: left; margin-bottom: 25px ; }
span.name { color: #00638f; font-size: 110%; }

strong { font-weight: bold; }
.small { font-size: 80%; }

.madeby { color: #fff; font-size: 70%; text-align: right; padding-right: 5px; }
.madeby a { color: #fff; }

fieldset { border: 1px solid #d4d4d4; padding: 10px; background: #f7f7f7; margin-top: 20px; }
legend { font: bold 130% Arial, sans-serif; padding: 0 10px; margin:0 10px; }
label { font-size: 90%; }