/*
@font-face {
	font-family: Russo One;
	src: local("Russo One"), local("RussoOne-Regular"), url(http://themes.googleusercontent.com/static/fonts/russoone/v1/RO6e96EC9m6OLO0tr7J3z7O3LdcAZYWl9Si6vvxL-qU.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}
body {
	background: url("../../xxx/images/tex2res3.png"); font: 20px/34px normal; color: rgb(136, 136, 136); font-size-adjust: none; font-stretch: normal; text-shadow: 0px 1px 0px #fff;
}
a {
	color: rgb(51, 51, 51);
}
a:hover {
	color: rgb(0, 0, 0);
}
h1 {
	margin-top: 40px;
}
h1 {
	text-align: center; color: rgb(0, 0, 0); font-family: Arial;
}
h2 {
	text-align: center; color: rgb(0, 0, 0); font-family: Arial;
}
.demo h1 {
	font-size: 30px;
}
.demo h2 {
	font-size: 22px;
}
h3 {
	font: 18px/22px Georgia, serif; font-size-adjust: none; font-stretch: normal;
}
strong {
	color: rgb(85, 85, 85);
}
p {
	margin-top: 0px;
}
*/
span.demo {
	border-radius: 5px;
	border-image: none;
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
/*
header.grid {
	position: relative;
}
.bycbavota {
	background: url("../../xxx/images/sprite.png") no-repeat 0px -22px; left: 440px; top: 48px; width: 101px; height: 32px; float: left; display: block; position: absolute;
}
#site-title {
	margin: 20px 0px 0px; text-align: center; font-family: "Russo One"; font-size: 60px; text-shadow: 2px 2px 0px #ccc;
}
h2#site-description {
	font: 24px/26px Georgia, serif; margin: 10px 0px 40px 10px; text-align: left; color: rgb(136, 136, 136); font-size-adjust: none; font-stretch: normal; text-shadow: 0px 1px 0px #fff;
}
h3 {
	font: 24px/26px Georgia, serif; margin: 10px 0px 40px 10px; text-align: left; color: rgb(136, 136, 136); font-size-adjust: none; font-stretch: normal; text-shadow: 0px 1px 0px #fff;
}
h2.header-title {
	text-align: left; color: rgb(0, 0, 0); text-shadow: 0px 1px 0px #fff;
}
.button {
	background: rgb(68, 68, 68); font: bold 17px/60px Arial; margin: 6px 0px 10px; border-radius: 5px; border: 1px solid rgb(34, 34, 34); transition:background 0.25s ease-in-out; border-image: none; width: 100%; height: 60px; text-align: center; color: rgb(238, 238, 238); text-transform: uppercase; letter-spacing: 1px; text-decoration: none; display: inline-block; position: relative; box-sizing: border-box; font-size-adjust: none; font-stretch: normal; text-shadow: 1px 1px 1px #000; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out;
}
.button:hover {
	background: rgb(34, 34, 34); color: rgb(238, 238, 238);
}
.button span {
	background: url("../../xxx/images/sprite.png") no-repeat 0px 0px; margin: 0px 10px 0px 0px; width: 24px; height: 20px; vertical-align: middle; display: inline-block;
}
.download.button span {
	background-position: -24px 0px; top: -1px; width: 22px; position: relative;
}
.github.button span {
	background-position: -46px 0px; width: 23px;
}
.wordpress {
	margin: 20px 0px 10px; text-align: center; line-height: 44px; font-size: 44px; font-weight: bold;
}
footer .row {
	margin: 40px 0px 20px; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid;
}
footer .c12 {
	border-top-color: rgb(255, 255, 255); border-top-width: 1px; border-top-style: solid;
}
footer p {
	font: 14px/17px normal; margin: 1em 0px 0px; text-align: center; font-size-adjust: none; font-stretch: normal;
}
#resize {
	background: url("../../xxx/images/sprite.png") no-repeat 0px -57px; margin: 0px; padding: 0px; width: 75px; height: 76px; right: 0px; bottom: 0px; display: block; position: fixed;
}
pre {
	background: rgb(34, 34, 34); font: 14px/21px normal "myriad-pro-1", "myriad-pro-2", "Lucida Grande", Sans-Serif; padding: 15px; border-radius: 8px; border: 0px currentColor; border-image: none; color: rgb(255, 255, 255); white-space: pre; position: relative; -ms-word-wrap: normal; font-size-adjust: none; font-stretch: normal; text-shadow: none;
}
pre[rel]::before {
	background: rgb(58, 135, 173); font: bold 16px/20px "myriad-pro-1", "myriad-pro-2", "Lucida Grande", Sans-Serif; padding: 5px 10px; border-radius: 7px 7px 0px 0px; left: 0px; top: -1px; text-align: center; right: 0px; color: rgb(255, 255, 255); text-transform: uppercase; position: absolute; content: attr(rel); font-size-adjust: none; font-stretch: normal; text-shadow: 1px 1px 2px rgba(0,0,0,0.6); -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0;
}
.kwd {
	color: rgb(213, 136, 62);
}
.com {
	color: rgb(121, 121, 121);
}
.typ {
	color: rgb(217, 91, 69);
}
.lit {
	color: rgb(128, 171, 198);
}
.tag {
	color: rgb(254, 201, 116);
}
.atn {
	color: rgb(213, 136, 62);
}
.dec {
	color: purple;
}
ol.linenums {
	margin: 0px 0px 0px 30px; color: rgb(204, 204, 204);
}
.linenums li {
	padding-left: 15px; border-left-color: rgb(217, 211, 54); border-left-width: 3px; border-left-style: solid;
}
.linenums .highlight {
	text-shadow: 1px 1px 0px #000; background-color: rgb(68, 68, 68);
}
.pre-wrap {
	margin: 0px 15px 15px;
}
.pre-wrap td {
	background: none !important; padding: 0px; border: 0px currentColor; border-image: none;
}
li.l0 {
	color: rgb(85, 85, 85); list-style-type: decimal;
}
li.l1 {
	color: rgb(85, 85, 85); list-style-type: decimal;
}
li.l2 {
	color: rgb(85, 85, 85); list-style-type: decimal;
}
li.l3 {
	color: rgb(85, 85, 85); list-style-type: decimal;
}
li.l4 {
	color: rgb(85, 85, 85); list-style-type: decimal;
}
li.l5 {
	color: rgb(85, 85, 85); list-style-type: decimal;
}
li.l6 {
	color: rgb(85, 85, 85); list-style-type: decimal;
}
li.l7 {
	color: rgb(85, 85, 85); list-style-type: decimal;
}
li.l8 {
	color: rgb(85, 85, 85); list-style-type: decimal;
}
li.l9 {
	color: rgb(85, 85, 85); list-style-type: decimal;
}
li.l1 {
	background: rgb(17, 17, 17);
}
li.l3 {
	background: rgb(17, 17, 17);
}
li.l5 {
	background: rgb(17, 17, 17);
}
li.l7 {
	background: rgb(17, 17, 17);
}
li.l9 {
	background: rgb(17, 17, 17);
}
.str {
	color: rgb(176, 201, 117);
}
.atv {
	color: rgb(176, 201, 117);
}
.pun {
	color: rgb(241, 242, 243);
}
.pln {
	color: rgb(241, 242, 243);
}
pre[rel] {
	padding-top: 45px;
}
@media print
{
.com {
	color: rgb(102, 0, 0); font-style: italic;
}
.typ {
	color: rgb(68, 0, 68); font-weight: 700;
}
.lit {
	color: rgb(0, 68, 68);
}
.pun {
	color: rgb(68, 68, 0);
}
.pln {
	color: rgb(0, 0, 0);
}
.atn {
	color: rgb(68, 0, 68);
}
.str {
	color: rgb(0, 102, 0);
}
.atv {
	color: rgb(0, 102, 0);
}
.kwd {
	color: rgb(0, 0, 102); font-weight: 700;
}
.tag {
	color: rgb(0, 0, 102); font-weight: 700;
}
}
@media only screen and (max-width:1023px)
{
.button-box.c3 {
	width: 33.33%;
}
.next-to-button-box.c9 {
	width: 66.66%;
}
}
@media only screen and (device-width:768px)
{
#resize {
	display: none;
}
}
@media handheld, only screen and (max-width:768px), only screen and (orientation:portrait) and (max-device-width:768px)
{
.button {
	margin: 0px 10px 10px 0px; width: 31%; font-size: 15px;
}
.button-box.c3 {
	width: 100%;
}
.next-to-button-box.c9 {
	width: 100%;
}
#resize {
	display: none;
}
}
@media handheld, only screen and (max-width:680px)
{
.button {
	width: 100%;
}
}
@media handheld, only screen and (max-width:560px)
{
h2#site-description {
	margin-bottom: 10px;
}
.bycbavota {
	left: 10px; top: 0px; margin-bottom: 40px; position: relative;
}
}
@media handheld, only screen and (max-width:480px)
{
h2#site-description {
	font-size: 23px;
}
}
@media handheld, only screen and (max-width:320px)
{
h2#site-description {
	font-size: 18px;
}
}
*/