/*********************************************************************************************

Theme Name: JD - AA
Theme URI: 
Version: 1.0.0
Author: Designagentur Jardin Digital
Author URI: http://www.jardindigital.com.com
Tags: brown, two-columns, right-sidebar, responsive
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

The PHP code portions of this theme are subject to the GNU General Public
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the Proprietary Use License below.

**********************************************************************************************

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.

**********************************************************************************************


1.  Toolbox CSS  -----------------------  All Theme Files
2.  Page Structure  --------------------  All Theme Files
3.  Header  ----------------------------  header.php
4.  Main Navigation  -------------------  header.php
5.  Featured Slider  -------------------  featured.php
6.  Featured Categories  ---------------  blocks.php
7.  Homepage Articles ------------------  index.php
8.  Single Articles & Pages ------------  single.php, page.php
9.  Comments  --------------------------  comments.php
10. Sidebar & Widgets ------------------  sidebar.php
11. Footer  ----------------------------  footer.php

**********************************************************************************************/


/*********************************************************************************************

1. Toolbox CSS  -------------------------  All Theme Files

*********************************************************************************************/

/* Reset */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

html {
	font-size: 100%; 
	overflow-y: scroll; 
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%;

}

abbr[title] { border-bottom: 1px dotted; 
}

b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { border: 0; border-top: 1px solid #ccc; display: block; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0; padding: 0; list-style-position: inside; }
ul ul, ol ol, ul ol, ol ul { margin: 0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol,
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure, form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; }
tr, th, td { padding-right: 1.625em; }
td { vertical-align: top; }

/* Smart clearfix */
.clear, .cleaner { clear: both; height: 0; overflow: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/*Headings */
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }

h1 {
	font-size: 125.0%;
	line-height: 125.0%;
 }
h2 { font-size: 112.5%; }
h3 { font-size: 100%; }
h4 { font-size: 93.8%; }
h5 { font-size: 87.5%; }
h6 { font-size: 81.3%; }

.hr {
	border-top: 1px solid #EEE;
}


.responsive-slider.flexslider .slide-title h1 {
	font-size: 150.0%;
}
.responsive-slider.flexslider .slide-title h2 a {
	font-size: 125.0%;
}
.responsive-slider.flexslider .slide-title h3 a {
	font-size: 150.0%;
	font-family: 'Patrick Hand SC', cursive;
	padding: .2em .5em;
}



/* Navigation */
div.navigation { font-family: 'Lato', sans-serif;  text-align:center; margin: 0 0 10px; font-size: 75%; }
div.navigation a { font-weight: normal; padding:0 6px; line-height: 50px; }
div.navigation a:hover { text-decoration:none; color:#000; }
div.navigation span.current { padding: 0 6px; color:#000;  }
div.navigation span.pages { margin-right: 10px; display: none; }
div.navigation .alignleft, div.navigation .alignright { margin: 0; }
div.navigation .prev { float:left; }
div.navigation .next { float:right; }
div.navigation .page-numbers:after { color: #BDB7B9;  content: "/"; padding: 0 0 0 10px; }
div.navigation .next:after,
div.navigation .prev:after,
div.navigation .dots:after {
     content: "";
}

/* Forms */
input, textarea {  font-size: 81.3%; padding: 7px 6px; border: 1px dotted #D9D6D6;  color: #000; background: #fff;  }
input:focus, textarea:focus { border-color: #999;  }

button,
input[type=button],
input[type=reset],
input[type=submit] {
	background: #B12130;
	padding:8px 10px;
	border: none 0;
	color: #fff;
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover { background: #222;  cursor: pointer; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; }

/* Search Form */
#header #search {
	height: 22px;
	width: 163px;
	border:1px solid #CCC;
	font-size: 75%;
	line-height:15px;
	float: right;
	margin: 2px 0 10px 0;
}

#header #search #s  {
	width: 122px;
	border: none;
	padding:1px 6px;
	color:#4F4747;
	display:inline;
	float:left;
	font-size: 75%;
	height:19px;
	background:#fff;
}

#header #search #searchsubmit  {
	text-indent:-9999em;
	background:url("images/search.png") no-repeat;
	cursor:pointer;
	border:0 none;
	width:17px;
	margin-top:4px;
}


.separator {
    color: #ACA7A7;
    font-size: 68.8%;
    margin:0;
}


/*********************************************************************************************

2. Global Styles & Structure

*********************************************************************************************/

body {
	background-image: url(images/pattern-1c32.png);
	/*background-repeat: repeat-x;*/
	color:#222;
	font-size: 100%;
	font-family: 'Lato', sans-serif;
    line-height:1.5;
    margin:0;
    text-align:left;
}

/* Links and paragraph */

a {
	color: #B12130; 
	outline: none; 
	text-decoration: none;
}

a img { border: none; }
a:hover { text-decoration: underline; }
p {
	line-height: 1.5;
	margin:0;
	font-size: 81.3%;
}


#content-wrap{
	padding: 0 20px 5px 20px;
}

#main-wrap {
	background-color:#fff;
  	margin-top:0;
}

#page-wrap {
	margin:0 auto;
	width:980px;
	background-color:#fff;	
}

div.spacer
{
    font-size: 0; 
    height: 20px;
    line-height: 0;
}


/*********************************************************************************************

3. Header  -------------------------  header.php

*********************************************************************************************/

#header {
	padding:20px 0 0;
box-shadow:   2px  0  5px  #aaa,
                  -2px  0  5px  #aaa;
				   -moz-box-shadow:  2px  0  5px  #aaa,
                   -2px  0  5px  #aaa;
 -webkit-box-shadow:  2px  0  5px  #aaa,
                   -2px  0  5px  #aaa;
}

#header .banner-head {
 	margin-bottom: 10px;
	text-align:center;
}

#logo {
 	margin:0 20px 20px;
 	padding: 0;
	text-align: left;
	/*border-top:1px solid #EEE;*/
	font-family: 'Lato', sans-serif;
	float: left;
}

#logo h1 a {
	color:#333;
 	font-size: 56px;
	font-weight:normal;
	line-height:1.3;
}

#logo a:hover {
	text-decoration:none;
	color:#222;
}

#logo img {
 	margin:0;
}

#logo span {
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-size: 75%;
	margin: 30px 0 0 0;
}


/*********************************************************************************************

4. Main Navigation  -------------------------  header.php

*********************************************************************************************/

#topmenu {
	font-size: 100%;	
	margin:0 20px 9px 20px;
 	float:right;
  	text-align:right;
	line-height: 1.0;

}

#topmenu a {

	font-weight:normal;
	font-family: 'Lato', sans-serif;
	color: #666;
	/*padding: 0 5px 0 5px;*/
	text-decoration: none; 

}

#topmenu a:hover {
	color: #B12130;
	background-color: #FFF;
}

