/*************************************
kronika.ro layout
*************************************/

body {
	background-color:#F1F1F1;
	color:#555;
	font-family:Arial,Tahoma,sans-serif;
	font-size:12px;
	}

/*a {color:#005d91;}
a:hover {color:#0593eb;}*/
a {color:#0593eb;}
a:hover {color:#E64B06;}

strong {
	font-weight:bold;
	}

.belso {
	margin:5px auto;
	text-align:center;
	vertical-align:top;
	}

.csik {
	background-image:url(../img/br.gif);
	background-repeat:repeat-x;
	background-position:left top;
	height:4px;
	width:100%;
	clear:both;
	display:block;
	}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/***********
 FEJLEC
***********/


#header h1 {
/*	padding:20px 0 0 10px;

	font-size:44px;
	font-weight:bold;
	color:#005d91;
	letter-spacing:-2px;
	text-decoration:underline;
	text-align:center;*/
	margin:20px 0 0 10px;
	background:#FFF url(../img/kronika-logo.gif) 0px 0px no-repeat;
	width:220px;
	height:72px;
	text-indent:-2000px;
	}

#header p {
	padding:10px;
	}

#header .balpanel {
	float:left;
	margin-right:20px;
	width:231px;
	}

#header .jobbpanel {
	width:728px;
	float:left;
	text-align:center;
	height:90px;
	}

/***********
 MENU
***********/

#nav {
	color:#FFF;
	margin:5px 0 0 0;
	background-color:#575757;
	width:980px;
	height:35px; 
	clear:both;
	}

.menu {
	padding:0; 
	margin:0; 
	list-style:none; 
	height:35px; 
	background:#575757 url(button1.gif); 
	position:relative; 
	border:1px solid #000; 
	border-width:0 0px; 
	border-bottom:0px solid #444;
	float:left;
	width:750px;
	}
	
.menu li {float:left;}

.menu li a {
	display:block; 
	float:left; 
	height:35px; 
	line-height:35px; 
	color:#FFF; 
	text-decoration:none; 
	font-size:12px; 
	font-weight:bold; 
	text-align:center; 
	padding:0 12px; 
	cursor:pointer;
/*	background:#575757 url(../img/divider.gif) right center no-repeat; */
	}

.rss {
	text-align:right;
	height:25px; 
	line-height:25px; 
	float:left;
	display:block;
	color:#333;
	font-size:10px;
	background-color:#575757; 
	width:220px;
	padding:10px 10px 0 0;
	}

.rss img {
	margin:0 0 0 2px;
	}



/*
.rss a {
	background-color:#F90;
	color:#FFF;
	font-weight:bold;
	padding:2px 3px;
	border:1px solid #FFF;
	text-decoration:none;
	}
*/

.menu li.current a {color:#fff; background:url(button3.gif);}
.menu li a:hover {color:#fff; background:#333 url(button2.gif);}
.menu li.current a:hover {color:#fff; background:#000 url(button3.gif); cursor:default;}


#nav-reg {
	background-color:#EEE;
	width:980px;
	height:25px; 
	clear:both;
	}

.menu-reg {
	padding:0; 
	margin:0; 
	list-style:none; 
	height:25px; 
	background:#EEE url(button1.gif); 
	position:relative; 
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF; 
	float:left;
	width:750px;
	}
	
.menu-reg li {float:left;}

.menu-reg li a {
	display:block; 
	float:left; 
	height:25px; 
	line-height:25px; 
	color:#666; 
	text-decoration:none; 
	font-size:12px; 
	font-weight:bold; 
	text-align:center; 
	padding:0 8px; 
	cursor:pointer;
	}

.menu-reg li {
	display:block; 
	float:left; 
	height:25px; 
	line-height:25px; 
	color:#666; 
	text-decoration:none; 
	font-size:12px; 
	text-align:center; 
	cursor:pointer;
	font-weight:normal;
	}

	
.menu-reg li a:hover {
	color:#FFF;
	background-color:#005d91;
	}

.mainap {
	border-top:1px solid #FFF;
	text-align:right;
	height:25px; 
	line-height:25px; 
	float:left;
	display:block;
	color:#333;
	font-size:11px;
	background-color:#EEE;
	width:220px;
	padding:0 10px 0 0;
	}

/***********
 LEADERBOARD
***********/

#leaderboard {
	margin:5px 0;
	width:980px;
	clear:both;
	}

#leaderboard .balpanel {
	width:728px;
	float:left;
	margin-right:20px;
	}

