/* Stylesheet: is3.css / www.internalsound.com */

body {
	background-color: white;
	color: black;
	font-family: verdana,tahoma,arial,helvetica,sans-serif;
	margin: 0 0 auto 0;		/* so background colors go to edge */
	padding: 0;				/* because Opera is strange */
	text-align: left;
}

div.inset {
	/* top margin to get it almost elow the (absolute) header */
	margin: 3.9em 0.0em 1.0em 0.0em;
}

div.content {
	position: absolute;
	margin: 0 0 0 0;		/* no left space when printing */
	padding: 0.5em 1.0em;
	/* for mozilla, no width (bar will go to right edge using a hack below); for IE, width: 70% */
	width: 70%;
	z-index: 5;
	min-width: 100px;
	/*border-left: 1px dashed #CCC;*/	/* no left space when printing */
}

/* IE6 hack -- good browsers will use full width for content; IE6 will use the above % */
body>div .content {
	width: auto;
}

div.footer {
	margin-top: 8.0em;
	padding: 0.5em;
	border-top: 1px solid #CCC;
	font-size: 0.7em;
	color: #999;
	background-color: white;
	text-align: center;
}

div.leftbar {
	display: none;		/* no leftbar when printing */
}


/* leftbar-interior navbar */
div.navbar {
	display: none;		/* no navbar when printing */
}

/* highlight the current page */
#home .home, #rantings .rantings, #gallery .gallery, #projects .projects {
	background-color: #BBB;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;	/* CSS3 draft */
}

.navbar ul {
	margin: 0;
	padding: 0.3em 0.3em 0.5em 0.3em;
}

.navbar li {
	list-style: none;
	margin: 0;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.3em;
	padding-right: 0.2em;
}

li.hidden {	/* hidden elements (set/cleared by javascript, etc.) */
	display: none;
}
li.search {		/* for when the search box list item is visible */
	margin-top: 1.0em;
}
/* end navbar */


div.siteinfo {
	display: none;		/* no siteinfo when printing */
}
.siteinfo ul {
	margin: 0;
	padding: 0;
}
.siteinfo li {
	list-style: none;
	margin-bottom: 1.7em;
	/*background-color: red;*/
}


div.header {
	position: absolute;
	width: 96%;		/* IE6 (and others?) hack -- doesn't take full width otherwise */
	top: 0;
	left: 0;
	right: 0;
	min-width: 400px;
	height: 2.8em;
	/*border-top: 1px solid black;*/	/* no border when printing */
	padding: 0.2em 1.9% 0.5em 2%;	/* 1.9% part of IE hack above (2% shows scrollbar) */
	border-bottom: 0.2em solid black;
	z-index: 1;
	/*background: #004;*/		/* black-on-white for printing */
	color: black;	
}

.header h1 {
	margin: 0;
	font-size: 2.0em;
	letter-spacing: 0.1em;
	color: black;			/* black-on-white for printing */
}

.header h1 a:link, .header h1 a:visited, .header h1 a:hover, .header h1 a:active {
	/* prevent link in the header from changing appearance */
	color: black;			/* black-on-white for printing */
	/*background-color: transparent;*/		/* fix CSS warning */
	text-decoration: none;
}


img {
	border: none;
}

li {
	margin-bottom: 0.2em;
}

:link {
	color: navy;
	text-decoration: none;		/* no underlined links */
	/*background-color: transparent;*/
}
:visited {
	color: purple;
	text-decoration: none;
	/*background-color: transparent;*/
}


.content h1 {
	font-size: 1.6em;
	font-weight: bolder;
	margin-top: 1.8em;
	margin-bottom: 0.2em;
}
.content h1:first-child {
	margin-top: 0;
}

.content h2 {
	font-size: 1.3em;
	font-weight: bolder;
	margin-top: 1.2em;
	margin-bottom: 0.2em;
}
.content h2:first-child {
	margin-top: 0;
}

.content h3 {
	font-size: 1.0em;
	font-weight: bolder;
	margin-top: 0.8em;
	margin-bottom: 0.2em;
}
.content h3:first-child {
	margin-top: 0;
}

.content p {
	margin-top: 0.2em;
	margin-bottom: 0.4em;
}
h3 + p {
	margin-top: 0.0em;
}


p.quote {
  font-style: italic;
}

p.topper {
  font-size: 0.8em;
  font-weight: bolder;
  letter-spacing: 0.1em;
  text-align: center;
}

p.rule {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 10%;
  margin-right: 10%;
  border-top-style: solid;
  border-top-width: thin;
}
/*
p.footer {
  font-size: 0.7em;
}
*/
pre {
	font-family: monospace;
}

pre.poem {		/* like <pre>, but in <p> style */
	font-family: verdana,tahoma,arial,helvetica,sans-serif;
}

pre.cppexample {	/* for c++ code examples */
	border-style: solid;
	border-width: thin;
	color: black;
	background-color: #E0E0E0;
	margin-left: 1em;
	margin-right: 1em;
}

strong {
	font-weight: bolder;
}

.warning {
  color: inherit;		/* save a CSS validator warning */
  background-color: red;
}

/* nicetitle stuff starts there */
div.nicetitle {
	position: absolute;
	margin: 0;
	padding: 0.2em 0.5em;
	top: 0px;
	left: 0px;
	width: 20em;
	color: white;
	background-color: #222;
	font-size: 85%;
	border: 1px solid black;
	z-index: 999;
	opacity: 0.95;		/* not yet supported by all browsers */
	-moz-border-radius: 10px;
	border-radius: 10px;	/* CSS3 draft */
}

.nicetitle {
	margin: 0;
	padding: 0 3px;
}

.nicetitle p {
	margin: 0.2em;
	padding: 0;
}

p.destination {
	font-size: 65%;
	text-align: left;
	padding-top: 0.8em;
	color: #cccccc;
	background-color: transparent;
}

p.titletext {
	font-size: 85%;
}