#topmenu img {
	vertical-align:middle;
	padding-left: 5px;
}

#topmenu a img {
	margin: 4px 0 0 0;
	padding: 0 -2px 0 10px;
}


#topmenu ul {
	z-index:7;
	line-height: 1.0;
	margin: 3px 10px 0 0;
	padding: 0;
	border-left: 1px solid #CCC;
	position: relative; 
	float: left;
	list-style: none;
	font-size: 100%;
}

#topmenu ul li {
	padding: 0 0 5px 0;
	margin-top: 3px;
	margin-left: 0px;
	word-spacing:3px;
 	font-size: 75%;
	font-weight:bold;
	color:#f4f4f4;
 	text-transform:none;
 	float: left;/* geändert für IE8 sonst none*/
	/*border-right: 1px solid #000;*/
	line-height: 0.6;
	list-style: none;

}

#topmenu ul li a{
	padding: 0 5px;
	border-right: 1px solid #CCC;
	line-height: 1.0;

}

#topmenu ul li:hover a {
	/*color: #FFF;*/
	background-color: #FFF;
	/*padding: 10px 20px;*/
}

#topmenu  ul ul {	width: 140px;  margin-top: 0px;	}
#topmenu  ul li li {  padding:6px 0; }

#menu {
  	/*border-top:1px solid #EEE;
  	border-bottom:3px solid #EEE;*/
	/*background-color: #B12130; */
	float:left;
	padding:5px 0;
	text-align:center;
	margin:0 0 5px;
	width:100%;
}



ul.dropdown li {
	position:relative;  
	display:inline-block; 
	line-height: 1.3em; 
	vertical-align: middle; 
	zoom: 1;
}

/*********************************************************************************************/

nav#main-menu .home-icon  a {
	color: #fff;
	padding: 14px 9px 12px 9px;
	display: block;
	position: relative;
}

nav#main-menu .home-icon {
    background: url(images/home-icon.png) 50% 50% no-repeat;
    width: 58px;
    text-indent: -9999px;
}

nav#main-menu .home-icon  a {
    background: url(images/home-icon-over.png) 50% 50% no-repeat;
	/*background-color: #B12130;*/
    width: 40px;
    text-indent: -9999px;
}

nav#main-menu .home-icon a:hover, nav#main-menu .home-icon a.current {
    background: url(images/home-icon.png) 50% 50% no-repeat;
    width: 40px;
    text-indent: -9999px;
	border-bottom: none;
}

nav#main-menu {
	background-color: #fff;
	/*background-image: url(images/bgnav.png);*/
	font-family: 'Lato', sans-serif; 
    position:relative;
    z-index: 50;
    min-height: 40px;
	margin: 0 0 0 0;
	padding: 3px 0 0 0;
	border-bottom: 1px #CCCCCC solid;
	border-top: 4px #B12130 solid;
}

nav#main-menu li {
	/*background-color: #000;*/
	color: #B12130;
	display: inline;
	float: left;
	font-size: 87.5%;
	text-transform: uppercase; 
	font-weight: bold;
	margin: 0;
	padding: 0;
	position: relative;
	
}

nav#main-menu li li {
	background-color: #8d1616;
}
/* HIER */
nav#main-menu li li li {
	background-color: #B12130;
	top: 10px;
}

nav#main-menu li.cleaner {
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	clear: both;
	float: none;
	display: block;
}

nav#main-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}

nav#main-menu li:last-child {
	border-right: 0;
}

nav#main-menu a:hover {
	/*background-color: #fff;
	border-left: 1px #B12130 solid;
	border-right: 1px #B12130 solid;*/
	border-bottom: 5px #B12130 solid;
	color: #000;
	/*margin: 0 -1px 0 -1px;*/
} 
nav#main-menu li.current-menu-item a, 
nav#main-menu a:active,
nav#main-menu li.current-item a {
	/*background-color: #8d1616;*/
	color: #999;
	border-left: 0 #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
} 

nav#main-menu li.current-item li a {
	color: #aaa;

}

nav#main-menu .dropdown ul {
	position:		absolute;
	top:			-999em;
	width:			150px; /* left offset of submenus need to match (see below) */
 	text-align: center;
	margin: 10px 0 0 0;  
	padding: 10px 5px;
	/*background-color: #fff;*/
	text-transform: none; 
}

nav#main-menu .dropdown ul li {
	background-color: #fff;
	width: 100%;
	font-size: 87.5%;
	color: #B12130;
	text-transform: uppercase;
	line-height: 22px;
 	margin: 0;
 	padding: 0 15px 0 15px;
 	border: solid 1px #B12130;
	display: inline-block;
   /*display: inline;*/
   zoom: 1;
   text-align: left;
}

nav#main-menu .dropdown ul li a {
	padding:6px 12px;
	color: #B12130;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-bottom: none;
}

nav#main-menu .dropdown ul li a:hover {
	background-color: transparent;
	color: #aaa;	
}

/* LEVEL 3 */

nav#main-menu .dropdown ul li li {
	width: 100%;
	font-size: 87.5%;
	text-transform: uppercase;
	line-height: 20px;
 	margin: 0 0 0 -30px;
 	padding: 0 0 0 15px;
 	
 	border: solid 1px #444;
	display: inline-block;
   /*display: inline;*/
   zoom: 1;
   text-align: left;
}

nav#main-menu .dropdown ul li li a {
	padding:6px 10px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-bottom: none;
}

nav#main-menu .dropdown ul li li a:hover {
	/*background-color: #B12130;*/	
}

nav#main-menu a {
	color: #B12130;
	padding: 13px 20px 6px 22px;
	display: block;
	position: relative;
	font-family: 'Lato', sans-serif; 	
	font-weight: bold;
	text-decoration: none; 
}

nav#main-menu li li a,
nav#main-menu .current-menu-item li a,
nav#main-menu li .current-menu-item a,
nav#main-menu li li a:hover {
	background: none;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

nav#main-menu li li a {
	color: #FFF;
}

nav#main-menu li li a:hover {
	background-color: #8d1616;
	color: #CCC;
}

nav#main-menu .dropdown li:hover ul,
nav#main-menu .dropdown li.sfHover ul {
	padding: 0;
	margin: 0;
	left:			0;
	top:			3.0em; /* match top ul list item height */
	z-index:		99;
}

nav#main-menu ul.dropdown li:hover li ul,
nav#main-menu ul.dropdown li.sfHover li ul {
	top:			-999em;
}

nav#main-menu ul.dropdown li li:hover ul,
nav#main-menu ul.dropdown li li.sfHover ul {
	left:			151px; /* match ul width */
	top:			0;
}

/* nav#main-menu ul.dropdown li li li:hover ul li,
nav#main-menu ul.dropdown li li li.sfHover ul li {
	left:			151px; match ul width 
	top:			0;
}*/

