date/*--------------------------------------------------------------------------

    Author: Jiri Komar

    Project: http://www.seo-slovnik.cz

    Create: 11.12.2008

    Last update: 3.9.2009

----------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------------------
	Reset & default styles
-----------------------------------------------------------------------------------------*/

html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object { margin: 0; padding: 0; }
:focus { outline: 0; }

body { font:75%/1.6 Arial, "Lucida Grande", "Luxi Sans", sans-serif; }
hr { display:none; }

a { color:#fff; }
a:hover, a:focus, a:active { text-decoration:none; }
img { vertical-align:middle; }
a img, fieldset { border:none; }
img[usemap] { border:none; }
textarea { font-family:sans-serif; }

table { width:100%; border-collapse:collapse; }
td, th { padding:.3em 1em; }
abbr, acronym { border-bottom:1px dotted #000; cursor:help; }
address { font-style:italic; }

li { display:block; list-style:none; }

h1 { font-size:200%; }
h2 { font-size:150%; }
h3 { font-size:120%; }
h4 { font-size:100%; }
h5 { font-size:89%; }
h6 { font-size:60%; }


/* ---------------------------------------------------------------------------------------
	Default classes
------------------------------------------------------------------------------------------*/

.l { float:left !important; }
.r { float:right !important; }
.c { clear:both !important; }
.n { display:none !important; }
.cn { display:block; margin: 0px auto 10px auto !important; }

.t-l, .td-l td { text-align:left !important; }
.t-c { text-align:center !important; }
.t-r, .td-r td { text-align:right !important; }

.mh {	min-height:1px; }
.sm { font-size:90% !important; }

.w100{
	width: 100%;
}

a.jagg {padding:3px 20px; background:url('../design/icon/jagg.png') left center no-repeat;}
a.linkuj {padding:3px 20px; background:url('../design/icon/linkuj.gif') left center no-repeat;}
a.delicious {padding:3px 13px; background:url('../design/icon/delicious.gif') left center no-repeat;}
a.digg {padding:3px 20px; background:url('../design/icon/digg.gif') left center no-repeat;}
a.vybrali {padding:3px 20px; background:url('../design/icon/vybrali.sme.gif') left center no-repeat;}
a.facebook {padding:3px 20px; background:url('../design/icon/facebook.gif') left center no-repeat;}

a.yahoo {padding:3px 20px; background:url('../design/icon/yahoo.gif') left center no-repeat;}


h1.small, span.h1 { display:inline;	font-size:100%; font-weight:normal; color:#fff; font-family:Tahoma, Arial, Helvetica, sans-serif; margin-top:5px; }
span.h1 strong { font-weight:normal; color:#C95508; }
span.web { color:#fff; font-family:Tahoma; }

span.h1 a { text-decoration:none; }
span.h1 a:hover strong { text-decoration:underline; }

h2.headline,
div.headline { padding:3px 0 3px 13px; background:#262626 url('../design/headline.png') left center repeat-x; color:#fff; font-weight:normal; font-size:130%; }
	h2.headline span,
	div.headline span { color: #FF732F; font-weight:bold; }
	
div.bold { font-weight:bold; }

p.index { padding:5px 6px 0 6px; }
p.index a {	color:#CC0000; }

div#error-message { padding:20px; border:1px solid #CC0000;	background-color:#FFCFCF; }

/*----------------------------------------------------------------------------------------
	Error 404
------------------------------------------------------------------------------------------*/

div#error404 { width:876px; }
	div#error404 h1.big { font-size:300%; }
	div#error404 a { color:#FF732F; }
	div#error404 div.joke { width:480px; height:30px; margin:0 auto 0 auto;	padding:20px; text-align:center;	border:1px solid #FF732F; background-color:#262626; color:#fff; font-size:150%; }

/*----------------------------------------------------------------------------------------
	Layout
------------------------------------------------------------------------------------------*/

body { background: #262626 url('../design/bg.jpg'); }
	
#wrap { position:relative; width: 895px; background: #fff; }

/*----------------------------------------------------------------------------------------
	Header
------------------------------------------------------------------------------------------*/

#header { padding-bottom:3px; background: #262626 url('../design/bg.jpg'); }

	div#top-header {}
		div#search-panel { width:331px; height:42px; background:url('../design/search.jpg') left top no-repeat; display:none; }
			div#search-panel div.in { position: relative; }
				div#search-panel input.search-input { position:absolute; top:10px; left:10px; width:200px; height:17px; border:none; background:#F1F1F1; }
				div#search-panel input.search-s { position:absolute; top:10px; left:222px; width:69px; height:19px; background:#EB813A;	cursor:pointer; color:#fff; text-align:center; }
			
		div#top-menu { width:560px; height:42px; }
			div#top-menu ul li { float:left; height:32px; border-left:1px solid #262626; margin-top: 10px; background:#EB813A url('../design/tmenu.png') left bottom repeat-x; }
			div#top-menu ul li.activ { height:42px; background:#EB813A url('../design/tmenu2.png') left bottom repeat-x; margin:0; }
			div#top-menu ul li a { display:block; padding:6px 6px; text-decoration:none; }
			div#top-menu ul li.activ a { padding-top:10px; }
				
	div#middle-header { width:100%; height:113px; background:#4D4D4D url('../design/header_c.png') left center repeat-x; }
		div.logo { display:block; width:495px; height:113px; background: transparent url('../design/logo.jpg') left top no-repeat; z-index:1;}
	
		div.book-l { position:absolute; display:block; top:70px; left:-41px; width:540px; height:99px; background: transparent url('../design/ico.jpg') left top no-repeat; }
			div.book-l a {	display:block; width:540px; height:99px; cursor:pointer; }
			div.book-l span { display: none; }
		
		div.rss-r { position:absolute; display:block; top:170px; right:-46px; width:45px; height:44px; background:#262626 url('../design/rss.jpg') center top no-repeat; }
			div.rss-r a { display:block; width:100%; height:100%; }
		
		div.tip-header { width:393px; height:96px; margin:10px 3px 0 0; background:#EAEAEA url('../design/tip.jpg') center top no-repeat; }
			div.tip-header p { padding:11px 20px 0 28px; color:#000; font-size:90%; font-style:italic; }
			div.tip-header a { color:#CC0000; }
			div.tip-header span.tip-name { padding-left:25px; color:#262626; background:url('../design/light.png') left center no-repeat; font-size:120%; font-weight:bold; font-style:normal; }
			div.tip-header span.tip-name strong { color:#CC0000; }

	div#word-book { width:100%; height:36px; margin-top:3px; background:#939393; }
		div#word-book li {float:left;	width:27px;	height:26px; margin:4px 0 0 4px; _margin:4px 2px 0 2px; border:1px solid #eb813a; background:#262626;	color:#fff; text-align:center; font-size:140%; font-weight:bold; }
		div#word-book li.orange { border:1px solid #262626; background:#FD690F; }
			div#word-book li a { display:block; width:100%; height:100%; text-decoration:none; }
			div#word-book li a:hover { text-decoration:underline; }

/*----------------------------------------------------------------------------------------
	Content
------------------------------------------------------------------------------------------*/

div#middle { float:left; width:885px; padding:5px; background-color:#fff; }
	div#content { float:left; width:655px; }
	


/*----------------------------------------------------------------------------------------
	Content
------------------------------------------------------------------------------------------*/
	
div#top-news { float:left; width:100%; margin-bottom:10px; background:#EAEAEA; }
	div.top-img { float:left; }
	div.top-img img { margin:18px 15px 30px 5px; padding:3px; }

	div.top-text div.in { padding:15px; }
		div.top-text h2.orange { color:#FF732F; font-size:23px; line-height:27px; margin-bottom:5px; }
	
		div.top-text a { color:#FF732F; text-decoration:none; }
		div.top-text a:hover { text-decoration:underline; }
		
		div.top-text p.nej { font-size:14px; font-weight:bold; }
		div.top-text span.date { font-size:11px; font-weight:bold; }
	
/*----------------------------------------------------------------------------------------
	Homepage main tree
------------------------------------------------------------------------------------------*/

		div#main-tree { float:left; width:100%; background-color:#EAEAEA; border-bottom:3px solid #262626; }
			div#main-tree div.in {	float:left; padding:5px; width:645px;}
			
				div#main-tree div.item { width:49%; background:transparent url('../design/hr.gif') left bottom repeat-x; position:relative; }
					div.item a { color:#000; text-decoration: none; }
					div.item a:hover { text-decoration: underline; }
					div.item h3 { font-size:110%; color:#CC0000; }
					div.item h3 a { color:#CC0000; }
					div.item ul { height:90px; }
					
					div.item ul.b1 { background: transparent url('../design/icon/slovnik-icon.png') left top no-repeat; }			
					div.item ul.b2 { background: transparent url('../design/icon/seo-icon.png') left top no-repeat; }
					div.item ul.b3 { background: transparent url('../design/icon/ppc-icon.png') left top no-repeat; }
					div.item ul.b4 { background: transparent url('../design/icon/web-icon.png') left top no-repeat; }
					div.item ul.b5 { background: transparent url('../design/icon/fulltext-icon.png') left top no-repeat; }
					div.item ul.b6 { background: transparent url('../design/icon/social-icon.png') left top no-repeat; }
					div.item ul.b7 { background: transparent url('../design/icon/eshop-icon.png') left top no-repeat; }
					div.item ul.b8 { background: transparent url('../design/icon/news-icon.png') left top no-repeat; }
					div.item ul.b9 { background: transparent url('../design/icon/testy-icon.png') left top no-repeat; }
					div.item ul.b10 { background: transparent url('../design/icon/dotaz-icon.png') left top no-repeat; }
					
					div.item li { margin-left:80px; padding-left:20px; background:transparent url('../design/li.gif') left 3px no-repeat; line-height:15px; margin-bottom:5px; }
					div#main-tree a.more { padding-left:12px; background:transparent url('../design/li-r.gif') left center no-repeat; font-size:90%; position:absolute; right:0; bottom:0; color:#858585; }
					
					div#banner_center { float:left; margin:10px 0 10px 0; }
			
/*----------------------------------------------------------------------------------------
	Articles
------------------------------------------------------------------------------------------*/

			div#article div.path { color:#717171; font-size:90%; }
				div#article div.path a { color: #CC0000; text-decoration:underline; }
				div#article div.path a:hover { text-decoration:none; }
				
			div#article img.icon { float:left; padding-right:10px; }
			
				div#article div.text img { padding:3px; border:1px solid #DADADA; margin: 10px 10px 10px 0; }
					div#article div.text img.main { float: left; margin:5px 10px 5px 0; }				
					
					/* odsazeni obrazku */
					div#article div.text img.top5 { margin: 5px 10px 10px 0; }
					div#article div.text img.right10 { margin: 0 10px 0 0 !important; border: 0 !important; }
				
					img.ileft { float:left; }
					img.iright { float:right; }
			
			div#article a { color:#000; text-decoration:underline;}
			div#article a:hover { text-decoration:none; }
			
			div#article a.h2_a { text-decoration: none; }
			div#article a.h2_a:hover { text-decoration: underline; }
			
			div#article div.info { color:#000; }
				div#article span.date { padding-left:20px; background:transparent url('../design/date.gif') left center no-repeat; font-weight:bold; }
				div#article span.comment { padding-left:20px; background:transparent url('../design/comm.gif') left center no-repeat; }
			
			div#article span.nocomment { color:#676767; }
			div#article h1.article { font-size:180%; }
			div#article div.text h3{ color:#313131; padding:15px 0 7px 0; }
			div#article div.flag a,
			div#article div.text a { color:#CC0000; text-decoration:underline; }
			div#article div.flag a:hover,
			div#article div.text a:hover { color:#CC0000; text-decoration:none; }
			div#article div.text { padding-left:10px; padding-right:10px; }
			div#article div.hr { background:transparent url('../design/hr.gif') left bottom repeat-x; }
			div#article div.flag { padding-left:25px; margin-left:10px; margin-bottom:10px; background:transparent url('../design/icon/flag.gif') left center no-repeat; }
			div#article div.links { width:645px; height:65px; padding:5px 0 0 10px; }
			div#article div.sub { width:645px; height:25px; padding:5px 0 0 10px; background:#EAEAEA; margin-bottom:10px; }
			
			div#article div.ghost { width:650px; height:10px; padding:5px 0 0 5px; background:#fff; }
			
   		div#article div.links a { text-decoration:none; }
   		div#article div.links a:hover { text-decoration:underline; }
			
			/* Content */
			div#article div.text li { margin-left:20px; padding-left:15px; background:transparent url('../design/li.gif') left center no-repeat; }
			
				p.perex { padding:5px 10px 5px 10px; margin-bottom:10px; background-color:#EAEAEA; }
				
				div.work-to  { background-color:#EAEAEA; width:655px; }
				div.work-to p { padding:5px 10px 5px 10px; }
				
					div#article div.work-to a { color:#CC0000; text-decoration:underline; }
					div#article div.work-to a:hover { text-decoration:none; }
			
			ul#tags li { margin-left:20px; }
				ul#tags li a.red_a { color:#CC0000; font-weight:bold; }
				
			ul#sitemap li,
			ul#sitemap2 li { margin-left:20px; background:none !important; }
			
				ul#sitemap li.cat a { color:#CC0000; font-weight:bold; }
				
				ul#sitemap li.cat-s a,
				ul#sitemap2 li.cat-s a { color:#FD690F; font-weight:bold; }
			   
				ul#sitemap li.art a,
				ul#sitemap2 li.art a { padding-left:10px; background:transparent url('../design/li-b.gif') left center no-repeat; color:#000; }
				
				ul#sitemap li.art a:hover,
				ul#sitemap2 li.art a:hover { color:#000; text-decoration:none; }
			
				ul#sitemap li.main a { font-weight:bold; color:#000; }	
			
/*----------------------------------------------------------------------------------------
	Panels right
------------------------------------------------------------------------------------------*/
		
	div#right-panel { float:right; width:221px; }
	
		div#right-panel ul { background-color:#EAEAEA; margin-bottom:2px; }
		div.legend { margin-bottom:3px; }
			div.legend span.red { padding:0 15px 0 15px; background:transparent url('../design/red.png') left center no-repeat; font-weight:bold; color:#CC0000; }
			div.legend span.black { padding-left:15px; background:transparent url('../design/black.png') left center no-repeat; }
		
		div#right-panel li { line-height:25px; background:transparent url('../design/hr.gif') left bottom repeat-x; }
		div#right-panel li a { width:208px; display:block; padding-left:13px; text-decoration:none; color:#CC0000; font-weight: bold; }
		div#right-panel li.sub a { width:198px; display:block; padding-left:23px; background:transparent url('../design/li-b.gif') no-repeat 15px center; color:#000; text-decoration:none; font-weight:normal; }
		div#right-panel li a:hover { text-decoration:underline; }
		
		div#right-panel div.news { background-color:#EAEAEA; margin-bottom:10px; }
		
			div#right-panel div.news p { padding:0px 5px 5px 5px; background:transparent url('../design/hr.gif') left bottom repeat-x; }
			div#right-panel div.news h3 { padding:5px 5px 0 5px; color:#D01D1D; font-size:12px; }
			div#right-panel span.date { display:block; padding-left:20px; margin-left:5px; background:transparent url('../design/date.gif') left center no-repeat; font-weight:bold; }
			div#right-panel div.news a { color:#D01D1D; }

		div#right-panel div.author { padding:5px; background-color:#EAEAEA; }
			div#right-panel div.author a { color:#CC0000; }
			div#right-panel div.author a.mail { padding-left:20px; background:transparent url('../design/mail.gif') left center no-repeat; }
			div#right-panel div.author a.profil { padding-right:15px; background:transparent url('../design/li-r.gif') right center no-repeat; }
			div#right-panel div.author p { font-size:90%; }			
			div#right-panel div.author acronym { color:#FF732F; }
			
		div#banner_r { margin-bottom:10px; }
		div#banner_r2 { margin-bottom:10px; }
		
		div#right-panel div.tags { background-color:#EAEAEA;  margin-bottom:10px; }	
			div#right-panel div.tags p { padding:5px; text-align:left;  line-height:26px; }
			div#right-panel div.tags a { color:#CC0000; text-decoration:none; }
			div#right-panel div.tags a:hover { text-decoration:underline; }
			
			div#right-panel div.tags a.s0 { font-size: 10px; }
			div#right-panel div.tags a.s10 { font-size: 13px; }
			div#right-panel div.tags a.s20 { font-size: 16px; }
			div#right-panel div.tags a.s30 { font-size: 19px; }
			div#right-panel div.tags a.s40 { font-size: 22px; }
			div#right-panel div.tags a.s50 { font-size: 25px; }
			div#right-panel div.tags a.s60 { font-size: 28px; }
			div#right-panel div.tags a.s70 { font-size: 31px; }
			div#right-panel div.tags a.s80 { font-size: 34px; font-weight: bold; }
		
/*----------------------------------------------------------------------------------------
	Footers
------------------------------------------------------------------------------------------*/
	
div#footer { float:left; position:relative; width:895px; padding-top:100px; background:#fff url('../design/footer.jpg') center bottom no-repeat; height:70px; }
	span.authors { position:absolute; left:200px; top:80px; line-height:15px; color:#0077CC; font-weight:bold; }
	span.authors strong { color:#000; }
	span.authors a { color:#000; text-decoration:none;	}

div#footer-end { float:left; width:885px; padding:5px 5px 10px 5px; background-color:#fff; }
div#footer-end a { color:#000; text-decoration:none; }
div#footer-end a:hover { text-decoration:underline; }
	div#footer-end ul { float:left; width:245px; }
	div#footer-end ul.margin-left { padding-left:20px; }
		div#footer-end li { padding-left:20px; background:#fff url('../design/li.gif') left 3px no-repeat; line-height:15px; margin:2px 0 3px 0; }
		div#footer-end li.first{ padding-left:0; background:#fff; color:#EB813A; }
		div#footer-end h3.bottom { margin-bottom:6px; }
		div#footer-end li h4 { font-weight:normal; }

div#footer-right { float:left; width:360px; height:150px; font-size:90%; }
	div#footer-right a { color:#FF732F; text-decoration:underline; }
		div#footer-right a:hover {	text-decoration:none; }
	
div#end-info { float:left; width:895px; color:#fff; background:#262626 url('../design/bg.jpg'); }
	div#end-info a { color:#EB813A; text-decoration:none; }
	div#end-info a:hover { text-decoration:underline; }
	
	
/*----------------------------------------------------------------------------------------
	Paging
------------------------------------------------------------------------------------------*/
		
#paging { float:left; margin:5px 0 5px 10px; }

	#paging a { display:block; float:left; }
	#paging a.number { width:27px; height:22px; margin:0 1px 0 1px; padding:3px 0 2px 0; background:#FC690F url('../design/icons/list.png') left center no-repeat; text-align:center; color:#fff; font-size:110%; }
	#paging a.b { width:90px; height:21px; padding-top:4px; text-align:center; }
	
	#paging span { display:block; float:left; width:27px; padding:3px 0 2px 0; text-align:center; }
	#paging span.v { height:20px; margin:0 1px 0 0; border:1px solid #000; background:#fff; text-decoration:none; }
	
	#paging.nomargin{ margin-left:0; }	

/*----------------------------------------------------------------------------------------
	Comments
------------------------------------------------------------------------------------------*/	
	
#comments { float:left; width:653px; }
	#comments span.title { font-size:120%; font-weight:bold; }


	#comments dl, #comments dt, #comments dd { float:left; }

	#comments dl { line-height:20px; margin:2px 0; }
	#comments dt { width:150px; text-align:right; font-weight:bold;}
	#comments dd { margin-left:5px; }

	#comments dd input { border:1px solid #000; font-size:110%; }

	#comments input.submit { width:120px; height:30px; background:#202020; color:#fff; cursor:pointer; border:none; }
	#comments textarea { width:650px; margin:2px 0; border:1px solid #000; font-size:110%; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; }
	
	#comments div.info_c{ width:653px; line-height:30px; background-color:#CC0000; border:1px solid #CC0000; text-align:center; color:#fff; }
	
#comments_add { float:left; width:100%; }
	#comments_add p.comments { padding:0 0 5px 20px; }
	#comments_add a.red { color:#CC0000; }
	#comments_add p.comments img { display:inline; float:none; }
	#comments_add span.small { font-size:0.75em; font-family:Arial, Helvetica, sans-serif; }
	#comments_add div.line { position:relative; margin-bottom:10px; }
	
	#comments_add div.line:hover { background-color:#FFFADE; }
	#comments_add div.line:hover div.num a { color:#FC690F; }

	#comments_add div.dark { border-top:8px solid #FC690F; border-left:1px solid #FC690F; border-bottom:1px solid #FC690F; border-right:1px solid #FC690F; background-color:#FFFDEE; }
	#comments_add div.lite { border-top:1px solid #FC690F; border-left:1px solid #FC690F; border-bottom:1px solid #FC690F; border-right:1px solid #FC690F; }
	#comments_add div.num { position:absolute; right:5px; font-size:200%; font-weight:bold; font-style:italic; }
	
	#comments_add div.num a { text-decoration:none; color: #E9E9E9; }
	#comments_add div.num a:hover{ color:#FC690F; }
	
	#comments_add div.line div { padding:5px 0 5px 20px;}

/*----------------------------------------------------------------------------------------
	jQuery util
------------------------------------------------------------------------------------------*/	

@media all {
	.fadein	{ visibility:hidden; }
}

@media handheld {
	.fadein	{ visibility:visible; }
}

pre {
	font-size: 12px;
	padding: 0;
	margin: 8px 0 8px 0;
	background: #f0f0f0;
	border: 3px solid #ccc;
	line-height: 15px; /*-- Height of each line of code --*/
	background: url('../design/ukazka.png') no-repeat left top;
	width: 630px;
	overflow: auto;
	overflow-Y: hidden;
}

pre code { margin:0 0 0 20px; padding:12px 0; display:block; }

/*----------------------------------------------------------------------------------------
	Disqus comments
------------------------------------------------------------------------------------------*/	

#disqus_thread { float:left; padding-left:10px; padding-top:10px; width:630px; }