/*
	Insight / www.depechemode.sk  /  StyleSheet  (CSS)
	Programovanie: Gabriel Schwardy, Ing. / Caleydon Media / www.caleydon.com
	Nazov suboru: css_titulka
*/

/* Zaciatok CSS */

/* TELO / 2 STLPCE - BLOKY
======================================== */

/* TELO - Hlavicka blokov
----------------------------------------- */
h4.hlavickaPrava, h4.hlavickaLava {display:block; height:15px; color:#6a6a6a; font-size:1.4em;  text-transform:uppercase; font-weight:bold; padding-top:5px; padding-bottom:12px; background:url("http://www.depechemode.sk/obrazky/schema/predel-vertikal.gif") no-repeat bottom;}
h4.hlavickaPrava {text-align:right; width:100%;}
h4.hlavickaLava {text-align:left; width:100%;}

/* TELO - STLPEC A - BLOK
----------------------------------------- */
.blokStlpec-a {float:left; width:510px; margin:0 0 0 0; padding:15px 0 20px 10px;}
.blokStlpec-a {margin-top:0;} /* resetovany post NN4 */

/* TELO - STLPEC A - BLOK - Vseobecne formatovanie
----------------------------------------- */

/* TELO - STLPEC A - BLOK - Obrazok Reklama A 540x120 bodov
----------------------------------------- */
#obrazokRelama_A a {display:block; width:500px; height:120px; padding:0; margin:0 0 8px 0; cursor:pointer; border:none;}
#obrazokRelama_A a:hover {text-decoration:none;}
#obrazokRelama_A a span {visibility:hidden;}

/* TELO - STLPEC A - BLOK - Aktuality
----------------------------------------- */
.aktuality {margin:10px 0; clear:left; min-height:95px;}

/* Ilustracna ikona */
.ikona {position:static; width:90px; margin:0; padding:0; float:left;}
.ikona img {border:#CCC 3px solid;}

/* Sumar aktuality - Vseobecne - Text a odkazy */
.sprava {position:static; width:410px; margin-left:95px; padding:0; min-height:95px;}
.sprava h3 {font-weight:normal;font-size:1.2em;}
.sprava h3 a, .sprava h3 a:visited { font-weight:bold; margin:0.3em;}
.sprava p {font-size:1.2em; line-height:1.5em; margin:0.3em;}
.sprava p img {border:none;}

span.datum {font-size:1em; font-weight:norml; color:#999; margin-right:0.5em;}

/* TELO - STLPEC A - BLOK - MAGAZIN - Komentare
----------------------------------------- */
.blokKomentare {margin:10px 0; clear:left; min-height:50px; font-size:1.2em; line-height:1.4em;}

/* Ilustracna ikona */
.ikonaxx {position:static; width:50px; margin:0; padding:0; float:left;}
.ikonaxx img {border:#CCC 1px solid;}

/* Sumar aktuality - Vseobecne - Text a odkazy */
.spravaxx {position:static; width:440px; margin-left:50px; padding:0; min-height:50px;}
.spravaxx h3 {font-weight:normal;font-size:1.2em;}
.spravaxx h3 a, .spravaxx h3 a:visited { font-weight:bold; margin:0.3em;}
.spravaxx p {font-size:1.2em; line-height:1.5em; margin:0.3em;}

/* TELO STLPEC A - BLOK - Najnovsie videa
----------------------------------------- */
#playerFlv {position:static; width:260px; margin:5px 0 0 0; padding:0; float:left;}

/* FLV Prehravac */
#playerFlv {font-size:1.1em; font-weight:bold; color:#FF0000; text-align:center;}
#playerFlv a, #playerFlv a:visited {font-weight:bold; text-decoration:underline;}
#playerFlv a:hover {text-decoration:none; color:#8A2603;}

/* Nadpis */
h2.videoNadpis {margin:0.3em 0.5em; font-size:1.3em;}
h2.videoNadpis a, h2.videoNadpis a:visited {line-height:1.5em; font-weight:bold;}
h2.videoNadpis a:hover {text-decoration:underline; color:#5B3411;}

/* Aktualne video - Popisny text */
p.videoPopis {font-size:1.2em; line-height:1.4em; margin:1em 0.5em;}
p.videoPopis a, p.videoPopis a:visited {text-decoration:underline;}
p.videoPopis a:hover {text-decoration:none; color:#8A2603;}

/* Zoznam videi - Odkazy */ 
.videoZoznam {position:static; width:235px; margin-left:265px; padding:0; min-height:95px;}
li.videoOdkazy {list-style-type:none; width:230px; font-size:1.2em; color:#666; margin:0 3px 0 4px; padding-bottom:2px; line-height:1.5em; background:url("http://www.depechemode.sk/obrazky/schema/ikona-play.gif") top left no-repeat;}
li.videoOdkazy a, li.videoOdkazy a:visited {color:#A06D00;}
li.videoOdkazy a:hover {color:#5b3411; text-decoration:underline;}
li.videoOdkazy div {margin-left:23px;}

/* TELO STLPEC A - BLOK - Fotoreporty
----------------------------------------- */
/* Nahlad obrazku */
.fotoreportNahlad {width:500px; padding:0; margin-left:0; margin-right:auto; text-align:left;}
.fotoreportNahlad a img, .fotoreportNahlad a:visited img {border:4px solid #ccc; margin:6px 4px 0 0;}
.fotoreportNahlad a:hover img {border:4px solid #999; margin:6px 4px 0 0;}

/* Odkaz na fotogaleriu */
.popiska {text-align:right; font-size:1.2em; margin:3px 8px 6px 0;}
.popiska a, .popiska a:visited {color:#A06D00;}
.popiska a:hover {color:#5b3411; text-decoration:underline;}

/* TELO STLPEC A - BLOK - Kalendar udalosti
----------------------------------------- */
.kalendarPlagat {position:static; width:226px; margin:0; padding:0; float:left;}
.kalendarPlagat img {border:#CCC 3px solid;}
.kalendarPlagat a img, .kalendarPlagat a:visited img {border:#CCC 3px solid;}
.kalendarPlagat a:hover img {border:#999 3px solid;}

.kalendarZoznam {position:static; width:270px; margin-left:236px; padding:0;}
.udalostEntry {width:265px; border-bottom:1px solid #ccc; font-size:1.2em; color:#666; margin:0 5px 8px 0; padding-bottom:4px; line-height:1.5em;}
.udalostEntry a, .udalostEntry a:visited {color:#A06D00; padding-left:18px; background:url("http://www.depechemode.sk/obrazky/schema/ikona-kalendar.gif") left no-repeat;}
.udalostEntry a:hover {color:#5b3411; text-decoration:underline;}
.udalostEntry div {margin-left:18px;}
a.udalostDolezite, a:visited.udalostDolezite {font-weight:bold; color:#993300;}

/* TELO - STLPEC B - BLOK
----------------------------------------- */
.blokStlpec-b {margin:0; padding:0; padding-bottom:20px;}
/*.blokStlpec-b {margin-right:0; margin-left:-25px;}  NN4 hodnoty */
.blokStlpec-b {margin-top:0; margin-right:0; margin-left:530px;} /* NN4 hodnoty */

/* Sumar clanku - Vseobecne */
.zapisSumar {width:400px; background:url("http://www.depechemode.sk/obrazky/schema/pozadie-zapis.gif") repeat-x bottom; padding-bottom:5px;}

/* Sumar clanku - Vseobecne - Text a odkazy */
.blokStlpec-b p {font-size:1.3em; line-height:1.4em; margin:0.8em 0.8em;}
.blokStlpec-b p a, .blokStlpec-b p a:visited {text-decoration:underline;}
.blokStlpec-b p a:hover {text-decoration:none; color:#8A2603;}

p.starsieClanky {margin:0.8em 0;}

/* Sumar clanku - Vseobecne - Nadpis */
h2.sumarNadpis {font-size:2.3em; line-height:1.1em; margin:0.4em 0 0.3em 0;}
h2.sumarNadpis a:hover {text-decoration:underline; color:#5B3411;}

/* Sumar clanku - Ikona */
.zapisSumarIkona {width:400px; height:150px; padding:0; margin:0; position:relative;}
.zapisInfoText {position:absolute; height:30px; z-index:2; top:110px; width:400px; margin-top:0; margin-left:0; background-color:#000; filter:alpha(opacity=60); /* IE */ opacity:0.6; /* CSS3 standard */}
.infoText {position:absolute; width:385px; color:#ccc; margin:10px 0 0 0; padding:0; font-size:1.3em; text-align:right;}
.infoText a, .infoText a:visited {color:#FFF;}
.infoText a:hover {color:#ccc;}

/* Aktuality - Zalozky */
#zalozkyAktuality {margin-bottom:0;}
#zalozkyAktuality ul {background-color:#DEDEDE; width:490px; padding-top:3px; height:26px;}
#zalozkyAktuality li {list-style:none;	margin-left:11px; padding:0;}
* html #zalozkyAktuality li {display:inline;} /* ie6 double float margin bug */
#zalozkyAktuality li, #zalozkyAktuality li a {float:left; margin-bottom:5px;}
#zalozkyAktuality li a:hover {color:#000;}
#zalozkyAktuality ul li a {text-decoration:none; padding:8px; color:#666; font-weight:bold; font-size:1.2em;}
#zalozkyAktuality ul li.active {background-color:#FFF;}
#zalozkyAktuality ul li.active a {background-color:#FFF; color:#333;}
#zalozkyAktuality div {width:490px; padding-top:15px; padding-bottom:15px;}
#zalozkyAktuality img {border:none;}

p.obsahZalozky {font-size:1.2em; line-height:1.6em;}

/* Clanky - Zalozky */
#zalozky {margin-bottom:0;}
#zalozky ul {background-color:#CECECE; width:400px; padding-top:1px; height:26px;}
#zalozky li {list-style:none;	margin-left:11px; padding:0;}
* html #zalozky li {display:inline;} /* ie6 double float margin bug */
#zalozky li, #zalozky li a {float:left; margin-bottom:5px;}
#zalozky li a:hover {color:#000;}
#zalozky ul li a {text-decoration:none; padding:8px; color:#666; font-weight:bold; font-size:1.2em;}
#zalozky ul li.active {background-color:#FFF;}
#zalozky ul li.active a {background-color:#FFF; color:#333;}
#zalozky div {width:400px; padding-top:15px;}
#zalozky img {border:none;}



/* Archive stuff */

/*#outer {
	border: none;	
}

ul {
	line-height: 1.666em;
}*/

#archiv li.year {
 	font-size: 1.1em;
 	font-weight: bold;	
}

#archiv li.month {
		font-size: 1.1em;
		font-weight: normal;
}

#archiv .box {
	width: 390px;
	padding: 5px;	
}

#archiv .box li {
	font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
	list-style-position: outside;
	list-style-type: none;	
	margin: 0pt;
	padding: 0pt;
	display: inline;
	padding-right: 2px;
}

#archiv .box ul {
	list-style-position: outside;
	list-style-type: none;	
	margin: 0pt;
	display: inline;
}


p.zalozkyOdkaz {font-size:1.2em; text-align:right; padding-top:8px;}
p.zalozkyOdkaz a, p.zalozkyOdkaz a:visited {font-weight:bold; text-decoration:none;}
p.zalozkyOdkaz a:hover {text-decoration:underline; color:#333;}

/* Koniec CSS */

/*
SCHEMA | Titulna strana (KONTAJNER --- OBAL --- Blok)

ZAHLAVIE ---------------
						|-- Obrazok Logo
						|-- Zalozky

HLAVA ------------------
						|-- Hlavna navigacia

TELO ---
		|-- STLPEC A ---
		|				|-- Aktuality
		|				|-- Najnovsie videa
		|				|-- Najnovsie fotogalerie
		|				|-- Kalendar udalosti
		|
		|-- STLPEC B ---
						|-- Najnovsi clanok
						|-- Najnovsie / Najcitanejsie / Najdiskutovanejsie /  Nahodne clanky

PATA -------------------
						|-- Kredit
						|-- Vedlajsia navigacia

Stlpce TELO: [10 + [10+510+5] + [5+400+10] + 10]

*/