#leaderboard .jobbpanel {
	width:231px;
	float:left;
	background:#005d91;
	text-align:center;
	height:90px;
	}

#leaderboard ul {
	margin:5px 0 0 0;
	}

#leaderboard ul li {
	margin:0 0 5px 0;
	}

#leaderboard a {
	color:#FFF;
	font-weight:bold;
	}

/***********
 BAL OLDAL
***********/

#baloldal p {
	margin:5px 0 10px 0;
	font-size:11px;
	}

#baloldal h3 {
	text-align:left;
	font-size:15px;
	font-weight:bold;
	color:#005d91;
/*	text-align:center;
	background-color:#005d91;
	background-image:url(../img/bg-baloldal.gif);
	background-repeat:repeat-x;
	padding:5px;*/
	

	/*background-color:#D8F0FE;
	border-bottom:3px solid #F1FAFF;
	border-top:3px solid #F1FAFF;*/
	background-color:#F9F9F9;
	border-bottom:3px solid #EEE;
	border-top:3px solid #F4F4F4;
	padding:3px;
	letter-spacing:-1px;
	}


/* FUNKCIOK */

#breadcrumb {
	margin:0 0 10px 0;
	}

#programokbox,
#topbox {
	margin:5px 0;
	}
/*
#keresbox input.keresmezo {
	width:180px;
	padding:2px;
	border:1px solid #AAA;
	background-color:#FFF;
	}
*/


.hello {
	font-size:11px;
	line-height:16px;
	margin:0 0 10px 0;
	}

.hello a {
	font-size:10px;
	color:#555;
	}

#keresbox form{
	width:214px;
	padding:8px !important;
	margin:0 0 10px 0;
	background-color:#EEE;
	}
#keresbox input {
	font-size: 12px;
	width:160px;
	padding:4px;
	}

	#keresbox input.keresmezo .inactive{
		color:#999;
		}	 
	#keresbox input.keresmezo .active{
		color:#000;
		}	 		
	#keresbox input.keresmezo .focused{
		color:#000;
		background:#fffee7;
		}	

#keresbox select {
	font-size: 12px;
	width:160px;
	padding:4px;
	}

#keresbox input.keresok {
	padding:5px;
	font-size: 12px;
	border:none;
	width:30px;
	font-weight:bold;
	margin:0 0 0 6px;
	background-color:#555;
	color:#FFF;
	}

#topbox { }

#topbox ul {
	font-size:11px;
	line-height:16px;
	margin:0 0 10px 0;
	}

#topbox ul li {
	display:block;
	margin:0 0 4px 0;
	padding:0 0 0 24px;
	background:#FFF url(../img/lista.gif) 0 0 no-repeat;
	}

#topbox ul li a {
/*	color:#E64B06;*/
	color:#0593eb;
	}

#topbox ul li a:hover {
	color:#E64B06;
	}

#programokbox {
	margin:5px 0 10px 0;
	}

#programokbox img {
	width:230px;
	margin:5px 0;
	}
/*
#programokbox ul li {
	margin:0 0 4px 0;
	font-size:10px;
	color:#000;
	}

#programokbox ul li a {
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	}
*/
ul.prog-lista {
	font-size:11px;
	line-height:16px;
	margin:0 0 10px 0;
	}

ul.prog-lista li {
	display:block;
	margin:0 0 4px 0;
/*	padding:0 0 0 24px;
	background:#FFF url(../img/lista.gif) 0 0 no-repeat;
*/	}

#programokbox h4 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	}

#programokbox h4 a:link,
#programokbox h4 a:visited {
	text-decoration:underline;
	color:#555;
	}

#programokbox h4 a:hover {
	text-decoration:underline;
	}
	
#programokbox p {
	margin:0 0 5px 0;
	}

.prog-lista li {
	list-style:none;
	margin:0 0 3px 15px;
	}

#rovidhirekbox .prog-menu,
#programokbox .prog-menu {
	vertical-align:middle;
	margin:5px 0; 
	list-style:none; 
	height:24px; 
	background-color:#EEE; 
	position:relative; font-size:10px;
	}

#rovidhirekbox .prog-menu {
	margin:0 0 5px 0;
	}

#programokbox .prog-menu {
	margin:5px 0 10px 0;
	}	
	
.prog-menu li {
	float:left;
	}

