/*#############################################################
Name: Indigo
Description: A lightweight (7kb images), simple and professional design.
Date: 2006-07-27
Author: Viktor Persson
URL: http://arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}
a {
	color: #F70;
	font-size: 110%;
}
a:hover {
	color: #C60;
	font-size: 110%;
}
body {
	background: #0094D6 url(img/bg.gif) repeat-x;
	color: #466;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	margin: 0;
}
input {
	color: #555;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
h1 {
	font-size: 1.4em;
	margin-bottom: 4px;
}
h1 a {
	color: #FFF;
	text-decoration: none;
}

h1 a:hover {
	color: #FFF;
	text-decoration: underline;
}

code {
	background: url(img/bgcode.gif);
	border: 1px solid #F0F0F0;
	border-left: 6px solid #39F;
	color: #555;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
cite {
	background: url(img/quote.gif) no-repeat;
	color: #666;
	display: block;
	font: normal 1.3em "Lucida Sans Unicode",serif;
	padding-left: 28px;
}
h1,h2,h3, h4, h5 {
	color: #06C;
	padding-top: 6px;
	padding-bottom: 6px;
}
/* misc */
.clearer {
	clear: both;
}

/* structure */
.container {
	background: url(img/topleft.gif) no-repeat;
}

.header {
	height: 92px;
}

/* title */
.title {
	float: left;
	padding: 28px 0 0 76px;
}
.title h1 {
	color: #FFF;
	font: normal 2em Verdana,sans-serif;
}
/* navigation */
.navigation {
	float: left;
	height: 92px;
	margin-left: 24px;
	padding: 0 16px;
}
.navigation a {
	color: #FFF;
	float: left;
	font: bold 1.2em "Trebuchet MS",sans-serif;
	margin-top: 56px;
	padding: 8px 18px;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover {
	background-color: #4A91C3;
	color: #FFF;
	font: bold 1.2em "Trebuchet MS",sans-serif;
}

/* main */
.main {
	background: #FFF url(img/bgmain.gif) no-repeat;
	clear: both;
	padding: 12px 12px 0 52px;
}

/* main left */
.navigation ul {
list-style-type:none;
	margin: 0;
	padding: 0;
}
.navigation ul li {
	display: block;
	float: left;
}
.sidenav {
	float: left;
	width: 24%;
}
.sidenav-h {
	border-bottom: 1px dashed #DDD;
	color: #E73;
	font-size: 1.2em;
	height: 20px;
	margin-top: 1.2em;
}
.sidenav ul {
	margin: 0;
	padding: 0;
}
.sidenav li { 
	border-bottom: 1px dashed #EEE;
	list-style: none;
	margin: 0;
}
.sidenav li a {
	color: #777;
	display: block;
	font-size: 0.9em;
	padding: 3px 6px 3px 18px;
	text-decoration: none;
}
.sidenav li a:hover {
	color: #111;
	background: url(img/nav_li.gif) no-repeat;
	font-size: 0.9em;
}

/* content */
.content {
	float: left;
	margin-right: 4%;
	width: 69%;
}
.content .descr {
	color: #C60;
	margin-bottom: 6px;
}
.content li {
	list-style: url(img/li.gif);
	margin-left: 18px;
}

/* search form */
input {
	border: 3px double #E5E5E5;
	padding: 2px 3px;
}
.button {
	border: 1px solid #AAA;
	margin-left: 5px;
	padding: 2px 3px;
}

/* footer */
.footer {
	background: #0094D6 url(img/bgfooter.gif) repeat-x;
	color: #C1DEF0;
	font-size: 1.1em;
	line-height: 20px;
	text-align: center;
	padding: 0.5em 0;
}
.footer a {
	color: #FFF;
	text-decoration: none;
}
.footer a:hover {
	color: #FFF;
	text-decoration: underline;
}

.blog-separator {
	border:1 px solid #00C5FE;
	margin: 1em 0 0 1em;

}

/***
KOMENTARE
**/
.komentar {
	border: 1px solid #00C5FE;
	margin-bottom: 2em;
	padding: 0 0 0.5em 0.5em;
	min-height: 77px;
	_height: 77px;
}

.komentar-pif {
	border: 1px solid #FFF466;
}

.komentar-gravatar {
	width: 80px;
	height: 80px;
	
	float: right;
}
.komentar-text {
	margin-right: 90px;
}
.komentar h4 {
	font-size: 120%;
	margin: 0.5em 0 0 0;
	padding: 0;
}
.komentar-obal {
border-top: 0.5em solid #00C5FE;
}
.komentar-obal-pif {
border-top: 0.5em solid #FFF466;
}

h3 {
font-size: 140%;
}

.blog-obal {
border: 1px solid #00C5FE;
border-top: 0.5em solid #00C5FE;
margin: 1em 0 0 0;
padding: 1em;
}

.blog-info {
float: right;
}

/***
FORMULARE
***/


input.xs 					{ width: 3em; }
input.s 					{ width: 4em; }
input.m 					{ width: 8em; }
input.l 					{ width: 12em; }
input.xl, select.xl			{ width: 15em; }
input.xxl 					{ width: 20em; }
input.xxxl 					{ width: 25em; }
textarea.m 					{ width: 230px; height: 15em; }
textarea.s					{ width: 20em;  height: 5em; }
textarea.l					{ width: 20em;  height: 10em; }
textarea.xl					{ width: 25em;  height: 10em; }
textarea.xxl					{ width: 35em;  height: 10em; }
textarea.xxxl					{ width: 25em;  height: 30em; }

a img {
	border: 0;
}






	/* (c) 2002 Martin Cohen - www.martincohen.info */
	
	/* P H P */
	.php-keyword1 {color:#d24; font-weight:bold;}
	.php-keyword2 {color:#d24; }
	.php-var {color:#fa0; font-weight:bold;}
	.php-num {color:red;}
	.php-quote {color:#843; font-weight:bold;}
	.php-vquote {color:#fa0;}
	.php-comment {color:#999; background-color:#ffe;}

	/* 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; background-color:#F1FAE4;}
	.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 { background-color:#E5F8FF; 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; background-color:#F4F4F4;}

	/* 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 {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;}