/*	———————————————————————————————————————————————————————————————————	
 	Verba Africana
	——————————————————————————————————————————————————————————————————— 
	graphics, XHTML, CSS © 2006-2007 vormdicht grafische diensten
	(e) mark@vormdicht.nl (Mark Dingemanse)
	(i) http://www.vormdicht.eu/
	———————————————————————————————————————————————————————————————————	
	reset: 															 */

body,h1,h2,h3,h4,h5,h6,p,form,img,fieldset,dl,dt,dd,ul,ol { margin:0;padding:0; } a img { border:none; } fieldset { border:none; }


/* 	———————————————————————————————————————————————————————————————————
	stuff that occurs on every page
———————————————————————————————————————————————————————————————————— */

body {
	font-size:62.5%;
	line-height:1.8em;
	background:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#wrap {
	width:auto;
	margin:0 auto;
}
#logo {
	position:relative;
	float:right;
	margin:20px;
	z-index:99;
}
	#logo a {
	display:none;
	}
	#logo img.logo-screen {
	display:none;
	}
#sidebar {
	display:none;
}
#content {
	width:auto; 
	padding:0 50px 50px 50px;
	position:relative;
	top:10px;
	margin:0 auto;
	float:none;
}

/* 	typography
	———————————————————————————————————————————— */

a {
	color:#381d1d;
	text-decoration:none;
}
	a.external {
	padding-left:10px;
	background-image:url(images/p-link.png);
	background-position:left;
	background-repeat:no-repeat;
	}
a:link, a:visited {
	border-bottom:1px solid #b4a49a;
}
a:hover, a:active {
	color:#db2646;
	border-bottom:1px solid #db2646;
}

cite {
	font-style:normal;
}
	cite.work {
	font-size:1.1em;
	display:block;
	position:relative;
	left:1.8em;
	text-indent:-1.8em;
	margin:0 1.8em 0 0;
	}
	cite.work .ref-title {
	font-style:italic;
	}

code {
	font-size:1.2em;
	font-family:"Courier New", Courier, monospace;
	background-color:#efefef;
	padding:0 2px;
}

dl {
	margin:1.8em 0;
}
dt.ewe {
	font-size:1.3em;
}
	.metadata dt {
	font-weight:bold;
	}
	dl.concepts dt {
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:0.6em;
	}

dd {
	margin-left:2em;
}
	.translatedtext dd {
	font-size:1.2em;
	font-style:italic;
}	


h1 {
	font-size:2em;
	font-weight:bold;
	line-height:1.1em;
	letter-spacing:-0.1em;
	color:#7d4833;
	margin-bottom:1em;
}
h2 {
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:0.4em;
}
h3 {
	font-size:1.1em;
}
li p {
	text-indent:0;
}
p {
	font-size:1.1em;
	margin-bottom:1.8em;
	text-indent:1.8em;
	text-align: justify;
}
q:before, q:after {
  content: ""; 
  /* see technical-notes.htm */
}


#content ul, #content ol {
	list-style-position:outside;
	margin-bottom:1.8em;
}
#content ul {
	margin-left:1.2em;

}
ul li, ol li {
	font-size:1.1em;
}
#content ol {
	margin-left:1.8em;
}
ul ol, ol ul {
	margin-left:1em;
}

ul ul, ol ol {
	font-size:100%;
}
ul li ul li, ol li ol li, ol li ul li, ul li ol li, li p {
	font-size:100%;
	list-style-type:disc;
}

/* specific styles */
.ewe {
	font-family:"Lucida Sans Unicode", "Doulos SIL", "Lucida Grande", "Arial Unicode MS", "Microsoft Sans Serif", Arial, Helvetica, sans-serif;
}
span.ewe {
	font-style:italic;
}
span.name {
	font-style:normal;
}
.metadata {
	font-size:1.1em;
	color:#7d4833;
}
span.subtitle {
	position:relative;
	top:-20px;
	left:1.5em;
	font-size:1.4em;
	font-style:italic;
	color:#7d4833;
}
span.author {
	display:block;
	text-align:right;
	margin-bottom:1em;
}
span.footnote {
	color:#000000;
}
span.warning {
	display:block;
	font-size:1.3em;
	color:#db2646;
	font-style:normal;
	font-weight:bold;
	margin:5px 0;
	padding:5px 8px;
	border-left:4px solid #db2646;
}

/* 	———————————————————————————————————————————————————————————————————
	more specific stuff, ordered by page type and page, in that order
———————————————————————————————————————————————————————————————————— */

/* 	intro
	———————————————————————————————————————————— */

#intro {
	width:444px; 
	padding:50px;
	margin:38px auto 0 auto;
	overflow:hidden;
	background-image:url(images/bg-content.png);
	background-repeat:repeat-y;
	background-position:top center;
	text-align:center;
}
#intro a {
	border-bottom:none;
}
#intro img {
	margin:0 auto 20px auto;
}
#credits {
	margin-bottom:3em;
}
#credits h1 {
	text-align:center;
	width:400px;
	display:block;
	margin:0 auto 1.2em auto;
}
#credits span {
	font-size:1.0em;
	display:block;
}
#credits span strong {
	font-size:1.2em;
}
a#enterlink {
	display:block;
	width:200px;
	background:#fff url(images/bg-enterlink.png) no-repeat top center;
	color:#fff;
	font-weight:bold;
	font-size:1.0em;
	text-transform:uppercase;
	margin:0 auto;
}
a#enterlink:hover {
	position:relative;
	top:1px;
	left:1px;
}

/* 	story-page
	———————————————————————————————————————————— */

dl.translatedtext cite {
	display:block;
	position:relative;
	float:left;
	left:-2em;
	width:1.5em;
	margin-right:-1.5em;
	font-style:normal;
	font-size:0.8em;
	text-transform:uppercase;
	color:black;
}
.note {
	color:black;
}
dt.note {
	visibility:hidden;
}
dd.note {
	margin-bottom:1.8em;
}

/* 	text-analysis
	———————————————————————————————————————————— */
table.text-analysis th {
	border-bottom:1px solid #b4a49a;
}
table.text-analysis td {
	vertical-align:top;
	width:50%;
}

td.analysis {
	padding:20px 0 0 15px;
}

/* 	storytellers
	———————————————————————————————————————————— */

img.portrait {
	width:200px;
	float:right;
	margin:0 0 80px 20px;
}