@charset "utf-8";
@import url(screen.css);
@import url(fonts.css);
@import url(print.css) print;

@media screen, projection, tv {

html {
	background: #d5dadd url(../layout/bg-html.jpg) repeat-x scroll left top;
	height: 100%;
	overflow-y: scroll;
	padding: 20px 0;
}
body {
	background-color: transparent;
	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
	font-size: 14px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Corbel;
	text-shadow: 1px 1px 1px #ccc;
}
h1, h2, h3, h4, h5, h6, p, article, section {
	text-align: left;
}
img {
	vertical-align: middle;	
}
pre {
	font-family: Consolas, monospace;
	background-color: #efefef;
	padding: 10px;
	overflow: auto;
}
p.error {
	background-color: transparent;
	border: 0 none transparent;
	padding: 2px 2px 2px 20px;
	background-image: url(../layout/icons/error-16.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#master-top {
	background: url(../layout/bg-html-top.png) top left no-repeat scroll;
	padding: 28px 28px 0 28px;
}
#master-top hgroup {
	width: 634px;
	padding: 20px 20px 10px 20px;
}
#master-top hgroup h1, #master-top hgroup h2 {
	float: left;
	margin: 0;
	padding: 0;
}
#master-top hgroup h1 {
	font-weight: bold;
}
#master-top hgroup h1 a {
	color: #333;
	text-decoration: none;
}
#master-top hgroup h1 a:hover, #master-top hgroup h1 a:focus {
	color: black;
	text-shadow: 1px 1px 1px #999;
}
#master-top hgroup h2 {
	margin: 12px 0 0 10px;
	font-size: 1.6em;
	color: #333;
}
#master-top nav {
	width: 154px;
	float: right;
	margin: 0;
	padding: 38px 48px 0px 28px;
	font-size: 1.2em;
}
#master-top ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	text-shadow: #000;
}
#master-top ul li {
	display: inline-block;
	margin: 0 12px;
}
#master-top ul li a {
	color: #333;
	text-shadow: 1px 1px 1px #ccc;
	text-decoration: none;
	text-transform: uppercase;
}
#master-top ul li a:hover, #master-top ul li a:focus {
	color: black;
	text-shadow: 1px 1px 2px #999;
}

#master-middle {
	background: url(../layout/bg-html-middle.png) top left repeat-y scroll;
	padding: 0 28px;
}
#master-left {
	background-color: transparent;
	width: 634px;
	float: left;
	padding: 38px 20px 20px 20px;
}
#master-left hr {
	background-color: #8dce12;
	height: 5px;
	width: 674px;
	margin: -38px -20px 20px -20px;
}
#master-left a:hover, #master-left a:focus {
	color: #8dce12;
}
#master-left article header h1 {
	font-size: 2.5em;
	color: #333;
}
#master-left article header h1 a {
	color: #333;
	text-decoration: none;
}
#master-left article header h1 a:hover, #master-left article header h1 a:focus {
	color: black;
	text-shadow: 1px 1px 1px #999;
}
#master-left article header .info {
	background-color: #f4f7f8;
	height: 20px;
	padding: 5px 20px;
	margin: 0 -20px 20px -20px;
	width: 634px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
#master-left article header .info time {
	float: left;
	text-align: left;
	color: #555;
}
#master-left article header .info nav {
	float: right;
	text-align: right;
}
#master-left article header .info nav a, #master-left article section header nav a {
	color: #555;
}
#master-left article header .info nav a:hover, #master-left article header .info nav a:focus,
#master-left article section header nav a:hover, #master-left article section header nav a:focus {
	color: #8dce12;
}
#master-left article a {
	color: #555;
}
#master-left article footer {
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	color: #888;
	font-size: 0.8em;
	margin-bottom: 20px;
}
#master-left article footer p {
	margin: 0;
	padding: 3px 10px;
}
#master-left article footer p.left {
	float: left;
}
#master-left article footer p.right {
	float: right;
	text-align: right;
}
#master-left article footer a {
	color: #555;
}
#master-left article section header {
	background-color: #f4f7f8;
	height: 25px;
	padding: 5px 20px;
	margin: 20px -20px 0 -20px;
	width: 634px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
