* {
	border: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	font-family: "Open Sans", verdana, arial, sans-serif;
	font-size: 16px;
	text-align: left;
	color: #555;
}

body, html {
	background-color: #d8e0d8;
	text-align: center;
}

#content {
	padding-top:50px;
}

header {
	position:fixed;
	top:0px;
	left:0px;
	/*height:36px;*/
	line-height:36px;
	width:100%;
	background:#282828;
	background:linear-gradient(#4c4c4c, #282828);
	box-shadow:0px 0px 3px #222222, inset 0px -1px 2px 0px #555555;
	border-bottom:1px solid #111111;
	z-index:9999999;
}

footer {
	text-align:center;
	font-size:13px;
	margin:100px auto 20px auto;
}

footer * {
	font-size:13px;
}

.vframe {
	width:90%;
	margin:auto auto;
}

.fright {
	float:right;
}

.center {
	text-align:center;
}

.h36 {
	line-height:36px;
}

.minihidden {
	display:none;
}

.minishow {
	display:block;
}

td.minishow, th.minishow {
	display:table-cell;
}

a, a:visited, a:active, a:link {
	transition: color 0.5s ease;
	color:#119988;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color:#22aa99;
	text-decoration:underline;
}

h1 {
	height:36px;
	line-height:36px;
	font-size:20px;
	color:#ddeedd;
	text-shadow:1px 1px 3px #223322;
	float:left;
}

h1 span {
	font-size:20px;
	transition: color 0.5s ease;
	color:#44ccbb;
	display:inline-block;
}

h1:hover span {
  	color: #77eedd;
}

nav {
	float:right;
}

nav a {
	font-size:14px;
	margin-left:12px;
}

nav a:hover {
	color:#77ffee;
	text-decoration:none;
}

h2 {
	color:#22aa99;
	font-size:24px;
	margin-top:24px;
	text-shadow:1px 1px 1px rgba(255,255,255,0.5);
}

p {
	margin-top:8px;
	margin-bottom:12px;
}

ol, ul  {
	margin-left:48px;
	margin-top:8px;
	margin-bottom:12px;
}

.shadow {
	box-shadow:0px 1px 5px rgba(0,0,0,0.6);
}

#doodle {
	width:80%;
	max-width:434px;
}

span.code {
	font-family:"courier sans", "courier new", courier, sans-serif;
	background-color:#cccccc;
	padding:3px;
	margin-top:0px !important;
	margin-bottom:0px !important;
}

.code {
	font-family:"courier sans", "courier new", courier, sans-serif;
	background-color:#cccccc;
	overflow-x:auto;
	padding:20px;
	margin-top:8px;
	margin-bottom:24px;
}

div.imagecloudbox {
	width:90%;
	max-width:700px;
	height:300px;
	background:#cccccc;
	margin:auto auto;
	margin-bottom:36px;
}

.warning {
	background:#ffcccc;
	border:1px solid #cc6666;
	color:#cc0000;
	margin:20px;
	padding:20px;
}

table {
	width:100%;
	border:1px solid #666666;
	margin-top:8px;
	margin-bottom:24px;
}

td,th {
	padding:8px;
	border:1px solid #666666;
	vertical-align:top;
}

th {
	background:rgba(0,0,0,0.15);
	vertical-align:middle;
}

td:first-child {
	font-weight:bold;
}

.publicity {
	background:#484848;
	padding:24px 4px 4px 4px;
	position:relative;
}

.publicity:before {
	position:absolute;
	top:4px;
	left:4px;
	font-size:9px;
	content:"Publicity";
	color:#dddddd;
}

#example {
	width:90%;
	max-width:600px;
}

#social {
	position:fixed;
	z-index:999999;
	right:0px;
	top:30%;
	background:rgba(0,0,0,0.05);
	border-radius:5px 0px 0px 5px;
	border:1px solid rgba(0,0,0,0.1);
	border-right:0px;
}

#social img {
	border:1px solid rgba(0,0,0,0.1);
	display:block;
	margin:8px;
	cursor:pointer;
}

#social img:hover {
	opacity:0.8;
}