/*
Theme Name: Kytarovej theme
Theme URI: http://kytarovej.cz/mag/
Description: Theme for Kytarovej.cz http://kytarovej.cz/mag/
Version: 1.0
Author: Peter Lang
Author URI: http://langi.cz/
*/



body{	
 	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
 	font-size: 95%;
	background: #FFFFFF;
	color: #000000; 
	margin: 0;
	padding: 0;
}
h1,
h2,
h3
{
	font-family: sans-serif;
}
a{
	color: #0062A0;
}
a:visited{
	color: #587795;
}
a:hover,
a:focus
{
	text-decoration: none;
}
label{
 
	float: left;
	width: 70px;
}
textarea{

}
abbr{
	cursor: help;
}
.cleaner{
	clear: both;
}

#page{ 	 
}

#header{		
	border-top: solid 1px #272E34;
	background: #0C2F4B url("./img/head_back.gif") repeat-x;
  	height: 80px;
	min-width: 1000px; 
}
#header-in{
	width: 1000px;
	margin: auto;
}
#header h1{
	font-size: 185%;
	font-weight: normal;
	letter-spacing: -2px;
	width: 205px;
	margin: 0;
	padding: 10px 0 0px 15px;	
}
#header h1 a{
	font-family: Verdana, 'Geneva CE', lucida, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
#header .description{
	font-family: Verdana, 'Geneva CE', lucida, sans-serif;
	font-size: 95%;
	color: #C3D2DF;	
	padding: 0px 0 0px 15px;	
}


.vyhledavani {
 	position: absolute;
	top: 37px;
	right: 174px;
	font-size: 70%;
}
.vyhledavani label{
	color: #FFFFFF;
}
.vyhledavani input{
	margin: 0 0 3px 0;
	_margin: 0;
	padding: 0;
}
.vyhledavani .submit{
	font-size: 90%;
	width: 120px;
}


#navigace{	
	font-family: Verdana, 'Geneva CE', lucida, sans-serif;
	font-size: 85%; 
	background: #E0E7EF;
	min-width: 1000px;
	height: 33px;
	margin: 0px 0 30px 0px;
}
#navigace menu{ 
	height: 28px;
	width: 970px;
	margin: 0 auto 0 auto !important;
	padding: 0;
	font-size: 90%;
}
#navigace menu li{ 
	list-style: none;
	float: left;
	margin: 4px 4px 0 0;
	padding: 0;	
}
#navigace menu li a{ 
	display: block;
	text-decoration: none;
	padding: 6px 10px 9px 10px;
}
#navigace menu li a:hover,
#navigace menu .zvoleno a
{
	-moz-border-radius: 7px 7px 0px 0px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-radius: 7px 7px 0px 0px;
	display: block;	
	color: #000000;
	background: #FFFFFF;
}
#navigace menu img{
	border: none;
}
#navigace menu .home-link{ 
	position: relative;
	top: 0;
	left: 0;
}
#navigace menu .home-link span,
#navigace menu .zvoleno .home-link span
{	  
	display: block;
	width: 40px;
	height: 19px;
	position: absolute; 
	top: 3px;
	left: 8px;
	_left: -2px;
}
#navigace menu .home-link span{
	background: url("./img/home.png") top right no-repeat;
}
#navigace menu .zvoleno .home-link span{
	background: url("./img/home.png") top left no-repeat;
}
#navigace menu .zvoleno .home-link span:hover{ 
	background: url("./img/home.png") top left no-repeat;	
}
#navigace menu .home-link:hover span{ 
	background: url("./img/home.png") top left no-repeat;	
}


#main{ 
	background: #FFFFFF;
	width: 1000px;
	margin: auto; 
}


.narrowcolumn,
.widecolumn
{ 
	display: inline;
	background: FFFFFF;
	font-size: 90%;
	width: 650px;
	float: left;
	margin: 0px 65px 20px 0px;
	padding: 25px 15px 15px 30px;
	line-height: 150%; 
}



#sidebar{
	font-size: 85%; 
	line-height: 140%;
	float: left;
	width: 23%;	
	margin: 30px 0 0 0;
	padding: 0px;
}
#sidebar h2{ 
	font-size: 120%;
	margin: 30px 0 7px 0;	
	padding: 0;
}
#sidebar ul{
	margin: 10px 0 0 0;
	padding: 0;
}
#sidebar li{
	list-style: none;
}
#sidebar p#rssfeeds{
	padding-left: 18px;
	margin-left: 2px;
	margin-top: 10px;
	background:url(img/rss.gif) left center no-repeat;
}

