@charset "utf-8";
/*
Theme Name: PAD2 01_2
Theme URI: http://pad.widzialni.org/wordpress
Author: Fundacja Widzialni
Author URI: http://widzialni.org/
Description: Szablon spełnia standard dostępności WCAG 2.0 na poziomie AA wymaganym przez rozporządzenie Rady Ministrów o Krajowych Ramach Interoperacyjności z dnia 12 kwietnia 2012 potwierdzony przez pozytywny wynik przeprowadzonego w ich obrębie audytu. Szablon posiada semantyczny kod HTML, możliwość powiększania czionki oraz to, co wyróżnia go spośród innych szablonów - werjsę o wysokim kontraście. Oznacza to, że jest dostępny dla użytkowników niepełnosprawnych.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pad2
Tags: green, white, black, light, two-columns, left-sidebar, responsive-layout, fixed-layout, accessibility-ready, custom-header, custom-menu, editor-style, featured-images, post-formats

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

PAD2 is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Posts and pages
# Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Fonts size
# Skip links
# Header
# Sidebar
# Content
# Crumbpath
# Search
# Footer
# Widgets
# Slider
--------------------------------------------------------------*/

@import url("css/normalize.css");
@import url("css/fonts.css");

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #525252;
	font-size: 0.875em;
	line-height: 1.5;
	font-family: 'titilliumRegular';
}

h1,
h2,
h3,
h4,
h5,
h6 { clear: both; font-weight: normal; font-family: 'titilliumSemi';}

h2 { font-size:2em; }
h3 { font-size:1.667em; }
h4 { font-size:1.500em; }
h5 { font-size:1.333em; margin: 15px 0;}
h6 { font-size:1.167em; margin: 10px 0;}

p {	/* margin-bottom: 1.5em;*/ }

dfn,
cite,
em,
i { font-style: italic; }

blockquote { margin: 0 1.5em; }

address { margin: 0 0 1.5em; }