nav#main-menu ul.dropdown li li:hover li ul,
nav#main-menu ul.dropdown li li.sfHover li ul {
	top:			-999em;
}

nav#main-menu ul.dropdown li li li:hover ul,
nav#main-menu ul.dropdown li li li.sfHover ul {
	left:			151px; /* match ul width */
	top:			0;
}
 
nav#main-menu .dropdown li:hover, .dropdown li.sfHover,
nav#main-menu .dropdown a:focus, .dropdown a:hover, .dropdown a:active {
 	outline:		0;
}

.sf-sub-indicator { display:none; }
nav#main-menu .dropdown li ul .sf-sub-indicator { display:none; }


/*********************************************************************************************

5. Featured Slider  -------------------------  wpzoom-featured.php

*********************************************************************************************/

#feature {
 	margin:0 0 15px 0;
 	background:#FAF2C9;
	position:relative;
}

#navi ul {
 	margin:0 auto;
 	width:100px;
 	position:absolute;
 	top:0;
 	left:535px;
}

#navi li {
 	float:left;
	padding-left:1px;
	list-style-type:none;
}

#navi a {
 	display:block;
	position:relative;
  	opacity:0.5;
}

#navi a.current {
	opacity:1;
}

#navi a:hover {
	opacity:1;
}

#navi img {
 	margin:0 0 12px 0;
	display:block;
}

#navi strong {
	display:block;
	font-size: 81.3%;
}

#panes {
	height:300px;
 	position:relative;
	overflow:hidden;
}

#panes div {
	display:none;
	position:absolute;
	top:0;
	left:0;
	font-size: 81.3%;;
	color:#333;
	line-height:1.5;
	right:15px;
 	height:300px;
}

#panes span.cover {
	float: left;
	width:520px;
	height:300px;
	position:relative;
}

#panes img { float:left; }

#panes .post-info {
	float:right;
	width:31%;
	height:256px;
	overflow:hidden;
	padding:15px 0;
}

#panes p.more {
	color:#000;
	font-weight:bold;
}

#panes h3 {
	font-size: 125.0%;
	font-family: 'Lato', sans-serif;
	padding:0;
	margin:0 0 5px 0;
}

#panes h3 a {
	line-height:1.2;
	font-weight:normal;
}

#panes .more {
  	font-size: 75%;
  	font-weight:bold;
  	float:left;
  	display: block;
 	margin-top:20px;
	font-family: 'Lato', sans-serif;
}


.meta-feature {
 	font-size: 68.8%;
 	padding:1px 0 5px 0;
}

.meta-feature  li {
	display:inline;
	font-family: 'Lato', sans-serif;
 }


#panes p {
	padding:5px 0 0 0;
}

.overlay {
	background:#000000;
	left:0;
	opacity:0.7;
	position:absolute;
 	bottom:0;
	width:490px;
	font-size: 100%;
	font-weight:normal;
	padding:8px 15px;
	overflow:hidden;
	font-family: 'Lato', sans-serif;
}

.overlay a {
	color:#fff;
}


/*********************************************************************************************

6. Featured Categories  -------------------------  wpzoom-blocks.php

*********************************************************************************************/

#columns {
	margin:0 0 5;
}

.column,
.column_first {
 	float:left;
	padding:10px 23px 0;
	width:298px;
	text-align: justify;
}

.column_second {
	background-color: #F0F0F0;
	padding:10px 5px 0 5px;
 	float:left;
	width:288px;
	text-align: justify;
}

/*#columns .column_second .post-meta{
	background-color: #B12130;
	margin: 0 0 15px 0;


}*/

.column_first {
	padding-left:0;
}



.column p,
.column_first p {
	padding:0 0 5px 0;
	font-size: 81.3%;;

}


.column_second p {
	padding: 5px 0 2px 0;
	font-size: 81.3%;

}

.column h3 a,
.column_first h3 a {
	color: #000;
	font-size: 93.8%;
	font-weight: bold;
	font-family: 'Lato', sans-serif;
}

.column_second h3 a {
	color: #000;
	font-size: 81.3%;
	font-weight: bold;
	font-family: 'Lato', sans-serif;
	padding: 0;
	margin: 0;
	color: #FFF;
}

.column h3,
.column_first h3 {
	margin: 0 0 5px 0;
	padding:0;
	line-height: 110%;
}

.column_second h3 {
	margin: -10px 0 5px 0;
	padding: 2px 5px 5px 0;
	font-size: 100%;
	line-height: 1.0;
	background-color: #B12130;
	color: #FFF;
}


.column img,
.column_first img {
 	margin:0 0 8px;
	border: thin #CCC solid;
}

.column_second img {
 	margin: 0 10px 0 0;
	float: left;
	padding: 0;
	border: thin #F0F0F0 solid;
}

.column_second .category {
 	padding:0 0 4px 0;
	margin:0 0 0;
}

.column_second .date {
	padding: 0;
	margin: 0;
	font-size: 81.3%;
	/*color: #FFF;*/
}

.column_second .more {
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
		page-break-after: left;
}

.column_second br {
	line-height: 0.3in;
}

#columns .comments {
	float:right;
}

span.more {
	font-size: 62.5%;
	text-transform: uppercase;
}

.tag-cloud {
	line-height: 1.2;
	float: right;
	width:298px;
	text-align: justify;
	padding: 0;
	display: block;
}

.tag-cloud a {
	font-size: 75%;
}

.tag-cloud h3 {
	font-family: 'Lato', sans-serif;
	font-size: 75%;
	text-transform: uppercase;
	font-weight: bold;
	color: #b12130;
	text-align: left;
	padding: 0 0 10px 0;
}

.facebook {
	float: right;
	padding: 0 0 5px 0;
	display: block;
	margin: 15px 0 5px 0;
	border-bottom: 0px #CCCCCC solid;
}

.facebook img {
	max-width: 100%;
	height: auto;
}

.instagram {
	float: right;
	padding: 0 0 13px 0;
	display: block;
	margin: 0 0 15px 0;
	border-bottom: 1px #CCCCCC solid;
}

.instagram img {
	max-width: 100%;
	height: auto;
}



.ngg {
	float: right;
	width:298px;
	padding: 0;
	display: block;
}

.ngg h3 {
	font-size: 75%;
	text-transform: uppercase;
	font-weight: bold;
	color: #b12130;
}

.ngg img {
	width: 60px;
	height: 40px;
	margin: 0;
	padding: 0 2px 0 2px;
}

. ads1 h3 {
	font-size: 75%;
	text-transform: uppercase;
	font-weight: bold;
	color: #b12130;
}


/*********************************************************************************************

7. Archive Posts -------------------------  loop.php

*********************************************************************************************/

#main {
	width:610px;
	float:left;
}

#main2 {
	width:590px;
	float:left;
	background-color: #F5F5F5;
	padding: 0 10px 0 10px;
}

