/************************************************** PISMO A VELIKOST */

body, input, select, th, td {
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
}

input, select, textarea {
	font-size: 100%;
}

body, th, td {
	font-size: 13px;
	line-height: 1.5;
}


/************************************************** LAYOUT */

body, html {
	margin: 0; padding: 0;
}

body {
	background: url("../images/bg2.gif") #E0E0E0 center repeat-y;
	color: #444;
	text-align: center;
}

#page {
	background: ;
	position:relative;
	margin: 0 auto 20px;
	padding: 0 30px;
	width: 770px;
	widt\h: 710px;
	text-align: left;
	height: 100%;
}


		#header {
			text-align: right;
			height: 92px;
			background: url("../images/head_01.jpg") no-repeat;
		}


		#wikimenu {
			position: absolute;
			right: 213px;
			top: 83px;
			font-size: 75%;
			color: #666;
			text-align: right;
		}

			#wikimenu ul {
				list-style: none;
				padding: 0;
				margin: 0;
				background: white;
			}

			#wikimenu li {
				margin: 0 2px;
				padding: 0;
				float: left;
			}

			#wikimenu ul ul {
				/*position: absolute;*/
				display: none;
				width: 150px;
				padding: 3px;
			}

			#wikimenu li:hover ul {
				display: block;
			}

			#wikimenu li li {
				float: none;
			}

			#wikimenu a {
				color: #AAA;
				text-decoration: none;
				padding: 1px
			}

			#wikimenu a:hover, #wikimenu a:active, #wikimenu a:focus {
				background: none;
				color: blue;
			}

			#wikimenu.discussion span {
				color: #80b0d2;
			}




		#langs {
			position: absolute;
			left: 40px;
			top: 83px;
			list-style: none;
			padding: 0;
			margin: 0;
		}

			#langs li {
				margin: 0 2px;
				padding: 0;
				float: left;
			}

			#langs a {
				padding: 3px
			}





		#main {}


			#content {
				float: left;
				width: 500px;
				display: inline; /* kvuli chybe zdvojeni okraju v IE 5-6 */
			}

			#sidebar {
				float: right;
				width: 150px;
				display: inline;
			}


				#menu {
					margin: 30px 0 30px !important;
					font-size: 150%;
				}



		#footer {
			clear: both;
			margin-top: 40px;
			padding: 5px 0px 10px 0px;
			font-size: 84%;
			text-align: center;
			color: gray;
		}








/************************************************** ZÁKLADY */

