/* Theme Name: Dialogue Grandchild
Author: Lydie Baillie
Description: child theme for dialog child integrating some w3 css for mobile .
Tags: green, light, right-sidebar, two-columns
*/
/* --- custom fonts Arsenal --- */

@font-face {
	font-family: 'ArsenalRegular';
	src: url('fonts/Arsenal-Regular-webfont.eot');
	src: url('fonts/Arsenal-Regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/Arsenal-Regular-webfont.woff') format('woff'),
	url('fonts/Arsenal-Regular-webfont.ttf') format('truetype'),
	url('fonts/Arsenal-Regular-webfont.svg#ArsenalRegular') format('svg');
	font-weight: normal;
	font-style: normal;

	}

@font-face {
	font-family: 'ArsenalItalic';
	src: url('fonts/Arsenal-Italic-webfont.eot');
	src: url('fonts/Arsenal-Italic-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/Arsenal-Italic-webfont.woff') format('woff'),
	url('fonts/Arsenal-Italic-webfont.ttf') format('truetype'),
	url('fonts/Arsenal-Italic-webfont.svg#ArsenalItalic') format('svg');
	font-weight: normal;
	font-style: normal;

	}

@font-face {
	font-family: 'ArsenalBold';
	src: url('fonts/Arsenal-Bold-webfont.eot');
	src: url('fonts/Arsenal-Bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/Arsenal-Bold-webfont.woff') format('woff'),
	url('fonts/Arsenal-Bold-webfont.ttf') format('truetype'),
	url('fonts/Arsenal-Bold-webfont.svg#ArsenalBold') format('svg');
	font-weight: normal;
	font-style: normal;

	}

/* ----- general styling ------ */

html, body
{
	margin:0;
	padding:0;
	text-align:center;
	font-size:18px;
	background:#798d8b;
	font-family:'ArsenalRegular', sans-serif;
	}
p
{
	margin:0 0 12px 0;
	padding:0 10px;
	text-align:justify;
	}
/* headings */
h1
{
	letter-spacing:1px;
	background:none;
	color:#1f5a66;
	font-size:36px;
	font-weight:normal;
	margin:40px 0 0 0;
	padding:0;
	text-decoration:none;
	}
h1 a
{
	text-decoration:none;
	}
h2
{
	border-bottom:1px solid #cad7d9;
	letter-spacing:1px;
	color:#1f5a66;
	font-size:24px;
	font-weight:normal;
	margin:20px 0 0 0;
	padding:0 0 3px 0;
	text-decoration:none;
	}
h2 a
{
	text-decoration:none;
	}
h3
{
	background:inherit;
	font-weight:normal;
	color:#1f5a66;
	font-size:18px;
	margin:16px 0 4px 0;
	padding:0;
	}

h6
{
	border-bottom:4px solid #cad7d9;
	letter-spacing:1px;
	color:#1f5a66;
	font-size:10px;
	font-weight:normal;
	margin:20px 0 0 0;
	padding:0 0 3px 0;
	text-decoration:none;
	}
h6 a
{
	text-decoration:none;
	}
/* links */
a
{
	color:#1f5a66;
	text-decoration:none;
	}
a:hover
{
	color:#993d00;
	text-decoration:none;
	}
/* site branding */
.site-title{
	text-align:center;
	font-size:48px;
	color:#f2eae4;
	padding-top:95px;
	}
.site-description
{
	text-align:center;
	font-size:36px;
	font-variant:small-caps;
	color:#f2a99d;
	padding-top:125px;
	}
/* page layout styling */
#page {
	box-shadow:0 12px 24px 12px rgba(0, 0, 0, 0.36),0 40px 77px 0 rgba(0, 0, 0, 0.36) !important;
	margin:0 auto;
	padding:0;
	height:100%;
	width:95%;
	overflow-x:auto;
	}
#head{
	background:url(images/header.jpg) no-repeat center;
	max-width:100%;
	height:441px;
	}

/* titel is site branding div*/
#titel {
	text-align:center;
	width:100%;
	margin:0;
	padding:12px 0 0 0;
	}

/* main content div */
#content{
	color:#000000;
	background-color:#f1f1f1;
	}
#content h4 {
	text-decoration:none;
	border-bottom:1px solid #cad7d9;
	background:none;
	color:#006a80;
	font-size:14px;
	font-family:'ArsenalBold',sans-serif;
	margin:25px 0 7px 0;
	padding:0 0 2px 0;
	}
