/* CSS Blog mujinstruktor.cz */

.blogCols { margin: 0 20px; }
.blogCols .col1 { width: 520px; }
.blogCols .col2 { width: 380px; }

/* blog navigation */
#content #navigation { 
  margin: 0 auto 20px;
  width: 922px; height: 49px; 
  background: url(../images/bg-blog-navigation.png) 0 0 no-repeat;
}

#content #navigation a, 
#content #navigation a:hover { text-decoration: none !important; }

#content #navigation ul {
  margin: 0; padding: 0;
}
#content #navigation ul li {
  float: left;
  height: 48px; line-height: 48px; 
  font-size: 1.2em;
  border-right: 1px solid #e5f1f8;
}
#content #navigation ul li a {
  float: left;
  display: block;
  padding: 0 20px;
  height: 48px; line-height: 48px;
  text-transform: uppercase;
  color: #11599e;
}
#content #navigation ul li.active a,
#content #navigation ul li a:hover {
  color: #fff;
  background: url(../images/bg-blog-navigation-active.png) 0 0 no-repeat;
}
#content #navigation ul li.first.active a,
#content #navigation ul li.first a:hover {
  background: url(../images/bg-blog-navigation-active-first.png) 0 0 no-repeat;
}

#content #navigation .link-press-kit {
  float: right;
  padding: 0 20px 0 35px;
  height: 48px; line-height: 48px;
  font-size: 1.2em; text-transform: uppercase;
  color: #fff;
  background: url(../images/ico-press-kit.gif) 15px 50% no-repeat;
}

/* blog article */
#content .blogArticle { position: relative; height: 100%; overflow: hidden; margin-bottom: 30px; }
#content .blogArticle h2 { margin: 0 0 5px 70px; font-size: 1.7em; font-weight: normal; }
#content .blogArticle h2 a { color: #073b5f; }
#content .blogArticle p { margin: 0 0 5px 70px; }
#content .blogArticle .date { margin-top: 5px; float: left; width: 59px; height: 51px; background: url(../images/bg-date.gif) 0 0 no-repeat;}
#content .blogArticle .date ul li { height: 25px; line-height: 25px; text-align: center; font-weight: bold; }
#content .blogArticle .date ul li.d { color: #fff; }
#content .blogArticle p.tags { float: none; display: inline; padding-left: 20px; background: url(../images/ico-tags.gif) 0 65% no-repeat; }
#content .blogArticle p.tags a { margin-right: 5px; }
#content .blogArticle p.comments { float: none; display: inline; padding-left: 20px; margin: 0 0 0 10px; background: url(../images/ico-comments.gif) 0 65% no-repeat; }
#content .blogArticle p.comments a { color: #a90007; }
#content .blogArticle p.comments a:hover { color: #073b5f; }


#content .detailArticle { margin: 0 20px; }
#content .detailArticle .h { font-size: 2em; color: #073b5f; font-weight: bold; margin-bottom: 10px; }
#content .detailArticle .perex { line-height: 1.8em; background: #deecf6 url('../images/bg-blog-article-perex-content.jpg') repeat-y; }
#content .detailArticle .perex p { padding: 20px 25px 10px; color: #073b5f; background: url('../images/bg-blog-article-perex-top.jpg') no-repeat; }
#content .detailArticle .perex .bottom { font-size: 0; height: 7px; background: url('../images/bg-blog-article-perex-bottom.jpg') no-repeat; }
#content .detailArticle .in { padding: 20px 25px; line-height: 1.8em; }

#content .detailArticle .gallery { overflow: hidden; height: 100%; margin-bottom: 10px; }
#content .detailArticle .gallery .item { width: 280px; }
#content .detailArticle .gallery .item .frame { background: url('../images/bg-article-gallery-frame.png') no-repeat; }
#content .detailArticle .gallery .item p { color: #797979; padding: 0 2px; margin: 0; }
#content .detailArticle .gallery .middle { margin-left: 15px; }

/* blog column */
#content .blogColumn { width: 370px; float: right; background: #2967a0 url(../images/bg-blogColumn.gif) 100% 0 repeat-x; }
#content .blogColumn span { display: block; width: 370px; padding-top: 30px; background: url(../images/bg-blogColumn-top.gif) 0 0 no-repeat;  }
#content .blogColumn .blogItem { position: relative;  margin-bottom: 30px; color: #fff; }
#content .blogColumn .blogItem h3 { margin-left: 90px; }
#content .blogColumn .blogItem h3 a{ color: #fff; }
#content .blogColumn .blogItem h3 a:hover { color: #bfdef1; }
#content .blogColumn .blogItem p { margin: 0 20px 0 90px; line-height: 1.8em; }
#content .blogColumn .blogItem p a { color: #bfdef1; margin-right: 10px; }
#content .blogColumn .blogItem p a:hover { color: #fff; }
#content .blogColumn .blogItem .thumb { float: left; width: 83px; height: 104px; margin-left: -15px; text-align: center; background: url(../images/bg-blog-thumb.gif) 0 0 no-repeat; }
#content .blogColumn .blogItem .thumb img { margin-top: 5px; }