/*
Theme Name: Pragounion Blue 2013/06
Theme URI: http://pragounion.cz/
Description: Modrá je dobrá
Version: 1
Author: Pragounion
Tags: Pragounion

*/
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
body {
	background: #fff url(images/bg.png) 0 0 repeat;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
}
h1, h2, h3, p {
	margin: 0;
}
.clr {
	width: 1px;
	height: 1px;
	clear: both;
	overflow: hidden;
}
#bg-bottom {
	min-height: 100%;
	_height: 100%;
	/*background: url(images/footer-bg.gif) no-repeat 50% 100%;*/
	position:relative;
}
#footer{
	position: absolute;
	bottom: 0;
	left: 50%;
	width:830px;
	line-height:32px;
	margin-left:-415px;
	padding-top: 30px;
	font-size: 10px;
	background: url(images/footer-bg.png) 50% 100% no-repeat;
	color: #304c61;
}
#footer a{
	color:#304c61;
	text-decoration:none;
}
#bg-top {
	background: url(images/bg-top.png) no-repeat 50% 0;
}
#content {
	padding-bottom:130px;
	width: 975px;
	text-align: left;
	margin: 0 auto;
}
#header {
	height: 302px;
}
#navigation ul, #navigation li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#navigation ul {
	float: left;
	margin-top: 231px;
	margin-left: 36px;
}
#navigation li {
	float: left;
	
}
#navigation li a {
	background-image: url(images/menu.png);
	background-repeat: no-repeat;
	display: block;
	height: 26px;
	text-indent: -5000px;
}
#navigation li.selected a {
	/*background-position: 0 -56px !important;*/
}
#navigation li a:hover, #navigation li a:focus {
	background-position: 0 -56px;
}
#navigation li.news a {
	width: 96px;
	background-position: 0 0;
}
#navigation li.news.selected a, #navigation li.news a:hover {background-position: 0px -26px;}
#navigation li.koncerty a {
	width: 137px;
	background-position: -100px 0;
}
#navigation li.koncerty.selected a, #navigation li.koncerty a:hover {background-position: -100px -26px;}
#navigation li.bio a {
	width: 67px;
	background-position: -237px 0;
}
#navigation li.bio.selected a, #navigation li.bio a:hover {background-position: -237px -26px;}
#navigation li.disko a {
	background-position: -305px 0;
	width: 72px;
}
#navigation li.disko.selected a, #navigation li.disko a:hover {background-position: -305px -26px;}
#navigation li.video a {
	background-position: -372px 0;
	width: 93px;
}
#navigation li.video.selected a, #navigation li.video a:hover {background-position: -372px -26px;}
#navigation li.klipy a {
	background-position: -475px 0;
	width: 89px;
}
#navigation li.klipy.selected a, #navigation li.klipy a:hover {background-position: -475px -26px;}
#navigation li.foto a {
	background-position: -565px 0;
	width: 81px;
}
#navigation li.foto.selected a, #navigation li.foto a:hover {background-position: -565px -26px;}
#navigation li.shop a {
	background-position: -656px 0;
	width: 83px;
}
#navigation li.shop.selected a, #navigation li.shop a:hover {background-position: -656px -26px;}
#navigation li.media a {
	background-position: -739px 0;
	width: 95px;
}
#navigation li.media.selected a, #navigation li.media a:hover {background-position: -739px -26px;}
#navigation li.links a {
	background-position: -845px 0;
	width: 91px;
}
#navigation li.links.selected a, #navigation li.links a:hover {background-position: -845px -26px;}
#navigation li.texty a {
	background-position: -492px 0;
	width: 92px;
}
#navigation li.texty.selected a, #navigation li.texty a:hover {background-position: -492px -26px;}

#main-content h1 {
	margin: 10px 0 0 -35px;
	height: 64px;
	text-indent: -9999px;
}
h1.news {background: url(images/h1-news.png) 0 0 no-repeat;}
h1.koncerty {background: url(images/h1-koncerty.png) 0 0 no-repeat;}
h1.bio {background: url(images/h1-bio.png) 0 0 no-repeat;}
h1.disko {background: url(images/h1-disko.png) 0 0 no-repeat;}
h1.video {background: url(images/h1-video.png) 0 0 no-repeat;}
h1.foto {background: url(images/h1-foto.png) 0 0 no-repeat;}
h1.shop {background: url(images/h1-shop.png) 0 0 no-repeat;}
h1.media {background: url(images/h1-media.png) 0 0 no-repeat;}
h1.links {background: url(images/h1-links.png) 0 0 no-repeat;}
h1.texty {background: url(images/h1-texty.png) 0 0 no-repeat;}