#articles {
	float:left;
	width: 100%;
}


.article {
 	border-bottom:1px solid #EEE;
 	margin:0 0 20px;
	padding:0 0 20px;
}

.post-content {
	overflow:hidden;
	text-align: justify;
}

.post-content2 {
	overflow:hidden;
	background-color: #f5f5f5;
	font-family: 'Patrick Hand SC', cursive;
	padding: 10px;
}

.post-content2 h2.title2 {
	font-size: 180%;
	font-weight: bold;
  	line-height:1.3;
	margin-bottom:10px;
  	font-family: 'Patrick Hand SC', cursive;
}

.post-content2 p {
	line-height:1.7;
	font-size: 112.5%;
}

.article h2.title {
	margin-bottom:10px;
	font-family: 'Lato', sans-serif;
	line-height:1.3;
}

.article h2.title a {
	color: #000;
	font-size: 112.5%;
	font-weight: bold;
 }

.post-thumb {
	float:left;
	margin:0 15px 0 0;
}

#articles .head_title,
h3.archive_title {
	/*border-top:3px solid #F1E8B7;*/
	font-family: 'Lato', sans-serif;
	font-size: 87.5%;
	font-weight:normal;
	padding:8px 0 8px 0;
	margin:0 0 15px;
	text-transform:uppercase;
}

.post {
 	overflow:hidden;
	line-height:1.7;
}

.post p {
	line-height:1.7;
}

.post .post-meta {
 	font-size: 68.8%;
 	padding:0 0 5px;
	margin:0 0 15px;
	display:block;
	border-bottom:1px solid #EEE;
	font-family: 'Lato', sans-serif;
}

.post .post-meta2 {
	background-color: #FFF;
 	font-size: 68.8%;
 	padding:0 0 10px;
	margin:0 0 15px;
	display:block;
	border-bottom:1px solid #EEE;
	font-family: 'Lato', sans-serif;
}

.author-info {
	border-bottom:1px solid #eee;
	margin:0 0 10px;
	padding:0 0 10px;
}

.author-info img {
	float:left;
	margin:0 10px 0 0;
}



#articles .post-meta,
#columns .post-meta,
span.category {
	margin:0 0 10px;
 	font-size: 68.8%;
	font-weight: bold;
	color: #B12130;
	font-family: 'Lato', sans-serif;
	display:block;
}

#columns .post-meta,
span.category {
	margin:0 0 0;
 	font-size: 75.0%;
	font-weight: bold;
	color: #B12130;
	font-family: 'Lato', sans-serif;
	display:block;
}

#columns .post-meta2,
span.category2 {
	margin: 0 0 10px 0;
 	font-size: 68.8%;
	font-weight: bold;
	color: #B12130;
	font-family: 'Lato', sans-serif;
	display:block;
}

span.category {
	text-transform: uppercase;
	font-size: 81.3%;
	margin:0 0 5px;
}

span.category2 {
	text-transform: uppercase;
	font-size: 75%;
}

span.category2 a {
	color: #B12130;
	font-weight: bold;
	margin: 50px 0 5px 0;
}


/*********************************************************************************************

8. Single Posts & Pages -------------------------  single.php, page.php

*********************************************************************************************/


.post h1.title {
	font-size: 150.0%;
	font-weight:normal;
  	line-height: 150.0%;
	margin-bottom:10px;
  	font-family: 'Lato', sans-serif;
}

.post h1.title a{
	color:#000;
}

.post h1.title2 {
	font-size: 180%;
	font-weight: bold;
  	line-height:1.3;
	margin-bottom:10px;
  	font-family: 'Patrick Hand SC', cursive;

}

.post h1.title2 a{
	color: #b12130;
}

.post blockquote {
	border-left:3px solid #ccc;
	color:#777;
	font-family: 'Lato', sans-serif;
	font-size: 87.5%;
	font-style:italic;
	line-height:1.8em;
	margin:10px 20px 10px 30px;
	padding-left:10px;
}


.entry p {
	margin-bottom: 14px;
	font-size: 81.3%;		
}

.entry2 p {
	margin: 10px 0 14px 0;
	font-family: 'Patrick Hand SC', cursive;
	font-size: 81.3%;	
}

.entry img.alignnone,
.entry img.aligncenter,
.entry img.alignleft,
.entry img.alignright,
.entry img.attachment-fullsize {
    margin-bottom: 10px;
    max-width: 610px;
    width:auto;
    height:auto;
}

.youtube {
	/*margin: 20px;*/
	padding: 0 20px 0 0 ; 
	/*display: block;*/
	float: left;
}

.youtube2 {
position: relative;
right: 0;
top: 0;
vertical-align: middle;
}

#fotosstart {
	margin: 0 0 0 0;
	padding: 0;

}


#fotosstart p {
    margin: 0;
	padding: 0;
	line-height: normal;
}

#fotosstart img {
    margin: 0;
	padding: 0;
	line-height: normal;
	/*vertical-align: top;*/
	max-width:100%; 
	height:auto;
}


.full-width .entry img.alignnone,
.full-width .entry img.aligncenter,
.full-width .entry img.alignleft,
.full-width .entry img.alignright,
.full-width .entry img.attachment-fullsize {
    margin-bottom: 10px;
    max-width: 940px;
    width:auto;
    height:auto;
}

.entry ul, .entry ol {
	margin: 0 0 14px 14px;
	font-size: 81.3%;
}

.entry li ul, .entry li ol { margin-bottom: 0; }
.entry li { list-style-position: outside; }
.entry ul li { list-style-type: square; }
.entry ol li { list-style-type: decimal; }
.entry blockquote {
    color:#8E8E8E;
    border-left: solid 3px #ececec;
    padding:0 15px;
    margin: 10px;
}

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
 	margin-bottom: 12px;
    /*line-height:1.3;*/
 	font-weight:normal;
	font-family: 'Lato', sans-serif;
}


/* [gallery] shortcode */
.entry .gallery .gallery-item { max-width:150px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; }
.entry .gallery { clear: both; margin: auto; text-align: center; }
.entry .gallery a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90); opacity: 0.6; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
.gallery img { width:150px; height:auto; }

/* Images align */
.entry .aligncenter, div.aligncenter { display: block; clear:both; margin-left: auto; margin-right: auto; }
.alignleft, .entry .alignleft { float: left; margin-right:15px; }
.alignright, .entry .alignright { float: right; margin-left:15px; }

