@font-face {
    font-family: PilsenPlakat;
    src: url(../fonts/Pilsen/PilsenPlakat.ttf);
}



h2 {
	font-family: PilsenPlakat;
	font-size:28px;
}

body {
	font-size: 14px;
	text-align: left;
	font-family: Arial;
	margin:0;
	padding:0;
	background-size: cover;
	min-height:100%;
	background-color: #E8F1F8;
}

a {
	color: #007ca2;
}

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

.blog_date {
	text-align: right;
	margin-bottom:10px;
}

@media (max-width: 594px) {
	#heading_lightershadesart {
		font-size: 32px;
	}
	#heading_lightershadesart img {
		position:relative;
		top:-10px;
	}
}

@media (max-width: 441px) {
	#heading_lightershadesart {
		font-size: 24px;
	}
	#heading_lightershadesart img {
		height:25px;
		width:25px;
		position:relative;
		top:-10px;
	}
}

@media (max-width: 341px) {
	#heading_lightershadesart {
		font-size: 18px;
	}
	#heading_lightershadesart img {
		display:none;
	}
}

#above_menu {
	text-align: center;
}

.content {
	color:#FFFFFF;
	font-size: 14px;
	text-align: left;
	font-family: Arial;


	padding-top:10px;
	padding-bottom:10px;
	padding-left:50px;
	padding-right:50px;

	-pie-box-shadow: none;
	box-shadow: 6px 6px 8px rgba(0,0,0,0.5);
	background-color:rgba(0, 0, 0, 0.5);
}

.content a {
	color:#fff;
}

#home_content {
	font-size: 16px;
	text-align: center;
	font-weight: 700;
}

.uk-thumbnail-caption2 {
	color:#FFFFFF;
	font-size: 14px;
	text-align: left;
	font-family: Arial;
	padding:5px;
	-pie-box-shadow: none;
	box-shadow: 6px 6px 8px rgba(0,0,0,0.5);
	background-color:rgba(0, 0, 0, 0.5);
}

#footer-old {
	background-color: #000000;
	color: #000;
	height: 40px;
	background-image: url(../images/Happy-Tails-header-bg-bar.png);
	background-position: top;
	background-repeat: repeat-x;
}

#footer {
	background-color: #fff;
	border-top: dotted 4px #a27c00;
}

.uk-offcanvas-bar {
	background-color: #fff;
}

#offcanvas_bg {
	position:absolute;
	top:0;
	left:0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
	background-size: cover;
	z-index:-100;
}

.uk-nav-offcanvas > li > a {
	color:#007ca2;
}

.uk-nav-offcanvas > li > a:hover {
	color:#000;
}

.slideshow_items {
	font-size:24px;
	line-height: 28px;
}

#headingBar {
	background-image: url(../images/Happy-Tails-header-bg-bar.png);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom:21px;
	height: 59px;
	position:relative;
	top:-60px;
	z-index:10;
}

#mainContainer {
	position:relative;
	top:-75px;
	background-repeat: no-repeat;
	background-size: cover;
}

#headingLogo, #headingLogoContainer {
	position:relative;
	z-index:20;
}

em {
	color:#666;
}

.breadcrumbs { margin:0 0 1em; overflow:hidden; padding-bottom:0.1em; max-width:700px }
.breadcrumbs li { float:left; list-style:none; margin:0 }
.breadcrumbs li:after { content:""; margin:0 0.5em }
.breadcrumbs li:last-child:after { content:"" }
	.ie8 .breadcrumbs li { margin-right:0.5em }
	.ie8 .breadcrumbs li:after { content:""; margin:0 }
	.ie8 .breadcrumbs a:after { content:""; margin:0 0 0 0.5em }
	.ie8 .breadcrumbs li:last-child a:after { content:""; margin:0 }




.customMenu, .customMenu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em;
	width: 100%;
}

.customMenu a:link, .customMenu a:active, .customMenu a:visited{
	display:block;
	text-decoration:none;
	font-family: Arial;
	font-weight: bold;
	color: #007ca2;
	color: #fff;
	background-color: transparent;
	background-color: #007ca2;
	font-size: 14px;
	amargin-left:1px;
	amargin-right:1px;
	padding:10px;
	padding-left:10px;
	padding-right:10px;

	border-color: transparent;
	border-width: 2px;
	border-style:solid;
}

.customMenu a:hover{
	background-color: #f8e080;
	background-color: #007ca2;
	font-weight: bold;
	color: #007ca2;
	color: #000;
	border-style: solid;
	border-color: #c19b03;
	border-color: transparent;
	border-width: 2px;
}

