/*
RESETUJEM STYLY DEFINOVANE PROHLIZECEM 
!! JE POTREBA POZDEJI NASTAVIT FORMATOVANI ZAKLADNICH ELEMENTU JAKO LI, P, H1-6 a pod.
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  margin:0; padding:0; }
html, body { height: 100%; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
/*address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }*/
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* nadefinovani co jsme resetovaly
==================================================================================== */
p { padding-bottom:1em; }
blockquote { padding-left:1em; padding-bottom:1em; }
#articleHolder li { background:url("/images/li.png") 0 3px no-repeat; padding-left:15px; }
#articleHolder { font-size:12px;}
#articleHolder p { text-align: justify; padding: 10px 0px; line-height: 140%; font-size: 13px }
#articleHolder h2 { font-size: 15px; margin: 5px 0px; font-weight: bold; }
/* ==================================================================================== */


html, body {
  font-family: "Arial", sans-serif;
  font-size: 11px;
  line-height:1.5em;
}

/* styl motivu (homepage) */
html { background:#06252d url("/images/homebggradient.jpg") repeat-x; }
body { background: url("/images/homebgmotiv.jpg") 50% 100px no-repeat; }

div.ar {
  text-align: right;
}
div.fr {
  float: right;
}
a img { border: 0 }
div.cleaner {
  clear: both;
  width: 100%;
  height: 0;
  line-height: 0;
}
.h {
  display: none;
}
div.cleaner.h20 {
  height: 20px;
}
div.b20 { margin-bottom: 20px; }
ul.verticalMenu {
  margin: 0;
  padding: 0;
}
ul.verticalMenu li {
  list-style: none;
  float: left;
}
ul.verticalMenu li a {
  display: block;
  padding: 4px 15px;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
}
div.pageWidth {
  width: 983px;
  margin: 0 auto;
  text-align: left;
}
#headHolder { 
  height: 97px;
  border-bottom: 3px solid #ffbb00;
  margin-bottom: 20px;
}
#topMenu {
  height: 23px;
}

#articleOuterHolder {
  position: relative;
  float: left;
  width: 431px;
}
#articleOuterHolder .share {
  background: transparent url(/images/page-bottom.png) no-repeat left top;
  height: 15px;
  padding: 7px;
  color: #666666;
  font-weight: bold;
}
#articleHolder {
  width: 413px;
  padding: 2px 9px;
  background: white;
}
#articleOuterHolder .comments {
  width: 413px;
  padding: 2px 9px;
  background: white;
}
#topstoryHolder {
  width: 413px;
  height: 291px;
  padding: 9px;
  background: transparent url(/images/bg-topstory.png) no-repeat left top;
  position: relative;
  float: left;
  cursor: Pointer;
}
#topstory {
  width: 413px;
  height: 291px;
  background: transparent url(/images/temp.jpg) no-repeat left top
  
}
#topstoryInfo {
  width: 401px;
  position: absolute;
  bottom: 9px;
  background: transparent url(/images/bg-topstory-info.png) no-repeat left top;
  color: white;
  padding: 6px;
  overflow: hidden;
}
#topstoryInfo p {
  margin: 0;
}
#topstoryInfo h2 {
  margin: 0;
  padding: 0;
  margin-bottom: 3px;
  color: #ffcc00;
  font-size: 16px;
}
#topstoryInfo h2 a {
  color: #ffcc00;
  text-decoration: none;
}

