/* ######################################################
Theme Name:     ZST2
Author:         Mediorama
Template:       twentytwelve
Version:        0.1.0
###################################################### */

@import url("../twentytwelve/style.css");


@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,700,400italic,700italic&subset=latin,latin-ext);





/* ############# kolor tekstu w postach ################## */
body {
	color: #4C3327;
}


/* ############# nagłówek ZST Nysa ################## */

img.header-image {
		

margin-top: 0px;
	margin-top: 0rem;	
	margin-bottom: 0px;
	margin-bottom: 0rem;
	border-radius: 0px;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}
/*
img.header-image {
	border-radius: 0px;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
	margin-top: -25px;
	margin-top: -1.785rem;
	margin-bottom: -80px;
	margin-bottom: -5.714rem;
	width: 260px;
	width: 18.571rem;
	position:relative;
	z-index: 1;
}*/


.site-header {
	font-family: 'Ubuntu', sans-serif;
	padding: 0px 0 0 7px;
	padding: 0rem 0 0 0.5rem;
}
.site-header h1,
.site-header h2 {
	text-align: left;
}
.site-header h1 a,
.site-header h2 a {
	color: #4C3327;
	display: inline-block;
	text-decoration: none;
}
.site-header h1 a:hover,
.site-header h2 a:hover {
	color: #C07C54;
}

.site-header h1 a {
	font-size: 56px;
	font-size: 4rem;
	text-align: left;
	line-height: 1;
	margin-bottom: 0px;
	margin-bottom: 0rem;
	text-transform:uppercase;
}

.site-header h1 {
	font-size: 56px;
	font-size: 4rem;
	line-height: 1;
	margin-bottom: 0px;
	margin-bottom: 0rem;
	text-transform:uppercase;

}
.site-header h2 {
	font-weight: normal;
	font-size: 18px;
	font-size: 1.32139rem;
	padding-left: 0.2rem;
	line-height: 1;
	color: #C07C54;
	text-transform:uppercase;

/*	padding-bottom: 0.5rem;
	border-bottom: 1px dotted #4C3327;*/


}


.site-header hr {
	border-top: 1px dotted #4C3327;
	width: 215px;
	margin-bottom: 0.2rem;
	text-align: left;
}


/* ########## belka ze zdjęciem ########### */

.belka {
	font-family: 'Ubuntu', sans-serif;
	background-color: #FCE193;
	left: 59%;
	top: 49px;
	top: 3.5rem;
	position: relative;
	padding: 14px 56px 14px 14px;
	padding: 1rem 4rem 1rem 1rem;
	display: inline;
	box-shadow: -2px 2px 6px rgba(100, 100, 100, 0.4);
}

.belka a {
	text-decoration: none;
	text-transform: uppercase;
	color: #4C3327;
	padding-bottom: 0.3rem;
	border-bottom: 1px dotted #4C3327;
	font-weight: bold;	
}

.belka a:hover {
	color: #C07C54;
}


.belka-img {
	position: relative;
	right: 19%;
	padding: 21px 56px 21px 28px;
	padding: 1.5rem 4rem 1.5rem 2rem;
	display: inline;
}

.belka-linki {
	padding: 0px 168px 0px 0px;
	padding: 0 12rem 0rem 0rem;
	display: inline;
}

.belka img {
transform:rotate(3deg);
-ms-transform:rotate(3deg); /* IE 9 */
-moz-transform:rotate(3deg); /* Firefox */
-webkit-transform:rotate(3deg); /* Safari and Chrome */
-o-transform:rotate(3deg); /* Opera */
width: 150px;
border:10px solid white;
position: absolute;
top: -21px;
top: -1.5rem;

overflow: visible;
box-shadow: -2px 2px 6px rgba(100, 100, 100, 0.4);
}



/* ########## pojedynczy post ########### */

.post .entry-header h1 {
	font-family: 'Ubuntu', sans-serif;
        font-size: 28px;
	font-size: 2rem;
	line-height: 1;
	color: #C07C54;
}

.post .entry-header h1 a {
	color: #C07C54;
}

.post .entry-header h1 a:hover {
	color: #F1D4AF;
}


.page .entry-header h1,
#aktualnosci,
.site-content article {
	border-bottom: 1px dotted #4C3327;
	margin-bottom: 28px;
	margin-bottom: 2rem;
	padding-bottom: 24px;
	padding-bottom: 1.7rem;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

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

a:hoover {
	color: #F1D4AF;
}

.data {
	color: #d5d0c8;
	padding: 5px 0 0 0;
	padding: 0.4rem 0 0 0;
	
	
}



/* ############ strona ################## */

#aktualnosci,
.page .entry-header h1 {
	font-family: 'Ubuntu', sans-serif;
        font-size: 28px;
	font-size: 2rem;
	line-height: 1;
	color: #FCE193;
	font-weight:bold;
}





/* ########## sidebar ################ */


.widget-area {
    background-color: #E7E2D9;
    padding: 14px 0 28px 28px;
    padding: 1rem 0 2rem 2rem;
font-family: 'Ubuntu', sans-serif;

box-shadow: -2px 2px 6px rgba(100, 100, 100, 0.4);

} 



.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom: 20px;
	margin-bottom: 1.428571429rem;
	word-wrap: break-word;

}
.widget-area .widget h3 {                 /*tytuły w sidebarze*/
	margin-bottom: 7px;
	margin-bottom: 0.5rem;
        font-size: 21px;
	font-size: 1.5rem;
	text-transform:capitalize;
	color: #4C3327;       /*#C07C54*/
}

.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 14px;              /*wielkość czcionki w sidebarze*/
	font-size: 1rem;
	line-height: 1.846153846;	
}

.widget-area .widget p {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
	margin-left: 36px;
	margin-left: 2.571428571rem;
}
.widget-area .widget a {
	color: #4C3327;
	text-decoration: none; 
}
.widget-area .widget a:before {
    	content: "\00BB\00a0";
	color: #C07C54;
}



.widget-area .widget a:hover {
	color: #C07C54;
}
.widget-area #s {
	width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}


/* ################### nawigacja u góry, do przerobienia na własną ################### */
#site-navigation {
    position: absolute;
    top: 0; 
    right: 0;
display: none;

}

/* #################### footer ##################################### */

footer {
	font-weight: bold;	
	text-align: center;
}


/* #################### move sidebar to the left ##################################### */
@media screen and (min-width: 600px) {
    .site-content {
        float: right;
    }
    .widget-area {
        float: left;
    }
}
 
/* for IE8 and IE7 ----------------*/
.ie .site-content {
    float: right;
}
.ie .widget-area {
    float: left;
}



/* #################### mniejsza rozdzielczość ##################################### */
@media screen and (max-width: 600px) {
	.belka {
		display: none;
		  /*top: -30px;
		  padding: 1rem 2rem 1rem 1rem;*/
		}


	.site-header {
		
/*		position: relative;
		top: 60px; */
		}

}

@media screen and (max-width: 800px) {
.belka img {
	 right: 0%;
	}
}

@media screen and (max-width: 900px) {

		.belka img {
		width: 100px;
		
}


}