/*   BLOCKS    */

BODY {
	margin: 0;
	max-width: 420px;
	padding: 0.5em;
	font: 0.7em sans-serif;
}

#mailbox, #rss {
	text-align: left;
	height: auto;
	vertical-align: top;
	margin-top: 0;
	position: float;
}

#top {
	margin: 0 0 0 0;
}

#traceline {
	margin: 2.5em 0 0 0;
}

#info {
	// width: expression((document.documentElement.clientWidth || document.body.clientWidth) > 420 ? '420px' : '100%');
	margin: 1em 0 1em 0;
	width: auto;
	height: auto;
}

#main {
	// width: expression((document.documentElement.clientWidth || document.body.clientWidth) > 420 ? '420px' : '100%');
	padding: 0.5em 0;
  text-align: left;
}

.out, .wide {
  width: auto;
  margin-bottom: 0.5em;
}

.imout, .icout {
  margin: 0 -0.5em 0.5em -0.5em;
}

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

div.icout {
 width: 304px;
}

.in {
  width: auto;
  border: 1px solid;
}

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, #info div.epigraph, #main div.footer, div.scroll {
	margin: 0.5em;
}


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: 100%;
padding: 0.1em;
margin: 0.5em 0;
font: 1em sans-serif;
}

#textarea {
overflow: auto;
}

form {margin: 0;}

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

/* PARAGRAPHS */

#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 {
  margin-left: 6.5em;
  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;
margin-right: 0.5em;
}

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