body .contents .tilt {

overflow: auto;
background-color: #F8F8F8;
padding: 1.2em;
border: 3px solid #EFEFEF;
margin: 0;
font-family: helvetica, arial, freesans, clean, sans-serif;

}

.tilt strong { font-weight: bold; } .tilt em { font-style: italic; }

.tilt pre {

background-color: #eee;
padding: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: auto;

}

.tilt code {

background-color: #eee;
padding: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-family: monospace;
line-height: 1.3em;

}

.tilt p { padding-bottom: 0.5em; }

.tilt ul {

margin: 1em 2em 1em 0;
margin-left: 2em;
list-style-type: square;

}

.tilt li p {

margin: 0.3em;

}

.tilt a:link, .tilt a:visited{

color: #33e;
text-decoration: none;

}

.tilt a:hover{

color: #00f;
text-shadow:1px 1px 2px #ccf;
text-decoration:underline;

}

.tilt h1 {

font-size: 1.8em;
padding-bottom: 0.6em;
margin-bottom: 0;
font-weight: bold;

}

.tilt h2 {

font-size: 1.4em;
border-bottom: 1px dotted #aaa;
margin-bottom: 1em;
padding-bottom: 0;
color: #333;

}

.tilt h3 {

color: #666;
padding-bottom: 0.4em;

}

.tilt .shadow {

-webkit-box-shadow:0 5px 15px #000;
-moz-box-shadow:0 5px 15px #000;
box-shadow:0 5px 15px #000;

}