/* made by Radek HULAN (c) 2004          */
/* http://hulan.cz/blog/               */
/* This notice must remain.              */
/* ------ */
/* Modded. by Natti for Natti */



/* basic styles and definitions */
a,p,body,ul,li,h1,h2,h3,td,th{
font-size:13px;
line-height:17px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a,p,body,ul,li,td,th{
color:#000000;
font-weight:normal;
}

hr{
border:0px none;
border-top: 1px dotted #D48B00;
color:#FFBD40
}

img{
border:0px none;
}

li{
list-style-position:outside;
list-style-type:disc;
margin:0px
}

/* body */
body,html{
font-size:13px;
padding:0 0 0 0;
margin:0 0 0 0; 
background: #000000 url(/images/ittan-ib.jpg) repeat;
background-attachment: fixed;
background-position: center center;
}


/* links */
a{
font-weight:normal;
}

a:link{
color:#1552BF;
text-decoration:none;
}

a:visited{
color:#1552BF;
text-decoration:none
}

.itembody a:link,.itembody a:visited{
padding:0px 2px 0px 2px;
color:#AA1A00;
text-decoration: underline;
}

a:hover, .itembody a:hover, h3.item a:hover, .smaller a:hover {
background-color:#4081BF;
color:#FFFFFF
}


/* headlines */
/* headlines */
h1,h2,h3,h3 a,h4{
font-size:13px;
font-weight:bold
}

h1{ 
color: #000195; 
font-weight: bold; 
padding: 15px 15px 15px 20px; 
margin: 0 0 0 0; 
text-align: left; 
border-bottom: 10px solid #174e6b; 
font-size:28px; 
line-height:32px
}

h2{
font-size:14px;
line-height:20px;
color:#605200;
margin-bottom:8px;
margin-top:8px;
padding-left:3px;
padding-right:3px
}

h3,h3 a:link,h3 a:visited{
font-size:14px;
color:#000000;
padding:1px 2px 1px 2px
}

h3.comment,h3.comment a{
margin-bottom:5px;
font-size:12px
}

h3.comment{
font-weight:normal
}

h3.comment a:hover{
background-color:#4081BF;
color:#FFFFFF
}

h4{
color:#000000;
padding:2px 0px 2px 10px;
font-weight: normal;
border-bottom:1px outset #DFDFDF;
font-weight: bold;
}

.itembody h4 {
border:0 none;
border-bottom:1px solid #666666;
color: #FFFFFF;
background: #0a0a62 url(remote_a.gif) 5px 5px no-repeat;
padding:2px 0px 2px 20px;
}



/* article title - default skin */
h3.item{ 
color:#000; 
border-top: 0px solid #FF4500; 
border-bottom: 5px solid #0b0d5b; 
border-top: 5px solid #0b0d5b; 
padding:3px 10px 3px 0;
font-size:16px;
line-height:20px; 
background-color: #FFFFFF;
}

h3.item a:link, h3.item a:visited{ 
font-size:16px;
line-height:20px;
font-weight: bold; 
letter-spacing: 2px;
color:#000;
}

h3.item a:hover{
background-color:#4081BF;
color:#FFFFFF
}



/* div to center everything on a page and set max width to make it readable */
#content{ 
width: 800px; 
background-color: transparent;
border-right:0px; 
border-left:0px;
border:0px;
margin: 0 auto 0 auto; 
padding: 0px 0px 5px 0px;
}

/* articles */
#items{ 
border: 1px outset #6A6A6A; 
width: 530px; 
color: #000000; 
height: auto; 
padding: 20px 20px 20px 20px; 
background-color: #FFFFFF;
background: url("/images/ittan-ibb.jpg");
margin: 0 0 10px 10px; 
float: left; 
}

#items img {
padding: 10px 10px 0px 10px;
}


#fle {
filter:alpha(opacity=100);
opacity:1 !important;
}

* html body #items {
margin-left:5px
}

#items h2{
font-size:12px;
line-height:14px;
color:#000000;
margin:10px 0px 5px 0px;
padding:4px 10px 4px 3px;
text-align:right;
font-weight: bold;
}

#items hr{
border:0px none;
border-top: 1px dotted #666666;
color:#F1F1CD
}


/* menu */
#menu{ 
color: #000000; 
float: right; 
text-align: left; 
width: 140px; 
height: auto; 
padding: 5px 10px 10px 10px; 
margin: 0 0 0 0
}