#content h5 {

	text-decoration:none;
	border-bottom:1px solid #cad7d9;
	background:none;
	color:#006a80;
	font-size:12px;
	font-family:'ArsenalBold',sans-serif;
	margin:12px 0 10px 0;
	padding:0;
	}
#content a:hover {
	text-decoration:none;
	color:#0095b3;
	}
#content img {
	border:1px solid #cccccc;
	padding:4px;
	max-width:100%;
	height:auto;
	}
#sidebar {
	color:#1c324b;
	font-size:14px;
	margin:0;
	padding-top:0;
	text-align:left;
	height:100%;
	}

/* footer styling */
#footer
{
	background-color:#5a2400;
	clear:both;
	color:#86abb3;
	font-size:14px;
	margin:0;
	padding:10px 5px 5px 5px;
	overflow-x:auto;
	width:auto;
	}
#footer a
{
	background:none;
	color:#86abb3;
	}
#footer a:hover
{
	text-decoration:none;
	color:#0095b3;
	}
.foot
{
	text-align:left;
	}
#archiv {
	color:#000000;
	background-color:#f1f1f1;
	padding:0.01em 16px;
	display:table-cell;
	}
#archiv img {
	border:1px solid #cccccc;
	padding:4px;
	max-width:100%;
	height:auto;
	}
#archiv a:hover
{
	text-decoration:none;
	color:#0095b3;
	}
.title{
	text-decoration:none;
	border-bottom:4px solid #cad7d9;
	background:none;
	color:#4d7780;
	font-size:24px;
	font-family:'ArsenalBold',sans-serif;
	letter-spacing:1px;
	margin:16px 0 3px 0;
	padding:0 0 3px 0;
	}
.archivtitle {
	text-decoration:none;
	border-bottom:4px solid #cad7d9;
	background:none;
	color:#4d7780;
	font-size:24px;
	font-family:'ArsenalBold',sans-serif;
	letter-spacing:1px;
	margin:16px 0 3px 0;
	padding:0 0 3px 0;
	}
.tagtitle{
	border-bottom:4px solid #cad7d9;
	letter-spacing:0.09em;
	color:#5a2400;
	font-size:36px;
	font-weight:normal;
	margin:20px 0 40px 70px;
	padding:0 0 5px 0;
	text-decoration:none;
	}
.blockquote
{
	clear:left;
	border-left:4px solid #cad6d9;
	color:#9dafb3;
	text-align:justify;
	padding:0 0 0 25px;
	margin:20px 40px 16px 25px;
	}
.entry
{
	text-align:justify;
	margin:12px 0 0 0;
	padding-left:1px;
	line-height:1.6em;
	color:#525252;
	}
.entry a
{
	color:#b33c00;
	text-decoration:none;
	}
.entry_x
{
	text-align:justify;
	margin:12px 0 0 70px;
	line-height:1.6em;
	color:#525252;
	}
.entry_x a
{
	color:#b33c00;
	text-decoration:none;
	}
.text
{
	text-align:justify;
	margin:12px 0 0 0;
	line-height:1.6em;
	color:#707d80;
	}
.text a
{
	color:#b33c00;
	text-decoration:none;
	}

/* image positioning */
.alignleft {
	margin:0 10px 0 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
	}
.alignright {
	text-align:right;
	margin:0 0 0 10px;
	padding:0 0 0 0;
	float:right;
	}
.aligncenter {
	padding:0 0 0 0;
	display:block;
	margin-left:auto;
	margin-right:auto;
	}
/* posts */
.post {
	margin: 0 5px;
	padding: 0 5px;
	}
.post-date
{
	margin:4px 25px 0 0;
	width:45px;
	height:49px;
	float:left;
	background:url(images/date-bg.gif) no-repeat;
	}
.post-month
{
	font-size:10px;
	text-transform:uppercase;
	color:#ffffff;
	text-align:center;
	display:block;
	line-height:11px;
	padding-top:2px;
	margin-left:0;
	}
.post-day
{
	font-size:18px;
	text-transform:uppercase;
	color:#999999;
	text-align:center;
	display:block;
	line-height:18px;
	padding-top:7px;
	margin-left:-3px;
	}

#email, #author, #url
{
	background:#ffffff;
	border:1px solid #cad6d9;
	color:#1f5a66;
	font-size:14px;
	padding-left:2px;
	vertical-align:middle;
	}

.entry img
{
	margin:6px 10px 0 0;
	max-width:100%;
	height:auto;
	}
.entry_x img
{
	margin:6px 10px 0 0;
	max-width:100%;
	height:auto;
	}