/* Caption for images */
.entry .wp-caption { background-color: #EFEFEF;  max-width: 100% !important; width:auto; text-align:center; margin-bottom: 5px; padding: 5px 5px 5px; }
.entry .wp-caption img { background:none; margin:0; border:0 none;  }
.entry .wp-caption-text, .gallery-caption { color:#A7A3A3; font-size: 68.8%; margin:0; padding:4px 0 0; text-align:center; }
.entry .wp-caption.aligncenter { margin:0 auto 15px; }
img.wp-smiley { border: none; padding: 0; }

.galleria-container { margin-bottom:15px; }

/* Template: Full-width */
#main.full-width  { width: 940px; }
.full-width .entry, .page .entry { float: none; display: block; padding-right: 0; }
.full-width .entry img { max-width: 940px; }


.tag-links {
 	float:left;
	clear:both;
	font-family: 'Lato', sans-serif;
	font-size: 75%;
}

.nextpage {
	background:url(images/icons/page.png) no-repeat left 10px;
	padding-left:20px;
	float:left;
	clear:both;
	margin-bottom:5px;
}

 #socialicons {
	/*border-bottom:1px solid #EEE;
	border-top:1px solid #EEE;*/
 	float:left;
	margin:15px 0 0;
	padding:1px 0 10px;
	width:100%;
}

 #socialicons2 {
	border-bottom:1px solid #EEE;
	border-top:1px solid #EEE;
 	float:left;
	margin:10px 0 50px 0;
	padding:1px 0 50px 0;
	width:100%;
}

#entry2 .addthis_toolbox addthis_default_style{

	margin:10px 0 50px 0;
	padding:1px 0 50px 0;
}

.wpzoomSocial {
	display: none;
}	

#socialicons li {
	border:none;
	display:inline;
	float:left;
	padding-right:15px;
	width:110px;
}

#socialicons2 li {
	border:none;
	display:inline;
	float: right;
	padding-right:15px;
	width:110px;
}

#socialicons ul {
	list-style:none;
	float:left;
	padding:10px 0 0 0;
}

#socialicons2 ul {
	list-style:none;
	float: right;
	padding:10px 0 50px 0;
}


/* Author Bio */
.post_author {
	background:#FAF2C9;
 	padding:10px 10px 5px 10px;
	margin:10px 0;
 	font-family: 'Lato', sans-serif;
}

.post_author img {
	float:left;
	margin:0 7px 7px 0;
}

.post_author span {
 	font-size: 87.5%;
	display:block;
	margin-bottom:5px;
}

.sticky { }


/*********************************************************************************************

9. Comments  -------------------------  comments.php

*********************************************************************************************/

#comments {
	clear: both;
	background-color: #FFF;
	font-family: 'Lato', sans-serif;
	margin: 0 0 0 -10px;
}

#comments h3 {
	font-family: 'Lato', sans-serif;
	font-size: 100%;
	line-height: 1.3;
	margin: 0;
	padding: 10px 10px 20px 10px;
	color: #B12130;
	font-weight: normal;
	border-top: thin #B12130 dashed;
}

#comments .navigation { padding: 0 0 18px 0; }
.commentlist { list-style: none; margin: 0; }

.commentlist li.comment {
	border-bottom: 1px solid #eee;
	font-size: 100%;
	line-height: 1.7;
	margin: 0 0 24px 0;
	padding: 0 10px 0 10px;
	position: relative;
}

.commentlist li:last-child { border-bottom: none; margin-bottom: 0; }
#comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; }

#comments .comment-body p:last-child {
	margin-bottom: 6px;
	text-align: justify;
	font-family: 'Lato', sans-serif;	
}

#comments .comment-body blockquote p:last-child { margin-bottom: 24px; }
.commentlist ol { list-style: decimal; }

.commentlist .avatar {
	position: absolute;
	top: 4px; left: 0; 
}

.comment-author { margin-bottom:3px; }
.comment-author cite { color: #B1B1B1;  font-style:normal; font-size: 87.5%; font-family: 'Lato', sans-serif; }
.comment-author .says {  display:none; }
.comment-meta { font-size: 75%;  margin: 0; float: right; }
.comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none; }
.comment-meta a:active, .comment-meta a:hover { color: #333; }

.reply {
	font-size: 68.8%;
	font-style: italic;
	font-weight: bold;
	padding: 0 0 15px 0;
}



.commentlist .children { list-style: none; margin: 0; }

.commentlist .children li {
	background-color: #F8F8F8;
	border: none;
	margin: 0;
	padding: 0 5px 0 40px;
}

.nopassword, .nocomments { display: none; }
#comments .pingback { border-bottom: 1px solid #dedede; margin-bottom: 18px; padding-bottom: 18px; }
.commentlist li.comment+li.pingback { margin-top: -6px; }
#comments .pingback p { color: #888; display: block; font-size: 75%; line-height: 18px; margin: 0; }
#comments .pingback .url { font-size: 81.3%; font-style: italic; }
.comment-notes { display:none; }
.bypostauthor { }

/* Comments form */
#respond { margin: 24px 10px; overflow: hidden; position: relative; }
#respond p {
	margin: 0;
	font-family: 'Lato', sans-serif;
}

#respond h3 {
	font-size: 87.5%;
	font-weight: bold;
	padding: 10px 0 15px 0;
} 

#respond .comment-notes { margin-bottom: 1em; }
.form-allowed-tags { line-height: 1em; }
.children #respond { margin: 0 48px 0 0; }
.commentlist #respond { clear: both; display: block; }
#comments-list #respond { margin: 0 0 18px 0; }
#comments-list ul #respond { margin: 0; }
#cancel-comment-reply-link { font-size: 75%; font-weight: normal; line-height: 18px; }
#respond .required_lab {  font-weight: bold;   }
#respond label {   font-size: 75%;  font-family: 'Lato', sans-serif;}
#respond input { margin: 0 0 9px; }
#respond textarea { width: 96%; height: 145px;  }
#respond .form-allowed-tags { color: #888; font-size: 75%; line-height: 18px; display:none; }
#respond .form-allowed-tags code { font-size: 68.8%; }
#respond .form-submit { text-align:left; margin-top:10px; }
#respond .form_fields { float: left; width: 36%; margin-right: 5%; }
#respond .form_fields p { margin-bottom:7px; }
#respond .form_fields input { width:100%; }
#respond .comment-form-comment { width: 80%; float: left; }
#respond .form_fields input, #respond textarea { clear: both; display: block; margin: 3px 0 0; }


/*********************************************************************************************

10. Sidebar & Widgets -------------------------  sidebar.php

*********************************************************************************************/

#sidebar {
	float:right;
	text-align:left;
	width:310px;
}

#sidebar .post-cover {
	margin:0 0 10px;
}

#sidebar_left {
	float:left;
	width:310px;

}

#sidebar_right {
	float:left;
	width:310px;
		border-top: 1px dashed #ccc;
	padding: 20px 0 0 0;
}

#sidebar .tagcloud {
	line-height: 1.2;
	text-align: justify;
	background-color: #fff;
}	

#sidebar_left .widget,
#sidebar_right .widget {
	float:left;
	margin:0 0 15px;
	width:310px;
}

