/* COLORS
==================================================================================================== 
	yellow: f7b634


*/


/* RESET
==================================================================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr, ul, ol, li {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	list-style:none;
	font-style:normal;

}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

th, td { vertical-align:top; text-align:left; }

a img { border: none; }

a { color:inherit; }
a { color: expression(this.parentNode.currentStyle.color); }

.cleaner 		{ clear:both; height:0; width:0; overflow:hidden; font-size:0; }
.cleaner.left	{ clear:left; }

/* TYPOGRAPHY
==================================================================================================== */
body	{ font-family:"Arial", "sans-serif"; font-size:12px; color:#555555; line-height:1.4em; }
h1 		{ font-size:30px; color:#f7b634; padding-bottom:10px; line-height:normal; padding-top: 5px; }
h3		{ font-size:18px; color:#f7b634; padding-bottom:10px; }
p		{ padding-bottom:1em; }

/* LAYOUT
==================================================================================================== */
body 		{ background:#d0d0d0 url(/images/body.jpg) repeat-x; }

#root		{ width:960px; margin:0 auto; }
#head 		{ height:170px; position:relative; background:url(/images/head.jpg) no-repeat; }
#headLogo	{ position:absolute; left:0; top:35px; width:210px; height:110px; text-decoration:none; }
#headSearch	{ width:190px; height:30px; position:absolute; right:0; top:35px; }
#headMenu	{ height:60px; position:absolute; top:110px; left:0;  }
#wrapper	{ padding:20px; background:#ffffff; }
#sidebar	{ width:300px; float:right; }
#main 		{ width:600px; margin-right:320px; }
#foot		{ clear:both; height:250px; padding:20px; background:url(/images/foot.jpg) repeat-x; }



/* ROUND IT
==================================================================================================== */
#headSearch { -moz-border-radius: 3px; -webkit-border-radius: 3px; -opera-border-radius: 3px; border-radius: 3px; }


/* HEAD SEARCH
==================================================================================================== */
#headSearch input { background:transparent url("/images/blank.gif"); border:0; line-height:1em; padding:0; margin:0; position:absolute; }
#headSearch { background:url("/images/head-search.jpg") repeat-x; }
#headSearch form { position:relative; }
#headSearch .query { width:150px; height:30px; color:#999999; font-style:italic; font-size:11px; top:0; left:5px; }
#headSearch .submit { right:0; top:0; width:35px; height:30px; cursor:pointer; background:url("/images/head-search-submit.jpg") 50% 0 no-repeat;  }



/* HEAD MENU
==================================================================================================== */
#headMenu li 			{ float:left; }
#headMenu li a			{ display:block; height:60px; padding:0 17px; text-decoration:none; }
#headMenu li a em 		{ display:block; font-size:18px; color:#ffffff; padding-top:10px; padding-bottom:3px; line-height:1em; }
#headMenu li a small 	{ font-size:11px; color:#777777; }
#headMenu li.home a     { width:50px; padding:0; }

#headMenu li.active a,
#headMenu li a:hover	{ background:#3b3b3b; }
#headMenu li.home.active a,
#headMenu li.home a:hover	{ background:none; }


#headMenu #socialButtons a			{ width:22px; height:22px; padding-left:3px; display:inline-block; text-decoration:none; }

#headMenu #socialButtons a.fb		{ background:url("/images/social-facebook.png") no-repeat; }
#headMenu #socialButtons a.fb:hover	{ background:url("/images/social-facebook-active.png") no-repeat; }

#headMenu #socialButtons a.tw		{ background:url("/images/social-twitter.png") no-repeat; }
#headMenu #socialButtons a.tw:hover	{ background:url("/images/social-twitter-active.png") no-repeat; }

#headMenu #socialButtons a.yt		{ background:url("/images/social-youtube.png") no-repeat; }
#headMenu #socialButtons a.yt:hover	{ background:url("/images/social-youtube-active.png") no-repeat; }

#headMenu #socialButtons a.lfm		{ background:url("/images/social-lfm.png") no-repeat; }
#headMenu #socialButtons a.lfm:hover	{ background:url("/images/social-lfm-active.png") no-repeat; }



/* RELEVANT STORIES
==================================================================================================== */
.relevantStories li .title 			{ height:50px; background:url("/images/topstory-item.jpg") repeat-x; cursor:pointer; padding-left:20px; }
.relevantStories li small 			{ font-size:10px; color:#999999; display:block; padding-top:10px; line-height:1em; }
.relevantStories li em				{ font-size:15px; color:#555555; display:block; height:20px; overflow:hidden; line-height:1em; }
.relevantStories li .desc 			{ font-size:11px; color:#999999; display:none; background:#444444; padding:0 20px 5px 20px; height:45px; overflow:hidden; line-height:normal; }

.relevantStories li.active .title	{ background:url("/images/topstory-item-active.jpg") repeat-x;  }
.relevantStories li.active em		{ padding-top:10px; color:#ffffff; }
.relevantStories li.active small		{ display:none; }
.relevantStories li.active .desc 	{ display:block; }
.relevantStories li a.image 	{ display:none; }

.relevantStories .arrow				{ position:absolute; right:325px; z-index:2; top:-50px;}


/* TOPSTORY
==================================================================================================== */

#topStory 								{ height:300px; position:relative; overflow:hidden; }
#topStory ul							{ height:300px; width:325px; padding-left:5px; background:url("/images/topstory-items-shadow.png") repeat-y; position:absolute; right:0 ;}
#topStoryShadow							{ background:url("/images/topstory-shadow.jpg") no-repeat; height:40px; }

/* FOOT
==================================================================================================== */

#foot 			{ color:#cccccc; font-size:11px; margin-top:40px;}
#foot h3		{ color:#ffffff; }

#foot .item 	{ width:160px; height:300px; padding:0 30px 0 30px; float:left; }
#footTags 		{ background:url("/images/foot-tags.png") no-repeat; }
#footLastFM 	{ background:url("/images/foot-lfm.png") no-repeat;  }
#footBlog 		{ background:url("/images/foot-blog.png") no-repeat; }
#footAbout 		{ padding:0 !important; width:220px !important; }
#footYS			{ padding-left:30px; background:url("/images/foot-ys.png") no-repeat; }
#footProjects	{ padding-left:30px; padding-bottom:20px; background:url("/images/foot-projects.png") no-repeat; }


#footBlog 			{ line-height: normal; }
#footBlog a			{ text-decoration:none; }
#footBlog li		{ padding-bottom:1em; }
#footBlog small		{ color:#666666; display:block; }

#footLastFM	li		{ padding-left:45px; padding-bottom:1em; }
#footLastFM	em		{ display:block; }		
#footLastFM	a		{ text-decoration:none; }	


/* ARTICLE LIST
==================================================================================================== */

.articleList						{ font-size:0; line-height:0; }
.articleList .article,
.articleList .article a.image,
.articleList .article a.image img,
.articleList .article h3,
.articleList .article .desc,
.articleList .article .foot,
.articleList .article .parameters,
.articleList .article .ratings,
.articleList .article .score		{ display:inline-block; zoom:1; *display:inline; width:280px; }

.articleList .article table			{ width:280px; }
.articleList .article th,
.articleList .article td			{ padding:2px; }
.articleList .article th			{ font-weight:bold; }
.articleList .article td			{ text-align:right; }

.articleList .article .desc,
.articleList .article .parameters,
.articleList .article .ratings		{ font-size:12px; line-height:normal; padding:5px 0; border-bottom:1px solid #eeeeee; }

.articleList .article				{ padding-bottom:30px; }
.articleList .article.odd			{ padding-right:39px; }
.articleList .article h3			{ height:20px; overflow:hidden;  border-top:3px solid #f7b634; margin-top:2px; padding-top:2px; line-height:1em; }
.articleList .article h3 a			{ text-decoration:none; }
.articleList .article .desc 		{ height:30px; overflow:hidden; }
.articleList .article .foot 		{ height:15px; padding-top:5px; overflow:hidden; }
.articleList .article a.comments 	{ float:left; display:block; background:url("/images/comments.jpg") no-repeat 0 50%; padding-left:15px; height:15px; line-height:15px; text-decoration:none; font-size:10px; color:#cccccc; }

.articleList.challenge .article .desc	{ height:90px;}

.articleList .article .ratings td		{ line-height:1em; font-size:20px; letter-spacing:2px; line-height:12px; color:#dddddd; }
.articleList .article .ratings .rated	{ color:#f7b634; }
.articleList .article .score			{ font-size:18px; color:#f7b634; text-align:right; line-height:1em; }


/* TAG FILTER
==================================================================================================== */
#tagFilter 							{ padding:7px; border:1px solid #efefef; margin-bottom:20px; }
#tagFilterClear 					{ text-decoration:none; display:block; float:right; width:14px; height:19px; background:url("/images/tagfilter-clear.png") no-repeat 0 50%; }

#tagFilterActive 					{ background:#e9e9e9; font-size:0; margin-right:15px; margin-bottom:5px; height:19px; overflow:hidden; }
#tagFilterActive li					{ float:left;  margin-left:-7px; padding-left:7px; background:url("/images/tagfilteractive.png") no-repeat -17px 0; }
#tagFilterActive li a 				{ display:block; float:left; height:19px; color:#ffffff; line-height:19px; font-size:11px; text-decoration:none; background-color:#6c6c6c;  padding:0 5px; }
#tagFilterActive li a.remove 		{ width:17px; background:url("/images/tagfilteractive.png") no-repeat 0 0; padding:0;}

#tagFilterActive li.main			{ margin:0; padding:0; background:none; }
#tagFilterActive li.main a 			{ background-color:#fbca6e;}
#tagFilterActive li.main a.remove	{ width:6px; background:url("/images/tagfilteractive.png") no-repeat -24px 0; }


#tagFilterList			{ font-size:0; }
#tagFilterList li		{ display:inline-block; zoom:1; _display:inline; width:100px; }
#tagFilterList li a		{ font-size:11px; text-decoration:none; padding-left:10px; background:url("/images/tagfilterlist-cross.gif") no-repeat 0% 50%; display:block; height:20px; line-height:20px; }

/* TAGS
==================================================================================================== */
.tags li 	{ float:right; height:15px; }
.tags li a	{ display:block; line-height:15px; text-decoration:none; font-size:10px; color:#999999; padding:0 5px 0 10px; background-color:#f2f2f2; border-left:1px solid #ffffff; }
/* TAG COLORS
==================================================================================================== */
.tags li a.tag_hudba {
  background-color: #CC0000;
  color: white;
}
.tag_hudba h1, #main.tag_hudba a {
  color: #CC0000;
}
.articleList .article.tag_hudba h3  {
  color: #CC0000;
  border-color: #CC0000;
}
#headMenu li.tag_hudba a:hover { border-bottom: 3px solid #CC0000; }





.tags li a.tag_lifestyle {
  background-color: #17a62e;
  color: white;
}
.tag_lifestyle h1, #main.tag_lifestyle a {
  color: #17a62e;
}
.articleList .article.tag_lifestyle h3  {
  color: #17a62e;
  border-color: #17a62e;
}
#headMenu li.tag_lifestyle a:hover { border-bottom: 3px solid #17a62e; }






.tags li a.tag_kultura {
  background-color: #FFCC00;
  color: white;
}
.tag_kultura h1, #main.tag_kultura a {
  color: #FFCC00;
}
.articleList .article.tag_kultura h3  {
  color: #FFCC00;
  border-color: #FFCC00;
}
#headMenu li.tag_kultura a:hover { border-bottom: 3px solid #FFCC00; }





.tags li a.tag_fashion {
  background-color: #b946aa;
  color: white;  
}
.tag_fashion h1, #main.tag_fashion a {
  color: #b946aa;
}
.articleList .article.tag_fashion h3  {
  color: #b946aa;
  border-color: #b946aa;
}
#headMenu li.tag_fashion a:hover { border-bottom: 3px solid #b946aa; }








.tags li a.tag_tech {
  background-color: #5c7cc5;
  color: white;
}
.tag_tech h1, #main.tag_tech a {
  color: #5c7cc5;
}
.articleList .article.tag_tech h3  {
  color: #5c7cc5;
  border-color: #5c7cc5;
}
#headMenu li.tag_tech a:hover { border-bottom: 3px solid #5c7cc5; }





.tags li a.tag_design {
  background-color: #717171;
  color: white;
}
.tag_design h1, #main.tag_design a {
  color: #717171;
}
.articleList .article.tag_design h3  {
  color: #717171;
  border-color: #717171;
}
#headMenu li.tag_design a:hover { border-bottom: 3px solid #717171; }



/* PAGING
==================================================================================================== */
.paging 			{ text-align:right; }
.paging li 			{ display:inline-block;  border:1px solid #cccccc; zoom:1; *display:inline; }
.paging a 			{ display:inline-block; width:17px; height:17px; line-height:17px; text-align:center; font-size:11px; color:#cccccc; text-decoration:none; }
.paging li.active  	{ background:#cccccc; color:#ffffff; }
.paging li.active a	{ color:#ffffff; }
.homepage .paging a { width: auto; padding: 0px 6px;}



/* DETAIL
==================================================================================================== */
#storyImage					{ height:300px; width:600px; }
#storyMeta		 			{ width:600px; height:15px; padding:7px 0 7px 0; border-bottom:1px solid #dddddd; }
#storyMeta .date 			{ float:left; display:block; height:15px; line-height:15px; font-size:11px; color:#999999;}

#storySidebar 				{ width:300px; float:right; height:300px; overflow:hidden; }
.storyAuthor				{ height:50px; overflow:hidden; line-height:normal; margin-bottom:10px; font-size:11px; color:#999999 ;}
.storyAuthor h3				{ color:#555555; padding-bottom:3px; line-height:1em; height:20px; overflow:hidden; }
.storyAuthor img			{ padding-right:5px; border-right:3px solid #f7b634; margin-right:10px; display:block; float:left; height:50px; }

#storyLike					{ background:#f7f7f7; border:1px solid #eeeeee; padding:4px; border-right:3px solid #f7b634; margin-bottom:5px; }



#storyComments				{ padding-top:30px; background:url("/images/post-foot-shadow.jpg") no-repeat; }

.storyOpponent				{ }
.storyOpponent .speach		{ padding-left:10px; border-left:3px solid #f7b634; margin-left:55px; }
.storyOpponent .speach p	{ font-style:italic; font-size:11px; }
 
.storyGallery				{ font-size:0; line-height:0; padding-bottom:10px; }
.storyGallery.center { text-align: center; }
.storyGallery.left { text-align: left; }
.storyGallery.right { text-align: right; }
.storyGallery li			{ display:inline-block; padding:5px; zoom:1; *display:inline; }
.storyGallery a				{ display:inline-block; padding:4px; border:1px solid #eeeeee; background:#f6f6f6; }

.storyGallery.center { text-align: center; }
.storyGallery.left { text-align: left; }
.storyGallery.right { text-align: right; }

/* POLL
==================================================================================================== */
.poll 			{ font-size:11px; margin-bottom:20px; }
.poll .answer 	{ font-size:11px; padding:10px 0; border-bottom:1px dotted #dddddd; }
.poll a 		{ color:#f7b634; }
.poll .prc 		{ float:right; }





/* IE6 fix
==================================================================================================== */
#main 		{ margin-right:315px; }
#headMenu li {  _width:150px; }
#headMenu li.home {  _width:50px; }

table.test {
  width: 100%;
  margin: 10px 0px;
}
table.test td { 
  vertical-align: top;
}

table.test .info em {
  font-style: italic;
  font-weight: bold;
}
table.test .poznamky dt {
  color: #AAEC2F;
  font-weight: bold;
}
table.test .poznamky dd {
  margin-left: 10px;
  font-style: italic;
}
table.test .vysledek {
  text-align: right;
  color: #AAEC2F;
  font-size: 18px;
}