#master-left #comments header h1 {
	font-size: 1.8em;
	float: left;
}
#master-left #comments header nav {
	float: right;
	text-align: right;
	margin-top: 1px;
}
#master-left #comments article img {
	float: left;
	width: 60px;
	padding: 10px 10px 10px 0;
}
#master-left #comments article .comment {
	background-color: #f4f7f8;
	float: right;
	width: 530px;
	padding: 10px;
	margin: 10px 0;
}
#master-left #comments article .comment header {
	background-color: white;
	margin: 0 0 10px 0;
	border: 0 none transparent;
	width: 490px;
	height: 15px;
}
#master-left #comments article .comment header nav {
	float: left;
	color: #555;
	font-size: 0.8em;
}
#master-left #comments article .comment header nav a {
	color: #555;
}
#master-left #comments article .comment header h1 {
	float: left;
	margin-left: 10px;
	color: #333;
	font-size: 1.2em;
	font-family: Corbel;
}
#master-left #comments article .comment header h1 a {
	color: #333;
	text-decoration: none;
}
#master-left #comments article .comment header h1 a:hover, #master-left #comments article .comment header h1 a:focus {
	color: black;
	text-shadow: 1px 1px 1px #777;
}
#master-left #comments article .comment header p {
	float: left;
	color: #aaa;
	font-weight: bold;
	font-size: 0.8em;
	margin: 0 0 0 10px;
	padding: 0;
}
#master-left #comments article .comment header time {
	float: right;
	text-align: right;
	font-size: 0.8em;
	color: #555;
}
#master-left #add-comment {
	background-color: #f4f7f8;
	margin: 20px -20px 0 -20px;
	padding: 0 20px 20px 20px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
#master-left #add-comment header {
	border: 0 none transparent;
	background-color: transparent;
}
#master-left #add-comment header h1 {
	font-size: 1.8em;
}
#master-left #add-comment form label {
	display: block;
	font-size: 0.8em;
	font-weight: normal;
	color: #333;
	margin: 0;
	padding: 0;
}
#master-left #add-comment form .required label {
	color: black;
	font-weight: bold;
}
#master-left #add-comment form input, #master-left #add-comment textarea {
	margin: 0;
}
#master-left #add-comment form .left {
	float: left;
	width: 200px;
}
#master-left #add-comment form .left input {
	width: 200px;
}
#master-left #add-comment form .right {
	float: right;
	width: 403px;
}
#master-left #add-comment form .right textarea {
	min-height: 106px;
}
#master-left #add-comment form input.button {
	/*background-color: #bdb;*/
	background-color: white;
	border: 1px solid #aaa;
	font-weight: bold;
	padding: 5px;
}
#master-left #add-comment form input.button.loading {
	padding-left: 36px;
	background-image: url("../layout/loader.gif");
	background-repeat: no-repeat;
	background-position: 10px center;
}
#master-left #master-paginator {
	background-color: #f4f7f8;
	height: 20px;
	padding: 5px 20px;
	margin: 0 -20px 20px -20px;
	width: 634px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
#master-left #master-paginator a {
	color: #777;
}
#master-left #master-paginator .left {
	float: left;
}
#master-left #master-paginator .right {
	float: right;
	text-align: right;
}

#master-right {
	width: 170px;
	float: right;
	padding: 30px 28px 30px 20px;
	font-size: 0.8em;
}
#master-right p {
	padding: 3px 0;
	margin: 0;
}
#master-right hr {
	background-color: #8dce12;
	height: 5px;
	width: 230px;
	margin: 0 0 20px -32px;
}
#master-right section header h1 {
	color: black;
	font-size: 1.2em;
	width: 200px;
	margin: 0 20px 0 0;
	padding: 4px 0;
	text-decoration: none;
	text-transform: uppercase;
}
#master-right section header h1 a, #master-right a section header h1 {
	color: #86180A;
	text-decoration: none !important;
}
#master-right section {
	border-bottom: 1px dotted black;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#master-right section a, #master-right a section p {
	color: #C54E0B;
	text-decoration: none !important;
}
#master-right section a:hover, #master-right section a:focus {
	color: black;
}
#master-right a:hover section header h1, #master-right a:focus section header {
	color: #C54E0B;
}
#master-right section#panel-twitter:hover, #master-right section#panel-prev:hover, #master-right section#panel-next:hover {
	background-image: url("../layout/icons/twitter-48.png");
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 58px;
}
#master-right section#panel-prev:hover {
	background-image: url("../layout/icons/prev-48.png");
}
#master-right section#panel-next:hover {
	background-image: url("../layout/icons/next-48.png");
}
#master-right section ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#master-bottom {
	background: url(../layout/bg-html-bottom.png) top left no-repeat scroll;
	padding: 0 280px 50px 50px;
	color: #777;
	font-size: 0.8em;
}
#master-bottom p {
	padding: 5px 0;
	margin: 0;
	text-align: center;
}
#master-bottom p a {
	color: #555;	
}
#master-bottom p a:hover, #master-bottom p a:focus {
	color: #86180A;	
}





