/*
Theme Name: Mirieldesign
Description: Mirieldesign theme
Author: Izabela Kurkiewicz
Author URI: http://www.mirieldesign.com

© all rights reserved
*/



* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
}

html  {height: 100%;}

body {
font: 15px/23px Arial, Helvetica, sans-serif;
color:#2e2b00;  
text-align: left;
background:#e7e0c8 url('design/bg.jpg') ;
height: 100%;
}

#container {
position: relative;
margin: 0 auto;
width:100%;
min-height: 100%;
_height: 100%;
border-bottom: 3px solid #0f1201;
background:url('design/container.jpg') 50% 310px no-repeat;
}

#main {
position: relative;
margin: 0 auto;
width:990px;
overflow:hidden;
padding-bottom:5px;
z-index:2;
text-shadow:1px 1px 0px #fff
}

.rodzice {
position: relative;
overflow:hidden;
background:url('design/serce.jpg') no-repeat 48% 0 ;
padding:70px 0 0 0;
margin-top:-70px;
z-index:-1
}

.rodzice div {
position: relative;
width:370px;
float:right;
text-align:center;
padding: 0px 80px 30px 0;
}
.rodzice div.kotka, .rodzice div.female {
float:left;
padding: 0px 0 30px 80px;
}


/* BOX
--------------------------------------------------------------------------------------- */


.box { 
position:relative;
float:left;
margin: 10px 10px 0;
width:910px;
padding:30px;
background:url('design/box-bg.gif');
-moz-box-shadow:1px 1px 0px rgba(50,33,17,.05), 0px 0px 4px rgba(50,33,17,.07), inset 0px 0px 35px rgba(229,220,194,.75);
-webkit-box-shadow:1px 1px 0px rgba(50,33,17,.05), 0px 0px 4px rgba(50,33,17,.07), inset 0px 0px 35px rgba(229,220,194,.75);
box-shadow:1px 1px 0px rgba(50,33,17,.05), 0px 0px 4px rgba(50,33,17,.07), inset 0px 0px 35px rgba(229,220,194,.75);
z-index:-1;
}
.box:before { 
content:"";
position:absolute;
max-width:100%;
top:50px;
left:30px;
right:30px;
border-bottom:1px solid #D9C795;
z-index:0;
}

.box.dark {
color:#ede5b6;
text-shadow:1px 1px 0px #000;
background:url('design/box-dark-bg.jpg');
-moz-box-shadow:1px 1px 0px rgba(50,33,17,.05), 0px 0px 4px rgba(50,33,17,.07);
-webkit-box-shadow:1px 1px 0px rgba(50,33,17,.05), 0px 0px 4px rgba(50,33,17,.07);
box-shadow:1px 1px 0px rgba(50,33,17,.05), 0px 0px 4px rgba(50,33,17,.07);
}

.box.dark:before { 
border-bottom:1px solid #655B37;
}

.box.twothird {width:550px;}
.box.onethird {width:290px; margin-left:0px}

.box.onethird ul {list-style-type: none; margin:0px;}
.box.onethird ul li {border-bottom:1px solid #E3DBBC; padding:5px 0}
.box.onethird ul li a {text-decoration:none}

.box.onethird .textwidget h2 {margin-top:-25px; font-size:22px;}

#box-photo {
background:url('design/box-photo.jpg');
height: 340px;
-moz-box-shadow:1px 1px 0px rgba(50,33,17,.05), 0px 0px 4px rgba(50,33,17,.07);
-webkit-box-shadow:1px 1px 0px rgba(50,33,17,.05), 0px 0px 4px rgba(50,33,17,.07);
box-shadow:1px 1px 0px rgba(50,33,17,.05), 0px 0px 4px rgba(50,33,17,.07);
}

#box-photo:before { 
display:none;
}
#box-about {
height: 340px;
}

#box-about a.button,
#box-photo a.button {position:absolute; bottom:30px; right:30px}

#box-about h1 {width: 85px;}
body.en #box-about h1 {width: 130px;}
body.de #box-about h1 {width: 150px;}