#menu, #menu *{
font-family: "Trebuchet MS", arial, "sans serif"; 
font-size:11px
}

#menu h2{
font-size:13px;
line-height:16px;
margin: 10px -5px 10px -5px;
padding:2px 0px 2px 0px;
font-weight: normal;
text-align:center;
color:#114299;
}

#menu hr{
border:0px none;
border-top: 1px dotted #666666;
color:#F5F5DC;
}

/* menu2 */
#menu2{ 
color: #000000; 
float: right; 
text-align: left; 
width: 140px; 
height: auto; 
padding: 5px 10px 10px 10px; 
margin: 0 0 0 0
}

#menu2, #menu2 *{
font-family: "Trebuchet MS", arial, "sans serif"; 
font-size:11px
}

#menu2 h2{
font-size:13px;
line-height:16px;
margin: 10px -5px 10px -5px;
padding:2px 0px 2px 0px;
font-weight: normal;
text-align:center;
color:#114299;
}

#menu2 hr{
border:0px none;
border-top: 1px dotted #666666;
color:#F5F5DC;
}


/* go to a page box */
#navigation{ 
padding:5px 10px 5px 10px; 
color:#000000; 
text-align:right;
margin-top:20px; 
border-top:1px solid #D4C9AA
}

/* Searchbox */
.searchbox{
background: url(/bgtest/test5.png);
}

/* menu navigation */
.nav{
border:1px outset #DFDFDF;
background: url(/bgtest/test5.png);
}

.nav a:link,.nav a:visited{ 
font-size:12px;
line-height:16px;
display: block; 
padding: 1px 0px 1px 5px; 
margin: 0px; 
border: 0 none; 
text-decoration:underline;
font-weight: bold;
color: #000000; 
margin: 0px; 
}

.nav a:hover{ 
background-color: #4081BF; 
border-color: #000000; 
color: #FFFFFF; 
}

.nav a.active:link,.nav a.active:visited{
border: 1px inset #666666; 
background-color: #4081BF;
}

.nav a.active:hover{
background-color:#4081BF;
color: #fcff00
}

.nav#search {
width:100px;
float:right;
}

.nav#search a:link,.nav#search a:visited {
font-size:11px
}


/* folk-lin navigation */
.navppl{
border:1px outset #DFDFDF;
}

.navppl a:link,.nav a:visited{ 
font-size:12px;
line-height:16px;
display: block; 
padding: 1px 0px 1px 5px; 
margin: 0px; 
text-decoration:underline;
font-weight: bold;
color: #000000; 
border: 0 none; 
color: #000000; 
margin: 0px; 
}

.navppl a:hover{ 
background-color: #4081BF; 
border-color: #000000; 
color: #FFFFFF; }
.navppl a.active:link,.nav a.active:visited{
border: 1px inset #666666; 
background-color: #4081BF;
}

.navppl a.active:hover{
background-color:#4081BF;
color: #fcff00
}

.navppl#search {
width:100px;
float:right;
}

.navppl#search a:link,.nav#search a:visited {
font-size:11px
}


/* countdown theme */
.cdown{
border:1px outset #DFDFDF; 
background-color: #FFFFFF; 
color: #FF0000; 
font-weight: bold;
}



/* category list */
div#subcat {
margin-bottom:15px
}

div#subcat dl{
display: block; 
padding: 1px 0 1px 10px; 
margin:2px 0 2px 0; 
text-align: left; 
background: #0a0a62; 
color: #FFFFFF; 
border:1px inset; 
}

div#subcat dl dt>a{
color: #FFFFFF;
display:block
}

div#subcat dl dt>a:hover{
color: #ffffff;
}

div#subcat dd{
padding: 0 0 0 0; 
margin:0 2px 0 10px; 
background: transparent url(arrow.gif) no-repeat top left; 
}

div#subcat dd a{
display:block; 
padding: 1px 0 1px 3px; 
margin:0 0 0 15px; 
text-align: left; 
}

div#subcat dd a.active{
border:1px inset gray; 
background: #FFFFFF;
}

div#subcat dd a:hover{
background-color:#4081BF;
}



/* article */
.itembody {
color:#000;
text-align:justify;

}

.itembody *{
font-size:14px;
line-height:18px;
color:#000;
}
.itembody p, .itembody ul, .itembody input{
margin-bottom:5px;
}


/* floating pictures in itembody */
.itembody .leftbox {
float:left; 
background: url(shadowAlpha.png) no-repeat bottom right; 
margin: 15px 15px 10px 0px;
line-height:0px;
}

