/*
This CSS reset file is an adaptation of Eric Meyer's "Reset Reloaded".
You can find the original in Eric's Blog following this link:
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

Project: Blank CSS Template
Project Website: http://code.google.com/p/blank-css-template/
Last updated:  2008-01-03
License: GNU-GPL v2
file: reset.css
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, big, font, img, small, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}

/*	REBUILD!
----------------------- */
html { height: 94%; }
body {
	background: url("/img/background.gif") no-repeat fixed 0 0 #000000;
	font-family: "Crimson Text", Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	height: 100%;
}
article {
	display: block;
	height: 100%;
	margin: 0 auto;
	position: relative;
	width: 992px;
}
/*	HEADER
----------------------- */
header {
	background: transparent url("/img/salome.gif") no-repeat top center scroll;
	float: left;
	margin: 40px 0 0;
	position: fixed;
	width: 304px;
}
header hgroup {
	background: transparent url("/img/frame-header.png") no-repeat top center scroll;
	display: block;
	height: 174px;
	margin: 481px 0 0;
	padding: 55px 0 0;
	position: relative;
	width: 304px;
}
header hgroup h1 {
	background: transparent url("/img/hanne-blank.png") no-repeat top center scroll;
	display: block;
	height: 88px;
	margin: 0 auto;
	text-indent: -9999em;
	width: 211px;
}
header hgroup h2 {
	background: transparent url("/img/tagline.png") no-repeat top center scroll;
	display: block;
	height: 15px;
	margin: 11px auto;
	text-indent: -9999em;
	width: 220px;
}
/*	NAVIGATION
----------------------- */
nav {
	float: right;
	margin: 48px 0 10px;
	position: relative;
	width: 622px;
}
nav ul {
	background: transparent url("/img/nav.png") no-repeat 0px 0px scroll;
	display: block;
	height: 16px;
	list-style: none;
	margin: 20px 0 0;
	padding: 0;
	width: 580px;
}
nav ul li {
	display: block;
	float: left;
	height: 16px;
}
nav ul li.home {
	width: 53px;
}
nav ul li.home a {
	background: transparent url("/img/nav.png") no-repeat -2px -18px scroll;
	display: block;
	height: 16px;
	text-indent: -9999em;
	width: 53px;
}
nav ul li.home a.current,
nav ul li.home a:hover {
	background-position: -2px -34px;
}
nav ul li.about {
	padding-left: 17px;
	width: 61px;
}
nav ul li.about a {
	background: transparent url("/img/nav.png") no-repeat -71px -18px scroll;
	display: block;
	height: 16px;
	text-indent: -9999em;
	width: 61px;
}
nav ul li.about a.current,
nav ul li.about a:hover {
	background-position: -71px -34px;
}
nav ul li.books {
	padding-left: 16px;
	width: 60px;
}
nav ul li.books a {
	background: transparent url("/img/nav.png") no-repeat -148px -18px scroll;
	display: block;
	height: 16px;
	text-indent: -9999em;
	width: 60px;
}
nav ul li.books a.current,
nav ul li.books a:hover {
	background-position: -148px -34px;
}
nav ul li.talks {
	padding-left: 15px;
	width: 50px;
}
nav ul li.talks a {
	background: transparent url("/img/nav.png") no-repeat -223px -18px scroll;
	display: block;
	height: 16px;
	text-indent: -9999em;
	width: 50px;
}
nav ul li.talks a.current,
nav ul li.talks a:hover {
	background-position: -223px -34px;
}
nav ul li.blog {
	padding-left: 16px;
	width: 46px;
}
nav ul li.blog a {
	background: transparent url("/img/nav.png") no-repeat -289px -18px scroll;
	display: block;
	height: 16px;
	text-indent: -9999em;
	width: 46px;
}
nav ul li.blog a.current,
nav ul li.blog a:hover {
	background-position: -289px -34px;
}
nav ul li.side-projects {
	padding-left: 15px;
	width: 127px;
}
nav ul li.side-projects a {
	background: transparent url("/img/nav.png") no-repeat -350px -18px scroll;
	display: block;
	height: 16px;
	text-indent: -9999em;
	width: 127px;
}
nav ul li.side-projects a.current,
nav ul li.side-projects a:hover {
	background-position: -350px -34px;
}
nav ul li.contact {
	padding-left: 16px;
	width: 84px;
}
nav ul li.contact a {
	background: transparent url("/img/nav.png") no-repeat -493px -18px scroll;
	display: block;
	height: 16px;
	text-indent: -9999em;
	width: 84px;
}
nav ul li.contact a.current,
nav ul li.contact a:hover {
	background-position: -493px -34px;
}
/*	SECTION
----------------------- */
section {
	-webkit-border-image: url("/img/frame.png") 25 25 25 25 stretch;
	-moz-border-image: url("/img/frame.png") 25 25 25 25 stretch;
	-o-border-image: url("/img/frame.png") 25 25 25 25 stretch;
	background: url("/img/bkgd_section.gif") repeat scroll 0 0 #ebebeb;
	behavior: url("/js/PIE.htc");
	border-image: url("/img/frame.png") 25 25 25 25 stretch;
	border-width: 25px;
	float: right;
	margin: 0 0 1em 0;
	padding: 0;
	position: relative;
	width: 622px;
}
section h1.heading {
	display: block;
	font-size: xx-large;
	font-weight: 700;
	height: 48px;
	margin: 0 auto 0.5em;
	text-align: center;
	text-indent: -9999em;
	text-transform: uppercase;
	width: 524px;
}
h1.welcome { background: url("/img/heading_welcome.png") no-repeat scroll 0 0 transparent; }
h1.about { background: url("/img/heading_about-hanne.png") no-repeat scroll 0 0 transparent; }
h1.books { background: url("/img/heading_books.png") no-repeat scroll 0 0 transparent; }
h1.talks { background: url("/img/heading_talks-and-lectures.png") no-repeat scroll 0 0 transparent; }
h1.blog { background: url("/img/heading_blog.png") no-repeat scroll 0 0 transparent; }
h1.side-projects { background: url("/img/heading_side-projects.png") no-repeat scroll 0 0 transparent; }
h1.contact { background: url("/img/heading_contact-information.png") no-repeat scroll 0 0 transparent; }
p,dl,ul {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 0 1.25em;
}
ul{list-style:square;}
ol{list-style-type:decimal;}
ol ol{list-style:upper-alpha;}
ol ol ol{list-style:lower-roman;}
ol ol ol ol{list-style:lower-alpha;}
ul ul, ol ol, ul ol, ol ul{margin-bottom:0;}
dt {
	font-weight: 600;
}
strong{font-weight:bold;}
cite, em, i{font-style:italic;}
.firstLetter {
	display: block;
	float: left;
	height: 4.5em;
	margin: -0.63em 0.5em 0 -0.56em;
}
.firstLetter span {
	font-size: 5.6em;
	line-height: 1.0em;
}
.firstLetter + span {
	margin-left: -0.5em;
}
/*	VERTICAL ACCORDION
----------------------- */
div.books {
	-moz-border-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
	-o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
	background: #030303;
	border: 9px solid #343031;
	border-bottom-width: 8px;
	border-radius: 8px;
	box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
	padding: 5px 0 6px;
}
.books ul {
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
}
.books ul li > h2 {
	background: none repeat scroll 0 0 #030303;
	cursor: pointer;
	line-height: 2.1em;
	text-shadow: 0 -1px 0 #030303;
	width: 100%;
}
.books ul li > h2 span {
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	background: none repeat scroll 0 0 #343031;
	border-radius: 4px 4px 4px 4px;
	color: white;
	display: block;
	font-size: 0.9em;
	letter-spacing: 1px;
	margin: 0.5em 0.5em 0;
	padding: 0 0 0 0.5em;
	text-transform: uppercase;
}
.books ul li > h2.active span {
	background: #434343;
	background: -webkit-gradient(linear, left top, right top, color-stop(0, #343031), color-stop(1, #707678));
	background: -moz-linear-gradient(top left, #343031 0%, #707678 100%);
}
.books ul li > div {
	background: none repeat scroll 0 0 #030303;
	margin-bottom: 5px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
div.table-row {
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-radius: 0 0 8px 8px;
	display: block;
	margin: 0;
	padding: 0 0 1em;
	position: relative;
	width: 600px;	
}
div.table-cell-left {
	display: block;
	float: left;
	padding: 0.5em 0 0 0.5em;
	position: relative;
	width: 184px;
}
div.table-cell-right {
	color: white;
	display: block;
	float: right;
	padding: 0.5em 0.5em 0;
	position: relative;
	width: 389px;
}
div.table-close {
	clear: both;
	display: block;
	width: 100%;
}
.books ul li div h2 {
	font-size: 1.8em;
	letter-spacing: 2px;
	margin: 0.25em 0 0;
	text-transform: uppercase;
}
.books ul li div h3 {
	font-style: italic;
	font-size: 1.3em;
	letter-spacing: 1px;
}
div#books {
	clear: both;
	margin: 1em 0;
	position: relative;
}
/*************************************************
*
*	project:  	liteAccordion - horizontal accordion plugin for jQuery
*	author:   	Nicola Hibbert
*	url:	  	http://nicolahibbert.com/horizontal-accordion-jquery-plugin
*	demo:	  	http://www.nicolahibbert.com/demo/liteAccordion
*
/*************************************************/
/****************************************** Core */
.accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif; }
.accordion ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none; }
.accordion li > h2 { color: black; font-weight: normal; margin: 0; z-index: 2; position: absolute; top: 0; left: 0; -webkit-transform: translateX(-100%) rotate(-90deg); -webkit-transform-origin: right top; -moz-transform: translateX(-100%) rotate(-90deg); -moz-transform-origin: right top; 
-o-transform: translateX(-100%) rotate(-90deg); -o-transform-origin: right top; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top; transform: translateX(-100%) rotate(-90deg); transform-origin: right top; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
.accordion li > h2 span { display: block; padding-right: 8%; text-align: right; height: 90%; margin-top: 5px; }
.accordion li > h2 b { display: inline-block; position: absolute; top: 10%; top: 42%\9; left: 10%; left: 5%\9; text-align: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
.accordion li > h2:hover { cursor: pointer; }
.accordion li > div { height: 100%; position: absolute; top: 0; z-index: 1; overflow: hidden; background: white; }
.accordion noscript p { padding: 10px; margin: 0; background: white; }

/****************************************** Basic */
.basic li > h2 { background: #333; color: white; line-height: 1.8em; }
.basic li > div h3 { margin: 15px 10px; }
.basic li > div p { margin: 10px; font-size: 14px; }

/****************************************** Dark */
.dark { border: 9px solid #343031; border-bottom-width: 8px; padding: 5px 5px 6px 0; background: #030303; -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); 
box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); }
.dark li > h2 { background: #030303; font-size: 16px; line-height: 2.7em; text-shadow: 0 -1px 0 #030303; }
.dark li > h2 span { background: #343031; color: white; font-size: 0.9em; letter-spacing: 1px; text-transform: uppercase; }
.dark li > h2 b { background: #343031\9; color: #030303; font-size: 20px; text-shadow: -1px 1px 0 #5b5b5b; }
.dark h2.selected span, .dark h2.selected span:hover { background: #434343; background: -webkit-gradient(linear, left top, right top, color-stop(0, #343031), color-stop(1, #707678)); background: -moz-linear-gradient(top left, #343031 0%, #707678 100%); }
.dark h2.selected b { background: #434343\9; }
.dark li > div { background: #030303; margin-left: 5px; }

/*************************************** Rounded */
.rounded { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.rounded li > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

/***************************************** Light */
/**************************************** Stitch */

img.book {
	display: block;
	height: 272px;
	margin: 0.5em auto 0.75em;
	padding: 0;
	position: relative;
	width: 176px;
}
button.css3button {
	-moz-border-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-box-shadow:
		0px 1px 4px rgba(000,000,000,0.5),
		inset 0px 0px 6px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 4px rgba(000,000,000,0.5),
		inset 0px 0px 6px rgba(255,255,255,0.7);
	background-image: -moz-linear-gradient(top,#ffabab 0%,#e64040 50%,#bf2e1a);
	background-image: -webkit-gradient(linear, left top, left bottom,from(#ffabab),color-stop(0.50, #e64040),to(#bf2d1a));
	background-image: -o-linear-gradient(top,#ffabab 0%,#e64040 50%,#bf2e1a);
	border: 1px solid #bf2d1a;
	border-radius: 8px;
	box-shadow:
		0px 1px 4px rgba(000,000,000,0.5),
		inset 0px 0px 6px rgba(255,255,255,0.7);
	color: #050505;
	display: block;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffabab', endColorstr='#bf2e1a');
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.3;
	margin: 0.5em auto 0;
	padding: 0.5em 1em;
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
	width: 152px;
}
img.author {
	-webkit-box-shadow: 0px 0px 5px black;
	-moz-box-shadow: 0px 0px 5px black;
	background-color: white;
	box-shadow: 0px 0px 5px black;
	float: left;
	height: 200px;
	margin: 0 1em 0 0;
	padding: 10px;
	position: relative;
	width: 150px;
	-webkit-transform:rotate(2deg);
	-moz-transform:rotate(2deg);
	-o-transform:rotate(2deg);
}
img.tiger {
	-webkit-box-shadow: 0px 0px 5px black;
	-moz-box-shadow: 0px 0px 5px black;
	background-color: white;
	box-shadow: 0px 0px 5px black;
	float: right;
	height: 275px;
	margin: 0 1em;
	padding: 10px;
	position: relative;
	width: 216px;
	-webkit-transform:rotate(2deg);
	-moz-transform:rotate(2deg);
	-o-transform:rotate(2deg);
}
iframe {
	-webkit-box-shadow: 1px 1px 3px #303431;
	-moz-box-shadow: 1px 1px 3px #303431;
	border: 1px solid #525653;
	box-shadow: 1px 1px 3px #303431;
	display: block;
	margin: 0 auto 1em;
}	
/*	FOOTER
----------------------- */
footer {
	clear: both;
	display: block;
	left: 348px;
	position: relative;
	right: 0;
	width: 580px;
}
footer p {
	color: white;
	font-size: x-small;
	font-weight: 400;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
}
footer p a {
	color: white;
	font-weight: 700;
	text-decoration: none;
}
img.jhames {
	display: block;
	margin: 0 auto;
	width: 50px;
}

/*	LINKS
----------------------- */
a {
	color: #bf2e1a;
	outline: 0;
}