.entry .right img
{
	float:right;
	margin:6px 0 0 10px;
	max-width:100%;
	height:auto;
	}
.entry_x .right img
{
	float:right;
	margin:6px 0 0 10px;
	max-width:100%;
	height:auto;
	}
#content .wp-smiley
{
	background:transparent;
	border:none;
	float:none;
	padding:0;
	margin:0;
	}
#archiv .wp-smiley
{
	background:transparent;
	border:none;
	float:none;
	padding:0;
	margin:0;
	}
.entry ol
{
	padding:0;
	margin:0 0 12px 40px;
	list-style-type:square;
	background:none;
	color:#9dafb3;
	}
.entry ul
{
	padding:0;
	margin:0 0 12px 40px;
	list-style-type:disc;
	background:none;
	color:#9dafb3;
	}
.entry ol li
{
	padding:0 0 0 0;
	margin:0 0 0 12px;
	list-style-type:decimal;
	background:none;
	color:#9dafb3;
	}
.entry ul li
{
	padding:0;
	margin:0 0 0 12px;
	list-style-type:circle;
	background:none;
	color:#9dafb3;
	}
.entry_x ol
{
	padding:0 0 0 0;
	margin:0 0 12px 40px;
	list-style-type:square;
	background:none;
	color:#9dafb3;
	}
.entry_x ul
{
	padding:0 0 0 0;
	margin:0 0 12px 40px;
	list-style-type:disc;
	background:none;
	color:#9dafb3;
	}
.entry_x ol li
{
	padding:0 0 0 0;
	margin:0 0 0 12px;
	list-style-type:decimal;
	background:none;
	color:#9dafb3;
	}
.entry_x ul li
{
	padding:0 0 0 0;
	margin:0 0 0 12px;
	list-style-type:circle;
	background:none;
	color:#9dafb3;
	}
/* comments styling */
#comment
{
	background:#ffffff;
	border:1px solid #cad6d9;
	color:#993d00;
	font-size:14px;
	padding:2px 2px 2px 2px;
	width:33%;
	display:none;
	}
#submit
{
	background:#ffffff;
	border:1px solid #cad6d9;
	color:#1f5a66;
	font-size:14px;
	margin:0 0 0 0;
	padding:0 10px;
	}
.commentbody
{
	list-style-type:none;
	color:#1f5a66;
	font-size:14px;
	margin:0 0 20px 0;
	padding:16px 12px 16px 12px;
	background:#f7f7f0;
	border:1px solid #cad6d9;
	position:relative;
	}
.commentcount
{
	background:inherit;
	font-size:12px;
	font-weight:bold;
	color:#dedbcc;
	float:right;
	margin:20px 12px 0 0;
	padding:0 0 0 0;
	}
.comment_title
{
	text-align:left;
	font-weight:normal;
	background:inherit;
	color:#1f5a66;
	font-size:14px;
	font-family:'ArsenalBold',sans-serif;
	margin:16px 0 12px 0;
	padding:0 0 0 0;
	}
.com_pic
{
	background:url(images/bubble.gif) no-repeat left;
	height:26px;
	}
.com_info
{
	color:#993d00;
	padding:0 0 0 0;
	}
.commentbody p
{
	line-height:1.2em;
	}
.commentlink
{
	font-size:10px;
	}
.commentlist
{
	list-style:none;
	}
.commentlist a
{
	color:#993d00;
	}
#commentform
{
	border-color:#cad6d9;
	}
#commentform p
{
	border-color:#cad6d9;
	color:#1f5a66;
	}
#commentform label
{
	border-color:#cad6d9;
	color:#1f5a66;
	}
#commentform input
{
	border-color:#cad6d9;
	color:#1f5a66;
	}
.nocomments
{
	background:none;
	color:#1f5a66;
	}
html[xmlns] .commentcount
{
	position:absolute;
	right:7px;
	top:0;
	}
#info{
	display:none;
	}
.info_m{
	clear:left;
	color:#1f5a66;
	font-size:10px;
	text-align:left;
	letter-spacing:0.01em;
	margin:0 0 30px 0;
	padding:4px 0 0 0;
	border-top:1px solid #cad6d9;
	background:none;
	}
.info_m a
{
	background:none;
	color:#1f5a66;
	}
.info_s
{
	clear:left;
	color:#1f5a66;
	font-size:10px;
	line-height:1.2em;
	margin:8px 0 25px 0;
	padding:5px 0 20px 64px;
	background:transparent url(images/bottom.gif) repeat-x bottom left;
	}
