/*
Theme Name: UngerCounseling
Update URI: false
Author: Mick Johnson
Author URI: http://www.sitestash.com
Version: 1.0
*/

*,* {
	margin:0;
	padding:0;
}
html {
     overflow: -moz-scrollbars-vertical;
     overflow: scroll;
}
body {background: #9FAC75; color: #323232; text-align:center; font:14px/18px Verdana, Arial, Helvetica, sans-serif; margin: 0px auto 0px; padding: 0px;}
#wrap {background: #FFFFFF; width: 100%; text-align:left; margin: -10px auto 0px; padding: 0px;background:url(http://www.ungercounseling.net/wp-content/uploads/2012/04/Untitled-2.png) repeat-x;}
img {border:none}
.wpcf7-submit {padding:5px;}

/******************** HYPERLINKS ********************/
a, a:link, a:active {color:#9F5000;}
a:visited {color:#9F5000;}
a:hover {color:#9F5000; text-decoration:none;}
.divlink  a {color:#000;text-decoration:none;}
.divlink a:hover {text-decoration:underline;}

/******************** HEADER ********************/
#header {height:145px; width:920px; margin:0 auto;}
#header h1 {color: #1F1F1F; font-size: 25px; font-weight: normal; letter-spacing: 0px; margin: 10px 0px 3px 0px; padding: 20px 0px 0px 0px; font-family: Georgia, "Times New Roman", Times, serif;}
#header h1 a:link {color: #1F1F1F; text-decoration: none;}
#header h1 a:active {color: #1F1F1F; text-decoration: none;}
#header h1 a:visited {color: #1F1F1F; text-decoration: none;}
#header h1 a:hover {color: #1F1F1F; text-decoration: none;}
#header h3 {color: #000; font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 0px; padding: 10px 0px 10px 0px;}
#nav {text-align: center; margin: 10px 0px 20px 0px; padding: 0px;}
#nav ul {margin: 20px 0px 0px 0px; padding: 0px;}
#nav li {display: inline; font-weight:bold; padding:0 17px 0 17px;font-size:16px;}
#nav a:link {color:#1F1F1F; text-decoration:none;}
#nav a:active {color:#1F1F1F; text-decoration:none;}
#nav a:visited {color:#1F1F1F; text-decoration:none;}
#nav a:hover {color:#1F1F1F; text-decoration:underline;}
#banner {background: url("images/banner.jpg") no-repeat; height:134px;}
.subtitle {margin:10px 0;}
/******************** CONTENT ********************/
#content {width: 960px; margin: 0px auto 0px; padding: 0px;}
#content p {padding: 0px 0px 15px 0px; margin: 0px; line-height: 20px;font-size:14px;}
#content h1 {display:none;}
#content h2 {color: #1F1F1F; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight:bold; padding: 0px 0px 0px 0px; margin: 25px 0px 10px 0px;}
#content h2 a:link {color:#1F1F1F; text-decoration:none;}
#content h2 a:active {color:#1F1F1F; text-decoration:none;}
#content h2 a:visited {color:#1F1F1F; text-decoration:none;}
#content h2 a:hover {color:#1F1F1F; text-decoration:underline;}
#content h2.widgettitle {color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin: 25px 0px 0px 0px; padding: 10px 0px 10px 0px;}
#content h3 {color: #444444; font-size: 12px; font-weight: bold; margin: 25px 0px 0px 0px; padding: 10px 0px 10px 0px;}
#contentleft {float: left; width: 920px; margin: 0px 0px 0px 0px; padding: 0px 20px 20px 20px; }
#contentleft ol {margin: 0px 0px 0px 20px; padding: 0px 0px 10px 0px;}
#contentleft ol li {margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px;}
#contentleft ul {list-style-type:none; margin: 0px 0px 0px 20px; padding: 0px 0px 10px 0px;}
#contentleft ul li {background:transparent url("images/bullet.png") 0px 3px no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px;}
#contentleft ul li ul li{background:transparent url("images/bullet.png") 0px 3px no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px;}
#contentleft .single {margin: 42px 0px 15px 0px; padding: 20px 0px 0px 0px;}
blockquote {margin: 0px 20px 20px 20px; padding: 25px 20px 25px 20px; background: #EFEFEF; border-left: 5px solid #696969; border-right: 5px solid #696969;}
.date {color:#A97965; font-family: Georgia, "Times New Roman", Times, serif;}
.postmetadata {margin: 0px 20px 10px 20px; padding: 15px 20px 15px 20px; background: #EFEFEF; border-left: 5px solid #696969; border-right: 5px solid #696969;}
.post-meta-key {text-decoration: none; font-weight: bold;}
.post-meta {font-weight: normal;}

/******************** IMAGES ********************/
img.alignright {float:right; border:none; margin:0px 0px 10px 10px;}
img.alignleft {float:left; border:none; margin:0px 10px 10px 0px;}
img.aligncenter {display: block; border:none; margin:10px auto 10px auto;}
a img.alignright {float:right; border:none; margin:0px 0px 10px 10px;}
a img.alignleft {float:left; border:none; margin:0px 10px 10px 0px;}
a img.aligncenter {display: block; border:none; margin:10px auto 10px auto;}

/******************** SIDEBAR ********************/

#sidebar {float: right; width: 200px; margin: 0px 0px 0px 0px; padding: 0px 19px 20px 19px; border-right: 1px solid #E2DDDE; font:11px/18px Verdana, Arial, Helvetica, sans-serif;}
#sidebar ul {list-style-type: none; margin: 0px; padding: 0px;}
#sidebar ul li {background:transparent url("images/bullet.png") 0px 3px no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px;}
#sidebar ul li ul li {background:transparent url("images/bullet.png") 0px 3px no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px;}
#sidebar li {list-style-type:none;}
#feed ul li {background:transparent url("images/rss.png") 0px 3px no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px;}

/******************** FOOTER ********************/
#footerbar a:link, a:active, a:visited {text-decoration:none;}
#footerbar a:hover {color:#886353; text-decoration:underline;}
#footerbar {margin: 0px auto 0px; padding: 0px; width: 960px; text-align: left; height: 100%; overflow: hidden; }
.footerbox {float:left; width: 31%; float: left; margin: 5px 0px 0px 0px; padding: 0px 10px 20px 10px;}
.footerbox ul {list-style-type: none; margin: 0px; padding: 0px;}
.footerbox ul li {background:transparent url("images/bullet.png") 0px 3px no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px;}

/******************** SEARCH ********************/
#searchdiv {margin: 0px; padding: 0px;}
#searchform {margin: 0px; padding: 0px; overflow: hidden;}
#s {color: #323232; font-size: 11px; padding: 4px; margin: 4px 0px 0px 0px; border: 1px solid #323232;}
#sbutt {background: #878787; color: #FFFFFF; font-size: 11px; font-family: Verdana, Helvetica, Sans-Serif; padding: 1px; margin: 0px 0px 0px 5px; border: 1px solid #333333; cursor:pointer;}

/******************** COMMENTS ********************/
#commentblock {margin: 0px 20px 10px 20px; padding: 25px 20px 10px 20px; background: #EFEFEF; border-left: 5px solid #696969; border-right: 5px solid #696969;}
#commentlist {margin: 20px 20px 20px 20px; padding: 10px 10px 10px 10px; background: #F9F9F9; border-left: 2px solid #696969; border-right: 2px solid #696969; font-style:normal;}
#commentlist li {list-style-type: none; list-style-image: none; margin: 10px 0px 0px 0px; padding: 10px 10px 10px 10px;}
#commentlist li.bypostauthor {margin: 10px 0px 10px 0px; padding: 10px 10px 10px 10px; background: #B3B3B3; border: 1px solid #696969;}
#commentlist li.pingback {margin: 10px 0px 10px 0px; padding: 10px 10px 10px 10px; background: #F9F9F9; border: 1px solid #696969;}
#commentlist li ul li {list-style-image: none; list-style-type: none; background: none; margin: 10px 0px 0px 0px; padding: 10px 10px 10px 10px;}
#commentlist li ul li ul li {list-style-image: none; list-style-type: none; background: none; margin: 10px 0px 0px 0px; padding: 10px 10px 10px 10px;}
#commentlist li.comment ul.children li.bypostauthor {margin: 10px 0px 10px 0px; padding: 10px 10px 10px 10px; background: #B3B3B3; border: 1px solid #696969;}
#commentlist li.comment {margin: 10px 0px 10px 0px; padding: 10px 10px 10px 10px; background: #E3E3E3; border: 1px solid #696969;}
#commentlist li.comment div.comment-author {text-transform: uppercase;}
#commentlist li.comment div.vcard cite.fn {text-transform: uppercase; font-style: italic; font-weight: bold; padding: 0px 0px 0px 10px;}
#commentlist li div.vcard img.avatar {float:left; border: 1px solid #696969;}
#commentlist li.comment div.vcard span.says {text-transform: lowercase; font-style: italic;}
#commentlist li.comment div.commentmetadata {color: #1F1F1F; font-size: 10px; font-style:italic; margin: 0px 0px 30px 70px;}
#comments, #respond {font-size: 14px; font-weight:normal;}

/******************** WORDPRESS CAPTIONS ********************/
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* Desktop: button doesn't exist visually, nothing else changes */
.nav-toggle { display: none; }

@media (max-width: 999px) {
    #header h1 {
	line-height: 1.3;
    }
    /* #sidebar? */
    #header, #contentleft, #content, #footerbar {
	width: auto;
    }
    #contentleft > div {
	width: auto !important;
    }
    #contentleft table td {
	width: 45%;
    }
    #contentleft p img,
    #contentleft table td img {
	margin: 5px !important;
    }
    #wrap {
	background: #E0D38B;
	position: relative;
	padding: 0 10px;
	box-sizing: border-box;
    }
    #nav {
	float: none;
	width: auto;
	position: absolute;
	right: 0px;
	top: 90px;
	background: #E0D38B;
	padding: 0 10px;
    }
    .nav-toggle {
	display: block;
	margin: 0 0 0 auto;           /* sits at the right; adjust to taste */
	padding: 12px;
	background: none;
	border: 0;
	cursor: pointer;
    }

    /* Hamburger: middle bar + two pseudo-element bars */
    .nav-toggle-icon,
    .nav-toggle-icon::before,
    .nav-toggle-icon::after {
	display: block;
	width: 26px;
	height: 3px;
	background: #333;             /* match the site's text/nav color */
	border-radius: 2px;
	transition: transform .2s, opacity .2s;
    }
    .nav-toggle-icon { position: relative; }
    .nav-toggle-icon::before,
    .nav-toggle-icon::after { content: ""; position: absolute; left: 0; }
    .nav-toggle-icon::before { top: -8px; }
    .nav-toggle-icon::after  { top: 8px; }

    /* Turn into an X when open */
    #nav.is-open .nav-toggle-icon { background: transparent; }
    #nav.is-open .nav-toggle-icon::before { top: 0; transform: rotate(45deg); }
    #nav.is-open .nav-toggle-icon::after  { top: 0; transform: rotate(-45deg); }

    /* The list: stacked, full width */
    #nav ul {
	margin: 0;
	padding: 0;
    }
    #nav li {
	display: block;
	float: none;
	width: auto;
	margin: 0;
    }
    #nav li a {
	display: block;
	padding: 12px 16px;           /* generous tap target */
    }

    /* Only collapse when JS is running, so no-JS visitors still get the full list */
    #nav.nav-js ul { display: none; }
    #nav.nav-js.is-open ul { display: block; }
    .collapseomatic {
	display: block;
	padding: 0 0 0 16px;
	line-height: 1;
	clear: both;
    }
    body.home div#content {
	margin-top: 20px;
    }
    #contentleft ul {
	clear: both;
    }
    #contentleft ul li {
	margin: 0.5em 0;
    }
}

@media (max-width: 767px) {
    #content img.alignright {
	float: none;
    }
}