#main-content {
	width: 675px;
	float: left;
}
#main-content-container {
	padding: 0 25px 0 80px
}
#main-content a{
	color: #a5def8;
	text-decoration:none;
}
.page-id-7 #main-content a{
	color:#a5def8;
	text-decoration:underline;
}
.page-id-7 #main-content a:hover{
	color: #a5def8;
	text-decoration:none;
}
.page-id-7 #main-content h3{
	font-size: 19px;
	color: #a5def8;
}
.page-id-7 .box{
	float:left;
	margin:15px 15px 0 0;
	width:175px;
}
.page-id-7 .novinka {
	background: 0 !important;
}

#main-content h2, #main-content h2 a {
	font-size: 19px;
	color: #a5def8;
	margin: 19px 0;
	text-decoration: none;
}
.koncerty-holder h2 {
	font-size: 13px !important;
	margin-bottom: 0 !important;
}
.koncerty-holder p {
	margin-top: 5px !important;
}
#main-content h2 a:hover, #main-content h2 a:focus {
	text-decoration: underline;
}
#main-content p {
	margin: 10px 0;
}
#main-content .novinka {
	background: url(images/hr.png) no-repeat 0 100%;
	padding-bottom: 36px;
}
#toolbar {
	float: left;
	width: 250px;
}
#toolbar h2.koncerty {
	background: url(images/header-chystane-koncerty.png);
	width: 249px;
	height: 95px;
	text-indent: -9999px;
}
#koncerty-box {
	margin-left: 29px;
}
#koncerty-box-bottom {
	background: url(images/koncerty.png) 0 100% no-repeat;
	height: 61px;
}
#koncerty-box-content {
	background: #fff;
	color: #000;
	width: 188px;
}
#koncerty-box-content-container {
	padding: 1px 20px;
	position:relative;
}
#koncerty-box h3 {
	display: block;
	color: #baa10b;
	font-size: 13px;
	margin-top: 4px;
}
#koncerty-box p {
	margin: 6px 0;
}
#socialbar {
	margin-left: 25px;
	margin-top: 25px;
}
#socialbar a {
	text-indent: -9000px;
	display: block;
	float: left;
	width: 34px;
	height: 35px;
	margin-right: 6px;
	background-repeat: no-repeat;
	background-image: url(images/social.png);
}
#socialbar #sb-facebook {
	background-position: 0 0;
}
#socialbar #sb-facebook:hover {
	background-position: 0 -35px;
}
#socialbar #sb-twitter {
	background-position: -40px 0;
}
#socialbar #sb-twitter:hover {
	background-position: -40px -35px;
}
#socialbar #sb-youtube {
	background-position: -78px 0;
}
#socialbar #sb-youtube:hover {
	background-position: -78px -35px;
}
#socialbar #sb-soundcloud {
	background-position: -115px 0;
}
#socialbar #sb-soundcloud:hover {
	background-position: -115px -35px;
}
#socialbar #sb-rss {
	background-position: -155px 0;
}
#socialbar #sb-rss:hover {
	background-position: -155px -35px;
}
.sidebar-logo{
    text-align: center;
    margin-top: 25px
}
.queens{
    width: 144px;
    height: 69px;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    text-indent: -1000px;
    background: url('images/logo-queens.png') 0 0 no-repeat;
}


.size-thumbnail {
	border: 10px solid #304c61;
}
.alignleft {
	float: left;
	margin: 0 25px 10px 0;
}
.alignright {
	float: right;
	margin: 0 0 10px 25px;
}
.last{
	margin-right:0;
}
.back{
	text-align:right;
	padding-right:10px;
}
.fbLikeContainer { clear:both; margin-top:15px;}
.tw_button { float:right; margin-right : 0 !important; margin-top : 17px;}

/** LINKS **/
#links{
	margin-top: 10px;
}
#links .col{
	width: 	142px;
	float: left;
	margin-bottom: 20px
}
#links h3{
	margin-top: 20px;
  clear: both;
}
#links .partners a{
	display: block;
	float: left;
	margin: 5px 23px 15px 0;
}
#links .partners a.last{
	margin-right: 0
}
#links .partners br{
	display: none
}
#links .wrapper {
	float: left;
	background: url(images/hr.png) no-repeat 0 100%;
	padding-bottom: 36px;
}
.galery .attachment-thumbnail {
	border: 10px solid #304c61 !important;
}
.galery .top {
	margin-left: 15px !important;
}
.twitter-wrapper {
	margin-top: 25px;
	padding-bottom: 60px;
	background: url(images/twitter-bottom.png) no-repeat 29px 100%;
}
.twitter-wrapper iframe {
	background-color: #fff;
	margin-left: 29px;
}
.twitter-wrapper h2 {
	height: 86px;
	width: 247px;
	text-indent: -9999px;
	background: url(images/twitter-top.png);
}
.twitter-wrapper .twitter-timeline {
	margin-left: 29px;
	display: block;
	width: 185px;
	background-color: #fff;
	color: #000;
}