#link-archiwum{
width:550px;
height:52px;
margin-top:35px;
background:url('design/archive.gif') bottom no-repeat;
text-align:center
}

#link-archiwum a{font-family: "Times New Roman", serif;
text-transform: uppercase;
font-size:15px;
color:#a18333;
text-decoration:none }

/* Header
--------------------------------------------------------------------------------------- */

#top {
position: absolute;
top:0px;
left:0px;
width:100%;
height:310px;
background:url('design/top-bg.gif') top center repeat-x;
}


#header {
position: relative;
margin: 0 auto;
width:100%;
height: 309px;
background:url('design/top.jpg') top center no-repeat;
border-bottom: 1px solid #f6f5f1;
}

#link-home{
position: absolute;
top:80px;
left:250px;
width:500px;
height:140px;
text-indent:-3000px
}

#nav-lang {
position: absolute;
top:0px;
right:0px;
text-shadow:1px 1px 0px #000;
}

#nav-lang div {
float:left;
margin-left:10px;
background:url('design/lines.png') 0px -142px repeat-x;
height:14px;
padding:12px 5px 10px 5px;
font: 11px/11px "Times New Roman", serif;
text-transform: uppercase;
letter-spacing:0.5px;
}
#nav-lang a {color:#7e7e33;text-decoration: none; margin: 0 5px}
#nav-lang a:hover {color:#99993f}

#lang-angielski, #lang-English, #lang-Englisch, #lang-polski, #lang-Polish, #lang-Polnisch, #lang-niemiecki, #lang-German, #lang-Deutsch {
position: relative;
display:block;
width:19px; 
height:14px;
background:url('design/icons.png') 0px 0px no-repeat;
text-indent:-3000px;
float:left;
opacity: 0.75;
-moz-opacity: 0.75;
filter: alpha(opacity=75)
}
#lang-angielski, #lang-English, #lang-Englisch {background:url('design/icons.png') -19px 0px no-repeat;}
#lang-niemiecki, #lang-German, #lang-Deutsch{background:url('design/icons.png') -38px 0px no-repeat;}

#lang-angielski:hover, 
#lang-English:hover, 
#lang-Englisch:hover, 
#lang-polski:hover, 
#lang-Polish:hover, 
#lang-Polnisch:hover, 
#lang-niemiecki:hover, 
#lang-German:hover, 
#lang-Deutsch:hover{
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100)
}




/* Menu
--------------------------------------------------------------------------------------- */


#nav {
font: 17px/17px "Times New Roman", serif;
font-variant:small-caps;
position: absolute;
bottom:0px;
left:0px;
width:1040px;
height:50px;
background:url('design/lines.png') 0px 0px repeat-x;
list-style-type: none;
margin:0px;
padding:10px 0 0 10px;
z-index:20;
}


#nav li {
float:left;
padding-right:5px;
}

#nav li a {
display: block;
padding:12px 11px;
background:url('design/lines.png') 0px -60px repeat-x;
color:#f8e8bf;
text-decoration: none;
text-shadow: 1px 1px 0px rgba(0,0,0,0.22);
text-align:center
}

#nav li a:hover {
background:url('design/lines.png') 0px -101px repeat-x;
}

#menu-item-38 > a {width:46px}
#menu-item-95 a {width:47px}

#menu-item-246 a {width:67px}
#menu-item-238 > a {width:79px}
#menu-item-243 a {width:60px}

#menu-item-230 a {width:70px}
#menu-item-228 a {width:55px}

/* Menu Level-2
--------------------------------------------------------------------------------------- */

#nav ul {
list-style-type: none;
margin:0px;
position:absolute;
background: rgba(54,57,13,0.9);
padding:0px;
box-shadow:1px 1px 5px rgba(0, 0, 0, .30);
-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, .30);
-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, .30);
display:none;
z-index:20;

}

#nav li:hover ul {
display:block
}

#nav ul li {
float: none;
padding:0px;
margin:0px 0 2px 0
}