#rovidhirekbox .prog-menu li a,
#programokbox .prog-menu li a {
	display:block; 
	float:left; 
	height:24px; 
	line-height:24px; 
	color:#333; 
	text-decoration:none; 
	font-size:10px;
	text-transform:uppercase;
	font-weight:normal; 
	text-align:center; 
	padding:0px 6px 0 6px; 
	cursor:pointer;
	}

#rovidhirekbox .prog-menu li a {
	padding:0;
	width:115px;
	text-align:center;
	}

#rovidhirekbox .prog-menu li a:hover, 
#programokbox .prog-menu li a:hover {
	color:#FFF; 
	background-color:#0593eb;
	background-image:url(../img/arrow-up.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	}

#rovidhirekbox .prog-menu li a:hover {
	background-color:#E64B06; 
	}

#rovidhirekbox .prog-menu li a.tabactive,
#rovidhirekbox .prog-menu li a:active,

#programokbox .prog-menu li a.tabactive,
#programokbox .prog-menu li a:active {
	background-image:url(../img/arrow-up.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-color:#E64B06; 
	color:#FFF;
	}
#rovidhirekbox .prog-menu li a.tabactive,
#rovidhirekbox .prog-menu li a:active {
	background-color:#0593eb; 
	}

/*
.prog-menu {
	margin:5px 0;
	list-style:none; 
	height:24px; 
	background:#EEE; 
	}
	
.prog-menu li {
	float:left;display:block;
	}

.prog-menu li a {
	display:block; 
	float:left; 
	height:24px; 
	line-height:24px; 
	color:#555; 
	text-decoration:underline; 
	font-size:12px; 
	font-weight:bold; 
	text-align:center; 
	padding:4px 8px 0 8px; 
	cursor:pointer;
	}

.prog-menu li a:hover {
	background:#0593eb; 
	color:#FFF;
	text-decoration:none; 
	}
	
.prog-menu li a.tabactive {
	background:#0593eb; 
	color:#FFF;
	text-decoration:none; 
	}
*/

#szinestintakbox {
	margin:10px 0;
	text-align:center;
	}

#blogbox {
	margin:10px 0 20px 0;
/*	font-family:Verdana,Tahoma,sans-serif;
	background-image:url(http://www.kinnarps.hu/wp-content/themes/kinnarps-v2/images/bg-kiemeles.gif);
	background-position:150px 60px;
	background-repeat:no-repeat;*/
	}

#blogbox img {
	float:left;
	margin:3px 8px 0 0;
	width:50px;
	border:3px solid #CCC;
	}

#blogbox h4 {
	text-transform:uppercase;
	font-size:10px;
/*	font-weight:bold;*/
	font-family:Verdana,Tahoma,sans-serif;
	color:#333;
	padding:2px 0 0 0;
	}

#blogbox h5 {
	margin:5px 0 2px 0;
	font-size:14px;
	color:#9c3827;
	font-weight:bold;

	}

#blogbox p {
	margin:0 0 5px 0;
	font-size:11px;
	}

#szavazasbox {
	margin:5px 0 10px 0;
	clear:both;
	font-size:11px;
	}

#szavazasbox h4 {
	font-size:13px;
	line-height:16px;
	font-weight:bold;
	color:#333;
	margin:0 0 5px 0;
	}

#szavazasbox h5 {
	font-size:11px;
	font-weight:bold;
	color:#333;
	margin:0 0 5px 0;
	}

#szavazasbox ul li {
	display:block;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	width:100%;
	border-bottom:1px solid #EEE;
	}

#szavazasbox form {
	margin:5px 0;
	}

.vote,
#szavazasbox form ul li label,	
#szavazasbox form label {
	margin:6px 0 0 0;
	width:auto;	
	float:none;
	display:inline;
	font-weight:normal;
	}

#szavazasbox form input {
	float:left;
	width:10%;
	margin:1px 0;
	}

#szavazasbox form input.gomb {
	float:left;

	width:60px;
	clear:both;
	display:inline;
	margin:0 20px 0 0;
	background-color:#EEE;
	font-weight:bold;
	color:#555;
	padding:2px;
	font-size:11px;
	border:1px solid #CCC;
	}


#horoszkopbox {
	margin:5px 0;
	text-align:center;
	}

#horoszkopbox iframe {
	width:230px;
	border-width:0px;
	height:100px;
	overflow:hidden;
	margin:0;
	padding:0;
	}

#horoszkopbox img {
	width:160px;
	margin:0 auto;
	}