/* zarovnani textu */
p { margin: 1em 0; padding: 0; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.center { text-align: center !important; }
p.noindent { text-indent: 0 !important; }
.error, .alert { color: red; }


/* titulky */
h1, h2, h3 {
	text-indent: 0px;
	margin: 1.2em 0 0.7em;
	color: #2E5792;
}
h1 { font-size: 185%; font-weight: normal; color: black; }
h2 { font-size: 150%; font-weight: normal; }
h3 { font-size: 120%; color: black; }


i, em { margin-right: 0.1em; }

sub, sup { vertical-align: baseline; position: relative }
sub { top: .4em }
sup { bottom: .4em }


div.preview, pre {
	width: 98%;
	padding: 7px;
	background: #F9F9F9;
	border: 1px dashed #B4B4B4;
	border-bottom-color: #EDEDED;
	border-right-color: #EDEDED;
	overflow: auto;
	_overflow-y: visible;
	_padding-bottom: 2em;
}

div.preview h1, div.preview h2, div.preview h3 { margin-top: 0.5em }


textarea {
	width: 98% !important;
	padding: 7px;
}

pre.texy {
	background: #F9F9F9 url("../images/pre-texy.gif") left top no-repeat;
	padding-left: 30px;
	width: 93%;
}

pre.html {
	background: #F9F9F9 url("../images/pre-html.gif") left top no-repeat;
	padding-left: 30px;
	width: 93%;
}




/* kotvy */
a {
	cursor: pointer;
	_cursor: hand;
	padding: 3px 1px;
}
a:visited {  }
a:hover {  }


/* další */

.nocss { display: none; }


hr {
	color: #3B7CD0;
	background-color: #3B7CD0;
	border: 0;
	height: 1px;
}


hr.clear {
	visibility: hidden;
	margin: 0;
	clear: both;
}

acronym, abbr, .about {
	border-bottom: 1px dotted gray;
}




/************************************************** OBRAZKY */


img.left, img.right {
	float: left;
	margin: 5px 10px 5px 0;
	padding: 5px !important;
	border: 1px dotted silver;
	text-align: center;
	font-size: 84%;
	line-height: 0;
}

img.right {
	float: right;
	margin: 5px 0 5px 10px;
}

img.noborder {
	border: none;
	padding: 0;
}

div.figure-left, div.figure-right {
	border: 1px dotted silver;
	float: left;
	margin: 5px 10px 5px 0 !important;
	text-align: center;
}

div.figure-right {
	float: right;
	margin: 5px 0 5px 15px !important;
}

div.figure-left p, div.figure-right p {
	margin: 1px 0  !important;
	padding: 0  !important;
	text-indent: 0 !important;
	font-style: italic;
	font-size: 84%;
}




/************************************************** SEZNAMY */


ul {
	margin: 0 0 20px 20px;
	padding: 0;
}
ul li {
	margin-left: 20px;
	margin-bottom: 0.4em;
}

ul.nodots { list-style: none; }


dt {
	color: #1C4D85;
	margin: 0.5em 0 0.1em;
}


/************************************************** FORMULÁŘE */

form { display: inline; margin: 0; padding: 0; }

/*
input, select, textarea {
	padding: 0.4em;
	margin: 0 .2em 0 .2em;
}
*/

input.button {
	padding: .2em .4em;
}


/* IE Stretched Button Bug on WinXP - workaround (http://jehiah.cz/archive/button-width-in-ie) */
input.button {
	width: 0; /* for IE 6 */
	overflow: visible;
}
input.button[class] { width: auto } /* IE 6 ignores [class] */


input.default { font-weight:bold; }


input.text, select, textarea {
	border: 1px solid gray;
	background: url('../images/input-bg.gif') #f6f8fb no-repeat;
	_background-attachment: fixed; /* IE < 7 */
}

input.text { vertical-align: middle; }

input.text:focus, select:focus, textarea:focus {
	border: 1px solid black;
}


/************************************************** TABULKY */


table {
	background-color: #ffffff;
	border-spacing: 0px;
	border-collapse: collapse;
}

th {
	border: 1px solid #8cacbb;
	background-color: #dee7ec;
	padding: 3px;
}

td {
	border: 1px solid #8cacbb;
	padding: 3px;
}


table.grid {
	border-collapse: collapse;
	width: 100%;
}

table.grid td, table.grid th {
	padding-left: 0; padding-right: 0;
	border: 0;
}



/************************************************** OBRÁZKY */

img { border: none; }

img.smiley { vertical-align: middle; }


.img-left, .img-right {
	float: left;
	margin: 5px 10px 5px 0;
	padding: 0;
	text-align: center;
	font-size: 84%;
}

.img-right {
	float: right;
	margin: 5px 0 5px 10px;
}




/************************************************** HLAVICKA */



/************************************************** OBSAH */

#content p {
	text-indent: 0.8em;
}

#main { width: 100%; }  /* IE natahne vysku */
#main:after {           /* Mozilla natahne vysku */
	content: ".";
	display: block;
	line-height: 0;
	visibility: hidden;
	clear: both;
}


p code, li code, dl code {
	white-space: nowrap;
	background: #F2F2F2;
}

/************************************************** PATICKA */



/************************************************** MENU */

#menu ul {
	margin: 2px 0; padding: 0;
	list-style: none;
}

#menu ul ul {
	font-size: 70%;
	margin: 5px 0 15px 10px;
}


#menu li {
	margin: 5px 0; padding: 0;
	line-height: 125%;
}


#menu a {
	text-decoration: none;
	color: #6072AD;
	background: none;
}

#menu a.active, #menu a:hover {
	color: #333;
}

#menu li li a.active {
	font-weight: bold;
}



#sidebar div {
	margin: 20px 0 20px;
}


/************************************************** DEFINICE PRO RUZNE STRANKY */




/*
#page-index #header { background-image: url("../images/head_01.jpg"); }
#page-users #header { background-image: url("../images/head_02.jpg"); }
#page-basics #header { background-image: url("../images/head_03.jpg"); }
#page-download #header { background-image: url("../images/head_00.jpg"); }
#page-news #header { background-image: url("../images/head_05.jpg"); }
#page-syntax #header { background-image: url("../images/head_04.jpg"); }
#page-try #header { background-image: url("../images/head_06.jpg"); }
*/


div.controls {
	margin: 5px 0 10px 0;
}


#page-xmlrpc #content { width: 100%; }
#page-xmlrpc #menu    { margin: 0; }

.size { color: gray; font-size: 80% }
.date { color: gray; font-size: 80%; margin:-1em 0 5px 0;  }






a {
	color: #0334D4;
}


a[href*="mailto:"] {
	padding-right: 15px !important;
	background: url('../images/link-mail.gif') right center no-repeat;
}

a[href*=".rar"], a[href*=".gz"]  {
	padding-right: 13px !important;
	background: url('../images/link-zip.gif') right center no-repeat;
}


a:visited {
	color: #5C6891;
}

a.active {
	background-color: #87A0E9;
	text-decoration: none;
	padding: 1px;
	color: white;
}