.customMenu li{
	float:left;
	position:relative;
}

.customMenu ul {
	position:absolute;
	width:180px;
	top:1.5em;
	display:none;
}

.customMenu li ul a{
	width:180px;
	float:left;
	margin-top:0px;
}

.customMenu ul ul{
	top:auto;
}

.customMenu li ul ul {
	left:185px;
	margin:0px 0 0 10px;
}

.customMenu li ul {
	margin-top:20px;
	background-color: #fff;
	border-color:#777;
	border-width:1px;
	border-style: solid;
	width:195px;
}

.customMenu li:hover ul ul, .customMenu li:hover ul ul ul, .customMenu li:hover ul ul ul ul{
	display:none;
}
.customMenu li:hover ul, .customMenu li li:hover ul, .customMenu li li li:hover ul, .customMenu li li li li:hover ul{
	display:block;
}

.uk-navbar {
	background-color: transparent;
	background-color: #007ca2;
	border:none;
	float: none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.uk-thumbnail {
	background-color: transparent;
	border: none;
}

.uk-thumbnail-caption {
	font-style: oblique;
}

.uk-thumbnail-caption {
	text-align: left;
}

.uk-thumbnav .uk-thumbnail-caption {
	text-align: center;
}

.uk-navbar, .customMenu {
	z-index: 100;
}

#article img {
	margin-bottom: 4px;
}

#footerAdContainer {
	text-align: center;
}

.footerAdImage {
	margin-left:10px;
	margin-right:10px;
	margin-top:15px;
	margin-bottom:5px;
}

/*
    Paginator -
    Source: http://www.strangerstudios.com/sandbox/pagination/diggstyle.php (strangerstudios.com)
*/

div.pagination {
    padding: 3px;
    margin: 3px;
}

div.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #AAAADD;
    zoom: 100%;
    text-decoration: none; /* no underline */
    color: #000;
}
div.pagination a:hover, div.pagination a:active {
    border: 1px solid #000099;

    color: #000;
}
div.pagination span.page_current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #000099;

    * zoom: 100%;

    font-weight: bold;
    abackground-color: #000099;
    acolor: #FFF;
}
div.pagination span.page_disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;

    * zoom: 100%;

    acolor: #DDD;
}

* span.elipsis {zoom:100%}

#header a {
	font-size: 16px;
	font-weight: bold;
	margin-right: 15px;
}

.uk-container {
	background-color: #fff;
	padding-left: 0;
	padding-right: 0;
	max-width: 1210px;
}

.uk-text-meta {
	font-size: 12px;
}

.latest-thumbnails {
	width: 100%;
	padding-top: 75%;
}

@media (max-width: 640px) {
	.latest-thumbnails {
		aheight: 300px;
	}
}

@media (max-width: 400px) {
	.latest-thumbnails {
		aheight: 200px;
	}
}

@media (max-width: 300px) {
	.latest-thumbnails {
		aheight: 100px;
	}
}

.popularCategoryLinks {

}

.popularCategoryLinkDivider {
	padding: 0 5px 0 5px;
}

#header {
	abackground-color: #fff;
}

#menu {
	background-color: #007ca2;
}

#menuBarMobile {
	display: none;
	background-color: #007ca2;
	height: 45px;
}

#menuBarMobile a {
	color: #fff;
	height: 16px;
	margin: 12px;
}

#leaderboardMobile {
	display: none;
	text-align: center;
}

#headerHomeLinks {
	display: inline-block;
}

.searchform {
	display: inline-block;
}

.searchformMenu {
	padding: 8px 0 0 10px;
}

.searchformMenu input {
	height: 30px;
}

@media (max-width: 1020px) {
	#menuBarMobile,
	#leaderboardMobile {
		display: block;
	}

	#mainMenu,
	#leaderboard,
	#headerHomeLinks,
	.searchformTop {
		display: none;
	}
}

.advertisement {
	color: #aaa;
	font-size: 8px;
	transform: rotate(-90deg);
	position: absolute;
}

.heading {
	font-family: 'Noto Sans JP', sans-serif !important;
	font-weight: bold;
	color: #007ca2;
}

.headingUnderline {
	padding-left: 10px;
	afont-size: 16px;
	afont-weight: bold;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-bottom-color: #a27c00;
}

.shadow {
	text-shadow:
		-1px -1px 0 #ccc,
		1px -1px 0 #ccc,
		-1px 1px 0 #ccc,
		1px 1px 0 #ccc;
}

.galleryItem {
	margin-top: 4px;
}