html {
overflow-y:scroll;
background: #e5d6af url(images/header-background.png) no-repeat scroll center top;
}
body {
font: 62.5%/1.5  Verdana,sans-serif;
color: #222;
text-align:left;
letter-spacing: normal;
word-spacing: normal;
}
#wrapper {
width: 100%;
margin: 0 auto;
overflow: hidden;
background: transparent;
}
/* ============================================================================================= */
/* HEADER
*/
#header-content-holder {
height: 200px;
width: 980px;
margin: 0px auto;
}
#header-content-holder h1 {
text-indent: -9999px;
display: block;
float: right;
}
#header-content-holder #logo-wolontariatu {
display: block;
width: 178px;
height: 178px;
float: left;
background: transparent url(images/logo-wolontariatu-background.png) no-repeat scroll center center;
margin: 5px 0 0 42px
}
/* ============================================================================================= */
/* NAVIGATION
*/
#navigation-content-holder {
width: 980px;
margin: 0px auto;
}
#navigation-content-holder #navigation {
float: right;
border: 1px solid #b8a67d;
margin-top: -60px;
}
/* ============================================================================================= */
/* MAIN CONTENT
*/
#main-content-holder {
width: 980px;
margin: 0 auto 10px auto;
}

#content #main {
border: 1px solid #B8A67D;
float: right;
height: auto;
overflow: hidden;
padding: 5px 11px 15px 11px;
width: 690px;
}
#content #side {
float: left;
overflow: hidden;
width: 260px;
}
/* ============================================================================================= */
/* SIDEBAR
*/
#side .sidebar-box {
border: 1px solid #B8A67D;
margin-bottom: 5px;
padding: 5px;
}
#side .sidebar-kontakt {
text-align: center;
}
/* KONTAKT BOX */
.sidebar-kontakt h2 {
margin: 0px auto 8px auto;
padding-bottom: 8px;
width: 238px;
border-bottom: 2px solid #aa976d;

color: #6F5729;
font-size: 24px;
line-height: 28px;
font-style: italic;
font-weight: normal;
text-align: center;
}

.sidebar-kontakt h3 {
color: #000;
font-size: 14px;
line-height: 20px;
text-align: center;
font-family: Verdana, sans-serif;
font-weight: normal;
margin: 0px auto 8px auto;
}

.sidebar-kontakt address {
color: #711;
font-size: 11px;
line-height:18px;
text-align: center;
padding: 5px 0px 5px 0px;
font-style: normal;
}
.sidebar-kontakt address:first-line {
color: #222;
font-weight: bold;
}
.sidebar-kontakt p {
color: #222;
font-size: 11px;
line-height:20px;
text-align: center;
font-weight: bold;
}
.sidebar-kontakt a {
color: #711;
font-weight: bold;
display: block;
font-size: 11px;
}
.sidebar-kontakt a:hover {
text-decoration: underline;
}
.sidebar-kontakt p+p {
color: #711;
padding-bottom: 5px;
}
/* PROJEKT NIEMIECKI */
.sidebar-projekt h2 {
margin: 2px auto 2px auto;
padding-bottom: 8px;
width: 238px;
border-bottom: 2px solid #aa976d;

color: #6F5729;
font-size: 17px;
line-height: 20px;
font-style: italic;
font-weight: normal;
text-align: center;
}
.sidebar-projekt #projekt {
color: #000;
font-size: 12px;
line-height: 18px;
margin: 0px 6px 5px 6px;
padding: 5px 4px;
font-family: Verdana, sans-serif;
font-weight: normal;
}
.sidebar-projekt .sidenav {
margin: 0;
margin-top: -5px;
margin-left: -5px;
}
.sidebar-projekt .sidenav li{
background: transparent url(images/side-menu-arrow.png) no-repeat left 5px;
margin-left: 12px;
padding-left: 12px;
list-style: none;
padding-bottom: 4px;
}
.sidebar-projekt .sidenav a {
font-size: 11px;
color: #711;
display: block; /* blinking underline fix */
}
.sidebar-projekt .sidenav a:hover {
text-decoration: underline;
}
.sidebar-projekt #evz {
display: block;
width: 238px;
height: 151px;
margin: 5px 6px 3px 6px;
padding-top: 10px;
border-top: 2px solid #aa976d;
text-indent: -9999px;
background: transparent url(images/logo-EVZ.png) no-repeat scroll center bottom;
}
/* ARCHIWUM AKTUALNOŚCI */
.sidebar-news h2 {
margin: 2px auto 4px auto;
padding-bottom: 4px;
width: 238px;
border-bottom: 2px solid #aa976d;

color: #6F5729;
font-size: 20px;
line-height: 24px;
font-style: italic;
font-weight: normal;
text-align: center;
}
.sidebar-news ul {
padding: 8px 0;
}
.sidebar-news ul li {
font-size: 11px;
line-height: 20px;
background: transparent url(images/side-menu-arrow.png) no-repeat left 7px;
margin-left: 24px;
padding-left: 12px;
}
.sidebar-news a {
color: #711;
letter-spacing: 1px;
display: block;
}
.sidebar-news a:hover {
text-decoration: underline;
}
/* OSTATNIA AKTUALIZACJA */
.sidebar-update p {
color: #711;
line-height: 20px;
text-align: center;
padding: 10px 0 5px 0;
font-size: 11px;
}
.sidebar-update p:first-line {
color: #000;
}
/* ============================================================================================= */
/* PAGE STYLES
*/
#main h2 {
color: #6F5729;
display: block;
font-size: 28px;
font-style: italic;
font-weight: normal;
line-height: 32px;
margin: 5px auto 15px auto;
text-align: center;
}

