/*
    Dark blue:    #080C4F
    Green:        #AAFF00
*/
body {
	background: #256CCA url(../images/logo.jpg) no-repeat top left;
	font:75% "Trebuchet MS", Tahoma, sans-serif;
	overflow-x:hidden;
	line-height:1.1em;
	
}
dl,
pre {
    margin:0 0 1em 0;
}
p {
	margin:0 0 0.7em 0;
	text-align: right;
}
a:link, a:visited, a:active, a:hover {
	color:#000;
	text-decoration:none;
}
dt {
	position:relative;
    font-weight:bold;
    background:#003399;
    color:#AAFF00;
    margin-top:8px;
    padding:6px 10px;
    background:transparent url(../images/settings.png) no-repeat 0 0;    
}
dt.closed {
	padding-left:25px;
    background:transparent url(../images/settings.png) no-repeat 0 -30px;    
}
dt.open {
	padding-left:25px;
    background:transparent url(../images/settings.png) no-repeat 0 -60px;  
}
dd {
    padding:5px 5px 0 5px;
    font-size:90%;
}
strong {
	color:#AAFF00;
	font-size: 14px;
}
.nav li {
	float:left;
}
.nav {
	height:20px;
}
.close,
.more {
	text-indent:-5000px;
	width:20px; height:20px;
	display:block;
	margin:0px 5px 0 0;
}
#column1 .more {
	width:100px; 
}
.close {
	background:transparent url(../images/buttons-nav.png) no-repeat 0 0; 
}
.more {
	background:transparent url(../images/buttons-nav.png) no-repeat -20px 0; 
}
.feed {
	width:32px; height:32px;
	text-indent:-50px;
	display:block;
    background: transparent url(../images/feed.png) no-repeat center center;
	position:absolute;
	top:-5px; right:10px; 
}
#slider {
    position:absolute;
    right:-10px;
    top:30px;
    z-index:15;
    width:1000px;
}
#example1 .example,
#example2 .example,
#example3 .example input[type=text],
#donate input[type=text] {
	background:#EFEFEF;
    font:100% "Courier New", Courier, monospace;
    color:#333;
	padding:5px 10px 5px 30px;
	border:1px solid #AAFF00;
	background: transparent url(../images/example.png);
}
#example1 pre,
#example2 pre,
#example3 pre {
	position:absolute;
	left:-313px;
	width:280px;
	background:transparent url(../images/background-examples.png) no-repeat center right;
	padding:10px 20px;
	display:none;
	border:0;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
}
#example3 pre {
	width:400px;
	left:-433px;
}
#demo a {
	color:#FFF;
}

