@font-face
{
	font-family: 'DoradoHeadlineRegular';
	src:         url('/fonts/doradoheadline-webfont.eot');
	font-weight: normal;
	font-style:  normal;
}

@font-face
{
	font-family: 'DoradoHeadlineRegular';
	src:         url(//:) format('no404'), url('/fonts/doradoheadline-webfont.woff') format('woff'), url('/fonts/doradoheadline-webfont.ttf') format('truetype'), url('/fonts/doradoheadline-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style:  normal;
}

@font-face {
	font-family: 'GentiumRegular';
	src:         url('genr102-webfont.eot');
	font-weight: normal;
	font-style:  normal;
}

@font-face {
	font-family: 'GentiumRegular';
	src:         url(//:) format('no404'), url('/fonts/genr102-webfont.woff') format('woff'), url('/fonts/genr102-webfont.ttf') format('truetype'), url('/fonts/genr102-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style:  normal;
}

html, h3, .previous, .next
{
	font-family: 'DoradoHeadlineRegular', sans-serif;
	font-size:   1em;
}

.previous
{
	float: left;
}

.next
{
	float: right;
}

body
{
	background: #7c91bf url('/images/background.png') repeat-x;
	width:      940px;
	margin:     0 auto;
}

a
{
	text-decoration: none;
}

#header img
{
	float: left;
}

#header h1
{
	float:       left;
	color:       #374c7c;
	font-size:   300%;
	font-weight: normal;
	margin-top:  30px;
	text-shadow: 1px 1px 4px #6074a1;
}

#header h1 a
{
	color: inherit;
}

#header h1 span
{
	color: #455985;
}

#header h2
{
	float:     left;
	color:     #6074a1;
	margin:    75px 0 0 -370px;
	font-size: 110%;
}

#header ol
{
	float:  right;
	margin: 10px 13px 0 0;
}
	
#header ol li
{
	float:       left;
	height:      32px;
	width:       32px;
	margin-left: 6px;
}

#header ol li a
{
	float:      inherit;
	height:     inherit;
	width:      inherit;
	background: url('/images/social.png');
}

#header ol li a span
{
	display: none;
}

#header ol li a.twitter  { background-position:  -32px 0; }
#header ol li a.flickr   { background-position:  -64px 0; }
#header ol li a.linkedin { background-position:  -96px 0; }
#header ol li a.youtube  { background-position: -128px 0; }
#header ol li a.lastfm   { background-position: -160px 0; }
#header ol li a.rss      { background-position: -192px 0; }

#header ol li a.google:hover   { background-position:      0 32px; }
#header ol li a.twitter:hover  { background-position:  -32px 32px; }
#header ol li a.flickr:hover   { background-position:  -64px 32px; }
#header ol li a.linkedin:hover { background-position:  -96px 32px; }
#header ol li a.youtube:hover  { background-position: -128px 32px; }
#header ol li a.lastfm:hover   { background-position: -160px 32px; }
#header ol li a.rss:hover      { background-position: -192px 32px; }

#header ul
{
	clear:     right;
	float:     right;
	margin:    30px 13px 0 0;
	font-size: 150%;
}

#header ul li
{
	float:       left;
	margin-left: 20px;
}

#header ul li a
{
	color: #ccd4e6;	
}

#header ul li a:hover
{
	color: #000;
}

#body, #footer
{
	float:                 left;
	width:                 880px;
	-moz-border-radius:    16px;
	-webkit-border-radius: 16px;
	padding:               20px 30px;
	clear:                 both;
}

#body
{
	background:  #fff;
	margin-top:   30px;
	font-family: 'GentiumRegular', serif;
}

#body h3
{
	font-size:   200%;
	color:       #374c7c;
	text-shadow: 1px 1px 4px #8990a1;
}

#body h3 span
{
	font-size: 50%;
}

#body h4
{
	font-size:   200%;
	color:       #374c7c;
	text-shadow: 1px 1px 4px #8990a1;
	margin-top:  10px;
}

#body a
{
	color: #374c7c;
}

#body a:hover
{
	color: #000;
}

#body p a:hover
{
	text-decoration: underline;
}

#body p, #body dl, #body div.date
{
	font-size:   150%;
	line-height: 140%;
	margin-top:  15px;
	color:       #8990a1;
}

#body dl dt
{
	font-weight: bold;
}

#body input, #body textarea
{
	font-size: 120%;
	font-family: inherit;
}

#body input[type="text"], #body textarea
{
	width:        500px;
	margin-right: 20px;
}

#body label.error
{
	color: #900;
}

#body textarea
{
	height: 200px;
}

#footer
{
	background:    #374c7c;
	color:         #ccd4e6;	
	margin:        15px 0 100px;
	font-size:     80%;
	text-align:    center;
}

#footer a
{
	color: #9eb5e5;
}

#footer a:hover
{
	color: #fff;
}

.grey
{
	color:       #ccc;
	text-shadow: none;
}

div.family h4
{
	clear: both;
}

div.family p
{
	text-align: justify;
}

div.family div.photo
{
	width: 300px;
	height: 300px;
	background: url('/images/family.jpg');
	float: right;
	margin: 20px 0 0 30px;
	border: 2px solid #374c7c;
}

div.family div.photo:hover
{
	border: 2px solid #000;
	cursor: help;
}

div.family div.jenny { background-position: 300px 0px    }
div.family div.lizzy { background-position: 300px -300px }
div.family div.pugs  { background-position: 300px -600px }

div.family div.jenny:hover { background-position: 0 0px    }
div.family div.lizzy:hover { background-position: 0 -300px }
div.family div.pugs:hover  { background-position: 0 -600px }

#body div.date { border: 1px solid #000; border-width: 1px 0; color: #666; padding: 0 6px;font-weight: bold; }
div.spacer     { height: 40px }

div#body div.date ul.sharing
{
	float: right;
}

div#body div.date ul.sharing li
{
	float: left;
}

ul.sharing li.buzz    { margin: -3px 10px 0  0 }
ul.sharing li.retweet { margin:  5px  0   0  0 }