#content .page-body {
color: #222;
background: transparent;
font-family: Verdana, sans-serif;
font-style: normal;
font-weight: normal;
line-height: 1.8;
letter-spacing: normal;
word-spacing: 1px;
padding: 0 10px;
overflow: hidden;
font-size: 12px;
}

#content .page-body a,
#content .page-body a:visited,
#content .page-body a:link {
color: #711;
text-decoration: none;
border-bottom: 1px dotted #711;
}

#content .page-body a:active,
#content .page-body a:focus,
#content .page-body a:hover {
color: #711;
text-decoration: none;
border-bottom: 1px solid #711;
}

#content .page-body h2 {
color: #6f5729;
line-height: 1.2;
font-weight: normal;
margin-bottom: 10px;
text-align: center;
font-size: 21px;
word-spacing: normal;
letter-spacing: normal;
font-style: italic;
}

#content .page-body h3 {
color: #711;
line-height: 1.2;
font-weight: normal;
padding: 0;
margin: 5px 0;
}

#content .page-body p {
text-align: justify;
margin: 3px auto 3px auto;
padding: 0;
}

#content .page-body em {
font-weight: normal;
font-style: italic;
color: #711;
}
#content .page-body strong {
font-weight: bold;
font-style: normal;
color: #222;
}

#content .page-body ul {margin: 0;padding: 0;}
#content .page-body dt {border-bottom: 1px dotted #222;display: inline;font-weight: bold;}
#content .page-body dd {margin-left: 0;}

#content .page-body ol li {list-style: decimal outside;padding: 2px 0px 2px 0px;margin-left: 24px;}
#content .page-body ol li ol li {list-style: decimal outside;padding: 2px 0px 2px 0px;margin-left: 24px;}
#content .page-body ul li {list-style: disc outside;padding: 2px 0px 2px 0px;margin-left: 24px;}
#content .page-body ul li ul li {list-style: circle outside;padding: 2px 0px 2px 0px;margin-left: 24px;}

#content .page-body ul,
#content .page-body ol {margin: 2px auto;}

#content .page-body a.image-link,
#content .page-body a.image-link:hover {
text-decoration: none;
border: none;
}

#content .page-body a.image-link img {
padding: 2px;
border: 1px solid #6f5729;
text-decoration: none;
}

#content .page-body a.image-link:hover img {
padding: 2px;
border: 1px solid #6f5729;
background: #6f5729;
text-decoration: none;
}