#superheader {
    height:30px;
    background: transparent url(../images/superheader-background.png);
}
#superheader a {
    height:25px; width:105px;
    background: transparent url(../images/superheader-logo.png) no-repeat top left;
    text-indent:-50px;
    display:block;
    margin-left:50px;
    position:absolute;
    z-index:5;
}
#header .wrapper,
#footer .wrapper {
    width:960px;
    margin:0 auto 0 auto;
}
#meniu {
	background: transparent url(../images/meniu.png) repeat-x;
	height:25px;
	position: absolute;
	top:0px;
	width:100%;
	text-align: right;
	color: #fff;
	font-weight: bold;
	visibility: visible;
}
#header h1 {
    text-indent: -50px;
    width:640px;
    height:100px;
    position:absolute;
    top:125px;
    right:300px;
    background: transparent url(../images/logo.png) no-repeat;
}
#footer {
    background: transparent url(../images/ground.png) repeat-x;
    height:95px;
    position: absolute;
    top:600px;
    width:100%;
}
#slider h1,
#slider h2,
#slider h3,
#slider h4,
#slider h5,
#slider h6 {
    margin:0 0 0.5em 0;
}
#slider h4 {
    font-weight:bold;
    font-size:130%;
}
#slider h5 {
    color:#FFFFCC;
    font-family:"Courier New", Courier, monospace;
}
#column1,
#column2,
#column3,
#column4 {
    float:left;
    background:transparent url(../images/transparent.png);
    padding:25px;
    width:310px;
    height:40px;
    color:#FFF;
    overflow:hidden;
}
#column2,
#column3,
#column4 {
    display:none;
}
#infos{
    border-bottom:1px solid #003399;
    margin:0 0 20px 0;
    padding-bottom:10px;
}
#logos {
    margin:5px 0 10px 0;
}
#infos li {
    padding:3px 0;
}
#presentation h2 {
    text-indent:-5000px;
    width:350px;
    height:99px;
    background:transparent url(../images/titles.png) no-repeat 0 0;
    margin:0px 0 10px -10px;
}
#presentation p {
    font-weight:bold;
    font-size:130%;
	line-height:1.8em;
}
#donate {
    margin:-0.4em 0 0.3em 0;
}
#donate .donate {
	width:160px; height:50px;
    background:transparent url(../images/buttons.png) no-repeat -320px -5px;
	text-indent:-5000px;
	border:0;
}
#email {
	z-index:30;
	position:fixed;
	bottom:30px;
	left:0px;
}
#email a {
    background:transparent url(../images/email.png) no-repeat center center;
	width:150px; height:230px;
	display:block;
	text-indent:-5000px;
}
#column3 h3,
#column4 h3 {
    visibility:hidden;
}
#column1 h3,
#column2 h3,
#column3 h3,
#column4 h3,
#demo h3,
#documentation h3,
#license h3 {
    text-indent:-5000px;
    width:250px;
    height:30px;
	margin:1em 0 0.5em -5px;
}
#license h3{
    background:transparent url(../images/titles.png) no-repeat 0 -95px;
}
#demo h3{
    background:transparent url(../images/titles.png) no-repeat 0 -125px;
}
#documentation h3{
    background:transparent url(../images/titles.png) no-repeat 0 -155px;
}
#demo h5 {
	color:#AAFF00;
}
#menu {
    height:60px;
    width:320px;
    margin-left:-10px;
}
#menu li {
    float:left;
}
#menu li a {
    display:block;
    width:160px;
    height:55px;
    text-indent:-5000px;
}
#menu li.download a {
    background:transparent url(../images/buttons.png) no-repeat 0 0;
}
#menu li.source a {
    background:transparent url(../images/buttons.png) no-repeat -160px 0;
}
#hello {
    color:#AAFF00;
    background:#080C4F;
    padding:0 5px;
}
#example-menu {
    position: absolute;
    width:220px; height:250px;
    background: transparent url(../images/example-menu.png) no-repeat;
    top:330px; right:455px;
}
#version {
    position: absolute;
    top:-5px; right:-10px;
    width:120px; height:120px;
    background: transparent url(../images/beta.png) no-repeat;
    z-index:20;
    text-indent:-5000px;
}
#bookmarklet {
    position: absolute;
    top:415px; right:435px;
	z-index:15;
}
#bookmarklet a {
	display:block;
	text-indent:-5000px;
    width:120px; height:90px;
    background: transparent url(../images/bookmarklet.png) no-repeat;
}
#cloud {
    position: absolute;
    top:40px; right:280px;
    width:400px; height:300px;
    background: transparent url(../images/cloud.png) no-repeat;
}
#flare {
	position: absolute;
	top:-1px;
	left:-10px;
	width:550px;
	height:450px;
	background: transparent url(../images/logo.jpg) no-repeat;
	visibility: visible;
}
#tree {
    position: absolute;
    bottom:25px;
    width:400px; height:250px;
    background: transparent url(../images/tree.png) no-repeat;
}
#case {
    position: absolute;
    bottom:94px;
    width:500px; height:300px;
    background: transparent url(../images/case.swf) no-repeat;
	left:1px;
}
input[type=text] {
}
pre {
    padding:5px;
    border:1px dotted #080C4F; 
    background:transparent url(../images/transparent.png) top left;
    font:100% "Courier New", Courier, monospace;
    color:#AAFF00;
}
code {
    font:100% "Courier New", Courier, monospace;
    color:#AAFF00;
}
#opt {font-family:"Times New Roman",Georgia,Serif; font-size:11px; line-height:14px}