#sponsors{
	font-size: 95%;
	background: #F0F4F6;
	width: 150px;
	margin: 0 0 0 -8px;
	padding: 15px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
}
#sponsors h2{
 	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
	font-size: 135%;
	margin-top: 8px;
	margin-bottom: 20px;
}
#sponsors p{
	margin-bottom: 15px;
}
#sponsors a{	
	font-size: 115%;
	line-height: 140%; 
}

#single-post-sidebar,
#single-post-sidebar a
{
	color: #EAEAEA;
}
#single-post-sidebar:hover
{
	color: inherit;
}
#single-post-sidebar:hover a{
	color: #0062A0;
}

.navigation{  
}
.alignleft{
	float: left;
	margin: 0 30px 15px 0;	
}
.alignright{
	float: right;
	margin: 0 0 15px 20px; 
}
.aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.post{ 
	width: 620px;
	margin: 0px 0 110px 0; 
	padding: 2px 0 0 0;
}
.post h1{ 	
	font-size: 240%;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 105%;	
	color: #A81900;
	margin: 17px 0 30px 0;	
}
.post h2 {	
	margin: 30px 0 0 0;
}
.post h2 a,
.post h3 a
{	
	font-size: 130%;
	font-weight: normal;
	letter-spacing: -1px;
	text-decoration: none;
	color: #A81900; 
}
.post h2 a:hover,
.post h3 a:hover
{
	text-decoration: underline;
}
.post img{ 
	border: none;
}
.post ul{
	margin: 0 0 0 40px;
	padding: 0;
}
.post .date,
.post .date-single
{
	position: relative
}
.post .date div,
.post .date-single div
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
	line-height: 125%;
	color: #C6C1A5;
	width: 100px;
	position: absolute;
	left: -115px;	
}
.post .date div{
	top: -19px;
}
.post .date-single div{
	top: -50px;
}
.postmetadata{
	clear: left;
	margin: 50px 0 0 0;
}

.bookmarkify{ 
	clear: both;
	position: relative; 
	top: 40px;
	left: 0;
}
.bookmarkify img{
	margin: 0 10px 0 0; 
}

/*
	the stretched buttons problem in IE
 	thanks to http://latrine.dgx.cz/the-stretched-buttons-problem-in-ie
*/
input.submit{
    padding: 13px;
    width: 0; /* for IE only */
    overflow: visible;
}
input.submit[class] {
    width: auto;
}
/* thanks end ;-) */


.commentlist{
	list-style: none;
	margin: 0;
	padding: 0;
}

.comment,
.pingback
{ 
	border: solid 1px #EFEFEF; 
	border-top: solid 3px #EFEFEF;
	-moz-border-radius: 7px 7px 0px 0px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-radius: 9px 9px 0px 0px;
	width: 450px;
	margin: 0 0 20px -18px;
	padding: 15px 10px 2px 20px;	
}
.comment .comment-meta,
.pingback .comment-meta
{
	font-size: 80%;
	float: right;
	margin: -25px 0 0 0;	 
}
.comment .comment-author{
	display: block;
	width: 200px; 
	font-size: 140%;
	font-weight: bold;	
	color: #474747;
} 
.comment .comment-author a{
	text-decoration: none;
	color: #474747;
}
.comment .comment-author .says{
	display: none;
}
.comment .commentmetadata a{
	text-decoration: none;
	color: #AEAEAE;
}



.comment .warning{
	color: red;
}

.toplink{
	font-size: 85%;
	text-align: right;
	margin: 25px 360px 0 15px;
}



#paticka{
	border-top: solid 1px #9DA5B1;
	font-size: 80%;
	line-height: 150%;
	margin: 20px 0 0 0;
	padding: 15px 0px 30px 0px;
	color: #434343;
	background: #DDE1E7;
	min-width: 1000px;
}
#paticka-in{
	margin: 0 0 0 147px;
}
#paticka p{
	display: block;
	margin: 3px 0 3px 0;
}
#paticka p a{
	color: #0062A0;
}

#paticka-in menu {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}
#paticka-in menu li{
	list-style: none;
	float: left;
	margin: 0 10px 0 0;
}