#page-14 .page-body table {margin: 10px auto 10px auto;}
#page-14 .page-body th,
#page-14 .page-body tr,
#page-14 .page-body td {border: none;padding: 4px;text-align: left;}

#page-19 .page-body ul {margin: 10px auto 10px 30px;}
#page-19 .page-body li {margin-bottom: 6px;line-height:2;}
#page-19 .page-body a {font-size: 11px;}

#page-16 .page-body ul {margin: 10px auto 10px 30px;}
#page-16 .page-body li {margin-bottom: 6px;line-height:2;}
#page-16 .page-body a {font-size: 12px;}

#page-23 .page-body ul {margin: 10px auto 10px 30px;}
#page-23 .page-body li {margin-bottom: 6px;line-height:2;}
#page-23 .page-body a {font-size: 12px;}

/* ============================================================================================= */
/* POST STYLES
*/
#content .post-item-container {
margin: 20px auto 10px auto;
width: 660px;
border: 1px dotted #C2B087;
overflow: hidden;
}
/* header - title, link, date, author, comments count */
#content .post-item-header {
text-align: left;
border-bottom: 1px dotted #C2B087;
background: transparent;
margin: 0;
padding: 5px;
line-height: 1.3;
}
#content .post-item-header h3 {
font-size: 18px;
color: #711;
font-weight: normal;
font-style: normal;
text-align: left;
padding: 5px 0px 5px 5px;
}
#content .post-item-header h3 a {
border: none;
padding: 0;
margin: 0;
background: transparent;
display: block;
color: #711;
}
#content .post-item-header p {
font-family: Verdana, sans-serif;
font-size: 11px;
color: #6f5729;
margin: 0;
line-height: 1.3;
padding-left: 5px;
}
/* post-body */
#content .post-item-body {
color: #222;
background: #e8ddbd;
font-family: Verdana, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
line-height: 1.8;
letter-spacing: normal;
word-spacing: 1px;
padding: 15px 20px 15px 20px;
overflow: hidden;
}
#content .post-item-body a,
#content .post-item-body a:visited,
#content .post-item-body a:link {
color: #711;
text-decoration: none;
border-bottom: 1px dotted #711;
}
#content .post-item-body a:active,
#content .post-item-body a:focus,
#content .post-item-body a:hover {
color: #933;
text-decoration: none;
border-bottom: 1px solid #933;
}
#content .post-item-body p {
text-align: justify;
margin: 3px auto 3px auto;
padding: 0;
}
#content .post-item-body em {
font-weight: normal;
font-style: italic;
color: #711;
}
#content .post-item-body strong {
font-weight: bold;
font-style: normal;
color: #592231;
}
#content .post-item-body ol li {list-style: decimal outside;padding: 2px 0px 2px 0px;margin-left: 24px;}
#content .post-item-body ol li ol li {list-style: decimal outside;padding: 2px 0px 2px 0px;margin-left: 24px;}
#content .post-item-body ul li {list-style: disc outside;padding: 2px 0px 2px 0px;margin-left: 24px;}
#content .post-item-body ul li ul li {list-style: circle outside;padding: 2px 0px 2px 0px;margin-left: 24px;}

#content .post-item-body a.image-link,
#content .post-item-body a.image-link:hover {
text-decoration: none;
border: none;
}

#content .post-item-body a.image-link img {
padding: 2px;
border: 1px solid #6f5729;
text-decoration: none;
}

#content .post-item-body a.image-link:hover img {
padding: 2px;
border: 1px solid #6f5729;
background: #6f5729;
text-decoration: none;
}

/* ============================================================================================= */
/* ALBUMS
*/

#page-albums-container .page-single-album-full li,
#page-albums-container .page-single-album-img-only {display: inline; } /* IE7 */

#page-albums-container .page-single-album-full a,
#page-albums-container .page-single-album-img-only a {
display: block;
width: 120px;
height: 120px;
padding: 2px;
border: 1px solid #6f5729;
text-decoration: none;
margin: 5px;
float: left;
}

#page-albums-container .page-single-album-full a:hover,
#page-albums-container .page-single-album-img-only a:hover {
background: #6f5729;
text-decoration: none;
}

