/*
Theme Name: KRSHDOLLS
Theme URI: ...
Description: Šablona pro taneční skupinu KRSHDOLLS
Version: 0.99
Author: Jiří Kabelka
Author URI: ...
Tags: dance
*/



/* CSS Document */
body {
margin: 0;
padding: 0;
background: #262626 url(images/bg.jpg) repeat-x;
text-align: center;
font-family: arial;
}

a {
color: #cb2064;
font-weight: normal;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

img {
border: 0;
}

h1#header {
padding: 0;
margin: 0 auto;
height: 233px;
overflow: hidden;
background: center top url(images/header.jpg) no-repeat;
text-align: center;
}

h1#header a {
display: block;
width: 300px;
height: 233px;
margin: 0 auto;
position: relative;
left: -330px;
}

h1#header span {
display: none;
}

#wrapper {
margin-left: -18px;
}

#content {
width: 983px;
margin: 0 auto;
background: url(images/content.jpg) repeat-y;
min-height: 500px;
_height: 500px;
position: relative;
text-align: left;
}

#content-top {
display: block;
width: 1033px;
background: url(images/content-top.jpg) no-repeat;
padding-top: 50px;
min-height: 150px;
}

#content-bottom {
display: block;
width: 951px;
height: 71px;
background: url(images/content-bottom.jpg) no-repeat;
}

#footer {
position: absolute;
bottom: 0;
left: 0;
color: #b5b4b5;
background: url(images/footer.jpg) no-repeat;
text-align: right;
width: 931px;
height: 26px;
padding: 30px 100px 30px 0;
font-size: 12px;
}

#sidebar {
float: left;
width: 300px;
margin-left: 18px;
_margin-left: 9px;
padding-bottom: 50px;
}

#contentcolumn {
float: right;
width: 600px;
margin-right: 60px;
_margin-right: 30px;
padding-bottom: 50px;
}

hr.cleaner {
clear: both;
visibility: hidden;
}

br.cleaner {
height: 50px;
clear: both;
}

h3 span {
visibility: hidden;
}

#menu h3 {
width: 150px;
height: 50px;
background: url(images/menu-heading.jpg) no-repeat;
margin: 0;
padding: 0;
}

#menu ul {
width: 150px;
margin: 0;
padding: 0;
}

#menu ul li {
display: block;
padding: 0;
margin: 0;
width: 150px;
list-style-type: none;
background: url(images/menu-divide.jpg) left bottom no-repeat;
}

#menu ul li a {
display: block;
width: 150px;
padding: 13px;
color: #595858;
font-weight: bold;
position: relative;
top: -1px;
}

#menu ul li a:hover {
color: #cb2064;
text-decoration: none;
background: url(images/menu-hover.jpg) no-repeat;
}

#menu ul li a.active {
text-decoration: none;
background: url(images/menu-hover.jpg) no-repeat;
}

#gallery h3 a {
display: block;
width: 130px;
height: 41px;
background: url(images/gallery-heading.jpg) no-repeat;
}

#gallery h3 a:hover {
text-decoration: none;
}


#gallery h3 {
margin: 40px 0 10px 0;
padding: 0;
}

#events h3 a {
display: block;
width: 270px;
height: 41px;
background: url(images/calendar.jpg) no-repeat;
}

#events h3 a:hover {
text-decoration: none;
}


#events h3 {
margin: 40px 0 10px 0;
padding: 0;
}

.ngg-widget {
margin-left: 30px;
}

.ngg-widget a img {
padding: 2px;
background: #cb2064;
border: 2px solid #8d3155;
margin: 0 15px 15px 0;
}

#announcement {
background: #cb2064 url(images/announcement.jpg) repeat-y;
width: 560px;
padding: 0;
}

#announcement p {
padding: 0;
margin: 10px 20px;
color: #ffc1d7;
font-size: 14px;
text-align: justify;
}

span.bottom {
display: block;
width: 560px;
height: 12px;
background: url(images/announcement-bottom.jpg) no-repeat;
_margin-bottom: -6px;
}

#announcement a {
color: #fff;
}

h2 span {
visibility: hidden;
}

#contentcolumn h2 {
color: #cb2064;
font-size: 20px;
text-transform: uppercase;
margin: 30px 0 3px 0;
}

.post p {
color: #7f7f7f;
text-align: justify;
font-size: 15px;
}

.post {
width: 535px;
}

.date, p.postmetadata {
color: #a1a1a1;
font-size: 14px;
}

#announcement h2 {
width: 560px;
height: 54px;
background: url(images/announcement-heading.jpg) no-repeat;
margin: 0;
}

div.image {
width: 535px; 
height: 180px; 
overflow: hidden;
margin-top: 10px;
}

div.image img {
padding: 5px;
background: #7F7F7F;
}

.rightalign {
float: right;
}

.leftalign {
float: left;
}

.ngg-albumtitle a {
display: block;
color: #747474;
font-weight: bold;
margin-bottom: 10px;
}

.ngg-album {
border-right: 1px solid #dedede;
border-bottom: 1px solid #dedede;
width: 150px;
margin: 20px 20px 20px 0;
}

.entry .ngg-gallery-thumbnail-box {
float: left;
margin: 20px 20px 20px 0;
padding: 5px;
background: #dedede;
}

.ngg-clear {
clear: both;
}

textarea {
width: 400px;
border: 1px solid #DDDDDD;
float: right;
}

input.text {
border: 1px solid #DDDDDD;
height: 20px;
}

.red {
font-size: 12px;
color: #CB2064;
position: relative;
top: -1px;
}

h3#comments, h3#respond {
color: #CB2064;
font-size: 16px;
}

textarea#comment {
float: none;
}

dl dt {
float: left;
color: #7F7F7F;
}

dl dd {
float: right;
}

#mailform div {
padding: 10px 0;
clear: both;
}

#koment {
background: #cb2064 url(images/announcement.jpg) repeat-y;
width: 560px; 
color: #f7dbe6;
}

span.top {
display: block;
width: 560px;
height: 5px;
background: url(images/announcement-top.jpg) no-repeat;
}

h3#respond {
font-size: 20px;
font-weight: normal;
color: #f7dbe6;
margin-left: 30px;
}

#commentform {
margin-left:30px;
}

.commentlist {
padding: 5px 5px 10px 0;
margin: 0;
}

.commentlist li {
list-style-type: none;
padding: 5px;
margin: 10px 0 5px 0;
background: url(images/divid.jpg) left bottom no-repeat;
}


.commentlist cite {
font-style: normal;
color: #cb2064;
}

.avatar {
float: left;
margin-right: 20px;
}