.itembody .leftbox img  {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -5px 5px 5px -5px;
padding: 4px;
line-height:0px;
}

.itembody .rightbox {
float:right;
background: url(shadowAlpha.png) no-repeat bottom right;
margin: 15px 0px 10px 15px;
line-height:0px;
}

.itembody .rightbox img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -5px 5px 5px -5px;
padding: 4px;line-height:0px;
}


/* article info */
.iteminfo{
font-size:11px;
color:#000000;
margin:20px 0 20px 0; 
text-align: center;
}

.iteminfo a,.iteminfo a:link,.iteminfo a:visited{
font-size:11px;
}

.iteminfo a:hover{
color:#FFFFFF
}


.readmore {
text-align: right; 
margin-bottom:15px
}


/* shoutbox */
.chatform{ 
text-align: right; 
}

.chattable{
border:1px solid #9F9F9F;
border-bottom:1px solid #F4F4F4;
height:240px;
overflow:auto;
width:auto
}

/* blockquote and table with 2 differentlu colored rows */
blockquote{
padding:5px 10px 5px 10px; 
margin:10px;
color:#000000;
font-weight:normal;
background-color: #F6F3ED;
border:1px solid #D4D4D4;
}

.tabulka,.tabulka td,.tabulka tr{
padding:5px;
color:#000000;
font-weight:normal;
}

blockquote .prvni, .tabulka .prvni,.tabulka .prvni td,.tabulka .prvni tr{
padding:2px 5px 2px 5px;
border-bottom:1px solid #666666;
}

blockquote .druhy, .tabulka .druhy,.tabulka .druhy td,.tabulka .druhy tr{
padding:2px 5px 2px 5px;
border-bottom:1px solid #666666;
}

blockquote p,.tabulka p{
margin:0px;
padding:0px
}

blockquote h4,.tabulka h4{
margin:0px;
padding:1px 1px 1px 10px;
font-size:12px;
line-height:14px
}


blockquote#commentpreview p {
margin:5px
}

/* phpBB like text formatting */
.b{
font-weight:bolder
}

.i{
font-style:italic
}

.z{
font-style:normal; 
font-variant:small-caps
}

.u{
text-decoration:underline
}

.t{
margin:5px 20px 5px 20px;
padding:5px;
border:1px solid #797979;
border-bottom:2px solid #363636;
border-right:2px solid #363636;
}

.c,.r{
color:red
}

.m,.l{
color:blue
}

.skip{
display:none
}



/* forms */
fieldset{
padding:5px;
margin:5px 0px 5px 0px;  
border-style: groove groove groove groove; 
}

legend{
font-weight:bold;
margin-bottom:5px;
padding-right:10px;
color:#223649
}

.highlight{
background-color:#F0E68C;
color:#000000;
padding:2px
}


/* source code */
pre{
background-color:#FFFFFF;
border:1px solid #797979;
border-bottom:2px solid #363636;
border-right:2px solid #363636;
color:#00017D;
padding:5px;
margin:0px;
overflow:auto;
font-size:13px;
line-height:15px;
font-family:"Arial Narrow",Arial, "Lucida Grande CE", lucida, sans-serif
}


/* list */
ol,ul{
margin:5px 0 0 0
}

ul li{
margin:3px 0 3px 25px; padding:0 0 0 5px; 
list-style: square outside url(arrow.gif);
}

ol li{
margin:3px 0 3px 25px; 
padding:0 0 0 5px; 
list-style: decimal;
}

#menu ol, #menu ul{
margin:5px 0 5px 20px;
padding:0 0 0 0
}

#menu li{
margin:3px 0 3px 0px; 
padding:0 0 0 0
}

.itembody ol,.itembody  ul{
margin:5px 0 0 20px
}


/* tables */
th {
font-weight: bold; 
background-color:#303086; 
color: #FFFFFF; 
border:1px ridge #C2D5E7;
padding:3px;
}

td {
padding:3px;
}

/* rss links */
#rss{ 
line-height: 0px; 
text-align: center; 
margin:0 auto;
}

#rss a:link,#rss a:visited,#rss a:hover{ 
padding: 0; 
margin: 0; 
text-decoration: none; 
line-height: 0px; 
}

#rss img{
border:0px;
width:80px;
height:15px;
line-height: 0px;
padding: 0px;
margin: 0px;
text-align: center; 
margin:0 auto;
}