.php-keyword1 {
	color: #d24;
	font-weight:bold;
}
.php-keyword2 {
	color: #0000b3;
}
.php-var {
	color: #ca8a04;
}
.php-num {
	color: #008080;
}
.php-quote {
	color: #008000;
	font-weight: bold;
}
.php-vquote {
	color: #ca8a04;
}
.php-comment {
	color: #969696;
}

/* (c) 2002 Martin Cohen - www.martincohen.info */

/* H T M L */
.html-tag {color:#598527; font-weight:bold;}
.html-tagin {color:#89A315}
.html-quote {color:#598527; font-weight:bold;}
.html-comment {color:#999;}
.html-entity {color:#89A315}

/* C S S */
.css-class {color:#004A80; }
.css-id {color:#7DA7D9; font-weight:bold; }
.css-def {color:#5674B9;}
.css-property {color:#003663; font-weight:bold; }
.css-value {color:#448CCB;}
.css-color {color:#0076A3;}
.css-comment {color:#999; }

/* C P P */
.cpp-keywords1 {color:blue; font-weight:bold;}
.cpp-num {color:red;}
.cpp-quote {color:brown; font-weight:bold;}
.cpp-comment {color:green;}
.cpp-preproc {color:grey;}

/* J A V A */
.java-keywords1 {color:blue; font-weight:bold;}
.java-num {color:red;}
.java-quote {color:brown; font-weight:bold;}
.java-comment {color:green;}
.java-preproc {color:grey;}

/* J a v a S c r i p t */
.js-out {color:#898993;}
.js-keywords1 {color:#575757; font-weight:bold;}
.js-num {color:#575757;}
.js-quote {color:#575757; font-weight:bold;}
.js-comment {color:#898993;}

/* S Q L */
.sql-keyword1 {color: #DD0000; font-weight: bold;}
.sql-keyword2 {color: #DD2222;}
.sql-keyword3 {color: #0000FF; font-weight: bold;}
.sql-value {color: #5674B9;}
.sql-comment {color: #FFAA00;}
.sql-num {color:red;}
.sql-option {color: #004A80; font-weight: bold;}

/* P y t h o n */
.py-keyword1 {color: #0033CC; font-weight: bold;}
.py-keyword2 {color: #CE3333; font-weight: bold;}
.py-keyword3 {color: #660066; font-weight: bold;}
.py-number {color: #993300;}
.py-docstring {color: #E86A18;}
.py-quote {color: #878787; font-weight: bold;}
.py-comment {color: #009900; font-style: italic;}

/* T E X Y */
.texy-hlead {color:#44B; font-weight:bold;}			/* header leadIN == and leadOUT == */
.texy-hbody {color:#44B; }	/* header body */
.texy-hr {color:#B44; }								/* horizontal line */

.texy-code {color:#666;}							/* /---code */
.texy-html {color:#6a6;}							/* /---html */
.texy-text {color:#66a;}							/* /---html */

.texy-err {background-color:red; color:white;}		/* error (TODO) */



/* C O M M O N */
.normal {color:black;}
.xlang {color:red; font-weight:bold;}
.count {color:black; background-color:#FFF;}






#master-right section#panel-cenzura, #master-right section#panel-webexpo {
	margin-left: -10px;
	width: 190px;
	text-align: center;
}

}

@media print {
#master-top, #master-left hr, #master-right, #master-left footer, #master-left #add-comment {
	display: none;
}
#master-left article header .info, #master-left #comments header nav, #master-left #comments header p, #master-left #comments header time {
	display: none;
}
}