#ads {
	text-align:center;
	margin:0 0 10px;
}


.widget {
	float:left;
	margin:0 0 15px 0;
	width:310px;
}

.widget h3.title {
 	/*background-color:#FAF2C9;
	border-top:3px solid #F1E8B7;*/
	font-family: 'Lato', sans-serif;
	font-size: 75%;
	text-transform: uppercase;
	font-weight: bold;
	color: #b12130;
	padding: 0 0 10px 0;
}

.widget h5 {
 	/*background-color:#FAF2C9;
	border-top:3px solid #F1E8B7;*/
	font-family: 'Lato', sans-serif;
	font-size: 87.5%;
	font-weight: bold;
	padding:8px 0 5px 0;
 	margin:0 0 10px;
}

.widget { float: left; line-height: 1.5; width: 100%; }
.widget ul { clear: both; margin: 0 0 5px; line-height: 1.7; font-size: 75%; }
.widget ul li { list-style-type: none;  border-bottom: 1px dotted #B12130; margin:0 0 3px; padding:0 0 3px; line-height:1.1; }
.widget ul ul { margin: 0; padding: 0 0 0 20px; border-top: none; }
.widget ul ul li { border: none; }
.widget #cat, .widget select { width: 100%; display: inline; padding: 5px; line-height: 1.5; clear: both; float: left; }

.widget a {	color: #B12130;	font-size: 100%; font-family: 'Lato', sans-serif; }
.widget img { border:0; background:#fff; }

/* Tags cloud */
.widget_tag_cloud a { font-weight:normal; font-family: 'Lato', sans-serif; }


/* Recent Comments */
.widget .recent-comments-list .avatar { margin-right: 8px; float: left;}
.widget .recent-comments-list li { margin:0 0 8px; padding: 0 0 8px; border-bottom: 1px dotted #d2d4d4;  line-height:1.4; }

/* Recent Posts  */
.widget .wpzoom-feature-posts br {display: none;}
.widget .wpzoom-feature-posts img { margin: 0 10px 5px 0; float: left;}
.widget .wpzoom-feature-posts small { font-family: 'Lato', sans-serif; margin: 2px 0 4px; display: block; }
.widget .wpzoom-feature-posts .post-excerpt { display: block;}
.widget .wpzoom-feature-posts li { margin:0 0 8px; padding: 0 0 8px; border-bottom: 1px dotted #d2d4d4; line-height:1.4; }

/* Popular Posts Widget */
.widget .wpzoom-popular-posts li,
.widget.wpzoom-popular-posts li { margin:0 0 8px; padding: 0 0 8px; font-family: 'Lato', sans-serif; border-bottom: 1px dotted #d2d4d4;  line-height:1.4; }

/* Flickr widget */
#flickr_badge_wrapper a { border: none; display: block; float: left; padding: 0 8px 10px 0; text-align: left;   }
#footer #flickr_badge_wrapper a { border: none; display: block; float: left; padding: 0 6px 10px 0; text-align: left;   }
#flickr_badge_wrapper { display: block; list-style-type: none; margin: 0; padding:0 0 5px; }
#flickr_badge_wrapper .flickr_badge_image { border: none; padding: 0; float:left; }

#flickr_badge_wrapper img { width: 69px; height: 69px; }
#flickr_badge_wrapper img:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60); opacity: 0.6; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}

/* Twitter widget */
.widget .twitter-list li { padding: 0 0 7px; margin: 0 0 7px;  font-family: 'Lato', sans-serif; }
.widget .twitter-list li a { font-weight: normal; }
.widget .twitter-list .twitter-timestamp { display: block; color: #A8A8A8;  font-size: 68.8%; font-style: normal;}
.widget .follow-user { margin: 0; padding: 5px 0; }

/* Social Widget */
#sidebar .social li { display: inline; width: 47%; float: left; padding: 0; margin:0 6px 14px 0; line-height: 16px; clear: none; border-bottom: none; }
#sidebar .social a { font-size: 75%; font-weight: bold; }
#sidebar .social a span { font-size: 68.8%; display: block; font-weight: normal; }
#sidebar .social img { float: left; margin-right: 7px; }

/* Calendar widget */
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; font-weight:bold;  font-size: 75%; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 62.5%; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #EFEEEE; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #E8E8E8; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 62.5%; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 62.5%; text-transform: uppercase; padding-top: 10px; }

/* Facebook widget support */
.widget .fb-like-box,
.widget .fb-like-box span,
.widget .fb-like-box iframe { 
	width: 100%!important;
}

/* Tabbed widgets */
.tab_container { margin: 0px; padding: 0px; float: left; border: 5px solid #F8F5E8; }
.tab_container_in { margin: 0px; padding: 10px; border-left: 1px solid #dddddd; border-top: 1px solid #dddddd; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
.tab_menu_container { padding: 0 0 0 5px; height: 33px; border-top: 3px solid #F1E8B7; background-color: #FAF2C9; }
#tab_menu li { margin: 0px; padding: 7px 5px 2px 0px; width: 23%; background-color: #F8F5E8; text-transform: uppercase; color: #333; font-family: 'Lato', sans-serif; font-size: 62.5%; line-height: normal; font-weight: bold; float: left; list-style: none; cursor: pointer; text-align: center; border-bottom: none; }
#tab_menu .first { padding: 7px 5px 2px 6px; }
#tab_menu li a, #tab_menu li a:visited { margin: 0px; padding: 4px 6px 4px 6px; background-color: #E6E3D3; color: #333; text-decoration: none; display: block; }
#tab_menu li a:hover, #tab_menu li a.current { background-color: #333; color: #ffffff; text-decoration: none; }
.tab_sidebar_list { display: none; }
.column_right { width: 310px; float: left; }

#sidebar .tabberlive { background: #FAF2C9; padding: 0; float: left; clear: both; border-top:3px solid #F1E8B7; width: 310px; }
#sidebar .tab_container { padding: 7px; font-size: 75%; background: #f7f7f7; border: 1px solid #d2d4d4; float: left; width: 269px; }
#sidebar .tab_container ul { color: #a3a0a0; font-size: 68.8%; margin: 0; padding: 0; line-height: 1.5; }

.tabberlive .tabbertabhide { display: none; }
.tabberlive h3 { display: none;  }
ul.tabbernav li { list-style-type: none; float: left; margin: 0; padding: 0; height: 22px; line-height: 22px; border-left: none; margin-bottom: -1px; overflow: hidden; position: relative; }
ul.tabbernav { margin: 0; padding: 1px 0; font: bold 12px; }
*html  ul.tabbernav { padding: 2px 0; /* ie6 only */ }
*+html  ul.tabbernav { padding: 2px 0; /* ie7 only */ }
ul.tabbernav li { list-style: none; margin: 0 5px 0 0; display: inline; border:none; }
ul.tabbernav li:hover {border:none;}

ul.tabbernav li a { text-decoration: none; background:#FFF; color: #333; display: block; font-size: 68.8%; font-weight: normal; padding: 0 10px; outline: none; cursor: pointer; font-family: 'Lato', sans-serif; }
ul.tabbernav li.tabberactive { background: #333; color: #fff; }
ul.tabbernav li.tabberactive a { background:#333; color: #fff; }
ul.tabbernav { margin: 0; padding: 7px 0 0 6px; float: left; list-style: none; height: 31px; width: 297px; }
html .tabbertab ul { margin: 0; }
.tabberlive .tabbertab { overflow: hidden; clear: both; float: left; border:1px solid #ddd; background: #fff; padding:8px; margin: 0 0 6px 6px; width: 278px; color: #222; }
.tabbertab h2.widgettitle { display: none; }

/*********************************************************************************************

11. Footer  -------------------------  footer.php

*********************************************************************************************/

#beforfooter {
	background-color: #FFF;
 	font-size: 87.5%;
	line-height:19px;
	margin:0 auto 0 auto;
 	padding-bottom: 15px;
}

#beforfooter2 {
	background-color: #FFF;
 	font-size: 87.5%;
	line-height:19px;
	margin:0 auto 0 0;
 	padding-bottom: 15px;
}

#beforfooter div.column00 {
    display: inline;
    float: left;
    margin: 0 0 -20px 20px;
    padding:0 3px 0 0;
    width: 96%;
	/*border-top:  1px dashed #ccc;*/
	line-height: 0;
	
}

#beforfooter .widget h3.title {
	display: none;
	margin:15px 0 10px 0;
	font-size: 75%;
}

#beforfooter2 .widget h3.title {
	display: none;
	margin:15px 0 10px 0;
	font-size: 75%;
}


#beforfooter2 .widget img {
    background: none repeat scroll 0 0 #fff;
    border: 0 none;
	padding: 0 0 20px 0;
}

#footer {
	background-image: url(images/bg-footer.jpg);
	background-color: #EDEDED;
	background-repeat: repeat-x;
 	font-size: 112.5%;
	line-height:19px;
	margin:0 auto 0 auto;
 	padding-bottom: 15px;
	box-shadow:   1px  0  2px  #aaa,
                  -1px  0  2px  #aaa;
	-moz-box-shadow:  2px  0  2px  #aaa,
                   -1px  0  2px  #aaa;
    -webkit-box-shadow:  1px  0  2px  #aaa,
                   -1px  0  2px  #aaa;
}

#footer a {
	color: #B12130;
}

#footer h4 {
	font-size: 87.5%;
	font-weight:700;
	text-transform:uppercase;
}

#footer div.column0 {
    display: inline;
    float: left;
    margin: 0 0 -20px 20px;
    padding:0 3px 0 0;
    width: 63%;
	/*border-top:  1px dashed #ccc;*/
	line-height: 0;
	
}

#footer div.column0 h3.title {
	margin:0 0 10px 0;
	font-size: 75%;
	/*border-top:  1px dashed #ccc;*/
}

#footer div.column0 hr { border: 0; border-top: 1px dashed #ccc; display: block; margin: 1em 0; padding: 0; }

#footer div.column {
    display: inline;
    float: left;
    margin-right: 0;
    padding:0 3px 0 18px;
    width: 300px;
    border:none;
}

#footer div.last {
    margin-right: 0;
}

#footer .widget-area {
    padding:10px 0 0 0;
    margin:0 0 10px 0;
    border-bottom:1px solid #FFF;
	border-top:1px dashed #E6E6E6; 
}

