body,tbody { font-family: verdana,tahoma,arial,sans-serif; font-size: 8pt; margin-left: auto; margin-right: auto; margin-top: 5em; width: 80em; }
a,a.deactivated,a.deactivated:hover,a.deactivated:active { color: #000; text-decoration: none; }
a.deactivated:hover { cursor: text; }
p:hover a,ul:hover > li > a,ol:hover > li > a,dl:hover > dt > a,dl:hover > dd > a  { color: #666; }
a:hover,a:active,p:hover a:hover,p:hover a:active,
ul:hover > li > a:hover,ul:hover > li > a:active,
ol:hover > li > a:hover,ol:hover > li > a:active,
dl:hover > dt > a:hover,dl:hover > dt > a:active,dl:hover > dd > a:hover,dl:hover > dd > a:active { color: #a00; }
ul,p { line-height: 150%; }
p,h4,ul,ol { margin-top: 1em; margin-bottom: 1em; }
dl { margin: 1em; }
#contact { position: relative; top: 32pt; height: 10pt; }
h1 { font-family: "zapfhumnst bt",verdana,tahoma,sans-serif; font-size: 18pt; text-align: right; font-weight: normal; width: 103%; margin-bottom: 0px; background-image: url('img/dots_name.jpg'); height: 24pt; background-repeat: no-repeat; background-position: right; }
h1 .name { display: none; }

#slotted {
	width: 100%;
	height: 35em;
	border: solid 1px #ccc;
	background-color: #eee; 
	position: relative;
}
#slotted h2,#slotted h3 {
	font-family: "segoe ui",sans-serif; font-weight: normal; width: 48%; font-size: 10pt;
	margin: 0px; padding: 0.5em;
	text-align: right;
}
#slotted h2:hover,#slotted h3:hover {
	background-color: #222; border-right: solid 1px #222;
}
#slotted h2:hover,#slotted h3:hover,#slotted h2:hover a,#slotted h3:hover a { color: #eee; }
#slotted h3.current:hover { background-color: inherit; border: none; }
#slotted h3.current,#slotted h3.current a {
	color: #a00;
}
#slotted h2 a { color: #222; }
#slotted h2 a,#slotted h3 a { text-decoration: none; padding: 0.4em; width: 100%; }

#slotted h2.current { background-color: #fff; border: solid 1px #000; }
#slotted h2.current, #slotted h2.current a,#slotted h2.current a:hover { color: #000; }

/* Relying on these rules to trigger rerendering when the "current" class is added or removed causes lagging issues in Safari. These rules are implemented via jQuery instead.
#slotted h2.current + div + h3,
#slotted h2.current + div + h3 + div + h3,
#slotted h2.current + div + h3 + div + h3 + div + h3,
#slotted h2.current + div + h3 + div + h3 + div + h3 + div + h3,
#slotted h2.current + div + h3 + div + h3 + div + h3 + div + h3 + div + h3,
#slotted h2.current + div + h3 + div + h3 + div + h3 + div + h3 + div + h3 + div + h3,
#slotted h2.current + div + h3 + div + h3 + div + h3 + div + h3 + div + h3 + div + h3 + div + h3,
#slotted h2.current + div + h3 + div + h3 + div + h3 + div + h3 + div + h3 + div + h3 + div + h3 + div + h3
{ display: block; }
*/
 
h3:after { content: "»"; visibility: hidden; }
h3:hover:after,h3.current:after { visibility: visible; }

#slotted h3 { display: none; font-size: 8.5pt; }
#slotted h4 { font-size: 8pt; }

#rightside { height: 100%; width: 50%; background-color: #333 !important; }
#slotted .current + div,#rightside {
	display: block;
	position: absolute;
	margin: 0px;
	left: 40em; top: 0px;
	background-color: #fff;
	height: 100%;
	width: 40em;
	overflow: auto;
}
#slotted .current + div p,#rightside p,#slotted .current + div h4 {
	padding: 0.3em 1.3em 0.3em 1.3em;
}
#slotted h2 + div,#slotted h3 + div {
	display: none;
}
#slotted div {

}
#slotted .current .leader:before { content: "•••"; }
#slotted .current .leader { display: inline; color: #a00; position: absolute; left: 1em; }

#changecss { float: right; }
#updated { width: 80em; }
a.currentStyle { font-weight: bold; }

/* Random Unicode character */
div.char { font-size: 24pt; border: solid 1px #aaa; width: 60px; height: 60px; margin-left: auto; margin-right: auto; }
div.char:hover { border: solid 1px #c00; }
div.clabel { font-size: 8pt; font-family: verdana,tahoma,arial,sans-serif; color: #777; display: inline; }
div.clabel a { color: #777; text-decoration: none; }
div.clabel a:hover { color: #07f; }
div#unirand { width: 100px; margin-left: auto; margin-right: auto; text-align: center; background-color: #fff; }

#inputdiv { display: none; }
#txtinput { border: solid 1px #222; }
#btnok { border: solid 1px #222; background-color: #eee; }
#btnok:hover { color: #a00; background-color: #fff; }

#slotted #potpourri_right { background-image: url('img/flurry.jpg'); background-repeat: no-repeat; background-position: left center; }
#slotted #research_right { background-image: url('img/lower antelope canyon.jpg'); background-repeat: no-repeat; background-position: center center; }
#slotted #software_right { background-image: url('img/armillary sphere.jpg'); background-repeat: no-repeat; background-position: center center; }
#slotted #courses_right { background-image: url('img/berkeley campus.jpg'); background-repeat: no-repeat; background-position: center center; }

#firstthing { display: none; }
#breadcrumbs { display: none; }
#letterTheta { display: none; }
.subsection { display: none; }

#browserWarning,#mobileBrowserWarning { display: none; /* hidden by default */ margin-left: auto; margin-right: auto; text-align: center; background-color: #c00; color: #fff; z-index: 1000; }
#browserWarning { width: 50%; }
#mobileBrowserWarning { width: 100%; font-size: 40px; }

.todo { background-color: #f44; }