.info_s a
{
	background:none;
	color:#993d00;
	}
.info_x
{
	clear:left;
	color:#1f5a66;
	font-size:10px;
	text-align:left;
	letter-spacing:0.01em;
	margin:0 0 40px 70px;
	padding:4px 0 0 0;
	border-top:1px solid #cad6d9;
	background:none;
	}
.info_x a
{
	background:none;
	color:#1f5a66;
	}
.line
{
	border-top:1px solid #cad6d9;
	margin:0 0 7px 0;
	padding:0;
	}
.spacer
{
	border-top:1px dotted #cad6d9;
	margin:25px 0 7px 0;
	padding:0;
	}
/* articles navigation previous next */
.navbutton
{
	background:none;
	border-bottom:1px dotted #cad6d9;
	color:#86b0b3;
	line-height:1.5em;
	font-size:14px;
	margin:0;
	padding:0 0 4px 0;
	text-align:left;
	}
.navigation
{
	border-top:4px solid #cad6d9;
	border-bottom:1px solid #cad6d9;
	font-size:14px;
	margin:40px 0 20px 0;
	padding:2px 0 17px 0;
	color:#1f5a66;
	}
.navigation a
{
	background:none;
	color:#86abb3;
	}
.navigation-page
{
	border-top:4px solid #cad6d9;
	border-bottom:1px solid #cad6d9;
	font-size:14px;
	text-align:center;
	color:#1f5a66;
	}
.navigation a
{
	background:none;
	color:#86abb3;
	}
.navigation-post
{
	border-bottom:1px solid #cad6d9;
	font-size:14px;
	margin:40px 0 20px 0;
	padding:2px 0 17px 0;
	color:#1f5a66;
	}
.navigation a
{
	background:none;
	color:#86abb3;
	}
.navigation_x
{
	border-top:4px solid #cad6d9;
	border-bottom:1px solid #cad6d9;
	font-size:14px;
	margin:40px 0 20px 70px;
	padding:2px 0 17px 0;
	color:#1f5a66;
	}
.navigation_x a
{
	background:none;
	color:#86abb3;
	}
/* Tags styling */
.tags,
.tagcloud {
	text-align:center;
	color:#1f5a66;
	margin-top:10px;
	font-variant:normal;
	max-width:350px; /* prevent tagcloud from making column too wide */
	}
.tags,
.tagcloud a
{
	color:#1c324b;
	padding:4px;
	}
acronym
{
	text-decoration:none;
	color:#0095b3;
	font-style:normal;
	font-family:'ArsenalItalic',sans-serif;
	}
code
{
	background:inherit;
	color:#1f5a66;
	text-align:right;
	}
ol, form
{
	margin:0;
	padding:0;
	list-style-type:none;
	}

/* calendar styling */
.date
{
	background:none;
	border-bottom:1px solid #cad7d9;
	color:#86abb3;
	font:10px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	margin:2px 0 0 0;
	padding:0 0 4px 0;
	}
.date_x
{
	background:none;
	border-bottom:1px solid #cad7d9;
	color:#86abb3;
	font:10px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	margin:2px 0 0 70px;
	padding:0 0 4px 0;
	}
html > body #wp-calendar
{
	width:20%;
	text-align:left;
	margin-top:8px;
	}
#wp-calendar caption
{
	margin: 0;
	padding:2px 0 2px 2px;
	border:1px solid #cad6d9;
	background:none;
	color:#b34700;
	font-size:14px;
	text-align:left;
	}
#wp-calendar td
{
	border:1px solid #cad6d9;
	border-collapse:collapse;
	background:none;
	}
#wp-calendar td a
{
	color:#b34700;
	font-weight:normal;
	display:block;
	width:100%;
	}
#wp-calendar td.pad
{
	border:1px solid #cad6d9;
	background:transparent;
	}
#wp-calendar td#next
{
	padding:0.1em 0;
	background:transparent;
	}
#wp-calendar td#prev
{
	padding:0.1em 0;
	background:transparent;
	}
#wp-calendar td#next a, #wp-calendar td#prev a
{
	display:inline;
	}
#wp-calendar td#next
{
	text-align:right;
	}
#wp-calendar td#prev
{
	text-align:left;
	}
.enumeration
{
	padding:0 0 0 0;
	margin:5px 0 5px 40px;
	color:#1f5a66;
	}
/* -- contact form styling -- */
.wpcf7-form{
	margin:0 10px 10px 0;
	width: 100%;
	}