.boxSquare {
  width: 247px;
  height: 232px;
  padding: 5px;
  float: left;
  margin-left:  15px;
  background: transparent url(/images/bg-box-square.png) no-repeat left top;
}
.boxRectangle {
  width: 529px;
  height: 309px;
  float: left;
  margin-left:  23px;
  background: transparent url(/images/bg-box-rectangle.png) no-repeat left top;
}
#pageList h1 { color: #FFFFFF; }
#pageList .boxRectangle {
  float: right;
  margin-bottom: 10px;
}
table.boxRectangleSplit {
  width: 520px;
  margin: 5px;
}
table.boxRectangleSplit th {
  width: 50%;
  text-transform: uppercase;
}  
table.boxRectangleSplit td {
  vertical-align: top;
  height: 260px;
  overflow: hidden;
  padding-top: 10px;
} 
table.boxRectangleSplit td dl.list {
  margin-left: 2px;
  width: 240px;
}
table.boxRectangleSplit td dl.news p {
  margin: 0;
  padding: 0;
}
table.boxRectangleSplit td dl img.ico {
  vertical-align: middle;
}
#boxProjects {
  float: left;
  width: 530px;
  height: 56px;
  margin-left: 15px;
  margin-top: 11px;
}

#hpCategories {
  margin-top: 18px;
}
#hpCategories .hpCategory {
  float: left;
  width: 180px;
  padding-right:10px;
margin-right:10px;
margin-bottom:20px;
  background:url("/images/hp-category-spacer.png") repeat-y 100% 0;
}

#hpCategories .hpCategory.vip { margin-right:0; padding-right:0; background:none;}
#hpCategories img.spacer {
  float: left;
  margin: 0px 7px;

}
#hpCategories .hpCategoryTop {
  margin-top: 5px;
  padding-top: 8px;
  width: 180px;
  height: 203px;
  background: transparent url(/images/hp-category-bg-top.png) no-repeat left top;
}
#hpCategories .hpCategory a.perex_image {
  width: 164px;
  height: 84px;
  display: block;
  margin-left: 8px;
}
#hpCategories .hpCategory a.perex_image img {
  border: 0px;
}
#hpCategories .hpCategoryTop h2 {
  margin: 3px 10px 2px 10px;
  height: 26px;
  overflow:hidden;
  line-height:1.3em;
}
#hpCategories .hpCategoryTop h2 a {
  text-decoration: none;
  color: #ffbc00;
  text-transform: uppercase;
}
#hpCategories .hpCategoryTop div.date {
  margin: 0px 10px;
  color: white;
}
#hpCategories .hpCategory p.perex {
  margin: 5px 10px;
  color: white;
  height:50px;
  padding:0;
  overflow:hidden;
}
#hpCategories .hpCategoryMore {
  background-color: #0A5260;
  padding: 5px 10px;
}
#hpCategories .hpCategoryMore a {
  padding: 3px 0px;
  display: block;
  color: white;
  text-decoration: none;
  border-bottom: 1px solid #0b5e6e;
  background: transparent url(/images/hpCategoryMore.gif) no-repeat right center;
}
#hpCategories .hpCategoryMore a:hover {
  border-color: #094652;
}
#foot {
  clear: both;
  padding: 5px;
  text-align: center;
  background-color: #252525;
  border-top: 2px solid #181818;
  color: #666666;
  margin-top: 20px;
}
dl.list dt {
  color: #cc3300;
  text-transform: uppercase;
}
dl.list dd {
  color: #381b05;
  margin: 0px;
  padding: 3px 0px;
  margin-bottom: 5px;
  border-bottom: 1px solid #dddddd;
}
.articleList {
  float: left;
  width: 431px;
}
.articleList .article {
  background: transparent url('/images/bg-article-list.png') no-repeat left top;
  width: 408px;
  height: 90px;
  padding: 8px 15px 8px 8px;
  color: white;
  margin-bottom: 8px;
}
.articleList .article a.perex_image {
  display: block;
  float: left;
  margin-right: 14px;
}
.articleList .article a img {
  border: 0;
}
.articleList .article h2 {
  font-size: 13px;
  margin: 2px 0px;
  text-transform: uppercase;
}
.articleList .article h2 a {
  color: #d11e0b;
  text-decoration: none;
}
.articleList .article .comments {
  float: right;
}  
.articleList .pager {
  text-align: center;
  margin: 10px;
  color: white;
  font-weight: bold;
}
.articleList .pager a {
  background-color: #232222;
  padding: 5px 10px;
  color: white;
  text-decoration: none;
  
}