#footer .column .widget {
    width:300px;
    float:left;
    line-height:1.2;
	font-size: 93.8%;
    overflow:hidden;
    margin-bottom:15px;
}

#footer .widget h3.title {
	margin:15px 0 10px 0;
	font-size: 75%;
}

#footer_right {
 	padding:15px 0 0 20px;
 	font-size: 68.8%;
	font-family: 'Lato', sans-serif;
}

#footer_right li {
	display:inline;
	font-size: 87.5%;
 	padding:0 10px 0 0;
}

#footer_right ul {
	display:block;
	padding-bottom:10px;
}

#footer_right span {
 	padding-right:20px;
	float:right;
}


#flogo-box {
	margin: -5px 42% 0 0;
	position: relative;
	z-index: 100;
	float: right;
}

.flogo {
	height: 30px;
	width: 30px;
}

.flogo img {
	border: 0;
}


/*********************************************************************************************

12. Media Queries

*********************************************************************************************/

/* Tablet Landscape */
@media screen and (max-width: 980px) {

    body { min-width:100%; }
    #page-wrap { width: 94%;}
    #articles { width:66%;}
    #main { width:66%;}

    #logo img { max-width:100%; height:auto; }

    #panes img {width:55%; height:auto; }
    .overlay {   display:none; }
    #navi ul { left:0; bottom:0; width:55%; top:auto;}
    #navi img { width:75px; margin:0 6px 0 0; height:45px; }
	
	nav#main-menu a {
	padding: 13px 23px 6px 23px;
	}

    #panes .post-info { height:auto; width:43%;}
 
	#columns .column,
	.column_first,
	.column_second {
		float:left;
		padding:10px 1% 0;
		width:31%;
	}

	.tag-cloud,
	.facebook,
	.ngg {
		float: right;
		padding:10px 1% 0;
		width:32%;
	}

	#columns .column img, .column_first img, .facebook img  { width:100%; max-width:100%; height:auto; }
    .facebook img  { padding: 0 0 8% 0;}
    .recent-post { width: 100%; float: left; }
    #articles .post-thumb { float:left; margin:0 10px 0 0; max-width:35%; width:35%; height:auto;}
    #articles .post-thumb img {  max-width:100%; width:100%; height:auto;}

    #sidebar { width:30%; }
    #sidebar .widget {width:100%; margin-right:2%; float:left; }

 	#sidebar .tabberlive {  width: 100%; }
	#sidebar .tab_container { padding: 3%;   width: 94%; }
	ul.tabbernav {   padding: 1% 0 0 2%;  width: 98%; height:auto;}
	.tabberlive .tabbertab {  padding:3%; margin: 0 0 6px 2%; width: 90%;   }

    #panes span.cover {
		position: relative;   overflow: hidden; width: 55%; max-width: 55%; height:auto;
	}

	.cover iframe,
    .cover object,
    .cover embed {  width: 100%; max-width:100%; height:auto; }

     /* Template: Full-width */
    .full-width #content { width: 100%; }
    .full-width h1.archive_title { width:100%; }
    .full-width .entry img { max-width: 100%; }
    .full-width .entry .wp-caption { max-width:100%;  }

    #main.full-width  { width: 100%; }

 	#footer div.column {  width: 30%; padding:0 0 0 3%; }
	#footer .column .widget {  width:100%; }

    .entry img.alignnone,
    .entry img.aligncenter,
    .entry img.alignleft,
    .entry img.alignright,
    .entry img.attachment-fullsize {
        margin-bottom: 10px;
        max-width: 100%;
        width:auto;
        height:auto;
    }

    .full-width .entry img.alignnone,
    .full-width .entry img.aligncenter,
    .full-width .entry img.alignleft,
    .full-width .entry img.alignright,
    .full-width .entry img.attachment-fullsize {
        margin-bottom: 10px;
        max-width: 100%;
        width:auto;
        height:auto;
    }

    #sidebar .post-cover { width:100%; max-width:100%; height:auto; }

    #sidebar_left {
		background-color: #fff;
 		width:100%;
		float: right;
	}

	#sidebar_right {
		width:100%;
	}

	#sidebar_left .widget,
	#sidebar_right .widget {
 		width:100%;
	}

}

