/* ######### Vseobecne platne deklaracie  /  Overall valid ######### */

body{
     margin: 0;
     padding: 5px;
     font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
     font-size: 10pt;
     }


/* ######### Hlavny obsah v strede / Middle - content ######### */

#content {
	width:600px;   
	padding:5px;
	padding-left:15px;
	}

#content UL {
	list-style-image: url(../../images/sphere06.gif)
}

#content UL LI.popular {
	list-style-image: url(../../images/sphere01.gif)
}

#content UL LI.beginner {
	list-style-image: url(../../images/sphere02.gif)
}

#content UL LI.intermed {
	list-style-image: url(../../images/sphere03.gif)
}

#content UL LI.advanced {
/*	background-color : Red; */
	list-style-image: url(../../images/sphere04.gif)
}



.date  {
	color: blue;
  font-weight: bold;
  	}
.news {
	color: #FF6600;
  font-size: 12pt;
  font-weight: bold;
       }

HR {
	color : navy;
	height: 1pt;
}

H1 {
	color: black;
	width: 75%;
	border-bottom-style : solid;
	border-color : navy;
	border-bottom-width : medium;
	text-align: left;
}

H2 {
	color: black;
	width: 40%;
   font-size: 12pt;
	text-align: left;
   border-bottom : solid;
	border-bottom-color : navy;
	border-bottom-width : medium;
}

H3 {
	color: black;
	width: 80%;
	text-align: left;
	background : #00BFFF;
}

H4 {
	color: black;
	text-align: left;
}



A {
	text-decoration: none;
}

A:hover {
	text-decoration: underline;
	 }


/* ######### Pravy stlpec / Right column ######### */

#rightcolumn{
        position: absolute;
        overflow: hidden;
        right: 0px;
        top: 20px;     
	width: 20%;
/*	float: right;
*/
}


/* ######### Lavy stlpec / Left column ######### */

#leftcolumn{
	width: 150px;
	float: left;
}

/* ######### Left column menu ######### */


#leftcolumn .blocklook b{
display: block;
background: black url("images/rightgradient2.gif") top left repeat-x;
border-bottom: 1px solid black;
padding-left: 5px;
}

#leftcolumn .titlebar{
background: black url("images/rightgradient.jpg") top left repeat-x;
color: white;
padding: 4px 0;
border-bottom: 1px solid black;
text-align: center;
font-weight: bold;
}

#leftcolumn .blocklook ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#categorymenu{
border: 1px solid black;
border-bottom-width: 0;
}


#leftcolumn .blocklook li a{
padding: 1px 0;
padding-left: 14px;
display: block;
width: auto;
text-decoration: none;
font-weight: bold;
color: #3c3c3c;
border-bottom: 1px solid gray;
border-left: 6px solid navy;
}

* html #leftcolumn .blocklook li a{ /*IE only */
width: 145px; /*IE 5*/
w\idth: 150px; /*IE 6*/
}

#leftcolumn .blocklook ul.alttheme li a{ /*alternate theme*/
border-left: 6px solid gray;
font-size: smaller;
}

#leftcolumn .blocklook li a:hover {
background-color: #c7f6fd;
background-color: #f6f6fe;
border-left-color: blue;
color: black;
}

#leftcolumn .blocklook ul.alttheme li a:hover{ /*alternate theme*/
background-color: #f6f6fe;
border-left-color: black;
color: black;
}


.normallist{
margin-left: 0;
padding-left: 18px;
}

.normallist li{
border-bottom: 1px solid #DADADA;
margin-bottom: 2px;
}

.normallist a{
text-decoration: none;
}

.normallist a:hover{
color: green;
}