/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
.footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End of reset
*
*/

/* Fonts */
@font-face {
    font-family: 'GentiumBasicRegular';
    src: url('fonts/gentium_basic/GenBasR-webfont.eot');
    src: url('fonts/gentium_basic/GenBasR-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gentium_basic/GenBasR-webfont.woff') format('woff'),
         url('fonts/gentium_basic/GenBasR-webfont.ttf') format('truetype'),
         url('fonts/gentium_basic/GenBasR-webfont.svg#GentiumBasicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GentiumBasicBold';
    src: url('fonts/gentium_basic/GenBasB-webfont.eot');
    src: url('fonts/gentium_basic/GenBasB-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gentium_basic/GenBasB-webfont.woff') format('woff'),
         url('fonts/gentium_basic/GenBasB-webfont.ttf') format('truetype'),
         url('fonts/gentium_basic/GenBasB-webfont.svg#GentiumBasicBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MgOpenCosmeticaRegular';
    src: url('fonts/mg_open/mgopencosmeticaregular-webfont.eot');
    src: url('fonts/mg_open/mgopencosmeticaregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mg_open/mgopencosmeticaregular-webfont.woff') format('woff'),
         url('fonts/mg_open/mgopencosmeticaregular-webfont.ttf') format('truetype'),
         url('fonts/mg_open/mgopencosmeticaregular-webfont.svg#MgOpenCosmeticaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MgOpenModernaRegular';
    src: url('fonts/mg_open/mgopenmodernaregular-webfont.eot');
    src: url('fonts/mg_open/mgopenmodernaregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mg_open/mgopenmodernaregular-webfont.woff') format('woff'),
         url('fonts/mg_open/mgopenmodernaregular-webfont.ttf') format('truetype'),
         url('fonts/mg_open/mgopenmodernaregular-webfont.svg#fonts/mg_open/mgopenModernaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Z-heights
 *
 * 10: Watermarks
 * 20: Main content
 * 30: Fade out for footer
 * 40: Main rectangular border
 * 50: Header and footer
 * 60: Any overlaid graphics
 *
 */

/* Default: 240x320 px, no javascript */

.section { display: block; }

.plusonecontainer {  position: relative; top: 5px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

/* 640px wide */
@media screen and (min-width: 640px) {
	
html {
	background-color: #dde5f5;
}


/* Sections (body, section, header, footer)
 *
 */

body
{
	margin: 0 auto;
	width: 38em;
	background: white;
	margin: 7em auto auto auto;
	padding-top: 3em;
	padding-bottom: 5em;
}

body h1 {
	font-family: 'MgOpenCosmeticaRegular', Arial, sans-serif;
	font-size: 2em;
	color: #3142bb;
	font-weight: normal;
	margin: 3em 0 3.2em 0;
}

body h1 em {
	font-size: 1.4em;
	color: #212b7d;
	font-style: normal;
	position: relative;
	top: 1em;
	right: 1em;
	padding-bottom: 1em;
}

body h2 {
	font-family: 'MgOpenCosmeticaRegular', Arial, sans-serif;
	font-weight: normal;
	font-size: 1.8em;
	color: #212b7d;
	margin: 1.5em 0 0.5em 0;
}

body h2 a:visited {
	color: inherit;
}

body h2 a:hover {
	text-decoration: underline;
}

body h3 {
	font-family: 'MgOpenCosmeticaRegular', Arial, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #212b7d;
	padding-bottom: 0.3em;
	padding-top: 0.7em;
}

body p, li {
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
	font-style: normal;
	font-size: 1.2em;
	line-height: 150%;
	text-align: justify;
/*	position: relative;*/
	text-align: left;
font-family: 'GentiumBasicRegular', "Times New Roman", Times, serif;
/*font-size: large;*/
line-height: 1.5em;
/*width: 32em;*/
/*margin-left: auto;
margin-right: auto;*/
padding-bottom: 0.7em;
}

body dt {
	font-family: 'GentiumBasicRegular', "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 1.2em;
	margin: 1.5em 0 0.25em 0;
	color: #212b7d;
}

body dd {
	font-size: 1em;
}

h1 sup {
	font-size: smaller;
	position: relative;
	top: -0.3em;
}

.figureR {
		float: right;
		margin: 0em 0em 0em 1.5em;
		padding: 0.5em;
}

.figureL {
		float: left;
		margin: 0em 1.5em 0em 0em;
		padding: 0.5em;
}

.figure {
text-align: center;
margin-top: 1.5em;
margin-bottom: 1.5em;
}

.figure img {
margin: 0.5em;
padding: 0.5em;
}

body pre {
        font-family: monospace;
        font-size: 12pt;
        overflow: auto;
        background: rgb(228, 242, 253);
        border: 1px solid rgb(198, 217, 233);
        padding: 1em 2em 1.5em 2em;
        margin: 1em 0; 
	line-height: 2em;
        -webkit-border-top-left-radius: 2em;
        -webkit-border-bottom-right-radius: 2em;
        -moz-border-radius-topleft: 2em;
        -moz-border-radius-bottomright: 2em;
        -khtml-border-top-left-radius: 2em;
        -khtml-border-bottom-right-radius: 2em;
        border-top-left-radius: 2em;
        border-bottom-right-radius: 2em;

	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 /* width: 99%; */
 word-wrap: break-word; /* Internet Explorer 5.5+ */

}
body pre i, body pre em{
	background: #fc0;
	border: 1px solid #fc0;
	font-style: normal;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
}

.header {
	display: block;
	overflow: hidden;
	background-color: #dde5f5;
	position: fixed;
	top: 0;
	z-index: 1;
	width: 38em;
	margin: 0;
	padding-bottom: 0.5em;
}

/*header a { display: inline; }*/

.header ul {
	margin-top: 1em;
	width: 21em;
	display: inline-block;
}

.header h1 {
font-family: 'GentiumBasicBold', Arial, sans-serif;
font-size: 2em;
font-weight: normal;
padding: 0.7em 1em 3.7em;
display: inline-block;
vertical-align: top;
margin: 0;
zoom: 1;
*display: inline;
}

.header h1 a { color: black; }

.header h1 em {
	position: relative;
	right: 6em;
	top: 1.5em;
font-family: 'GentiumBasicRegular', Arial, sans-serif;
font-size: 0.5em;
font-style: oblique;
color: black;
}

.header li {
font-family: 'MgOpenCosmeticaRegular', Arial, sans-serif;
font-size: 1.2em;
text-rendering: optimizeLegibility;
text-shadow: 0 0 1px rgba(0,0,0,0.3);
display: inline-block;
width: 8.5em;
vertical-align: top;
zoom: 1;
*display: inline;

/* This fixes a problem in IE causing each li to drop down by a line */
/*display: inline;*/
}

.header li h2 { 
	margin: 0;
	font-family: 'MgOpenCosmeticaRegular', Arial, sans-serif;
	font-size: 1em;
	text-rendering: optimizeLegibility;
	text-shadow: 0 0 1px rgba(0,0,0,0.3);
	color: black;
	padding: 0 0 0.2em;
	text-decoration: none;
}

.header span {
	font-family: 'GentiumBasicRegular', Arial, sans-serif;
	font-size: 15px;
	display: block;
	width: 8em;
	line-height: 1em;
	color: black;
	padding-top: 0.5em;
	margin-top: 0;
	border-top: 1px solid gray;
}

.header li a:hover {
	color: #3142bb;
	text-shadow: none;
}

.header li p {
font-family: 'GentiumBasicRegular', Arial, sans-serif;
font-size: 15px;
line-height: 120%;
width: 8em;
margin-left: 0;
}

.footer {
	display: inline-block;
	text-align: center;
	padding-bottom: 0.3em;
	position: fixed;
	z-index: 1;
	bottom: 0;
	background-color: #dde5f5;
	width: 38em;
	padding: 0.5em 0;
}

.footer ul {
	padding-left: 0;
}

.footer li {
display: inline;
font-family: 'MgOpenCosmeticaRegular', Arial, sans-serif;
font-size: 1.2em;
padding: 0 2em;
}

.footer li a {
	color: black;
}

.footer li a:hover {
	color: #3142bb;
	text-shadow: none;
}

.section { padding: 0 2em }

.section ol {
	list-style: decimal inside;
}

.section ul {
	list-style: disc inside;
}

address {
	/*text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);*/
	font-style: normal;
	font-size: 1.2em;
	text-align: left;
font-family: 'GentiumBasicRegular', "Times New Roman", Times, serif;
line-height: 1.2em;
padding-bottom: 1.5em;
}

/* Grouping content (p, pre, ol, ul, li, figure, div)
 *
 */

.homepage { padding: 0 2em }

.fade {
width: 38em;
height: 3em;
z-index: 1;
position: fixed;
bottom: 2.5em;
background: -moz-linear-gradient( center top, rgba(255,255, 255,0), rgba(255,255,255,1));
}

/*#search {
	float: right;
	border: 2px solid #212b7d;
	background: #dde5f5;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dde5f5), to(#f3f6fb));
	background: -moz-linear-gradient(#dde5f5, #f3f6fb);
	-moz-border-radius: 18px;
	width: 200px;
	height: 36px;
	font-family: 'MgOpenModernaRegular', Arial, sans-serif;
	font-size: 16px;
	line-height: 34px;
	padding-left: 20px;
	color: #212b7d;
	-webkit-box-shadow:
	0 3px 5px rgba(0,0,0,.35);
	-moz-box-shadow:
	0 3px 5px rgba(0,0,0,.35);
	box-shadow:
	0 3px 5px rgba(0,0,0,.35);
}*/

hr {
	margin: 1em;
	color: #212b7d;
	background-color: #212b7d;
	border: 0 none;
	height: 1px;
	clear: both;
}

.warn pre {
	background: rgb(253, 228, 228);
	border: 1px solid rgb(233, 200, 200);
}

.listfile pre {
	background: rgb(253, 253, 228);
	border: 1px solid rgb(233, 233, 200);
}

.listfile h1 {
	text-align: right;
	font-size: 1em;
	margin: 0;
	color: black;
	position: relative;
	top: -0.5em;
	right: -1em;
}


/* Text-level semantics (a, em)
 *
 */

a { text-decoration: none; outline: none; }
/*a:hover { text-decoration: none; }*/

/* Journal */
.entry {
        color: #333;
}
.entry p {
/*        line-height: 150%;*/
        text-align: justify;
	margin-top: 12px;
	margin-bottom: 12px;
}
.entry li {
        line-height: 150%;
}

.post {
	margin: 2em 0;
/*	font-size: 1.2em;
	max-width: 33em;*/
}

.post p sup {
	font-size: small;
	position: relative;
	top: -0.3em;
}

.post h2 {
        margin-bottom: 0em;
}
.post .entry {
        margin-top: 1.5em;
	margin-bottom: 5em;
}
.post li {
        margin-bottom: 1ex;
}
.post pre, #comments pre,
.post code, #comments code {
        font-family: monospace;
        font-size: 12pt;
}
.post pre, #comments pre {
        overflow: auto;
        background: rgb(228, 242, 253);
        border: 1px solid rgb(198, 217, 233);
        padding: 1em 2em 1.5em 2em;
        margin: 2em 0 3em 0;
        -webkit-border-top-left-radius: 2em;
        -webkit-border-bottom-right-radius: 2em;
        -moz-border-radius-topleft: 2em;
        -moz-border-radius-bottomright: 2em;
        -khtml-border-top-left-radius: 2em;
        -khtml-border-bottom-right-radius: 2em;
        border-top-left-radius: 2em;
        border-bottom-right-radius: 2em;
}
.post pre i, #comments pre i, .post pre em, #comments pre em {
	background: #fc0;
	border: 1px solid #fc0;
	font-style: normal;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
}


.post .listfile pre {
	background: rgb(253, 253, 228);
	border: 1px solid rgb(233, 233, 200);
}

.post .listfile h1 {
	text-align: right;
	font-size: 1em;
	margin: 0;
	color: black;
	position: relative;
	top: -0.5em;
	right: -1em;
}

.post img, #comments img {
        margin: 2em 0 3em 0;
        border: 1px solid black;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
        padding: 4px;
}
.post dt {
        font-style: italic;
        margin-top: 1em;
}

.post h3 {
	font-family: 'MgOpenCosmeticaRegular', Arial, sans-serif;
	font-size: 24px;
	color: #212b7d;
	font-weight: normal;
	text-align: center;
	padding-bottom: 0.5em;
}

.nextpage {
	font-family: 'MgOpenCosmeticaRegular', Arial, sans-serif;
	font-size: 1.2em;
	text-rendering: optimizeLegibility;
	text-shadow: 0 0 1px rgba(0,0,0,0.3);
	text-align: center;
	display: block;
}

.button {
	margin: 3em 0;
}

.button a {
	background: #212b7d;
	padding: 0.5em 1em;
	margin: 0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0 2px 2px #999;
	-webkit-box-shadow: 0 2px 2px #999;
	box-shadow: 0 2px 2px #999;

	text-decoration: none;
	color: white;
	text-transform: uppercase;
	letter-spacing: 0.1em;

}

p.clearfloat {clear: both}

}

/* Desktop 1024 */
@media screen and (min-width: 1024px) {

body { 
	width: 58em;
	/*margin: 0 auto;*/
	/*padding: 8em 0;*/
}

.header {
	width: 58em;
}
 
.header h1 {
	padding: 0.7em 1em 1.7em;
}

.header ul {
	width: auto;
	display: inline-block;
zoom: 1;
*display: inline;
}

.footer { width: 58em; }

.section { padding: 0 8em }

.homepage { padding: 0 8em }

.fade { width: 58em; }

.button a {
	padding 0.5 2em;
	margin: 1em 1em 3em 5em;
}

}