html {
	background: url("/images/Sleep-Deprivation-5.JPG");
	border: none;
	margin: 0px;
	padding: 0px; }

body {
	font-family: Georgia, "Times New Roman", serif;
	/*border: solid thin #578fc8;*/
	border: solid 1px #9ec6ff;
	color: black;
	background: white;
	margin: 3em 3% 3% 3%;
	padding: 0 3%;
	text-align: justify; }

input, textarea {
	color: black;
	background: transparent; }

input[type='button'], input[type='submit'] {
	margin: 0;
	border: none;
	border-left: #fd8 1px solid;
	border-right: #fd8 1px solid; }
textarea { width: 99%; }

img {
	border: none;
	max-width: 100%; }

blockquote { font-style: italic; }

/* To make sure text is not glued to the right border */
p { padding-right: 2%; }

h1, h2 {
	font-weight: bolder;
	clear: left;
	text-align: left;
	padding-left: 1%;
	padding-bottom: 1%; }
h1 { letter-spacing: 0.2em; }

/*a:link, a:visited { color: #578fc8; } */
a:link, a:visited, input[type='Button'], input[type='submit'] {
	color: #3b76ae;
	background: transparent;
	padding: 1px; }
/*border: solid thin #578fc8;*/
a:hover, a:active, input[type='Button']:hover, input[type='submit']:hover {
	border: outset 1px #9ec6ff;
	color: #8b0000;
	background-color: transparent;
	padding: 0; }
a:active, input[type='Button']:active, input[type='submit']:active {
	border: inset 1px #9ec6ff;
	position: relative;
	left: 2px;
	top: 2px; }


.notice, .warning, .error {
	font-size: larger;
	font-weight: bold;
	text-align: center; }
.notice { color: #080; }
.warning { color: #f84; }
.error { color: #f00; }

.login { margin-top: 1em; }
.logout {
	float: left;
	font-size: smaller; }

.helpLink, .helpLinkClose {
	text-decoration: none;
	font-size: medium;
	font-style: italic;
	padding-left: 1%;
	padding-right: 1%; }
.helpLink { cursor: help; }
.helpLinkClose { text-decoration: line-through; }

.help {
	text-align: left;
	padding: 1em;
	font-size: medium;
	font-weight: normal;
	background: transparent; }

.helpTitle, .helpTitle:link, .helpTitle:visited {
	display: block;
	font-size: larger;
	font-weight: bolder; }


.sidebar, .links {
	width: 30%;
	text-align: center;
	background: white; }
.links {
	border: solid 1px #9ec6ff;
	border-bottom: none;
	background: white;
	position: absolute;
	top: 0;
	right: 3%;
	height: 3em; }
.sidebar {
	padding-left: 2%;
	margin-right: -1%;
	float: right; }
/* Big hack for ie */
* html .links {
	width: 33%;
	margin-right: -1px; }


.title {
	font-size: larger;
	font-weight: bolder;
	letter-spacing: 0.5em; }
.signets { font-size: smaller; }

.boxTitle {
	background: url("/images/Sleep-Deprivation-5.JPG");
	text-align: left;
	font-weight: bolder;
	padding: 0.5em;
	color: #ff4; }

.box {
	font-size: smaller;
	margin-bottom: 0.8em;
	background: #ccc;
	padding: 0.5em 0px; }

.boxSubtitle {
	font-size: small;
	text-align: right;
	color: #ff4;
	background: #557; }

.boxLine {
	text-align: left;
	padding-left: 1em; }
.boxLineR {
	float: right;
	padding-right: 1em; }

.boxMore {
	font-weight: bold;
	text-align: right; }


.parent {
	position: relative;
	top: -2em;
	font-weight: bolder;
	font-style: italic; }
.parent > a:link, .parent > a:visited { color: white; background: transparent; }
.parent > a:hover, .parent > a:active { color: #ffa500; background: transparent; }

.author {
	margin-right: 0.4em;
	font-style: italic;
	float: left; }
.author:before {
	content: '<';
	margin-right: -0.5em; }
.author:after {
	content: '>';
	margin-left: -0.5em; }

.eltInfo {
	float: right;
	margin-left: 0.5em; }

.icon {
	text-decoration: none;
	margin-right: 0.5em;
	color: #e94;
	font-weight: bolder;
	letter-spacing: -5px; }
.icon:hover, .icon:active { color: #f0f; }

.created_on {
	margin-right: 0.5em;
	font-size: smaller;
	font-weight: normal;
	float: right; }

.elt { background: url("/images/eltBackground.png") repeat-x; }

.eltBody { padding-left: 1%; }

.eltSub {
	border-bottom: solid 1px white; /* Or IE would add strange vertical lines in
	the close part */
	margin-left: 2%;
	border-left: solid 9px #fd8;
	border-bottom: solid 1px #fd8;
	padding-left: 2%; }

.pageCount {
	margin-left: 2em;
	margin-right: 2em;
	font-size: smaller;
	letter-spacing: 0.3em; }

.eltSubsClose { margin-left: 3%; }

.version {
	text-align: right;
	/* To make sure the sidebar is not the last element at the bottom */
	clear: right; }
.version > a {
	font-size: smaller;
	color: #aaa;
	cursor: default;
	text-decoration: none; }

.version > a + a { display: none; }
.version:hover > a + a { display: inline; }


body { -moz-border-radius: 1em 0 1em 1em; }
input, textarea, input[type='button'], input[type='submit'] {
	-moz-border-radius: 0.5em 0 0.5em 0; }
.links { -moz-border-radius: 1em 1em 0 0; }
	/* Due to IE, I recode the outset effet */
.box { -moz-border-radius: 0 0 1em 1em; }
.eltSub { -moz-border-radius: 0 0 0 1em; }