a:hover {
	background-color: #0334D4;
	text-decoration: none;
	color: white;
}


.meta {
	color: green;
	background: #EBEBEB;
}






/* (c) 2002 Martin Cohen - www.martincohen.info, modified by -dgx- */

/* P H P */
.php-keyword1 {color:#d24; font-weight:bold;}
.php-keyword2 {color:#d24; }
.php-var {color:#CA8A04; font-weight:bold;}
.php-num {color:red;}
.php-quote {color:#080; }
.php-vquote {color:#0F0; font-weight:bold; }
.php-comment {color:#999; }

/* H T M L */
.html-tag {color:#598527; font-weight:bold;}
.html-tagin {color:#89A315}
.html-quote {color: #448CCB; 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:#080;}
.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:#999;}
.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:#999; }

/* 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: #999;}
.sql-num {color:#5674B9; font-weight: bold;}
.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: #999; font-style: italic;}

/* T E X Y */
.texy-hlead {color:#44B; font-weight:bold;}			/* header leadIN == and leadOUT == */
.texy-hbody {background-color:#eeF;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;}






a.new { color:#ba0000 !important; text-decoration:none; }

.diffbox { border-left: 1px solid silver; }

.diffbox h3 {
	background: #dddddd;
	color: black;
	font-size: 110%;
	font-weight: normal;
	padding-left: 0.5em;
}

.diffbox .ins, .diffbox .del {
	border-left: 5px solid #7ff57f;
	font-family: monospace;
	padding: 0.2em 0.5em;
}

.diffbox .del { border-left: 5px solid #f6dd72;  }

.diffbox p {
	font-weight: bold;
	margin: 0;
	text-indent: 0;
	padding-left: 0.5em;
}

ins { color: #5fd55f; text-decoration: none }
del { color: #d6cd52;  }




blockquote {
	margin: 1.4em 1.75em 1.4em 0.9em;
	padding-left: 1.75em;
	border-left: 3px solid #EEE;
	color: #777;
}

blockquote cite {
	margin: 5px 0 0;
}

.info {
	background-color: #FFFFCC;
	border:1px solid #CCCCCC;
	padding: 1em;
	margin: 1em 0;
}


a[href^="error:"] {
	background: red !important;
	color: white !important;
}


#download {
	float: left;
	padding: 7px 7px 7px 52px;
	margin: 0 10px 0 0;
	background: url('../images/download.gif') 7px center no-repeat #eef6e5;
	border: 1px solid #d1e5bb;
	color: #69725f;
	text-decoration: none;
	line-height: 1.1;
	height: 35px;
	font-size: 8pt;
	text-indent: 0 !important;
}

#download strong {
	font-size: 14pt;
	font-weight: normal;
	color: #529b00;
}

#download.right {
	text-align: left !important;
	float: right;
	margin: 5px 0 5px 15px !important;
}




.note, .tip, .caution, .download {
	background: #fcf9cf url('../images/note2.gif') 12px center no-repeat;
	border: 1px solid #e6db55;
	padding: .8em .8em .8em 90px;
	margin: 1em 0;
	text-indent: 0 !important;
	min-height: 50px;
}

.tip {
	background-image: url('../images/tip1.gif');
}

.caution {
	background: #fad3c4 url('../images/caution2.gif') 8px center no-repeat;
	border-color: #d4c4c9;
}

.download {
	background-image: url('../images/download1.gif');
}


.paginator a {
	margin: 0 1.5em;
}



div.flash {
	color: black;
	background: #FFFFDD;
	border: 1px solid #FFD700;
	padding: 1em;
	margin: 1em 0;
}


.gBranding {
	float: right;
	margin: 5px 0 5px 20px;
}

.gBrandingText {
	font-family: arial, sans-serif;
	font-size: 11px;
	margin-bottom: 1px;
}








/* Login form */


#loginForm {
	width: 270px;
	padding: 16px;
	border: 1px solid #D0D9E0;
	background: #F2F6F9;
}

#loginForm-inner {
	padding: 16px;
	border: 1px solid #D0D9E0;
	background: white;
}

#loginForm label {
	font-weight: normal;
	color: black;
}

#loginForm input.text {
	border: 3px solid #D0D9E0;
	padding: 4px;
	width: 204px;
	background-color: #F7F9FB;
}

#loginForm-inner div {
	margin-bottom: 10px;
}

#loginForm .error {
	color: #E30000;
}






/* Resizable text areas from Drupal */

.resizable-textarea {
	width: 95%;
}

.resizable-textarea .grippie {
	height: 9px;
	background: #EEE url("../images/grippie.gif") no-repeat center 2px;
	border: 1px solid #DDD;
	border-top-width: 0;
	cursor: s-resize;
	overflow: hidden;
}