/* Reset browser styles */

html, body { margin: 0; padding: 0; }

h1 { font-size: 2em; margin: 0.67em 0; font-weight: bold; }
h2 { font-size: 1.5em; margin: 0.83em 0; font-weight: bold; }
h3 { font-size: 1.17em; margin: 1em 0; font-weight: bold; }
h4 { font-size: 1em;  margin: 1.33em 0; font-weight: bold; }
h5 { font-size: 0.83em; margin: 1.67em 0; font-weight: bold; }
h6 { font-size: 0.67em; margin: 2.33em 0; font-weight: bold; }

ul, ol { margin: 1em 0 1em 2em; padding: 0 0 0 1.5em; }
li { margin: 0; padding: 0; }

dl { margin: 1em 0 1em 0em; padding: 0; }
dd { margin: 0 0 0 3.5em; padding: 0; }
dt { margin: 0; padding: 0; }

blockquote { margin: 1.25em 2.5em; }

pre { margin: 1em 0; }

form { margin: 1em 0; }

img { border: 0; }

table { margin: 1em 0; border-collapse: collapse; border-spacing: 0; }
th, td { margin: 0; padding: 0; }

/* Override the Netscape styles */

td, th { font-family: inherit; }

/* Fonts and colors */

body {
	font: 81.25% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	color: #444; background: #D5D6D8;
}

input, select, textarea {
	/* Most browsers don't inherit the font for form elements, so we have to set it explicitly */
	font: 1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
}

pre, code, kbd, tt, samp {
	/* Safari and Firefox use a smaller font size if we have monospace in the list */
	font: 0.92em 'Courier New', 'Courier', 'Lucida Console', 'Monaco' /*, monospace*/;
}

a, a:hover, a:visited, a:active { text-decoration: none; color: #0000F8; }

a.external { padding-right: 7px; background:url('images/external.gif') right top no-repeat; }

pre.code { margin: 1.25em 0 1.25em 2.5em; }

/* Main page */

#page {
	margin: 0 auto; max-width: 67em; min-width: 62em; 
	color: inherit; background: white;
}

div.page-topleft     { background: url(images/page-topleft.gif) 0 0 no-repeat; }
div.page-topright    { background: url(images/page-topright.gif) 100% 0 no-repeat; }
div.page-bottomright { background: url(images/page-bottomright.gif) 100% 100% no-repeat; }
div.page-bottomleft  { background: url(images/page-bottomleft.gif) 0 100% no-repeat; }
div.page-top     { background: url(images/page-top.gif) 0 0 repeat-x; }
div.page-right   { background: url(images/page-right.gif) 100% 0 repeat-y; }
div.page-bottom  { background: url(images/page-bottom.gif) 0 100% repeat-x; }
div.page-left    { background: url(images/page-left.gif) 0 0 repeat-y; }

div.page-content { padding: 20px; padding-bottom: 3em; }

/* Header */

#header { margin-left: 0.2em; }
#header h1 { margin-bottom: 0; }
#header p.subtitle { margin: 0.8em 0 1.3em 0 ; font-size: 1.1em; }

/* Navbar */

#navbar h2 { display: none; }

#navbar { color: inherit; background: #E9E9E9; }

div.navbar-topleft     { background: url(images/navbar-topleft.gif) 0 0 no-repeat; }
div.navbar-topright    { background: url(images/navbar-topright.gif) 100% 0 no-repeat; }
div.navbar-bottomright { background: url(images/navbar-bottomright.gif) 100% 100% no-repeat; }
div.navbar-bottomleft  { background: url(images/navbar-bottomleft.gif) 0 100% no-repeat; }

div.navbar-content     { padding: 0px 10px; height: 1.77em; }

#navbar ul.menu { float: left; margin: 0; padding: 0; list-style: none; border-left: 1px solid white; }
#navbar ul.menu li { float: left; border-right: 1px solid white; }
#navbar ul.menu li a { float: left; padding: 0 1.2em; line-height: 1.77em; }

