/** Global
 ********************************************************** */
* {font-family:'Rosario',consolas, deja vu, arial, tahoma;margin:0;border:0;padding:0;}
body {
	margin:20px;
	background-color: #000;
	background-image: url(../images/2000bg.jpg);
	background-repeat: repeat;
	background-position: center top;
}
a {outline:none;color:#004488;}
a img, img {border:0}

p {margin:0 0 10px 0;letter-spacing:-1px;font-size:14px;}
h2 {letter-spacing:-2px;margin:15px 0 10px 0;color:#333;font-weight:normal;}

/** Page
 ********************************************************** */
#page {
	
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}

/** Header
 ********************************************************** */
#header {
	float:left;
	width:100%;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
#header h1 {
	letter-spacing:2px;
	text-decoration:underline;
	background:url(../images/logo.png) no-repeat left top;
	width:600px;
	height:105px;
	overflow:hidden;
	text-indent:-9999em;
	margin-left:-15px;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
}
#header h1 a {width:320px;height:105px;overflow:hidden;text-indent:-9999em;float:left;}
#header p {
	font-weight:bold;
	font-size:14px;
	float:right;
	padding:23px;
	letter-spacing:0;
	font-family:"Gloria Hallelujah";
}

/** Content
 ********************************************************** */
.border_box {background:#000;padding:1px;float:left;margin:0 0 10px 0;
	-moz-box-shadow:#000 0 0 5px;
}

#examples {background:#fff;padding:5px;border:1px solid #999;}
#examples h2 {margin:0 0 5px 0;font-weight:bold;font-size:20px;letter-spacing:-1px;background:#eee;padding:5px;color:#003366;}
#examples h3 {float:left;width:120px;height:90px;margin:0 0 0 5px;font-weight:normal;font-size:16px;color:#993300;letter-spacing:-1px;}

#cube {background:url(../images/thumb-1.gif) no-repeat left bottom;}
#tube {background:url(../images/thumb-2.gif) no-repeat left bottom;}
#block {background:url(../images/thumb-3.gif) no-repeat left bottom;}
#cubeStop {background:url(../images/thumb-4.gif) no-repeat left bottom;}
#cubeHide {background:url(../images/thumb-5.gif) no-repeat left bottom;}
#cubeSize {background:url(../images/thumb-6.gif) no-repeat left bottom;}
#horizontal {background:url(../images/thumb-7.gif) no-repeat left bottom;}

.label_skitter {z-index:150;position:absolute;bottom:0px;left:0px;background:url(../images/back-box-label-black.png) repeat-x left top;color:#fff;display:none;border-top:1px solid #000;}
.label_skitter p {padding:10px;margin:0;font:normal 22px arial,tahoma;letter-spacing:-1px;}
.info_slide * {font-family:Consolas,arial,tahoma !important;}

#skitter_fixed {position:fixed;right:20px;top:20px;padding:5px;background:#000;z-index:1000;color:#fff;}

#download {margin:10px 0 20px 0;height:55px;}
#botao_download {float:left;margin:0 20px 0 -6px;}
#botao_wp {float:left;margin:0 20px 0 -6px;}
#botao_helper {float:left;margin:0 20px 0 -6px;}
#donate {float:left;}

#options h3 {font-weight:bold;font-size:26px;color:#000;}
#options dt {font-weight:bold;font-size:18px;border-bottom:1px dashed #333;margin:10px 0 5px 0;color:#004499;}
#options dd {font-size:12px;padding:0 0 0 10px;margin:0 0 4px 0;}
#options dd.description {font-size:14px;}
#options dd.default {color:#555;font-style:italic;padding:0 0 0 20px;}
#options dd.example {color:#cc0000;padding:0 0 0 20px;}
#options dd.example span {border:1px solid #003300;background:#007744;color:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;padding:1px 5px;}

#options table {width:100%;border-collapse:collapse;border:1px solid #333;margin:20px 0;}
#options table th {background:#333;color:#fff;padding:10px;text-align:left;}
#options table th:nth-child(2n) { background:#222; }
#options table td {padding:5px;background:#fff;font-size:14px;}
#options table tr:nth-child(2n) td { background:#ddd; }
#options table td:nth-child(3) {font-style:italic;color:#555;}
#options table td span.code {color:#000;}

#examples-animations {float:left;width:100%;margin-top:10px;}
#examples-animations div {width:800px;}
#examples-animations a {background:#ccc;float:left;margin:0 5px 5px 0;padding:5px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none;border:1px solid #bbb;color:#000;}
#examples-animations a:hover {position:relative;background:#aaa;border:1px solid #777;}
#examples-animations a.selected {background:#333;color:#fff;border:1px solid #000;background:#333;text-shadow:none;}
#examples-animations a .new_animation {font:bold 11px arial,tahoma;color:#fff;padding:2px 5px;border:1px solid #000; background:#cc0000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; float:right;margin-left:5px;}

#styles_navigation {height:100px;}
#styles_navigation h2 {}
#styles_navigation ul {list-style:none;}
#styles_navigation ul li {float:left;position:relative;}
#styles_navigation ul li a {background:#ccc;float:left;margin:0 15px 15px 0;padding:5px 15px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;text-decoration:none;border:1px solid #bbb;color:#000;font-weight:bold;font-size:26px;letter-spacing:-2px;}

#styles_navigation ul li a:hover {background:#aaa;border:1px solid #777;}
#styles_navigation ul li a.selected {background:#333; font-weight:normal; color:#fff; border:1px solid #000; }

span.new {position:absolute;top:-5px;right:-10px;font:bold 11px arial,tahoma;color:#fff;padding:2px 5px;border:1px solid #000; background:#cc0000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

span.update {position:absolute;top:-5px;right:-25px;font:bold 11px arial,tahoma;color:#fff;padding:2px 5px;border:1px solid #000; background:#006600; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

#updatelog {
	background:#fff;
	border-top:5px solid #333;
	height: 700px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 980px;
}
#updatelog dl dt {border-bottom:1px solid #ccc;font-weight:bold;font-size:18px;margin:10px 0 5px 0;}
#updatelog dl dd {font-weight:normal;font-size:14px;}

.highlight *, .code {font-family:Consolas,arial,tahoma !important;}

#box_share {}
#box {
	margin: 5px;
	padding: 5px;
	float: left;
	height: 300px;
	width: 300px;
	text-align: left;
	display: block;
	font-size: 12px;
	background-color: #FFF;
}
#box img {
	padding-bottom: 10px;	
}
#box2 {
	margin: 5px;
	padding: 5px;
	float: left;
	height: 150px;
	width: 300px;
	text-align: left;
	display: block;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	background-color: #FFF;
}
#box3 {}
#box4 {}
/** Footer
 ********************************************************** */
#footer {
	clear:both;
	margin-top:20px;
	font-size: 12px;
	background-color: #FFF;
	padding: 10px;
	width: 980px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	text-align: center;
	height: 200px;
}
#footer p {text-indent:-9999em;overflow:hidden;}
#footer p a {background:url(../images/logo-thiago.png) no-repeat left top;width:50px;height:40px;float:right;}