iframe h4,
#horoszkopbox h4 {
	font-weight:bold;
	font-size:12px;
	text-align:left;
	}

iframe p,
#horoszkopbox p {
	text-align:left;
	font-size:11px;
	margin:0 0 5px 0;
	}

#idojarasbox {
	margin:0px 0 10px 0;
	font-size:11px;
	padding:5px;
	}

#idojarasbox img {
	float:left; 
	margin:0 20px 0 0;
	width:30px;
	height:30px;
	}

#idojarasbox h4 {
	font-weight:bold;
	margin:0 0 4px 0;
	}

#kepregenybox {
	margin:5px 0;
	}

#kepregenybox img {
	margin:0 0 5px 0;
	width:230px;
	}

#kepregenybox h4 {
	background-color:#EEE;
	font-size:11px;
	padding:3px;
	text-align:center;
	margin:0 0 10px 0;
	}

table.valutatabla {
	font-size:12px;
	margin:0px 5px 0px 5px;/*
	border-width:5px 5px 10px 5px;
	border-color:#FFF;
	border-style:solid;
	*/}
	
table.valutatabla tbody tr td {
	display:table-cell;
	height:1em;
	vertical-align:middle;	
	border-bottom:5px solid #FFF;
	}

table.valutatabla tbody tr td img {
	border-top:3px solid #FFF;
	}

td.valutanev {
	width:40px;
	font-weight:bold;
	/*color:#E64B06;*/
	color:#666;
	padding-left:5px;
	}

    /* GRAFIKON */
    .sparkline { 
      float: left; 
      height: 1em;
      margin: 0 0.5em 0 0.5em;
      }
    .sparkline .index { 
      position: relative;
      float: left; 
      width: 2px; 
      height: 100%;       /*margin-right:0.5px;*/

      }
    .sparkline .index .count { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      width: 100%; 
      height: 0; 
      background: #AAA;
      overflow: hidden; 
      text-indent: -9999px;
      }
    
    /* GRAFIKON LISTA */
    .sparklist li { 
      padding: 0.4em 0; 
      }

#baloldal p.valutaforras {
	width:100%;
	text-align:right;
	font-size:9px;
	color:#666;
	}

#balhirdetesbox {
	margin:5px 0 10px 0;
	clear:both;

	}

/***********
 JOBB OLDAL
***********/

#jobboldal h4 {
	text-align:center;
	font-size:11px;
	letter-spacing:4px;
	color:#CCC;
	}

#ajanlo {
	background-color:#FFF;
	text-align:center;
	margin:10px 0 5px 0;
	padding-bottom:1px;
	}

#ajanlo h3 {
	font-family:Times,Georgia,Tahoma, Arial, sans-serif;
	padding:3px;
	background-color:#FFF;
	color:#444;
	font-size:13px;
	font-weight:bold;
	letter-spacing:0px;
	background-color:#F9F9F9;
	border-bottom:3px solid #EEE;
	border-top:3px solid #F4F4F4;	
	}

#ajanlo h4 {
	margin:0px;
	padding:3px;
	background-color:#FFF;
	color:#333;
	font-size:12px;
	font-weight:bold;
	}

#ajanlo img {
	width:120px;
	height:165px;
	margin:5px auto 0 auto;
	}

#ajanlo ul {
	margin:8px 0 0 0;
	text-align:left;
	padding:0px 0 5px 10px;
/*	border-bottom:1px solid #AAA;*/
	}

#ajanlo ul li {
	margin:0 0 5px 0;
	}

#ajanlo ul li a {
	font-size:12px;
	font-weight:bold;
	color:#0593eb;
	padding:0 0 0 20px;
	background-image:url(../img/bullet.gif);
	background-repeat:no-repeat;
	background-position:0 0px;
	}

#ajanlo ul li a:hover {
	background-image:url(../img/bullet-on.gif);
	color:#555;
	}

#elofizetes {
	background-color:#974532;
	text-align:center;
	margin:10px 0 10px 0;
	}

#elofizetes h3 a {
	font-family:Georgia,Verdana,Arial,sans-serif;
	font-size:20px;
	font-weight:normal;
	text-decoration:none;
	color:#FFF;
	padding:3px 0;
	}

#mediaajanlat {
	background-color:#555;
	text-align:center;
	margin:10px 0 10px 0;
	padding:3px 0;
	}