#navbar ul.menu li a,
#navbar ul.menu li a:link,
#navbar ul.menu li a:visited,
#navbar ul.menu li a:active { color: white; background: #89A4B1; }

#navbar ul.menu li a:hover  { color: white; background: #456273; }

#navbar ul.menu li.current a,
#navbar ul.menu li.current a:link,
#navbar ul.menu li.current a:visited,
#navbar ul.menu li.current a:active,
#navbar ul.menu li.current a:hover { color: white; background: #CD7E3F; }

/* Search box */

#navbar form.search { margin: 0; padding: 0; text-align: right; }

#navbar form.search input#search-text {
	width: 14em; vertical-align: top; margin: 2px 2px 0 2px; padding: 1px 2px; 
	border-top: 1px solid #ABADB3; 	border-right: 1px solid #DBDFE6;
	border-bottom: 1px solid #E3E9EF; border-left: 1px solid #ABADB3;
	font-size: 0.92em; color: black;
}

#navbar form.search input#search-image {
	height: 1.77em; width: 1.77em; vertical-align: top; color: #444; background: #E9E9E9;
	border-right: 1px solid white; border-left: 1px solid white;
}

#navbar form.search input#search-image:hover { background: #C0C0C0; }

/* Sidebar */

#sidebar { float: right; width: 14em; margin-top: 1.3em; clear: both; }
#sidebar h2 { display: none; }
#sidebar h3 { font-size: 1em; }
#sidebar ul { list-style: none; padding: 0 0 0 0.8em; margin: 0; }
#sidebar ul.comingup p.location { margin: 0.1em 0 1em 0; font-size: 0.92em; }
#sidebar ul.latest li { margin-bottom: 0.5em; }

/* Content */

#content { margin-right: 17em; margin-left: 0.2em; margin-top: 1.77em; }
#content p { text-align: justify; }

/* Footer */

#footer { clear: both; margin-top: 2em; }

/* Slides */

#content div.slides {
	width: 40em; height: 30em;
	border-top: 1px solid #ABADB3; 	border-right: 1px solid #DBDFE6;
	border-bottom: 1px solid #E3E9EF; border-left: 1px solid #ABADB3;
}
#content div.slides object {
	width: 40em; height: 30em; margin: 0; padding: 0; border: 0; outline: 0; display: block;
}
#content div.slides div.alternate { width: 38em; height: 28em; padding: 1em; }
#content div.slides div.alternate p { text-align: center; margin: 0; line-height: 28em; color: #888; }

/* Video */

#content div.video {
	width: 400px; height: 326px;
	border-top: 1px solid #ABADB3; 	border-right: 1px solid #DBDFE6;
	border-bottom: 1px solid #E3E9EF; border-left: 1px solid #ABADB3;
}
#content div.video object {
	width: 400px; height: 326px; margin: 0; padding: 0; border: 0; outline: 0; display: block;
}
#content div.video div.alternate { width: 400px; height: 300px; padding: 1em; }
#content div.video div.alternate p { text-align: center; margin: 0; line-height: 30em; color: #888; }

/* Blog entries */

#content div.blog-entry { margin-bottom: 2em; }
#content div.blog-border-top { border-top: 1px dashed #888888; }
#content div.blog-entry h3 { margin-bottom: 0; }
#content div.blog-entry h3 a { color: #444; text-decoration: none; }
#content div.blog-entry p.date { font-size: 0.92em; margin-top: 0.75em; margin-bottom: 1.4em; }

/* Blog index */

#content div.blog-index table td      { vertical-align: middle; font-size: 1.08em; padding-top: 0.2em; }
#content div.blog-index table td.date { white-space: nowrap; text-align: right; padding-right: 0.75em; color: #A0A0A0; font-size: 0.846em; }
#content div.blog-index table td.name { padding-right: 0.75em; }