#nav ul a {
display: block;
padding:10px 12px;
background:url('design/lines.png') 0px -60px repeat-x;
color:#f8e8bf;
text-decoration: none;
text-shadow: 1px 1px 0px rgba(0,0,0,0.22);
text-align:left
}

/* Menu Level-3
--------------------------------------------------------------------------------------- */

#nav ul ul{
-display:none !important;
position:relative;
margin:10px 0;
background:none;
box-shadow:none;
}

#nav ul li:hover ul {
-display:block !important;
}


#nav ul ul a {
display: block;
padding:5px 12px;
background:none;
}



/* Footer
--------------------------------------------------------------------------------------- */


#footer {
position: relative;
margin: -100px auto 0px auto;
width:990px;
text-align:center;
font: 14px/20px  "Times New Roman", serif;
height:150px;
background:url('design/footer.png') no-repeat top center;
padding-top:135px;
text-shadow:none;
}
#footer div {
position: relative;
margin: 0 auto 18px auto;
width:100px;
overflow:hidden
}


#icon-rss, #icon-facebook, #icon-youtube {
position: relative;
display:block;
width:24px; 
height:25px;
background:url('design/icons.png') 0px -15px no-repeat;
text-indent:-3000px;
float:left;
margin:3px
}
#icon-facebook {background:url('design/icons.png') -24px -15px no-repeat;}
#icon-youtube {background:url('design/icons.png') -48px -15px no-repeat;}

#icon-lazycrazy {
position: relative;
background:url('design/icons.png') -59px -2px no-repeat;
text-indent:-3000px;
padding: 0 16px 0 0;
font-size:10px;
margin:0 0 0px 3px
}

/* Index
--------------------------------------------------------------------------------------- */




/* Links
--------------------------------------------------------------------------------------- */