pre {
	background: #eee;
	font-family: Courier, monospace;
	font-size: 0.9375em;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375em;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big { font-size: 125%; }

b, strong { font-weight: normal;  font-family: 'titilliumBold'; font-size:1.071em; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html { box-sizing: border-box; }

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body { background: url('images/bg.png') repeat-x #f0fff0; }

blockquote:before,
blockquote:after,
q:before,
q:after { content: ""; }

blockquote { padding:5px 0 5px 20px; border-left:5px solid #ddd; margin:0 0 0 20px; }

hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; }

ul,
ol { margin: 0 0 1.5em 3em; }

ul { list-style: disc; }

ol { list-style: decimal; }

li > ul,
li > ol { margin-bottom: 0;	margin-left: 1.5em; }

dt { font-weight: bold; }

dd { margin: 0 1.5em 1.5em; }

img { 
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table { margin: 0 0 1.5em; width: 100%; }
table th { font-weight:normal; font-family: 'titilliumBold';}

#systemMode {width: 1px; height: 1px; background: url("images/transparent.png"); position: absolute; left: -9000em; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] { border:2px solid #222; background:#222; color:#fff; text-shadow: 0 1px 0 #222; font-size:0.929em; text-decoration: none; text-transform: uppercase; padding:8px 20px 9px 20px; }

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover { color:#fff; background-color:#198a2c;  border:2px solid #198a2c;}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {color:#fff; background-color:#198a2c;  border:2px solid #198a2c;}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select {
	font-size:1em; 
	color: #222;
	border: 2px solid #666;
	transition: background-color 0.2s ease 0s, border-color 0.2s ease 0s, outline 0.5s ease 0s;	
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
	color: #222;
	border-color: #198a2c;
	outline:1px solid #198a2c;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a,
a:visited { color:#198a2c; transition: background-color 0.2s ease 0s, color 0.2s ease 0s; }
a:focus { outline: thin dotted;	background:#198a2c;	color:#fff;	text-decoration:none; }
a:hover:active { outline:none; }

a.newWindow { background-image: url("images/icoNewWndw.png"); background-repeat:no-repeat; background-position:right 6px; padding-right:15px; margin-right:5px; }
a.newWindow:focus { background-image: url("images/icoNewWndw.png"); background-repeat:no-repeat; background-position:right -14px; }

a.more-link,
a.more-link:visited { display: inline-block; font-size:0.929em; background:url("images/btnMore.png") no-repeat 0 0; color:#fff; text-decoration: none; text-transform: uppercase; padding:8px 30px 9px 40px; float:right; }
a.more-link:hover, 
a.more-link:focus { color:#fff; background-position: 0 -63px; }
a.more-link:focus { outline: 2px solid #222;}
a.more-link:hover:active {outline: none}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	float:left;
	display: block;
	width: 930px;
	text-align:center;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-navigation li {
	display:inline-block;
	position: relative;
	margin:0;
	padding:0;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	text-transform:uppercase;
	font-family: 'titilliumSemi';
	color:#525252;
	background:#fff;	
	padding:14px 0 15px;
	margin:0 20px;
}


.main-navigation li.hover a,
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a  {
	color:#198a2c;
	border-top:1px solid #198a2c;
	padding-top:11px;
	outline:none;
}

.main-navigation ul ul {
	float: left;
	position: absolute;
	top: 48px;
	left: -999em;
	z-index: 99999;
	padding:20px 0;
	background:url('images/icoTopMenu.png') no-repeat center 5px #198a2c;
	width: 180px;	
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
	padding:0;
	background:#198a2c;
}

.main-navigation ul ul a {
	color:#fff !important;
	background:#198a2c;
	margin:0;
	padding:10px 15px !important;
	border:none !important;
}

.main-navigation ul ul a:focus,
.main-navigation ul ul a:hover {
	border:none;
	background:url('images/icoTopSubMenu.png') no-repeat 165px 16px #222;
	color:#fff;
	padding:10px 15px;
}

.main-navigation ul ul li {
	width: 180px;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {

}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul,
.main-navigation ul li.hover > ul {
	left: 10px;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul,
.main-navigation ul ul li.hover > ul {
	left: 100%;
}

.main-navigation ul li:last-child:hover ul li:hover > ul,
.main-navigation ul li:last-child:hover ul li.focus > ul,
.main-navigation ul li:last-child:hover ul li.hover > ul,
.main-navigation ul li.hover:last-child ul li:hover > ul,
.main-navigation ul li.hover:last-child ul li.focus > ul,
.main-navigation ul li.hover:last-child ul li.hover > ul {
	left: auto;
	right:100%;
}

.addition-navigation { margin: 0 0 1.5em; }

/* Small menu. */
.menu-toggle { padding:13px 20px 14px; height:50px; display:inline-block;}
.menu-toggle,
.main-navigation.toggled ul { display: block; }

.nav-links { margin:15px 0; padding:0; list-style:none; min-height:30px; }
.nav-links li { margin:0; padding:0; display:inline-block; }

.nav-links ul.page-numbers { margin:0; padding:0; }
.page-numbers span,
.page-numbers a,
.page-numbers a:visited { font-size:0.929em; background:#222; color:#fff; text-shadow: 0 1px 0 #222; text-decoration: none; text-transform: uppercase; display:inline-block; padding: 5px 12px;}
.page-numbers a:focus,
.page-numbers a:hover {  color:#fff; background-color:#198a2c; }
.dots { background:#222 !important; } 
.current { color:#fff; background-color:#198a2c; }

.nav-previous a,
.nav-previous a:visited,
.nav-next a,
.nav-next a:visited { font-size:0.929em; background:#222; color:#fff; text-shadow: 0 1px 0 #222; text-decoration: none; text-transform: uppercase; display:inline-block;  }

.nav-previous a,
.nav-previous a:visited { background-image:url("images/btnPrev.png"); background-repeat:no-repeat; background-position: 15px 13px; padding:8px 20px 9px 40px; }

.nav-next a,
.nav-next a:visited { background-image:url("images/btnNext.png"); background-repeat:no-repeat; background-position: 92% 13px; padding:8px 40px 9px 20px; }

.nav-previous a:focus,
.nav-previous a:hover,
.nav-next a:focus,
.nav-next a:hover {  color:#fff; background-color:#198a2c; }

.nav-previous a:focus,
.nav-previous a:hover { background-position: 15px -97px; }

.nav-next a:focus,
.nav-next a:hover { background-position: 92% -97px; }

.subpage-numbers { margin:0; padding:0; }
.subpage-numbers a,
.subpage-numbers a:visited { font-size:0.929em; background:#222; color:#fff; text-shadow: 0 1px 0 #222; text-decoration: none; text-transform: uppercase; display:block; padding: 4px 10px;}
.subpage-numbers a:focus,
.subpage-numbers a:hover { color:#fff; background-color:#198a2c; }
.subpage-numbers li { display:inline-block; padding: 5px 12px; } 

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	left:-10000px;
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
}

.clear,
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
h2.entry-title,
h2.page-title { color:#198a2c; font-size:2.143em; line-height:1em; padding-top:20px;}

h3.entry-title { color:#222; font-size:1.571em; margin:0 0 15px 0; clear:none; }

.sticky { display: block; }

.hentry { margin: 0 0 50px; }

.entry-thumbnail { float:left; width:230px; height:150px; position:relative; margin:10px 30px 20px 0; }
.entry-thumbnail a { display:block; width:100%; height:100%; }
.entry-thumbnail img { width:100%; height: auto; }
.entry-thumbnail a span { display:block; position:absolute;  left:-9000em; top:0 ;}
.entry-thumbnail a:hover span,
.entry-thumbnail a:focus span { left:0; }

.entry-content a.gallery-link { display: inline-block; outline: 2px solid transparent; margin: 10px;  }
.entry-content a.gallery-link img {border: none; outline: none; display: block; border-radius:9000px; }
.entry-content a.gallery-link .gallery-link-wrapper {background:#fff; padding:2px; border: none; overflow: hidden; outline: 2px solid transparent; position: relative;}
.entry-content a.gallery-link:hover .gallery-link-wrapper,
.entry-content a.gallery-link:focus .gallery-link-wrapper {outline: 2px solid #198a2c; }

.thumbnail-bg  { position:absolute; width:15px; height:15px; bottom:0; right:0; background: url("images/bgThumbnail.png") no-repeat; z-index:10; }
.thumbnail-ico { position:absolute; width:15px; height:15px; top:0; right:-15px; background: url("images/bgThumbnailIco.png") no-repeat; z-index:10; }
.entry-meta { margin:20px 120px 20px 0; text-transform:uppercase; font-size:0.857em; }
.entry-meta p { margin:0;}

.posted-on { margin-right:15px; padding-right:14px; border-right:1px solid #eee; }
.entry-footer { clear:both;  }
.entry-footer ul { margin:15px 0 0 0; padding:15px 15px 15px 20px; border-bottom:2px solid #eee; list-style:none; }
.entry-footer li { margin:0 15px 0 0; padding:0 14px 0 0; border-right:1px solid #eee; display:inline-block;}
.entry-footer li:last-child { border:none; }
.entry-footer a,
.entry-footer a:focus:hover  { text-decoration:none; }
.entry-footer a:hover { text-decoration:underline; }

.updated:not(.published) { display: none; }

.single .byline,
.group-blog .byline { display: inline; }

.page-content,
.entry-summary { margin: 1.5em 0 0; }

.page-links { clear: both;	margin: 0 0 1.5em; }


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area h3 { font-size: 1.571em;}

.comment-respond { padding:10px 30px 20px; background:#f7f7f7; clear:both; }
.comment-respond label {  font-family: 'titilliumSemi'; font-size:1.143em; padding:0 0 10px; display:block;}
.comment-respond input,
.comment-respond textarea { width:100%; font-size:1.143em; }

.comment-content a { word-wrap: break-word; }

.bypostauthor { display: block; }

.comment-list { list-style: none; margin: 0 0 50px 0; padding:0; }

.comment-list .reply { margin-top: 25px; }

.comment-list article,
.comment-list .pingback,
.comment-list .trackback { border-top:2px solid #f7f7f7; margin-bottom:25px; padding-top: 25px;}

.comment-list > li:first-child > article,
.comment-list > .pingback:first-child,
.comment-list > .trackback:first-child { border-top: 0; }

.comment-author { position: relative; padding:0 0 10px 0; font-size:1.286em; }
.comment-author .avatar { border: 1px solid rgba(0, 0, 0, 0.1); padding: 2px; position: absolute; top: 0; left: 0; }
.comment-author .fn { font-weight:normal; font-family: 'titilliumSemi'; }

.comment-metadata a { text-decoration: none; }

.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-metadata { padding-left: 55px; }

.comment-edit-link { margin-left: 10px; }

.comment-content { -webkit-hyphens: auto; -moz-hyphens:auto;  -ms-hyphens:auto; hyphens:auto;  word-wrap: break-word; }

.comment-content ul,
.comment-content ol { margin: 0 0 25px 25px; }

.comment-content li > ul,
.comment-content li > ol { margin-bottom: 0; }

.comment-content > :last-child { margin-bottom: 0; }

.comment-list .children {  list-style:none; margin-left: 15px; }

.comment-reply-title small a { float: right; }

.comment-navigation .nav-next,
.comment-navigation .nav-previous {	display: inline-block; }

.comment-navigation .nav-previous a { margin-right: 10px; }

#comment-nav-above { margin-top: 36px; 	margin-bottom: 0; }

.comment-reply-link,
.comment-reply-link:visited,
#cancel-comment-reply-link,
#cancel-comment-reply-link:visited{ font-size:0.929em; background:#222; color:#fff; text-shadow: 0 1px 0 #222; text-decoration: none; text-transform: uppercase; display:inline-block; padding: 5px 15px;}
.comment-reply-link:focus,
.comment-reply-link:hover,
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:hover {  color:#fff; background-color:#198a2c; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------
# Font size
--------------------------------------------------------------*/
#font-wrapper { width:160px; position:absolute; top:15px; right:10px; }
#fonts ul {margin: 0; padding:0; list-style:none;}
#fonts ul li { float:left; margin:0 15px 0 0; }
#fonts ul li a, 
#fonts ul li a:visited, 
#fonts ul li a:active { display: block; padding:0 2px; }
#fonts ul li a:focus, 
#fonts ul li a:hover {background-color: #fff; outline:2px solid #198a2c; }
#fonts ul li:last-child { padding-left:15px; margin:0; background: url("images/icoSepFonts.png") no-repeat left 5px;}

/*--------------------------------------------------------------
# Skip links
--------------------------------------------------------------*/
#skip-links { margin: 0; padding: 0; position: absolute; top: 0; list-style: none;}
#skip-links a {display: inline; left: -9000em; padding:5px 10px 7px 10px; font-size: 1em; position: absolute; text-decoration: none; z-index: 10000; width: 250px; text-align: center} 
#skip-links a:hover, 
#skip-links a:focus, 
#skip-links a:active {background: #198a2c; border: 2px solid #fff; color: #fff; left: 0; top: 0; position: absolute; font-weight: normal; outline:none;}
.goto-top { display:none; }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#logo { max-width:100px; max-height:120px; margin-right:20px; display:inline-block; vertical-align:middle;}
.site-title { font-weight:normal; display:inline-block; line-height:1.09em;}
.site-title a { text-decoration:none; color:#222; }
.site-title a:focus { color:#fff; }
.site-title a:active { color:#222; background:none; }
.site-header { min-height:185px; position:relative; }
.site-branding { text-align:center; padding:35px 0 10px;}
.site-description { margin:0 50px; }

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
#sidebar { width:200px; margin:40px 0 0 20px; float:left; }
#sidebar ul { list-style:none; margin: 0; padding: 0; }
#sidebar ul li { margin:0 0 1px 0; padding:0; position: relative; }
#sidebar ul li a { display:block; color:#222; text-transform:uppercase; font-family: 'titilliumSemi'; padding:8px 10px 8px 30px; text-decoration:none; background:url('images/icoTopSubMenu.png') no-repeat 10px 14px #f7f7f7;}

#sidebar ul li.hover a,
#sidebar ul li a:hover,
#sidebar ul li a:focus,
#sidebar ul li.current_page_item a { color:#fff; background:url('images/icoTopSubMenu.png') no-repeat 10px 14px #222; }

#sidebar ul ul { position: absolute; top:0; left: -9999em; z-index: 99999; width: 200px; }

#sidebar ul ul a { color:#fff !important; background-color:#198a2c !important; }

#sidebar ul ul li a:hover,
#sidebar ul ul li a:focus { background:url('images/icoWidgetMenu.png') no-repeat 8px 13px #222 !important; }

#sidebar ul li:hover > ul,
#sidebar ul li.hover > ul { left:100%; }

#sidebar ul ul li:hover > ul,
#sidebar ul ul li.hover > ul { left: 100%; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
#content-wrapper { width:980px; margin:20px auto; background:#fff; border-top:5px solid #198a2c; border-bottom:5px solid #198a2c; position:relative; z-index:10; box-shadow:0 0 20px #41e49d;}
#content { width:710px; margin:0 20px 0 0; float:right; }

#content table {border-collapse: collapse; border: 1px solid #198a2c;}
#content table th {font-weight:normal; font-family: 'titilliumSemi'; font-size:1.143em; padding: 8px 10px 6px 10px; background: #198a2c; color: #fff}
#content table td {padding: 5px; border: 1px solid #198a2c;}

/*--------------------------------------------------------------
# Crumbpath
--------------------------------------------------------------*/
#crumbpath { padding:10px 20px 10px 35px; clear:both; border-top:1px solid #eee; border-bottom:1px solid #eee;}
#crumbpath p { display:inline-block; margin:0 10px 0 0}
#crumbpath ol { list-style:none; margin:0; padding:0; display:inline-block; }
#crumbpath ol li { display:inline-block; margin:0 5px; padding:0}
#crumbpath ol li:first-child { margin-left:0; }
#crumbpath ol li::after { content: "/"; margin:0 0 0 10px;}
#crumbpath ol li:last-child::after { content: ""; }
#crumbpath ol li a { text-decoration:none; }

/*--------------------------------------------------------------
# Search
--------------------------------------------------------------*/
.search-toggle { float:right; height:50px; width:50px; position:relative;}
.search-toggle a { display:block; height:50px; width:50px; }
.search-toggle a:focus { outline:2px solid #222; }
#search-wrapper { position:absolute; left:-10000px; top:0; opacity:0; }  
.search-form { background:#f7f7f7; width:240px; }
.search-form label { float:left; }
.search-form input[type="search"] { border:1px solid transparent; width:160px; margin:11px;}
.search-form input[type="search"]:focus { outline:2px solid #198a2c; }
.search-form .search-submit { float:right; }

.page-content .search-form { width:100%; margin-bottom:30px; }
.page-content .search-form label { width:90%; }
.page-content .search-form input[type="search"] { width:90%; border:2px solid #666; }
.page-content .search-form input[type="search"]:focus { border:2px solid #198a2c; }

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#colophon { background: url('images/bgFooter.png') repeat-x; min-height:220px; position:relative; margin:-100px 0 0 0; font-size:0.857em; }
.site-info { width:980px; margin:0 auto; padding-top:100px; }

#logosPAD { width:100%; height:110px; }
#logosPAD .padWrap { list-style:none; width:940px; margin:0 auto; }
#logosPAD ul { margin:0; padding:5px 0 0 0; list-style:none; width:360px;  float:left }
#logosPAD ul li { margin:0 10px 0 0; padding:0; display:inline-block; }
#logosPAD ul li a { display:inline-block; }
#logosPAD ul li a:focus { outline:2px solid #198a2c; background:none; }
#logosPAD .padWrap p { float:left;}
#logosPAD .padWrap p span {  font-family: 'titilliumSemi'; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget { margin: 0 0 1.5em; position:relative; }
.widget h2 { margin:0; padding:15px 15px 17px; font-size:1.429em; color:#198a2c;}
.widget .textwidget { padding:0 15px 15px 15px; }

/* Text widget */
.widget_text { background:url('images/bgWidgetText.png') no-repeat right bottom #198a2c; color:#fff; }
.widget_text h2 { text-shadow:0 1px 0 #064c12; color:#fff; }
.widget_text a { color:#fff; }
.widget_text a:focus { background:#064c12; color:#fff; }
.widget_text .ico_text { width:50px; height:auto; position:absolute; top:8px; left:140px; overflow:hidden; }

/* Calendar widget  */
.widget_calendar h2 { background:url('images/bgWidgetCalendar.png') no-repeat 140px 8px; }
.widget_calendar caption { text-transform:uppercase; color:#222; padding:5px; font-size:0.9em;}
.widget_calendar th { text-align:center; background:#f7f7f7; color:#222; padding:5px; }
.widget_calendar td { text-align:center; padding:5px 0; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2;  }
.widget_calendar tfoot td { border:none; }
.widget_calendar td a { display:block; color:#fff; background:#198a2c; padding:3px 0; width:100%; text-decoration:none;}
.widget_calendar td a:focus { background:#064c12; color:#fff; }

/* Tag widget  */
.widget_tag_cloud { background:url('images/bgWidgetText.png') no-repeat right bottom #198a2c; color:#fff; }
.widget_tag_cloud h2 { text-shadow:0 1px 0 #064c12; color:#fff;  background:url('images/bgWidgetTags.png') no-repeat 140px 8px ;}
.widget_tag_cloud a { color:#fff; }
.widget_tag_cloud a:focus { background:#064c12; color:#fff; }
.widget_tag_cloud .tagcloud { padding:0 15px 15px 15px; }

/* Make sure select elements fit in widgets. */
.widget select {
	width: 100%;
	border:2px solid #e2e2e2;
	padding:5px;
}
.widget select:focus {
	border-color: #198a2c;
	outline:1px solid #198a2c;
}

/* Search widget. */
.widget_search .search-form { width:200px; }
.widget_search .search-form label { float:left; }
.widget_search .search-form input[type="search"] { width:120px; margin:11px 10px;}

/* Widget lists */
#sidebar .widget ul li a { text-transform:none; font-family: 'titilliumRegular'; padding:5px 10px 5px 25px; background:url('images/icoWidgetMenu.png') no-repeat 8px 13px #f7f7f7;}
#sidebar .widget ul li.current_page_item a,
#sidebar .widget ul li.hover a,
#sidebar .widget ul li a:hover,
#sidebar .widget ul li a:focus { color:#fff; background:url('images/icoWidgetMenu.png') no-repeat 8px 13px #222;}

.widget_meta h2,
.widget_recent_entries h2,
.widget_pages h2,
.widget_rss h2,
.widget_nav_menu h2 { padding:5px 15px; font-size:1.429em; background:#198a2c; color:#fff; text-shadow:0 1px 0 #064c12; }

/* Categories widget */ 
.widget_categories h2 { background:url('images/bgWidgetCategories.png') no-repeat 140px 8px ; }
#sidebar .widget_categories ul li a { display:inline-block; background-color:#fff; font-family: 'titilliumSemi';}
#sidebar .widget_categories ul ul { position:static; top:auto; left:auto; z-index: 99999; width:auto; margin-left:20px; }

/* Archive widget */ 
.widget_archive h2 { background:url('images/bgWidgetArchive.png') no-repeat 140px 8px ; }
#sidebar .widget_archive ul li a { display:inline-block; background-color:#fff; font-family: 'titilliumSemi';}

/* Widget RSS */
.widget_rss h2 a { color:#fff; }
#sidebar .widget_rss ul { margin-top:20px; }
#sidebar .widget_rss ul li a { display:inline-block; background:#fff; color:#222; font-family: 'titilliumSemi'; padding:0 0 5px 0;}
#sidebar .widget_rss ul li a:focus,
#sidebar .widget_rss ul li a:hover { background:#222; }
.rss-date { color: #198a2c;} 
.rssSummary { margin-bottom:20px; }

/* Widget Recent comments */
.widget_recent_comments h2 { background:url('images/bgWidgetComments.png') no-repeat 140px 18px ; }
#sidebar .widget_recent_comments ul { }
#sidebar .widget_recent_comments ul li {  padding:5px 0 5px 25px; background:url('images/icoWidgetMenu.png') no-repeat 8px 13px; }
#sidebar .widget_recent_comments ul li a { display:inline-block; background:#fff; color:#222; font-family: 'titilliumSemi'; padding:0 0 5px 0; text-decoration:underline}
#sidebar .widget_recent_comments ul li a:focus,
#sidebar .widget_recent_comments ul li a:hover { background:#222; text-decoration:none; }

/* Widgets in content */
.page-content .widget h2 { background:none; color:#198a2c; text-shadow:none; padding:5px 0;}

.page-content .widget ul { list-style:none; margin:0 0 0 15px; padding:0; }
.page-content .widget ul li { margin:5px 0; padding:0 0 2px 15px; background:url('images/icoWidgetMenu.png') no-repeat 0 8px;}
.page-content .widget ul li a { text-transform:none; font-family: 'titilliumRegular'; padding:2px 5px; }
.page-content .widget ul li a:hover,
.page-content .widget ul li a:focus { color:#fff; background:#198a2c; text-decoration:none;}


/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/
#slider-wrapper { clear:both; }
#slider { width:100%; height:390px; text-align:center; background:#f7f7f7; position:relative; }
#slider img { height:390px; width:auto; }
#slider .slider-text { width:430px; height:170px; padding:0 20px; position:absolute; bottom:0; left:275px; border-top:5px solid #222; background:#198a2c; color:#fff; text-shadow:0 1px 0 #064c12; }
#slider h2 { text-transform:uppercase; font-size:2.143em; line-height:1em; margin:15px 0 0 0;}
#slider p { line-height:1.286em; margin:15px 0 0 0; font-size:0.929em;}

#slider a.more-link,
#slider a.more-link:visited { background:url("images/btnMoreSlider.png") no-repeat 0 0; padding:8px 48px 9px 40px; position:absolute; bottom:-14px; left:423px; float:none;}
#slider a.more-link:hover, 
#slider a.more-link:focus { color:#fff; background-position: 0 -63px; }