body {
	margin:0;
	padding:40px;
	background:#f3f8fd;
	font:80% Helvetica, Arial, sans-serif;
	color:#555;
	line-height:180%;
	width: 1000px;
}

h1{
	font-size:180%;
	font-weight:normal;
	color: #3a5581;
	text-shadow: 1px 1px 0px #f7f9fd;
}
h2{
	clear:both;
	font-size:160%;
	font-weight:normal;
	color: #3371a3;
	margin:0;
	padding:.5em 0;
	text-shadow: 1px 1px 0px #f7f9fd;
}
a{
	text-decoration:none;
	color: #0a9ee2;	
}
a:hover {
	text-decoration: none;
	color: #3371a3 
}
p{
	clear:both;
	margin:0;
	padding:.5em 0;
	font-size: 11px;
	text-shadow: 1px 1px 0px #f7f9fd;
}
pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}

img{
	border:none;
	/* Opera */
	border-radius: 3px;
	box-shadow: 0px 2px 10px #333;
	/* Mozilla */
	-moz-border-radius: 3px;
	-moz-box-shadow: 0px 2px 10px #333;
	/* Safari */
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0px 2px 10px #333;
	margin: 10px;
	height: 75px;
	width: 75px;
	text-align: center;
	vertical-align: middle;
}


/*  */

#preview{
	position:absolute;
	border:1px solid #3b3b3b;
	background:#3b3b3b;
	padding:5px;
	display:none;
	color:#fff;
	font-size: 10px;
	font-family: Arial, sans-serif;
	text-shadow: none;
	/* Opera */
	border-radius: 4px;
	box-shadow: 0px 2px 10px #333;
	/* Mozilla */
	-moz-border-radius: 4px;
	-moz-box-shadow: 0px 2px 10px #333;
	/* Safari */
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0px 2px 10px #333;
	}
	
#preview img {width: auto; height: 150px;}

/*  */

table, tr, td {border: none;}
td {padding: 3px;}