/* footer */
#footer{ 
clear: both; 
text-align: center; 
padding: 2px 0 2px 0; 
margin: 10px 0 0 0; 
font-size: 11px; 
border-top: 1px solid #8D8D8D;
display:block; 
width:100%
}

#footer a{ 
font-size:12px
}

  
 /* forms */
.formfield { 
background-color: #EEE9DB; 
border: 1px solid #8E7A47; 
}

.formbutton{ 
background-color: #E9E4D5; 
border: 1px solid #8E7A47; 
margin-top: 2px; padding:0 0 0 0;
font-size: 12px; 
}

textarea {
width: 90%;
}


/* general comment form */
#commentform {
text-align: right;
}


/* comments Opera, Mozilla */
h4+ol#comments{ 
margin: 0 0 0 0; 
padding: 0 0 0 0; 
}

h4+ol#comments li{ 
list-style: none; 
margin: 0; 
padding: 1px; 
font-size:11px
}

h4+ol#comments address { 
font-size: 12px; 
font-style: normal; 
text-align: left; 
color: #F1F8FA; 
background: #70A0CF url(speak.gif) 4px 3px no-repeat; 
padding: 1px 10px 1px 20px; 
margin: 0 0 0 0; 
height: 17px; 
border: 1px ridge #70A0CF; 
}

h4+ol#comments address a:link,h4+ol address a:visited{ 
color: #ffffff; 
}

h4+ol#comments p { 
background-color: #E1EAF3;
font-size: 13px; 
line-height: 18px; 
margin: 5px 0px 5px 0px; 
text-align: justify; 
padding: 5px 10px 5px 10px; 
}

h4+ol#comments ins { 
font-size: 10px; 
font-weight: bold; 
text-align: right; 
text-decoration: none; 
color: #000000; 
background-color: transparent; 
padding: 1px 5px 0px 0px; height: 17px; 
display: block; 
border-bottom: 1px solid #DFDFDF; 
margin-bottom: 20px; 
}

h4+ol#comments>li>a { 
text-indent: 30px; 
color: #010101; 
background-image: url(pencil.png); 
background-repeat: no-repeat; 
background-position: 4px 3px; 
padding: 0px 0px 0px 0px; 
border-top: 1px solid #DFDFDF; 
width: 100%; 
height: 18px; 
bottom: 0px; 
display: block; 
font-size: 11px; 
margin-bottom: 3px; 
}


h4+ol#comments>li>a:hover { 
background-color:transparent;
color:red
}

.current { 
background-color: #CEE8F0; 
}

.parent { 
background-color: #F8F3C7; 
}

.child { 
background-color: #F6D4C9; 
}

.notPart, .notPart *, .notPart p[id]::before { 
color: #ccc; 
background-color: transparent !important; 
border-color: #BFBFBF !important; 
}

.notPart p[id]::before, .notPart ins { 
border-top: 1px solid #ccc; 
}

.notPart a, h4+ol#comments>.notPart>p>span:first-child { 
color: #ccc; 
}

.indent .current { 
background-color: #CEE8F0; 
margin: 0px 30px 30px 30px; 
}

.indent .parent { 
background-color: #F8F3C7; 
margin: 0px 60px 30px 0px; 
}

.indent .child { 
background-color: #F6D4C9; 
margin: 0px 0px 30px 60px; 
}

.indent .notPart { 
display:none 
}

.current p, .parent p, .child p, .indent p {
background-color: transparent;
}

li .reset {
display:none
}

.current .reset, .parent .reset, .child .reset, .notPart .reset { 
display:inline
}

.current .show, .parent .show, .child .show, .notPart .show { 
right:50px
}

h4+ol#comments dfn { 
right: 0; 
color: #F1F8FA; 
background-color: transparent; 
border: 0px solid; 
font-size: 11px; 
cursor: pointer; 
font-style: normal; 
padding-right: 7px; 
margin-top: 1px; 
line-height: 16px; 
float: right; 
}