.boxHolder255 {
  float: left;
  width: 255px;
  margin-left: 22px;
  color: white;
}
.boxHolder255 a {
  color: white;
  text-decoration: none;
}
.boxHolder255.right {
  margin-left: 20px;
}
.boxHolder255 .head {
  height: 14px;
  padding: 8px;
  background: transparent url(/images/box-255-head.png) no-repeat left top;
  color: white;
  text-transform: uppercase;
}
.boxHolder255 .content {
  background: #171716 url(/images/box-255-content.png) repeat-x left top;
  color: white;
  padding: 8px;
  min-height: 73px;
}
.boxHolder255 .content.np {
  padding: 0;
}
.boxHolder255 .foot {
  height: 3px;
  background: transparent url(/images/box-255-foot.png) no-repeat left top;
  margin-bottom: 20px;
}
.boxHolder255 .lastfm {
  text-align: center;
}
.boxHolder255 .lastfm img {
  margin: 5px;
}
#perexHolder {
  width: 413px;
  height: 300px;
  position: relative;
}
#perexHolder h1 {
  display: block;
  position: absolute;
  bottom: -2px;
  padding: 6px 10px;
  margin: 0;
  min-height: 21px;
  width: 393px;
  background: #CC1E0B url(/images/hudba/detail-h1.png) no-repeat left top;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 20px;
  line-height:23px;  
}

div.gallery {
  text-align: center;
}
div.gallery a img { border: 4px solid #dddddd; margin: 6px; }
div.scroll290 {
  height: 265px;
  overflow: hidden;
}
.box255 .head img.ico {
  vertical-align: middle;
}
#vip_form {
  padding: 10px 8px; text-align: center; height: 64px;
}
#vip_form input {
  border: 1px solid grey;
  width: 90px;
}
#vip_form a {

}
#vip_form a span {
  display: block;
  padding: 2px;  
  margin: 0 auto;
  width: 90px;
  background-color: #0A5260;
  color: white;
  text-decoration: none;
  font-weight: bold;
  width: 90px;  
}
#vip_form ul.error_list {
  width: 90px;
  margin: 0 auto;
  padding: 0;
}
#vip_form ul.error_list li {
  color: white;
  background: #D63F2F;
  list-style: none;
  
}

#articleHolder .poll li.vote {
  margin-bottom: 10px;
  padding: 0px 15px;
  background-position: 0px 4px;
}
#articleHolder .poll {
  border: 4px solid #DDDDDD;
  padding: 10px;
}
#articleHolder .poll p.question {
  padding: 0px 0px 5px 0px;
  font-weight: bold;
}
#articleHolder .poll li.vote.can_vote {
  cursor: Pointer;
}
#articleHolder  .poll li.vote.can_vote:hover {
  background-color: #FBFFE0;
}

.vote .bar {
  height: 5px;
  background-color: #FFBB00;
  margin: 5px 0px;
}
.related li {
  margin-bottom: 10px;
}
.related strong a {
  text-decoration: none;
  font-weight: bold;
  color: black;
}
.related a.perex_image {
  display: block;
  width: 60px;
  height: 45px;
  margin-right: 10px;
  margin-top: 2px;
  float: left;
}
div.comments p.caption {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 2px;
  margin-bottom: 8px;
}
a.annotation {
  color: black;
  text-decoration: none;
}

.boxRectangle a {
  color: black;
} 
.author_list .author_photo {
  width: 50px;
  height: 50px;
  float: left;
  margin-right: 10px;
}
.author_list .author {
  margin-bottom: 5px;
}
.author_list .wannajoin {
  color: grey;
}
#articleHolder {
  position: relative;
}
#social {
 position: absolute; 
 left: -85px; 
 
}
#social .holder { 
  position: fixed;
}
#social .inner-holder {
  width: 60px;
  padding: 5px 6px 0px 6px;
  background-color: white;
}
#social .holder .item {
  padding-bottom: 10px;
  text-align: center;
}