/* Tabled Portrait */
@media screen and (max-width: 768px) {

.btn_menu {
	display: block; 
	position: absolute; 
	top: 50px; 
	right: 25px; 
	cursor: pointer; 
	background: transparent url(images/icon-lines.png) no-repeat top left; 
	width:40px; 
	height:40px; 
	z-index: 100; 
}

	/* Make Menu Mobile-Device Friendly */
	
nav#main-menu {
	background: none; 
	padding: 0 10px; 
}

.mobile-menu {
	display: none; 
}

nav#main-menu li {
	display: block;
	float: none; 
	margin-right: 0;
}

nav#main-menu a { 
	color: #B12130;
	padding: 12px 5px; 
}

nav#main-menu li li a, nav#main-menu li.current-menu-item li a {
		color: #fff;
}
	
nav#main-menu a:hover, nav#main-menu li li a:hover {
	color: #fff;
}

nav#main-menu li.current-menu-item a, nav#main-menu li.current-item a {
	background-color: #8D1616;
	color: #fff;
	padding-left: 10px;
} 

nav#main-menu li.current-menu-item li a {
	background: none;
	padding-left: 0;
} 
	
	nav#main-menu .dropdown ul { background: none; margin-left: 10px; display: block !important; position: relative; visibility: inherit !important; top: 0; left: 0; width: auto; }

	nav#main-menu .dropdown ul {
		position:		relative;
		top:			0;
		width:			100%; /* left offset of submenus need to match (see below) */
		margin: 0;  
		padding: 0; 
		background: none;  
	}
	
	nav#main-menu .dropdown ul li {
		display: block;
		width: auto;
		font-size: 87.5%;
		/*line-height: 22px;*/
	 	margin: 0 0 0 30px;
	 	padding: 0;
	 	border: 0;
	}
	
	nav#main-menu .dropdown ul li a {

		padding: 2px 0 2px 20px;
	}
	
	
	nav#main-menu .dropdown ul li li {
				display: block;
		width: auto;
		font-size: 81.3%;
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0;
	border: 0;
	}
	
	nav#main-menu .dropdown ul li li a {
		margin: -10px 0 0 0;
		padding: 2px 0 2px 40px;		
	}
	
	nav#main-menu .dropdown ul li li a:hover {
		background-color:#8D1616;
		
	}
	
	nav#main-menu li li {
		background: none;
	}
	
	nav#main-menu li li a:hover {
		background: none;
	}
	
	nav#main-menu .dropdown li:hover ul,
	nav#main-menu .dropdown li.sfHover ul {
		padding: 0;
		margin: 0;
		position: relative;
		left:			0;
		top:			0; /* match top ul list item height */
	}
	
	nav#main-menu ul.dropdown li:hover li ul,
	nav#main-menu ul.dropdown li.sfHover li ul {
		top:			0;
	}
	
	nav#main-menu ul.dropdown li li:hover ul,
	nav#main-menu ul.dropdown li li.sfHover ul {
		left:			0; /* match ul width */
		top:			0;
	}
	
	nav#main-menu ul.dropdown li li:hover li ul,
	nav#main-menu ul.dropdown li li.sfHover li ul {
		top:			0;
	}
	
	nav#main-menu .sf-sub-indicator { display:none !important; }
	
	/* End Menu */



}



/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 640px) {
	
	.btn_menu { top: 80px; right: 20px; }
	
	#content-wrap{
	padding: 0 20px 0 20px; }

	#topmenu { float:left;text-align:left; margin-left:20px; margin-top:15px;}
	#topmenu { display:block; width:100%; margin-bottom:15px;}
	
	#header #search {
	margin: 0 20px 10px 0; }
	
	#articles { width:100%;}
    #main { width:100%;}

    #navi ul {display:none;}

    #logo h1 a { font-size: 137.5%; }

    #panes { height:auto; }

    #panes span.cover {
		position: relative;   overflow: hidden; width: 100%; max-width: 100%; height:auto;
	}

	#panes img { width:100%; max-width:100%; height:auto; }

	#panes div { position:relative; height:auto; }

	#panes .post-info { height:auto; width:94%; padding:2%; float:left;}

	#columns .column,
	.column_first,
	.tag-cloud,
	.facebook{
		float:left;
		padding:10px 0 0;
		width:100%;
	}
	
	.column_second {
		float:left;
		margin: 10px 0 0 0;
		padding:10px 0 0;
		width:100%;
	}
	
	.ngg {
		float:left;
		padding:0 0 0;
		width:100%;
	}
	
	.facebook img {
	max-width: 100%;
	height: auto;
	margin: 0 0 -5% 0;
	}

	ul.dropdown li {text-transform:none; font-size: 75%;}

	.recent-post .post-content {overflow:visible; }
    .recent-post .post-thumb { width:100%; margin-right:0;}
    .recent-post .post-thumb img { width:100%;}

    #respond .form_fields { width:97%; margin:0; }
    #respond .comment-form-comment {width:99%; }
    #respond .form_fields input { width:98%; }
    .children #respond { margin-right:0; }

	#sidebar { width:100%; margin-left:0%;}
    #sidebar .widget {width:100%; margin-right:0%; float:none; }

    #footer div.column { margin-right: 0;  width: 94%; }
	#footer .column .widget { width:100%; }
	
	/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 20px 0pt;
	text-align:left;
	float: left;
	width: 100%;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	    height: auto;
	margin:0pt 1px 2px 0px;
	padding:1px;
	width: 8%;  // or width: 100%; it depends on your needs

}

}

/* NEU 2020 */

nav#main-menu .covid19 a {
    /*background-color: #fff;*/
	border: 2px #F00 dashed;
    padding: 6px 18px 6px 18px;
	margin: 3px 0 0 0;
}

nav#main-menu li.current-menu-item .covid19 a {
border-left: 0 #CCCCCC solid;
    border-right: 0px #CCCCCC solid;
}