@font-face {
    font-family: 'Literata';
    src : url('/static/sys/font/LiterataBook.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

html { 
  background: url(/static/sys/img/back_bubble.png) no-repeat;
  background-width: 100%;
  background-position: center top;
  background-color: #000;
  background-attachement: fixed;
  line-height: 1.3;
}


body {
	margin: auto;
	font-size: 16px;
	font-family: "Literata";
	color:#333333;
}


.content {
	width: 90%;
	max-width: 680px;
	margin: 15px auto;
	background-color: #ffffff;
	padding: 15px;
	border: 1px solid black;
        opacity: 0.9;
}

p {
	text-align: justify;
	margin: 20px;
	text-indent: 1.2em;
}

p.noindent {
	text-align: justify;
	margin: 20px;
	text-indent: 0em;
}


A  {
  white-space: pre-wrap;       /* Since CSS 2.1 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
  border: 1px solid #e0e0e0;
  background-color: #f9f3ec;
  padding: 0px 1px 0px 1px;
  border-radius: 3px;
}

A:hover  {
  white-space: pre-wrap;       /* Since CSS 2.1 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
  border: 1px solid #e0e0e0;
  background-color: #f9d9b9;
  padding: 0px 1px 0px 1px;
  border-radius: 3px;
}


a.T {
	padding-left: 20px;
	padding-right: 20px;
	color:#FFFFFF;
}

a.T:hover {
	padding-left: 20px;
	padding-right: 20px;
	color:#7F7FFF;
}

h1 {
	font-weight: bold;
	font-size: 200%;
	text-align: center;
	padding-left: 0.2em;
	margin-top: 0.5em;
	margin-bottom: 2.0em;	
}

h2 {
	font-weight: bold;
	font-size: 140%;
	padding-left: 0.2em;
	margin-top: 1.6em;
	margin-bottom: 0.6em;	
	border-left: 12px solid #161699;
}

h3 {
	font-weight: bold;
	font-size: 120%;
	margin: 20px 10px 10px 10px;
}

h4 {
	font-weight: bold;
	margin: 10px 20px;
}