/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 20, 2012 */
@font-face {
    font-family: 'CallunaSansRegular';
    src: url('font/callunasansregular-webfont.eot');
    src: url('font/callunasansregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/callunasansregular-webfont.woff') format('woff'),
         url('font/callunasansregular-webfont.ttf') format('truetype'),
         url('font/callunasansregular-webfont.svg#CallunaSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


html {
	padding: 0;
	margin: 0;
}
body {
	background: #0090C5 url(images/bg.png) 0 0 repeat;
	margin: 0;
	padding: 0;
	font-family: 'CallunaSansRegular';
}
html>body { overflow-y:scroll; }
#wrapper {
	width: 950px;
	margin: 0 auto;
	background-color: #FFF;
}

#wrapper_shadow { width: 978px; margin: 0 auto; background: transparent url(images/wrapper_shadow.png) 0 0 repeat-y; }

header {
	position: relative;
	height: 210px;
}
header:after {content:"\0020";display:block;height:2em;clear:both;visibility:hidden;overflow:hidden;}

#top_logo { 
	position: absolute;
	top: 20px;
	right: 20px;
	width: 71px;
	height: 75px;
}
header h1 {
	position: absolute;
	top: 40px;
	left: 20px;
	margin: 0;
	font-size: 4em;
	color: #0090C5;
}
header nav {
	position: absolute;
	top: 140px;
	left: 20px;
}
footer {
	clear: both;
	height: auto;
	margin: 0 20px 0;
	padding: 2em 1em;
	background-color: #FFF;
	border-top: 1px solid #0090C5;
	color: #777;
}
footer:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

#zijn, #copyright, #isbn {
	float: right;
	margin: 0 2em;
	font-size: smaller;
	color: inherit;
}
#credits {
	clear: both;
	margin: 2em 1em 0 450px;
}

#content { 
	margin: 0 20px;
	text-align: left;
}

#home #content {
	background: transparent url(/images/cover-shakespeare.png) right bottom no-repeat;
}
#home #content p {
	max-width: 530px;
}

nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

nav li {
	float: left;
	margin-right: 1em;
	font-weight: bold;
	color: #0090C5;
}

#sample_nav li {
	float: none;
}

#glossary_nav {
}
#glossary_nav ul {
	list-style-type: none;
}
#glossary_nav li {
	float: left;
	margin-right: 1em;
	color: #888;
}

#glossary_nav:after {content:"\0020";display:block;height:2em;clear:both;visibility:hidden;overflow:hidden;}

#glossary dl {
	clear: left;
	height: 480px;
	padding: 1em;
	border: 1px solid #B9E1EF;
	overflow-y: scroll;
}
#glossary dt {
	margin: 1em 0 0;
	font-size: 1.1em;
	font-weight: bold;
}

dd + dt, dd + hr {
	margin-top: 1em;
}
 
dl.Horizontal dt {
	float: left;
	clear: left;
	width: 6em;
	margin-top: 0;
	text-align: right;
}
dl.Horizontal dd {
	margin-left: 6.5em;
}

#glossary dd a, #glossary span { font-style: italic; }

#about dl {
	margin-left: 6em;
}
#about dt {
	color: #0090C5;
}
	
#about dd {
	font-size: 1.4em;
}
p, dd {
	max-width: 54em;
}

p.Inset {
	margin: 2em 4em;
}

a {
	font-weight: normal;
	color: #900;
	text-decoration: none;
}

nav a {
	font-weight: bold;
}



#purchase_link {
	display: inline-block;
	margin: 3em 0;
	padding: 2px 10px;
	background: #0090C5 url(images/button_gradient.png) repeat-x bottom;
	border: none;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	cursor: pointer;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 1px 1px #666;
	box-shadow: 0 2px 0 0 #13648D;
}
#purchase_link:hover {
	background-position: 0 -48px;
}
#purchase_link:active {
	background-position: 0 top;
	position: relative;
	top: 1px;
	padding: 3px 10px 1px;
}



caption {
	font-weight: normal;
	text-align: left;
	background-color: transparent;
}
thead th {
	background-color: transparent;
}


#download_list {
	font-family:arial;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
#download_list thead tr th, #download_list tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
#download_list thead tr .header {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
#download_list tbody td {
	color: #3D3D3D;
	padding: 4px;
	vertical-align: top;
}
#download_list tbody tr.Odd td {
	background-color:#E8F5FA;
}
#download_list thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}
#download_list thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}
#download_list thead tr .headerSortDown, #download_list thead tr .headerSortUp {
background-color: #8dbdd8;
}

tr.Alt { background-color: #D1EBF4; }



label
{
	width: 10em;
	float: left;
	clear: left;
	text-align: right;
	margin: .5em 0.5em 0 0;
	display: block
}

p.Required {
	font-weight: bold;
	color: #900;
}

label.Required:before {
	font-weight: bold;
	color: #900;
	content:"* ";
}
input {
	color: #444;
	background: #fee3ad;
	border: 1px solid #0090C5;
}

input[type=submit] {
	clear: left;
	margin-left: 20.5em;
	font-weight: bold;
	color: #FFF;
	background: #0090C5;
	border: 2px outset #d7b9c9
}
fieldset {
	border: 1px solid #0090C5;
	width: 40em
}

legend {
	color: #0090C5;
	background: #E8F5FA;
	border: 1px solid #0090C5;
	padding: 2px 6px
}

fieldset > div {
	margin: 1em 0;
	padding: 1em;
}
div.ErrorMsg {
	font-weight: bold;
	color: #900;
}

div.Error {
	border: 1px solid #BE5D5D;
	background-color: #ECD1D1;
	background-color: #FFCC33;
}