label{
	font-family:'ArsenalBold', sans-serif;
	}
input{
	padding:8px;
	display:block;
	border:none;
	border-bottom:1px solid #86abb3;
	border-left:1px solid #86abb3;
	width:100%;
	}
select{
	padding:9px 0;
	border:none;
	border-bottom:1px solid #ccc;
	}
.wpcf7-textarea{
	padding:8px;
	border-bottom:1px solid #86abb3;
	border-left:1px solid #86abb3;
	display:block;
	width:100%;
	}
.wpcf7-submit{
	border:none;
	display:inline-block;
	padding:8px 16px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	color:#ffffff;
	background-color:#798d8b;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	width:200px;
	}
.wpcf7-submit:hover{
	box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	border:1px solid #86abb3;
	}

/* custom div holding content and sidebar divs */
.main-content{
	display:table-row;
	width:100%;
	}

.content{
	padding:0.01em 16px;
	display:table-cell;
	background-color:#ffffff;
	opacity:1.00;
	filter: alpha(opacity=100); /* For IE8 and earlier */

	}

/* sidebar */

.sidebar {
	padding:0.01em 8px;
	display:table-cell;

	}
.sidebar a
{
	background:none;
	color:#00404d;
	opacity: 1.00;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	}
.sidebar a:hover
{
	background:none;
	color:#0095b3;
	opacity: 1.00;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	}
.sidebar h2
{
	text-decoration:none;
	border-bottom:1px solid #cad7d9;
	background:none;
	color:#5a2400;
	font-size:24px;
	font-family:'ArsenalBold',sans-serif;
	letter-spacing:1px;
	margin:30px 0 3px 10px;
	padding:0 0 3px 0;
	opacity: 1.00;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	}
.sidebar img
{
	max-width:100%;
	height:auto;
	}
.sidebar ul {
	color:#5a5a5a;
	line-height:1.5em;
	list-style-type:none;
	margin: 0 5px;
	padding:0 5px;
	}
.sidebar ul .widget,
.sidebar ul .widget .title{
	margin:5px;
	color:#5a2400;
	opacity: 1.00;
	filter: alpha(opacity=100); /* For IE8 and earlier */

	}
/* media queries for tablets ipads  */
@media (max-width:1025px) and (min-width:1280px){
	#page{
		width:100%;
		}
	#head{
		max-width:100%;
		height:auto;
		}
	.site-title{
		padding-top:35px;
		font-size:98%;
		}
	.site-description{
		padding-top:55px;
		font-size:98%;
		}
	#archiv,
	#content{
		padding:0.01em 5px;
		}
	.responsive-layout{
		display:block;
		width:100%!important;
		}
	.footer{
		width:100%;
		margin:0;
		}

	}

@media (max-width:993px) and (min-width:601px){
	#page{
		width:100%;
		}
	#head{
		max-width:100%;
		height:auto;
		}
	.site-title{
		padding-top:15px;
		}
	.site-description{
		padding-top:25px;
		}
	.responsive-layout{
		display:block;width:100%!important;
		}
	#archiv,
	#content{
		padding:0.01em 5px;
		}
	.footer{
		width:100%;
		margin:0;
		}
	body,
	.tags,
	#sidebar,
	.navbutton,
	.navigation,
	#footer{
		font-size:98%;
		}
	}
@media (max-width:600px){
	#head{
		max-width:100%;
		height:auto;
		}
	.site-title{
		padding-top:5px;
		font-size:24px;
		}
	.site-description{
		padding-top:15px;
		font-size:18px;
		}
	#archiv,
	#content{
		padding:0.01em 0;
		}
	.responsive-layout{
		display:block;width:100%!important;
		}
	.footer{
		width:100%;
		margin:0;
		}
	body,
	.tags,
	#sidebar,
	.navbutton,
	.navigation,
	#footer{
		font-size:98%;
		}
	h1{
		font-size:24px;
		}
	h2{
		font-size:18px;
		}
	p
	{
		margin:0 0 5px 0;

		}
	}
@media (max-width: 480px) {
	#page{
		width:100%;
		margin:0;
		padding:0;
		}
	#head{
		max-width:100%;
		height:auto;
		}
	.site-title{
		padding-top:0;
		}
	.site-description{
		padding-top:5px;
		}
	#archiv,
	#content{
		padding:0.01em 0;
		}
	.responsive-layout{
		display:block;width:100%!important;
		}
	.footer{
		width:100%;
		margin:0;
		}

	}