#page-albums-container .page-single-album-full h3 {
font-size: 18px;
color: #711;
font-weight: normal;
font-style: normal;
text-align: center;
padding: 5px 0px 5px 5px;
}
#page-albums-container .page-single-album-full p {
font-size: 12px;
color: #222;
font-weight: normal;
font-style: normal;
text-align: center;
padding: 0px 0px 5px 5px;
}

#page-albums-container .page-single-album-list-img {
width: 670px;
margin: 5px auto;
border: 1px solid #c2b087;
background: #e8ddbd;
padding: 1px;
}
#page-albums-container .page-single-album-list-img:hover {
background: #e5d7b3;
}
#page-albums-container .page-single-album-list-img a {
float: left;
display: block;
padding: 2px;
width: 120px;
height: 120px;
}
#page-albums-container .page-single-album-list-img h3 a {
float: left;
display: block;
padding: 0 0 5px 6px;
width: 540px;
height: auto;

font-size: 20px;
color: #711;
font-weight: normal;
font-style: normal;
}
#page-albums-container .page-single-album-list-img p {
float: left;
display: block;
padding: 0 0 0 6px;
width: 540px;
height: auto;

font-size: 12px;
color: #222;
font-weight: normal;
font-style: normal;
}
#page-albums-container .page-single-album-list-only h3 a {
float: left;
display: block;
padding: 0 0 5px 6px;
width: auto;
height: auto;

font-size: 16px;
color: #711;
font-weight: normal;
font-style: normal;
}
#page-albums-container .page-single-album-list-only p {
float: left;
display: block;
padding: 0 0 0 22px;
width: auto;
height: auto;

font-size: 12px;
color: #222;
font-weight: normal;
font-style: normal;
}

/* ============================================================================================= */
/* PAGE SINGLE ALBUM
*/
#main .page-single-album-full ul li {display: inline;} /* IE7 */

#main .page-single-album-full h2 {
font-size: 24px;
color: #711;
font-weight: normal;
font-style: normal;
padding: 5px 0px 0px 5px;
text-align: center;
margin: 0;
}
#main .page-single-album-full p {
font-size: 12px;
color: #222;
font-weight: normal;
font-style: normal;
text-align: center;
padding: 0px 0px 5px 5px;
}

#main .page-single-album-full a {
display: block;
width: 120px;
height: 120px;
padding: 2px;
border: 1px solid #6f5729;
text-decoration: none;
margin: 5px;
float: left;
}

#main .page-single-album-full a:hover {
background: #6f5729;
text-decoration: none;
}
/* ============================================================================================= */
/* POST SINGLE ALBUM
*/
#main .post-albums-container .post-single-album-img-only ul li {display: inline;} /* IE7 */

#main .post-albums-container {
background: #e8ddbd;
}
#main .post-albums-container .post-single-album-img-only {
width: 600px;
margin: 0 auto;
}
#main .post-albums-container .post-single-album-img-only a {
display: block;
width: 120px;
height: 120px;
padding: 2px;
border: 1px solid #6f5729;
text-decoration: none;
margin: 10px;
float: left;
}

#main .post-albums-container .post-single-album-img-only a:hover {
background: #6f5729;
text-decoration: none;
}
/* ============================================================================================= */
/* POST SINGLE ALBUM
*/
#featured {
width: 690px;
float: right;
height: auto;
padding: 5px 11px 5px 11px;
border: 1px solid #b8a67d;
overflow: hidden;
margin-bottom: 5px;
overflow: auto;
}

#featured img {
float: left;
}

#featured h2 {
margin-top: 0px;
font-size: 20px;
font-style: italic;
font-weight: normal;
color: #6f5729;
}

#featured p {
color: #222;
background: transparent;
font-family: Verdana, sans-serif;
font-style: normal;
font-weight: normal;
line-height: 1.7;
letter-spacing: normal;
padding: 0 25px 0 2px;
overflow: hidden;
font-size: 11px;
text-align: justify;
}

#featured p a{
float: right;
color: #711;
text-decoration: none;
border-bottom: 1px dotted #711;
display: inline;
}

#featured p a:hover{
border-bottom: 1px solid #711;
}