body { background-color: #fff;
	margin: 25px; line-height: 1.7em;
/*	background-image: url('../img/bella_background.gif'); 
	background-repeat: repeat-x; */ }


pre,ul { margin: 0 0 2em 0; }

p,h3,h4,h2 { margin: 0 0 1em 0; }

h4 { margin-top: 2em; }

li { line-height: 1.5em; }

pre { border: 1px dotted #ccc;
    padding: 1em; }

#page { width: 700px; position: relative; }


#nav { position: absolute; right: -220px;
     width: 200px; }

.clear:after {
    content: ".";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden; }
.clear { display: inline-block;}
/*  \*/
.clear {
    zoom: 1;
    display: block;
    }
/* */


#footer { margin-top: 66px; }


/* typography */

body { font-family: sans-serif; font-size: 62.5%;
     color: #333; }

p, li { font-size: 1.4em; }

h2 { font-family: serif; font-size: 2.5em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.6em; }

a { color: #008033; }

pre { font-family: monospace; font-size: 12px; }

.small { font-size: 1.2em; }