a, a:link { color:#7d8628;  }
a:visited { color:#7d8628; }
a:hover { color:#A7AF36; }
a:active { color:#7d8628; }


a[href$=".pdf"], a[href$=".doc"] {
position:relative;
margin-right:25px
}

a[href$=".pdf"]:after {
content:url('../design/page_acrobat.png');
position:absolute;
right:-22px;
top:2px
}

a[href$=".doc"]:after {
content:url('../design/page_word.png');
position:absolute;
right:-22px;
top:2px
}


/* Buttons
--------------------------------------------------------------------------------------- */

#submit,
.button,
a.button{
font-family: "Times New Roman", serif;
font-size:14px;
line-height:14px;
text-transform:uppercase;
color:#111000; 
text-shadow:0px 1px 0px rgba(251,242,192,0.46);
text-decoration:none;
height:23px;
padding:7px 12px 0px 12px;
background:#fff url('design/lines.png') 0px -178px repeat-x;
float:left;
margin:10px 0px 0px 0px;
-moz-box-shadow:1px 1px 0px rgba(50,33,17,.30), 0px 0px 4px rgba(50,33,17,.07);
-webkit-box-shadow:1px 1px 0px rgba(50,33,17,.30), 0px 0px 4px rgba(50,33,17,.07);
box-shadow:1px 1px 0px rgba(50,33,17,.30), 0px 0px 4px rgba(50,33,17,.07);
}

#submit:hover,
.button:hover,
a.button:hover{
color:#3B2C0A
}

.button.button-right{
float:right;
}

/* Headers
--------------------------------------------------------------------------------------- */


h1,h2 {
font-family: "Times New Roman", serif;
font-weight: normal;
font-size: 35px;
line-height:38px;
font-variant:small-caps;
text-align: left;
margin:0px 0 22px 0;
color:#b49749;
}

h1 {
z-index:4;
background:url('design/box-bg.gif');
display:inline-block;
position:relative;
padding:0 15px;
margin:0px 0 22px -15px;
}


.box.dark h1,.box.dark h2 {
color:#c7a859;
background:url('design/box-dark-bg.jpg');
}

p + h1 {
margin-top:40px
}


h2 {
font-size: 24px;
margin:30px 0 10px 0;
text-transform:uppercase;
}

h1 + h2 {
margin-top:-10px
}


h3 {
font-family: "Times New Roman", serif;
font-weight: normal;
font-size: 20px;
text-align: left;
margin:20px 0 15px 0;
}




/* Styles
--------------------------------------------------------------------------------------- */


p {margin: 0px 0 19px 0px;}

ol {margin: 15px 0 15px 40px;}
ol li {margin-bottom:6px ;}

ul {margin: 15px 0 15px 40px; list-style: disc}
ul li {margin-bottom:3px}

dt {font-weight: normal; margin-top:15px;}
dd {margin-left:50px; margin-bottom:15px;}

sup {font-size: 9px; }

code {
display: block;
width:100%;
height: auto;
font-family:"Courier New", Courier, monospace;
text-align:center;
padding:5px;
margin:0 auto 15px auto;
}

.special {color: #ff010d; font-weight: bold;}
.bob {color: #ff010d; font-weight: bold;}
.bis {color: #d12003; font-weight: bold;}
.biv {color: #01a420; font-weight: bold;}
.nom {color: #ee6001; font-weight: bold;}

.small {color: inherit; font-size: 10px;}
.red {color: #d12003; font-weight: bold;}
.bigger { font-weight:bold; font-size:14px}

.osiagniecia-tytul {display:block; overflow: hidden; color: #d12003; font-weight: bold;}
.osiagniecia-tytul-desc {display:block; float:left; width:45px;}
.osiagniecia-box div {display:block; overflow: hidden;}
.osiagniecia-box {overflow:auto}
.osiagniecia-box h2 {margin:20px 0 10px 0;}
.badania {display:block; overflow: hidden; color: #9BAA03; font-weight: bold;}
.title {float:left;font-weight:bold}

.date {
font: 13px/23px "Times New Roman", serif;
text-transform:uppercase;
color:#7d7947;
margin: 0px 0 5px 0px;
}

.caps {
font-family: "Times New Roman", serif;
font-size: 16px;
line-height:23px;
text-transform: uppercase
}

hr {
height:1px;
border:none;
color:#F3F2F0; 
background-color:#F3F2F0;
}

blockquote {font-style: italic}



/* Tables
--------------------------------------------------------------------------------------- */


table {
border: 1px solid #B7A789;
border-top: 1px solid #D6CBB2;
border-left: 1px solid #D6CBB2;
text-align:left;
width:100%;
margin: 15px 0 20px 0;
font-size:inherit;
-moz-box-shadow:1px 1px 0px rgba(50,33,17,.05), 0px 0px 4px rgba(50,33,17,.07);
-webkit-box-shadow:1px 1px 0px rgba(50,33,17,.05), 0px 0px 4px rgba(50,33,17,.07);
box-shadow:1px 1px 0px rgba(50,33,17,.05), 0px 0px 4px rgba(50,33,17,.07);

}

table td {
border: 1px solid #E8DEC9;

padding: 4px 10px;
background:#FCFCF2;
}

table td.meta-tytul {
font: 17px/23px "Times New Roman", serif;
font-variant:small-caps;
text-align: center; 
font-weight:bold;
color:#b49749; 
}

table th {
border: 1px solid #E8DBC6;
background: #f0ecd9;
font: 17px/23px "Times New Roman", serif;
font-variant:small-caps;
color:#675531;
text-align:center;
padding: 3px 3px;
-moz-box-shadow:inset 0px 0px 10px rgba(0,0,0,0.06);
-webkit-box-shadow:inset 0px 0px 10px rgba(0,0,0,0.06);
box-shadow:inset 0px 0px 10px rgba(0,0,0,0.06);

}

table img.thumbnail {margin: 0;}



table img.attachment-kocieta-photo {
border:none;
vertical-align:bottom;
margin: 0 !important;
padding:0px !important;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
width: 160px;height:120px
}

table .kocieta-photo-cell {padding:0px; width:160px;}
table .kocieta-plec-cell {width:75px}
.kocieta-table p {font-size:12px;line-height:16px;font-style: italic; margin-top:7px }

/* Images
--------------------------------------------------------------------------------------- */

img {border:none; }
img.mini {vertical-align:bottom; margin: 0px 2px 2px 2px}
.gallery {text-align:center;}

.wp-post-image, .alignnone, .aligncenter, .alignright, .alignleft, .thumbnail, object {
margin: 20px 15px !important;
vertical-align: top;
padding:10px; background:#fff;
border: 1px solid #DBD3B7;
border-top: 1px solid #EDE8D1;border-left: 1px solid #EDE8D1;
box-shadow:1px 1px 5px rgba(0, 0, 0, .10);
-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, .10);
-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, .10);
z-index:5;
position:relative
}
.aligncenter {
margin: 30px auto 40px auto !important;
display:block;
}


.alignleft {
float: left;
clear: left;
margin: 1px 30px 20px 0 !important;
}

.alignright {
float: right;
clear: right;
margin: 1px 0 20px 30px !important;
}

img.thumbnail {
width:130px;
height:100px;
margin:12px !important;
}

a:hover img {
opacity: 0.80;
-moz-opacity: 0.80;
filter: alpha(opacity=80)
}

.album {overflow:hidden; padding:25px 0; border-bottom:1px solid #F0EDD1; 
-moz-box-shadow:0px 20px 20px -20px rgba(50,33,17,.05);
-webkit-box-shadow:0px 1px 20px rgba(50,33,17,.05);
box-shadow:0px 1px 20px rgba(50,33,17,.05)}
.album p {margin:15px 0 0 0;}
.album img.thumbnail{float:left; margin:0px 30px 0px 0 !important}


.gallery a {text-decoration:none}

object {display:block}



/* Contact form
--------------------------------------------------------------------------------------- */

.screenReader { left: -9999px; position: absolute; top: -9999px; }

/*****Forms*****/

.kontakt-form label {
	cursor: pointer;
	display: block; 
	margin:5px 0 5px 0;
}

.kontakt-form label.name-email {
	cursor: pointer;
	display: block; 
	clear:right;float:left; width:55px;
		margin:8px 0 5px 0;
}

 #commentform label {
 width:100px;

}
#sendCopy{display:inline;float:left;	width: 40px; 	margin:10px 0 5px 0;}

#author,
#email,
#url,
#comment,
.kontakt-form input, .kontakt-form textarea {
font: inherit;
padding: 5px 10px;
width: 314px;
margin:5px 15px 5px 0;
border: 1px solid #E8DBC6;
background:#FCFCF2;
}

.required {color:red}
#comment {
width:890px;
}

.kontakt-form textarea { height: 200px; width: 528px; }
.kontakt-form input:focus, .kontakt-form textarea:focus { border-color: #B49749; }
.error { color: #f00; }
.kontakt-form .error { font-size: 12px; margin-left: 20px; }
.kontakt-form .screenReader { margin-bottom: 0; }



.kontakt-form button, #submit  {cursor: pointer;
padding:6px 15px 12px 15px;
float:right;
height:30px;; display:block;
font-size:14px;
line-height:14px;
margin:-10px 3px 0 0;
}
  
img#wpstats{position:absolute;top:0;width:0px;height:0px;overflow:hidden}


/* Comments
--------------------------------------------------------------------------------------- */

#comments {
position: relative;
padding:10px 30px 0 40px;
}

.commentlist {
margin:0 0 30px 0;
padding:0px;
}

.commentlist li {
list-style-type: none;
clear:both;
display:block;
position:relative;
margin:20px 0 0px 0;
}

#text .commentlist li:before {display:none}

.comment-autor {
position: relative;
margin-bottom:20px;
font-weight: bold
}

.comment-autor span {
font: 13px/23px "Times New Roman", serif;
text-transform:uppercase;
color:#7d7947;
display:block;
position:relative;
}
.comment-body {
font-style:italic;
position:relative;
padding-bottom:25px
}

.children {
margin:0px;
padding:0px
}

.children .comment-body, .children .comment-autor {
padding-left:50px
}

.children .children .comment-body, .children .children .comment-autor {
padding-left:100px
}

.comment-edit-link {margin-right:15px;}