/* comments hacks for MSIE */
* html body address{ background: #70A0CF url(speak.gif) 4px 3px no-repeat; padding: 1px 10px 2px 20px; margin: 10px 0 0 0; height: 17px; color: #F1F8FA; font-style: normal;border: 1px ridge #70A0CF;}
* html body address a:link,* html body address a:visited{ color: #ffffff; font-weight: bold; }
* html body ol#comments li, ol#comments  { list-style: none; padding: 0; margin: 0; }
* html body ins{ font-size: 10px; font-weight: bold; text-align: right; text-decoration: none; color: #000000; background-color: transparent; padding: 1px 5px 0px 0px; height: 17px; display: block; border-bottom: 1px solid #DFDFDF; margin-bottom: 20px; }
* html body ol#comments p{ margin: 5px 0 5px 0; padding: 5px 10px 5px 10px; background-color: #E1EAF3; font-size: 13px; line-height: 18px; }
* html body ol#comments p a:link{ text-decoration: underline; }
* html body dfn { right: 0; color: #000; background-color: transparent; border: 0px solid; font-size: 11px; cursor: pointer; font-style: normal; padding-right: 7px; margin-top: 1px; line-height: 16px; float: right; }

/* comment form js helpers */
#toolbar {display:block;margin:5px 0 5px 0;float:right;clear:both}
#toolbar a, #toolbar a:link,#toolbar a:visited{ display: block; float: left; width: 50px; height: 15px; background-color: #B6CADD;  border: 1px outset; margin: 3px; text-align: center; font-size: 11px; line-height: 14px; color:#1B2B3A;}
#toolbar a:hover{ background-color: #CD5C5C; color: #FFFFFF; border-style:inset}



/* top menu */
#topwrapper{
background: #626294 url(topwrapper.jpg); 
margin:0 0 20px 0;
border-top: 1px solid #BFBFBF;  
border-bottom: 1px solid #555555; 
clear:both; 
height:25px
}

#top{
margin:0 auto 0 auto; 
padding:0 0 0 0; 
width:650px;
background:transparent
}

#top ul, #top li{ 
margin: 0 0 0 0; 
padding: 0 0 0 0; 
display: inline; 
list-style-type: none; 
border: 0 none; 
}

#top a:link, #top a:visited{ 
font-size: 13px; 
line-height:13px; 
float: left; 
margin: 0 0 0 0; 
text-decoration: none; 
color: #000; 
border:0 none;
border-left: 1px solid #666666; 
padding: 5px 0 5px 0;
background-color: #0b7af7; 
height:15px
}

#top a:hover{ 
text-decoration: none; 
background-color:#5180AE;
color:#FFFFFF
}

#top a:link#topcurrent, #top a:visited#topcurrent{ 
color: #ff0000;
text-decoration: none; 
font-weight: bold; 
background-color: #0f0f3d; 
}

#top a{ 
width: 116px; 
text-align: center;
}


/*  contact form */
form#contactform {
text-align: right;
}

form#contactform input {
margin:5px
}

form#contactform fieldset {
padding:10px;
}


/* syntax highlighting code */
.code .br0	{ color: #66CC66; }
.code .co1	{ color: #808080; font-style: italic; }
.code .co2	{ color: #808080; font-style: italic; }
.code .comulti	{ color: #808080; font-style: italic; }
.code .es0	{ color: #000099; font-weight: bold; }
.code .kw1	{ color: #B1B100; }
.code .kw2	{ color: #000000; font-weight: bold; }
.code .kw3	{ color: #000066; }
.code .kw4	{ color: #993333; }
.code .kw5	{ color: #0000FF; }
.code .me0	{ color: #006600; }
.code .nu0	{ color: #CC66CC; }
.code .re0	{ color: #0000FF; }
.code .re1	{ color: #0000FF; }
.code .re2	{ color: #0000FF; }
.code .re4	{ color: #009999; }
.code .sc0	{ color: #00BBDD; }
.code .sc1	{ color: #DDBB00; }
.code .sc2	{ color: #009900; }
.code .st0	{ color: #FF0000; }

/* Tenglar á vini */
folk {
color: #FF00FF;  
}

folk a:link {
color: #FF00FF;
text-decoration:none;
}


.CTooltip { 
position:fixed; 
top:50px; 
left:50px; 
z-index:2; 
width:280; 
visibility:hidden; 
font: 8pt MS Comic Sans,arial,sans-serif; 
background-color: #FFFFE6; 
padding: 8px; 
border: 1px solid black; 
}

.nbgtest {background: url(/images/test2.png);}
.bl {background: url(/images/bl.gif) 0 100% no-repeat;}
.br {background: url(/images/br.gif) 100% 100% no-repeat}
.tl {background: url(/images/tl.gif) 0 0 no-repeat}
.tr {background: url(/images/tr.gif) 100% 0 no-repeat; padding:10px}