/* @override 
	http://localhost/~liyang/liyang.hu/dst/rsc/screen.css
*/

/* @group Ground Rules */

html, body, p, pre, ul, ol, dl
{
	margin: 0;
}

html
{
	background-color: #e0ffff;
	overflow-y: scroll;
}

/* @end */

/* @group Typograhy */

body
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size-adjust: 0.58;
}

pre, code, .toolbar
{
	font-family: "Andale Mono", Monaco, "Courier New", monospace;
	font-size-adjust: 0.5;
}

.strike
{
	text-decoration: line-through;
}

.abstract
{
	font-style: italic;
}

/* @end */

/* @group Size */

h1
{
	font-size: 18pt;
}

h2
{
	font-size: 14pt;
}

h3
{
	font-size: 12pt;
}

h4, #side h2, #extra h2
{
	font-size: 11pt;
}

h5, html
{
	font-size: 10pt;
}

.modified, .figure, #side h3, #twitter
{
	font-size: 8pt;
}

.footer, #updates ul
{
	font-size: 7pt;
}

/* @end */

/* @group Links */

a:hover, .toolbar a:hover
{
	background-color: #ffee88;
	border-color: #ddbb44;
}

a:hover
{
	border-style: solid;
	border-width: 1px;
	padding: 1px 2px;
}

a
{
	text-decoration: none;
	padding: 2px 3px;
	margin: -2px -3px;
}

a:link
{
	color: #800080;
}

a:active
{
	color: red;
}

a:visited
{
	color: #c00080;
}

a img
{
	border: 0;
}

a.external:after
{
	content: url(external.png);
	padding-left: .5ex;
}

/* @end */

/* @group Layout */

/* @group General */

body
{
	width: 84ex;
	margin: 0 auto;
}

h1
{
	padding: 1ex 0;
	margin: 0;
	text-align: center;
}

hr
{
	border-top-style: dashed;
	padding-top: 1ex;
}

blockquote
{
	font-style: italic;
}

pre, blockquote
{
	margin: 1ex 2ex;
	padding: 1ex;
	border-style: dashed;
	border-color: gray;
	border-width: 1px;
	background-color: #c0ffc0;
}

#main
{
	position: absolute;
	width: 68ex;
	margin-left: 16ex;
}



/* @end */

/* @group Content */

.content
{
	padding: 1ex;
	border-left: 1px solid gray;
	border-top: 1px solid gray;
	/*border-right: 1px solid gray;*/
}

.figure, .figure p
{
	text-align: center;
}

.figure p
{
	margin-top: 0;
}



/* @end */

/* @group Bits on the Side */

#side
{
	width: 16ex;
	position: absolute;
	border-right: 1px solid gray;
}

.collapsible h2:before
{
	content: "▾ ";
	color: gray;
}

.collapsed h2
{
	content: "▸ ";
}

#extra
{
	width: 24ex;
	position: absolute;
	margin-left: 84ex;
	border-left: 1px solid gray;
}

#side h2, #extra h2
{
	border-bottom: 1px dashed gray;
	margin-top: 0;
	padding-bottom: .5ex;
}

#side > div, #extra > div
{
	padding: 1ex;
	overflow: hidden;
}

#side > div, #extra > div
{
	border-top: 1px solid gray;
}

#side ul, #extra ul
{
	padding: 0;
}

#side li, #extra li
{
	text-align: left;
}

#side li, #side li a
{
	display: block;
}

#side li a.inline
{
	display: inline;
}

#twitter li + li
{
	margin-top: 2ex;
}

#twitter li div
{
	text-align: right;
}

#meebo object
{
	width: 100%;
	height: 40ex;
}

#updates ul
{
	padding-left: 1ex;
}

#badges li
{
	text-align: center;
}

/* @end */

/* @end */

/* @group Spacing */

/* @group Heading */

h2, .toolbar + h2, h3, h4, h5
{
	margin: 0 0 1ex 0;
}

* + h2, * + h3, * + h4, * + h5
{
	margin-top: 2ex;
	margin-bottom: 1ex;
}

h2 + h3, h3 + h4, h4 + h5
{
	margin-top: 1ex;
}

/* @end */

/* @group Paragraph */

p
{
	text-align: justify;
}

p + p
{
	margin-top: 1ex;
	text-indent: 2ex;
}

p + *, * + p
{
	margin-top: 2ex;
}

p + ul, ul + p,
p + ol, ol + p,
p + dl, dl + p
{
	margin-top: 1ex;
}

.nobreak
{
	white-space: pre;
}

/* @end */

/* @group List */

li
{
	text-align: justify;
	margin: .5ex 0;
}

ul, ol
{
	padding-left: 3ex;
}

dd
{
	margin-left: 2ex;
}

dl ol
{
	padding-left: 0;
	list-style-position: inside;
}

dl ol ul
{
	margin-left: 1ex;
	list-style-position: outside;
}

* + dt
{
	margin-top: 2ex;
}

/* @end */

/* @end */

/* @group Animation */

.zoom
{
	background: #e0e0e0;
	position: absolute;
	overflow: hidden;
	opacity: 0.5;
	z-index: -1;
}

/* @end */

/* @group Footer */

.footer
{
	border-top: 1px dashed gray;
	padding-top: 1ex;
}

.footer p
{
	margin: 0;
	text-indent: 0;
}

.footer
{
	margin-top: 2ex;
	padding-right: 1ex;
	padding-left: 1ex;
}

.modified
{
	color: gray;
}

/* @end */

/* @group Attributions */

.attribution p:before
{
	content: "— ";
}

.attribution p
{
	text-align: right;
}

.attribution
{
	margin-top: 1ex;
	margin-bottom: 2ex;
}

/* @end */

/* @group Toolbars */

.toolbar
{
	float: right;
	white-space: nowrap;
}

.toolbar a
{
	background-position: center;
	background-repeat: no-repeat;
	border-style: solid;
	border-color: transparent;
	border-width: 1px;
	padding: 1px 0px;
	margin-left: 1ex;
	cursor: pointer;
}

.toolbar a:hover
{
	color: inherit;
}

.toolbar .close
{
	background-image: url(close.png);
}

.toolbar .link
{
	background-image: url(link.png);
}

/* @end */