#mediaajanlat h3 a {
	font-family:Arial,Tahoma,Times,Georgia,Verdana,Arial,sans-serif;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;	
	}

#idojaras-jobb {
	margin:10px 0;
	}

#idojaras-jobb h3 {
	text-align:left;
	font-size:15px;
	font-weight:bold;
	color:#005d91;
	background-color:#F9F9F9;
	border-bottom:3px solid #EEE;
	border-top:3px solid #F4F4F4;
	padding:3px;
	letter-spacing:-1px;
	margin:0 0 5px 0;
	}


/***********
 TARTALOM
***********/

#fooldal h3 {
/*	color:#048ce1;
	font-size:10px;
	text-transform:uppercase;
	margin:0 0 1px 0;
	letter-spacing:0.5px;
	font-family:Tahoma,Verdana,Tahoma,sans-serif;
*/	}

.banner468 {
	clear:both;
	margin:20px 0;
	text-align:center;
	}

#cikk-banner {
	clear:both;
	margin:20px 0;
	text-align:center;
	}


/* Tagcloud */

#archivum #cloud-box {
	margin:10px 0;
	clear:both;
	float:none;
	width:100%;
	padding-bottom:10px;
	}
	
#archivum #cloud-box h2 {
	font-size:18px;
	margin:0 0 5px 0;
	}
	
#archivum #cloud-box p {
	font-size:12px;
	}

#archivum ul.cloud { padding: 10px 5px; text-align: center; }
#archivum .cloud a { padding: 0 5px 0 0; color:#0593eb; }

#archivum .cloud { margin: 0; }
#fooldal #archivum ul.cloud li { float:left;}

#archivum ul.cloud li a.tag1 { font-size: 0.7em; font-weight: 100; }
#archivum ul.cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
#archivum ul.cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
#archivum ul.cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
.cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
.cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
.cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
.cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
.cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
.cloud a.tag10 { font-size: 2.5em; font-weight: 900; }


/***********
 SITEMAP
***********/

ul.level0 li a {
	margin:0 0 10px 0px;
	font-weight:normal;
	}

ul.level0 li {
	margin:0 0 5px 0px;
	font-size:14px;
	font-weight:bold;
	}

ul.level1 {
	margin:0 0 10px 0;
	}

ul.level1 li {
	padding:0 0 5px 20px;
	font-size:12px;
	font-weight:normal;
	}


/***********
 FOOTER
***********/

#footer {
	background-color:#555;
	margin:5px 0 0 0;
	clear:both;
	color:#FFF;
	}

#footer h3 {
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	padding:0 0 0 10px;
	}

#footer a {
	color:#EEE;
	}

#footer a:hover {
	color:#CCC;
	}

#footer ul.hasabok li ul.foomenu {
	width:100%;
	padding:5px 10px 15px 10px;
	clear:both;
	}

#footer ul.hasabok li ul.foomenu li {
	float:left;
	display:block;
	margin:0 5px 0 0;
	border-right:1px solid #888;
	padding:0 5px 0 0;
	font-size:11px;
	line-height:17px;
	}

#footer ul.hasabok {
	width:980px;
	clear:both;
	padding:0 0 0 0;
	margin:0;
	}

#footer ul.hasabok li {
	float:left;
	}

#footer ul.hasabok li.bal {
	width:680px;
/*	margin:0 20px 0 0;*/
	}

#footer ul.hasabok li.jobb {
	/*width:245px;*/
	width:270px;
	margin:0 0 0 0;
	text-align:right;
	}

#footer ul.hasabok li.jobb p {
	padding:10px 10px 0 0;
	font-size:11px;
	}

#footer ul.hasabok li ul.menu li {
	display:block;
	width:auto;
	float:none;
	background:none;
	clear:both;
	line-height:16px;
	height:16px;
	}

#footer ul.hasabok li ul.menu li a {
	color:#555;
	background:none;
	}

#footer .menu li a:hover {
	color:#555;
	background:#CCC; 
	}	

#footer img {
	padding:10px 0 0 10px;
	}

#footer p {
	padding: 5px 10px 10px 10px;
	line-height:16px;
	font-size:12px;
	}

	
/***********
 FONTSIZER
***********/
.small_font	{ font-size:small; }
.medium_font	{ font-size:medium; }
.large_font	{ font-size:large; }
.x_large_font	{ font-size:x-large; }
.xx_large_font	{ font-size:xx-large; }

.font_sizer a	{ text-decoration:none; color:black; }