@font-face {
 src:url(/vahikab.ttf);
 font-family:vahika;
}

@font-face {
 src:url(/raleway_thin.otf);
 font-family:raleway;
}

@font-face {
 src:url(/museo900-regular.otf);
 font-family:museo;
}

textarea {width:300px;height:150px;}

content {width: 1220px; margin: auto;}

body{
left:0px;
top:0px;
width: 1260px;
height: 100%;
background-image: url(http://katy-perry.pl/wp-content/themes/katy7/img/header.jpg); 
background-repeat: no-repeat;}

.gravatar{
	 float: left;
	 margin: 0px;
}
.gravatar img {border-left: 1px solid #898989;
	 border-top: 1px solid #898989;
	 border-right: 1px solid #898989;
	 border-bottom: 1px solid #898989;
	 background: #efefef;
	 padding-left: 4px;
	 padding-right: 4px;
	 padding-bottom: 4px;
	 padding-top: 4px;
	 filter: alpha(opacity=100);
	 opacity: 1;
	 -moz-opacity:1;
	}
.gravatar a img {border-left: 1px solid #898989;
	 border-top: 1px solid #898989;
	 border-right: 1px solid #898989;
	 border-bottom: 1px solid #898989;
	 background: #efefef;
	 padding-left: 4px;
	 padding-right: 4px;
	 padding-bottom: 4px;
	 padding-top: 4px;
	 filter: alpha(opacity=100);
	 opacity: 1;
	 -moz-opacity:1;
	}
.gravatar a:hover img {border-left: 1px solid #898989;
	 border-top: 1px solid #898989;
	 border-right: 1px solid #898989;
	 border-bottom: 1px solid #898989;
	background: #efefef;
	 padding-left: 4px;
	 padding-right: 4px;
	 padding-bottom: 4px;
	 padding-top: 4px;
	filter: alpha(opacity=0.5);
	opacity: 0.5;
	-moz-opacity:1;
		}

a {
	 color: #ffffff;
	 text-decoration: none;
}

a:active {
	 color: #ffffff;
	 text-decoration: none;
}

a:visited {
	 color: #ffffff;
	 text-decoration: none;
}

a:hover {
	 color: #000000;
	 text-decoration: none;
}

h2{
font-family: Vahika;
font-size: 22px;
line-height: 2px;
text-shadow: #563e7b 1px 1px 0px;
text-align: left;
color: #ede7f7;
}
h2 a:link {
color: #ede7f7;
text-decoration: none;
}
h2 a:visited {
color: #ede7f7;
text-decoration: none;
}
h2 a:hover {
color: #3e3f7b;
text-decoration: none;
}

h3{
font-family: Vahika;
background: #767290;
border: 1px solid #aaa4c8;
font-size: 14px;
line-height: 0px;
padding-left:10px;
padding-top:10px;
padding-right:10px;
padding-bottom:15px;
text-shadow: #563e7b 1px 1px 0px;
text-align: center;
color: #ede7f7;
}
h3 a:link {
color: #3e3f7b;
text-decoration: none;
}
h3 a:visited {
color: #ede7f7;
text-decoration: none;
}
h3 a:hover {
color: #ede7f7;
text-decoration: none;
}

h4{
font-family: museo;
font-size: 24px;
line-height: 1px;
text-shadow: #37352f 1px 1px 0px;
text-align: center;
color: #76746c;
}
h4 a:link {
color: #e6e5e1;
text-decoration: none;
}
h4 a:visited {
color: #e6e5e1;
text-decoration: none;
}
h4 a:hover {
color: #2f7ab5;
text-decoration: none;
}

h5{
font-family: Vahika;
width: 365px;
background: #6b739b;
border: 1px solid #a6acc9;
font-size: 14px;
line-height: 0px;
padding-left:10px;
padding-top:10px;
padding-right:10px;
padding-bottom:15px;
text-shadow: #563e7b 1px 1px 0px;
text-align: center;
color: #ede7f7;
}
h5 a:link {
color: #3e3f7b;
text-decoration: none;
}
h5 a:visited {
color: #ede7f7;
text-decoration: none;
}
h5 a:hover {
color: #ede7f7;
text-decoration: none;
}

h6{
font-family: Vahika;
text-shadow: #563e7b 1px 1px 0px;
color: #ede7f7;
}
h6 a:link {
color: #ede7f7;
text-decoration: none;
}
h6 a:visited {
color: #ede7f7;
text-decoration: none;
}
h6 a:hover {
color: #3e3f7b;
text-decoration: none;
}

.accordion h3 + div {
		height: 0;
		overflow: hidden;
		-webkit-transition: height 0.3s ease-in;
}

.accordion :target h3 + div {
		height: 215px;
}

.accordion .section.large:target h3 + div {
		overflow: none;
}


.accordion h5 + div {
		height: 0;
		overflow: hidden;
		-webkit-transition: height 0.3s ease-in;
}

.accordion :target h5 + div {
		height: 100px;
}

.accordion .section.large:target h5 + div {
		overflow: none;
}

blockquote {
	margin-left: 20px;
	width: 536px;
	border-bottom: 1px solid #626262;
	background-color: transparent;
	background-image: url(http://katy-perry.pl/wp-content/themes/katy7/img/cytat.png);
	background-repeat: no-repeat;
}

blockquote p {
	margin: 0;
	color: #dddcd5;
	font-size: 14px;
	padding-top: 15px;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 15px;
	text-shadow: #4f4e4b 1px 0px 0px;
	font-family: Arial;
	font-weight: normal;
}


.post {
	 background: transparent;
	 background-image: url(http://katy-perry.pl/wp-content/themes/katy7/img/news_background.png);
	 padding-left:5px;
	 padding-right:10px;
	text-shadow: #7b796e 1px 0px 0px;
	color: #f0f0f0;
	 font-family: Arial;
	 font-size: 14px;
}

.post a:link {
	 color: #48463e;
	 font-weight: normal;
	 text-shadow: #c4c3ba 1px 0px 0px;
	 text-decoration: none;
}	
.post a:visited {
	 color: #48463e;
	 text-shadow: #c4c3ba 1px 0px 0px;
	 font-weight: normal;
	 text-decoration: none;
}	
.post a:hover {
	 color: #193d5b;
	 text-shadow: #70a6d3 1px 0px 0px;
	 font-weight: normal;
	 text-decoration: none;
}
.post a:active {
	 color: #48463e;
	 font-weight: normal;
	 text-shadow: #c4c3ba 1px 0px 0px;
	 text-decoration: none;
}	

.post a img {
	 background-color: #76a8d3;
	 border-left: 1px solid #4178a8;
	 border-top: 1px solid #4178a8;
	 border-right: 1px solid #4178a8;
	 border-bottom: 1px solid #4178a8;
	 margin: 3px;
	 padding:3px;
	}
.post a:hover img {
	 background-color: #737378;
	 border-left: 1px solid #2d2f35;
	 border-top: 1px solid #2d2f35;
	 border-right: 1px solid #2d2f35;
	 border-bottom: 1px solid #2d2f35;
	 margin: 3px;
	 padding:3px;
}

ul.pro
 {
	 margin-bottom: 1px;
	 text-shadow: #402e45 1px 1px 0px;
	 margin-top: 2px;
	width: 195px;
	 padding: 5px;
	 font-family: arial;
	 font-size: 11px;
	 list-style: none;
	 line-height: 11px;
	 cursor: hand;
	 color: #ffffff;
	 display: block;
}
ul.pro li {
	 margin-left: 0px;
	 width: 195px;
	 margin-bottom: 1px;
	 margin-top: 1px;
	 padding: 5px;
	 font-family: arial;
	 font-size: 11px;
	 line-height: 11px;
	 background-color: transparent;
	 border-bottom: 1px dotted #9282b0;
	 border-left: 0px solid #0e2939;
	 border-right: 0px solid #0e2939;
	 cursor: hand;
	 color: #ffffff;
	 list-style: none;
	 display: block;
}

ul.pro li a{
	 color: #ccd9e1;
	 width: 195px;
	 text-decoration: none;
}	

ul.pro li:hover {
	 margin-left: 0px;
	 margin-bottom: 1px;
	 margin-top: 1px;
	 width: 195px;
	 padding: 5px;
	 font-family: arial;
	 font-size: 11px;
	 line-height: 11px;
	 background-color: #867fa9;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 -opera-border-radius: 5px;
	 border-right: 1px solid #453f69;
	 border-bottom: 1px solid #453f69;
	 cursor: hand;
	 color: #ffffff;
	 list-style: none;
	 display: block;
}



kalendarz{
font-family: Raleway;
font-size: 35px;
line-height: 1px;
padding:13px;
text-shadow: #7d81b0 1px 1px 1px;
text-align: center;
color: #c6c9cd;
}
kalendarz a:link {
color: #ede7f7;
text-decoration: none;
}
kalendarz a:visited {
color: #ede7f7;
text-decoration: none;
}
kalendarz a:hover {
color: #3e3f7b;
text-decoration: none;
}

liczba{
font-family: Arial;
font-size: 36px;
padding-bottom:5px;
margin-bottom: 5px;
text-shadow: #131f67 1px 1px 0px;
text-align: left;
color: #c6c9cd;
}
liczba a:link {
color: #ede7f7;
padding-bottom:5px;
margin-bottom: 5px;
text-decoration: none;
}
liczba a:visited {
color: #ede7f7;
padding-bottom:5px;
margin-bottom: 5px;
text-decoration: none;
}
liczba a:hover {
color: #3e3f7b;
padding-bottom:5px;
margin-bottom: 5px;
text-decoration: none;
}

fejs{
padding-bottom:10px;
padding-left:115px;
}
fejs a:link {
padding-bottom:5px;
margin-bottom: 5px;
text-decoration: none;
}
fejs a:visited {
padding-bottom:5px;
margin-bottom: 5px;
text-decoration: none;
}
fejs a:hover {
padding-bottom:5px;
margin-bottom: 5px;
text-decoration: none;
}

.related_post_title{
line-height:22px;
font-weight: normal;
color: #ffffff;
font-family: Vahika;
text-align: center;
text-decoration: none;
font-size:11px;
text-shadow: 1px 1px 0px #555ea4;
}

ul.related_post {
font-size: 11px; 
padding:8px;
list-style-type: none;  
font-family: Arial;
text-decoration: none;
color:#ffffff; 
text-shadow: #353535 1px 1px 1px;
}
ul.related_post li a:link {
background-color: transparent;
font-family: Arial;
line-height:20px;
text-decoration: none;
display: block;
width: 170px; 
padding:8px;
color: #ffffff;
text-shadow: #353535 1px 1px 1px;
text-align: left; 
border-bottom: 2px solid #e6e6e6;
}
ul.related_post li a:visited { 
background-color: transparent;
line-height:20px;
font-family: Arial;
text-decoration: none;
display: block;
padding:8px;
width: 170px; 
color: #ffffff;
text-shadow: #353535 1px 1px 1px;
text-align: left; 
border-bottom: 2px solid #e6e6e6;
}
ul.related_post li a:hover {
background-color: #555c92;
font-family: Arial;
text-decoration: none;
line-height:20px;
padding:8px;
color: #ffffff; 
border-bottom: 2px solid #343e70;
}
ul.related_post li a:active { 
background-color: transparent;
display: block;
width: 170px; 
font-family: Arial;
line-height:20px;
padding:8px;
text-decoration: none;
color: #ffffff;
text-shadow: #353535 1px 1px 1px;
text-align: left; 
border-bottom: 2px solid #e6e6e6;
}

.ramka2 {
	font-family: Arial;
	font-weight: normal;
	font-size: 14px;
	text-shadow: #7b796e 1px 0px 0px;
	text-align: left;
	color: #f0f0f0;
	padding-right: 5px; 
	padding-left: 15px; 
}
.ramka2 a:link{
	 color: #48463e;
	 font-weight: normal;
	 text-shadow: #c4c3ba 1px 0px 0px;
	 	 text-decoration: none;
}
.ramka2 a:visited {
	 color: #48463e;
	 font-weight: normal;
	 text-shadow: #c4c3ba 1px 0px 0px;
	 	 text-decoration: none;
}
.ramka2 a:hover {
	 color: #193d5b;
	 text-shadow: #70a6d3 1px 0px 0px;
	 font-weight: normal;
	 text-decoration: none;
}
.ramka2 a:active {
	 color: #48463e;
	 font-weight: normal;
	 text-shadow: #c4c3ba 1px 0px 0px;
	 	 text-decoration: none;
}
.ramka2 a img {
	 filter: alpha(opacity=100);
	 opacity: 1;
	 -moz-opacity:1;
	}
.ramka2 a:hover img {
	filter: alpha(opacity=0.2);
	opacity: 0.2;
	-moz-opacity:1;
		}
		
.ramka3 {
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	text-shadow: #402e45 1px 1px 0px;
	text-align: left;
	color: #ffffff;
	padding-right: 5px; 
	padding-left: 15px; 
}
.ramka3 a:link{
	 color: #d5c9e6;
	 text-decoration: none;
}
.ramka3 a:visited {
	 color: #d5c9e6;
	 text-decoration: none;
}
.ramka3 a:hover {
	 color: #5c4876;
	 text-decoration: none;
}
.ramka3 a:active {
	 color: #d5c9e6;
	 text-decoration: none;
}
.ramka3 a img {
	 filter: alpha(opacity=100);
	 opacity: 1;
	 -moz-opacity:1;
	}
.ramka3 a:hover img {
	filter: alpha(opacity=0.5);
	opacity: 0.5;
	-moz-opacity:1;
		}
		
ul. {
	 margin-bottom: 1px;
	 text-shadow: #402e45 1px 1px 0px;
	 margin-top: 2px;
	width: 195px;
	 padding: 5px;
	 font-family: arial;
	 font-size: 11px;
	 list-style: none;
	 line-height: 11px;
	 cursor: hand;
	 color: #ffffff;
	 display: block;
}
ul.pro li {
	 margin-left: 0px;
	 width: 195px;
	 margin-bottom: 1px;
	 margin-top: 1px;
	 padding: 5px;
	 font-family: arial;
	 font-size: 11px;
	 line-height: 11px;
	 background-color: transparent;
	 border-bottom: 1px solid #6b5192;
	 border-left: 0px solid #0e2939;
	 border-right: 0px solid #0e2939;
	 cursor: hand;
	 color: #ffffff;
	 list-style: none;
	 display: block;
}

ul.pro li a{
	 color: #ccd9e1;
	 width: 195px;
	 text-decoration: none;
}	

ul.pro li:hover {
	 margin-left: 0px;
	 margin-bottom: 1px;
	 margin-top: 1px;
	 width: 195px;
	 padding: 5px;
	 font-family: arial;
	 font-size: 11px;
	 line-height: 11px;
	 background-color: #435581;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 -opera-border-radius: 5px;
	 border-right: 1px solid #000000;
	 border-bottom: 1px solid #000000;
	 cursor: hand;
	 color: #ffffff;
	 list-style: none;
	 display: block;
}

ul.recent {
	 margin-bottom: 1px;
	 text-shadow: #402e45 1px 1px 0px;
	 margin-top: 2px;
	 padding: 1px;
	 font-family: arial;
	 font-size: 11px;
	 list-style: none;
	 line-height: 11px;
	 cursor: hand;
	 color: #ffffff;
	 display: block;
}
ul.recent li {
	 margin-left: 0px;
	 margin-bottom: 1px;
	 margin-top: 1px;
	 padding: 5px;
	 font-family: arial;
	 font-size: 11px;
	 line-height: 11px;
	 background-color: transparent;
	 border-bottom: 1px solid #aa9ac3;
	 border-left: 1px solid #aa9ac3;
	 border-right: 1px solid #aa9ac3;
	 border-top: 1px solid #aa9ac3;
	 cursor: hand;
	 color: #ffffff;
	 list-style: none;
	 display: block;
}

ul.recent li a{
	 color: #ccd9e1;
	 width: 370px;
	 text-decoration: none;
}	

ul.recent li:hover {
	 margin-left: 0px;
	 margin-bottom: 1px;
	 margin-top: 1px;
	 width: 370px;
	 padding: 5px;
	 font-family: arial;
	 font-size: 11px;
	 line-height: 11px;
	 background-color: #867b96;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 -opera-border-radius: 5px;
	 border-right: 1px solid #ada1be;
	 border-left: 1px solid #ada1be;
	 border-top: 1px solid #ada1be;
	 border-bottom: 1px solid #ada1be;
	 cursor: hand;
	 color: #ffffff;
	 list-style: none;
	 display: block;
}

comm1{
font-family: Vahika;
font-size: 18px;
line-height: 8px;
text-shadow: #333333 1px 1px 0px;
text-align: left;
color: #746e93;
}
comm1 a:link {
color: #2b3c65;
text-decoration: none;
}
comm1 a:visited {
color: #2b3c65;
text-decoration: none;
}
comm1 a:hover {
color: #494369;
text-decoration: none;
}

comm{
font-family: Vahika;
font-size: 16px;
line-height: 8px;
text-shadow: #333333 1px 1px 0px;
text-align: left;
color: #746e93;
}
comm a:link {
color: #2b3c65;
text-decoration: none;
}
comm a:visited {
color: #2b3c65;
text-decoration: none;
}
comm a:hover {
color: #494369;
text-decoration: none;
}


comm2{
font-family: arial;
font-size: 11px;
line-height: 8px;
text-shadow: #6c5f70 1px 1px 1px;
text-align: left;
color: #bcb4d9;
}
comm2 a:link {
color: #ffffff;
text-decoration: none;
}
comm2 a:visited {
color: #ffffff;
text-decoration: none;
}
comm2 a:hover {
color: #bfd0d6;
text-decoration: none;
}
tags {
font-family: Arial;
font-weight: normal;
color: #d0dfe4; 
line-height: 35px;
font-size: 9px;
margin-right:3px;
text-shadow: #575656 1px 1px 1px;
text-align: center;
}

tags a:link {
background-color:#7cb8e5;
color: #ffffff;
margin-right:5px;
line-height: 35px;
border-left: 1px solid #5a9dd0;
border-top: 1px solid #5a9dd0;
border-right: 1px solid #5a9dd0;
border-bottom: 1px solid #5a9dd0;
padding: 5px;
text-decoration: none;
}	
tags a:active {
background-color:#7cb8e5;
color: #ffffff;
margin-right:5px;
line-height: 35px;
border-left: 1px solid #5a9dd0;
border-top: 1px solid #5a9dd0;
border-right: 1px solid #5a9dd0;
border-bottom: 1px solid #5a9dd0;
padding: 5px;
text-decoration: none;
}	
tags a:visited {
background-color:#7cb8e5;
color: #ffffff;
margin-right:5px;
line-height: 35px;
border-left: 1px solid #5a9dd0;
border-top: 1px solid #5a9dd0;
border-right: 1px solid #5a9dd0;
border-bottom: 1px solid #5a9dd0;
padding: 5px;
text-decoration: none;
}	
tags a:hover {
background-color:#41474b;
color: #ffffff;
margin-right:5px;
line-height: 35px;
border-left: 1px solid #4688ba;
border-top: 1px solid #4688ba;
border-right: 1px solid #4688ba;
border-bottom: 1px solid #4688ba;
padding: 5px;
text-decoration: none;
}	
opinia {
font-family: raleway;
font-size: 25px;
padding: 7px;
line-height: 20px;
text-shadow: #ffffff 1px 0px 0px;
text-align: left;
color: #534e6f;
}
opinia a:link {
color: #c31742;
text-decoration: none;
}
opinia a:visited {
color: #c31742;
text-decoration: none;
}
opinia a:hover {
color: #1a2a52;
text-decoration: none;
}

h7{
font-family: Vahika;
font-size: 16px;
text-shadow: #50577c 1px 1px 0px;
text-align: left;
color: #b2b7d3;
}
h7 a:link {
color: #ede7f7;
text-shadow: #563e7b 1px 1px 0px;
text-decoration: none;
}
h7 a:visited {
color: #ede7f7;
text-shadow: #563e7b 1px 1px 0px;
text-decoration: none;
}
h7 a:hover {
color: #795a84;
text-shadow: #563e7b 1px 1px 0px;
text-decoration: none;
}

page{
font-family: Vahika;
font-size: 35px;
line-height: 13px;
text-shadow: #7b949c 1px 1px 1px;
text-align: left;
color: #d0dfe4;
}
page a:link {
color: #d0dfe4;
text-decoration: none;
}
page a:visited {
color: #d0dfe4;
text-decoration: none;
}
page a:hover {
color: #bfd0d6;
text-decoration: none;
}

.last {
	 background: transparent no-repeat #ffffff;
	 padding-top:0px;
	 margin:0px;
	 padding-left:10px;
	 padding-right:10px;
	 color: #ffffff;
	 padding: 1px;
	 font-family: Arial;
	 font-size: 11px;
}
.last a img {
	 border-radius: 5px; 
	 -moz-border-radius: 5px ;
	 -webkit-border-radius: 5px ;
	 -opera-border-radius: 5px ;
	  border-left: 2px solid #9c86af;
	  border-top: 2px solid #9c86af;
	  border-right: 2px solid #9c86af;
	  border-bottom: 2px solid #9c86af;
	  margin: 2px;
	}
.last a:hover img {
	 border-radius: 5px; 
	 -moz-border-radius: 5px ;
	 -webkit-border-radius: 5px ;
	 -opera-border-radius: 5px ;
	  border-left: 2px solid #ffffff;
	  border-top: 2px solid #ffffff;
	  border-right: 2px solid #ffffff;
	  border-bottom: 2px solid #ffffff;
	  margin: 2px;
		}
		
ul.twitter {
	 margin-bottom: 5px;
	 text-shadow: #9ca5a9 1px 1px 1px;
	 margin-top: 2px;
	 padding: 5px;
	 font-family: arial;
	 width:235px;
	 line-height: 11px;
	 cursor: hand;
	 color: #efefef;
	 display: block;
}
ul.twitter li {
	 margin-left: 0px;
	 margin-bottom: 5px;
	 margin-top: 2px;
	 padding: 5px;
	 width:235px;
	 font-family: arial;
	 font-size: 14px;
	 line-height: 14px;
	 background-color: transparent;
	 border-bottom: 2px solid #7eaed6;
	 border-top: 0px solid #af99b5;
	 cursor: hand;
	 color: #ffffff;
	 list-style: none;
	 display: block;
}

ul.twitter li a{
	 color: #ccd9e1;
	 width:235px;
	 text-decoration: none;
}	

ul.twitter li:hover {
	 margin-left: 0px;
	 margin-bottom: 5px;
	 margin-top: 2px;
	 width:235px;
	 padding: 5px;
	 font-family: arial;
	 font-size: 14px;
	 line-height: 14px;
	 background-color: transparent;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 -opera-border-radius: 5px;
	 border-right: 1px solid #4f4e49;
	 border-bottom: 1px solid #4f4e49;
	 border-left: 1px solid #4f4e49;
	 border-top: 1px solid #4f4e49;
	 cursor: hand;
	 color: #000000;
	 list-style: none;
	 display: block;
}

#comments{
	color:#c31742;
	margin-bottom: 5px;
	padding: 0px;	
}
#comments ol{
	list-style:none;
	margin: 0px 0;
	color:#000000;
	padding: 3px;
}
#comments ol li{
	list-style: none;
	margin: 0px 0 0;
	color:#000000;
	padding: 0 0 0px;
	line-height: 15px;
}
</style>