/*   BLOCKS    */

BODY {
	margin: 0;
	padding: 1em 0 0 1.5em;
	font: 0.8em sans-serif;
}

#mailbox {
	margin: 0 0 0 56.5em;
	height: 1.5em;
	width: 2.5em;
	text-align: right;
	position: relative;
}

#rss {
  margin: 0 0 0 54.4em;
}

#top {
	height: 1.4em;
	margin: -1.5em 0 0 0;
	position: absolute;
}

#traceline {
	height: 1.4em;
	margin: -1.5em 0 0 4.5em;
	position: absolute;
}

#traceline.more {
	margin-left: 6.6em;
}

#traceline.momore {
	margin-left: 8.7em;
}

#info {
	margin: 1.6em 0 0 0;
	width: 23em;
	z-index: 1;
	position: absolute;
}

#list {
margin: 2.3em 0 0 37em;
position: absolute;
width: 40em;
padding-bottom: 2em;
}

#main {
	margin: 2 0 0 0;
	padding-bottom: 1.5em;
  height: auto;
  text-align: left;
  position: absolute;
  z-index: 0;
}

#main.visual .imout {
	margin-left: 26em;
}

.out {
	margin: 1.5em 0 0 24.7em;
  width: 34em;
  position: relative;
}

div.wide {
 	margin: 1.5em 0 0 18.7em;
  width: 40em;
}

div.imout {
  margin: 1.5em 0 0 0.5em;
  position: relative;
}

div.icout {
 width: 304px;
 margin-left: 34.9em;
}

.image {
	padding: 0.5em;
	text-align: center;
}

.in {
  border: 1px solid;
  position: relative;
  left: -0.5em;
  top: -0.5em;
}

h3 {
	margin: 0;
	padding: 0.2em 0;
	border-bottom: 1px dashed;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
}

div.epigraph {
	text-align: right;
	font-size: 1em;
}

#main div.epigraph {
	margin: 1.8em 0 -9.8em 0em;
	height: 8em;
	width: 23em;
	position: relative;
}

#info div.epigraph {
	margin: 0 0 2em 0;
}

#main div.footer {
	margin: -3em 0 0 0.5em;
	height: 3em;
	width: 23em;
	position: relative;
}

div.scroll {
  width: 23em;
  margin-left: 6.5em;
  text-align: left;
}

div.epigraph div.author {
margin-top: 0.5em;
}

.input, .submit {
	border-width: 1px;
	border-style: dashed;
}

.submit {
  font: 1em sans-serif;
}

.input {
overflow: none;
width: 31.8em;
padding: 0.2em;
margin: 0.5em 0;
font: 1em sans-serif;
}

#textarea {
overflow: auto;
}

form {margin: 0;}

hr {
height: 1px;
border: none;
margin-top: 1.5em;
}

/* PARAGRAPHS */

.epigraph, .info, .txt, #info {
line-height: 1.5;
}

#cont_c {
	margin: 0 0 2em 0;
	text-align: center;
	line-height: 1.5em;
}

#cont_l {
	margin: 0 0 2em 0;
	text-align: left;
	line-height: 1.5em;
}

div.nofuture {
  width: 23em;
  margin-left: 9.8em;
  text-align: left;
}

span.future {
  position: absolute;
  margin-left: -6em;
}

.in .txt {
	padding: 0.7em 1em 0.5em 1em;
}

.centre .txt {
  text-align: center;
}


div.dedic {
	text-align: right;
}

.arrow {
	text-align: right;
	margin-right: 0.3em;
}

p        {margin: 0 0 0 1.2em; text-indent: -1.2em;}
p.year   {margin-left: 3.3em; text-indent: -3.3em;}
p.date   {margin-left: 5.5em;	text-indent: -5.5em;}
p.chrono {margin-left: 6.3em; text-indent: -6.3em;}
p.semit  {margin: 0 0 0 0; text-indent: 0; direction: rtl;}

.inname {margin: 0.6em 0 0 3.3em;}


/* SPANS */

em {
	font-style: normal;
}

A, A:hover {
	text-decoration: none;
}

/*  SQUARES */

.snext
{
width: 1.52em;
height: 1.5em;
overflow: hidden;
float: left;
text-align: center;
position: relative;
top: -0.2em;
margin-right: 0.5em;
}

.orange
{
border: 1px solid #930;
background-color: #f90;
width: 1.52em;
height: 1.5em;
overflow: hidden;
float: left;
color: #fff;
text-align: center;
position: relative;
top: -0.2em;
}

A:hover.orange {
color: #fff;
}