/*
Theme Name: CCH2016
Theme URI:
Version: 1.0.0.2
Description: A theme by Greengraphics
Author: Greengraphics
Author URI: 
*/


/* STANDARD ELEMENTS */
html {min-height: 100%;}

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}



* {
	margin: 0;
}

a {
	color: #006917; 
	text-decoration: none;
}

a:hover {
	color: #67A866; 
	text-decoration: underline;
}

img {max-width: 100%;}

img { -ms-interpolation-mode: bicubic; }

bold, strong {font-weight: 700;}

hr {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: #c8c8ba; /* old IE */
    background-color: #c8c8ba; /* Modern Browsers */
}


/* MAIN */

body {
	color: #333;
	font: normal 75% 'Ubuntu', sans-serif;
	background: rgba(10,87,35,1);
	background: -moz-linear-gradient(top, rgba(10,87,35,1) 0%, rgba(17,112,49,1) 14%, rgba(119,178,127,1) 41%, rgba(139,199,147,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(10,87,35,1)), color-stop(14%, rgba(17,112,49,1)), color-stop(41%, rgba(119,178,127,1)), color-stop(100%, rgba(139,199,147,1)));
	background: -webkit-linear-gradient(top, rgba(10,87,35,1) 0%, rgba(17,112,49,1) 14%, rgba(119,178,127,1) 41%, rgba(139,199,147,1) 100%);
	background: -o-linear-gradient(top, rgba(10,87,35,1) 0%, rgba(17,112,49,1) 14%, rgba(119,178,127,1) 41%, rgba(139,199,147,1) 100%);
	background: -ms-linear-gradient(top, rgba(10,87,35,1) 0%, rgba(17,112,49,1) 14%, rgba(119,178,127,1) 41%, rgba(139,199,147,1) 100%);
	background: linear-gradient(to bottom, rgba(10,87,35,1) 0%, rgba(17,112,49,1) 14%, rgba(119,178,127,1) 41%, rgba(139,199,147,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a5723', endColorstr='#8bc793', GradientType=0 );
	
}

#ack {
	height:40px; 
	position:absolute; 
	right:50px; top:0px; 
	width:80px;
}

.ack {
	font-size: 13px; 
	font-style:italic;
}

#top_search {
	height: 25px;
    position: absolute;
    right: 10px;
    top: 80px;
    width: 370px;
}

.search-input {
	background:transparent url(img/search.png) no-repeat scroll 0 0; 
	border:medium none; 
	color:#9499A1; 
	float:left; 
	font-size:13px;
	margin:0; 
	padding-top:5px;
	padding-right:10px;	
	padding-bottom:0px;
	padding-left:38px;
	width:290px;
}

.search-submit {
	border:0 none; 
	float:right; 
	margin-top:0px; 
	padding-top:5px;
	margin-right:20px;
	width:50px;
}

p,code,ul {
	padding-bottom: 10px;
}

li {	list-style: none; 
}

h1 {
	font: normal 2.8em 'Hammersmith One','Trebuchet MS', sans-serif;
	font-style: normal;
	margin-bottom: 4px;
	color: #00641F;
	/* border-bottom:1px dotted #D5D5D5; */
	width:100%;
	font-size: 21px;
	padding: 10px 0;
	margin: 0 0 0px 0;
	text-transform: uppercase;
	/* text-shadow: 1px 1px 0px #737373 */
}

h2 {
	font: normal 1.4em 'Trebuchet MS', 'Arial' ,sans-serif; 
	font-style: normal;
}

h3 {
	font: normal 1.1em 'Trebuchet MS', 'Arial' ,sans-serif;
}

code {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #C1CAD3;
	color: #666;
	display: block;
	font: normal 1em Tahoma,sans-serif;
	line-height: 160%;
	margin: 4px 0 12px;
	padding: 8px 10px;
	white-space: pre;
}

blockquote {
	background: url('img/quotes.gif') no-repeat;
	display: block;
	font: italic 1.3em "Arial",sans-serif;
    line-height: 140%;
	padding-left: 55px;
}

.sidenav blockquote {
	font: normal 100% 'Ubuntu', sans-serif;
	line-height: 150%;
}

big {
	font-size: 1.1em
}


h1, h2 {
	padding-top: 6px; 
	padding-bottom: 10px;
}

label {
	display: block;
	font-size: 0.9em;
}

/* MISC*/
.clearer {clear: both;}
.left {float: left;}
.right {float: right;}

/* STRUCTURE*/
.container {
	background: #FFFFFF;
	font-size: 1.2em;
	width: 945px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	margin:0 auto;
}

/* HEADER */
.top {
	padding-left:10px; 
	padding-right:10px; 
	padding-top:0px; 
	padding-bottom:0px
}

/* TITLE*/
#header {
	height: 135px;
	width: 945px;
	overflow: hidden;
	position:relative;
	z-index: 100;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	background-color: #FFFFFF;
	
}

#logo {
	position: absolute;
	left: 30px;
	top: 20px;
}

#logoic {
	width:210px; 
	height: 200px; 
	float:left;
}

/* NAVIGATION */

#navigation {
    background: #131313;
}

.menu-main-container {
    position: relative;
    width: 100%;
}

.full .menu-main-container {
    float: none;
    width: 100%;
}

.menu-main-container ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.menu-main-container ul.menu {
    margin: 0 auto;
}

.menu-main-container li {
    position: relative;
    float: left;
    margin-bottom: 0;
    text-align: center;
}

.menu-main-container li a {
    display: block;
    padding: 12px 16px;
    transition: all 0.3s ease;
    color: white;
}

.menu-main-container li a:hover {
    text-decoration: none;
    color: #fff;
    background: #106a2e;
}

.menu-main-container li > ul {
    position: absolute;
    z-index: 999;
    top: 100%;
    right: 50%;
    display: none;
    padding: 5px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    text-align: left;
    white-space: nowrap;
    background: #333;
    box-shadow: 0 2px 15px rgba(82, 72, 63, 0.45);
    border-top: solid 1px white;
}

.menu-main-container li:hover > ul {
    display: block;
}

.menu-main-container ul ul > li {
    float: none;
    width: 100%;
    border-bottom: solid 1px #fff;
}

.menu-main-container ul ul > li:last-child {
    border-bottom: none;
}

.menu-main-container ul ul > li a:hover {
    color: #fff;
    background: #106a2e;
}



/* MAIN*/
.main {
	background:#fff;
	z-index: 50;
	padding: 0 30px;
}

/* SUB NAVIGATION */
.sidenav {
	float: right;
	width: 25%;
	margin-left:5%;
	padding-bottom:20px;
	margin-top:20px;
}

.sidenav h2 {
	font-weight: 400;
	font-size: 1.3em;
	color: #333;
	text-decoration: none;
	line-height: 26px;
	margin: 0;
	padding-left: 3px;
}

.sidenav h2 a {text-decoration: none;}

.sidenav .alignright {float: none;}

.sidenav ul {
	padding: 0;
	border-top: 0px solid #EAEADA;
}
.sidenav li {
	border:dotted 1px #c8c8ba;
	margin-bottom:3px;
}

.sidenav li a {
	color: #333;
	background: #f0f7ee;
	/* background: #ccffcc; */
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
}
.sidenav li a:hover {
	background: #0b6d2c;
	color: #ffffff;	
}

.sidenav h3 {
	border:dotted 1px #c8c8ba;
	margin-bottom:3px;
}

.sidenav h3 a {
	font-size: 1.1em;
	color: #333;
	background: #edeeef;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
}

.sidenav h3 a:hover {
	background: #0b6d2c;
	color: #ffffff;
}

/* CONTENT*/

.breadcrumb-item {
display:inline;
}

#kiddies ul{
	margin:0px;
	padding-left:0px;
}

#kiddies li {
	background:none;
	line-height:140%;
	padding-left:0px;
   	list-style: none outside none;
	float: left;
	position: relative;
}

#kiddies a {
   	padding: 0.35em 1.2em 0.35em 0;
	font-size: 1.1em;
}

.content {
	float: left;
	margin: 10px 0;
	padding: 0;
	width: 70%;
	/*width: 730px;*/
	line-height: 140%; 
}

.contenthome {
	margin: 10px 0;
	padding: 0 0px;
}

.contenthome h2 {
	font-size: 2.3em;
}

.contenthome h2 a:hover {
	text-decoration: none;
}

.contenthome {
	line-height: 170%;
}

.content .descr {
	color: #333;
	font-size: 0.9em;
	margin-bottom: 6px;
}

.content li { 
	list-style-type: disc; 
	/* line-height: 140%; */
	padding: 0 0 6px 6px; 
}

.content p {
	/*line-height: 140%; */

}

.content td {
 /*line-height: 140%; */

}

tr {border: 0px;}
.odd {
	background-color: #EDEEEF;
}
	
/* IMAGE TEXT WRAP STYLES --------------------------------------------------*/

img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

img.centered {
    padding: 5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    margin:0 0 1em 1em;
    display: inline;
}
img.alignleft {
    margin:0 1em 1em 0;
    display: inline;
}
.alignright {float: right;}
.alignleft {float: left;}

/* footer */
.footer {
	color: #4c4c4c;
	font-size: 1em;
	padding: 0 30px;
	border-top:solid 1px #c8c8ba;
	line-height: 50px;
	margin-bottom:15px;
}

.footer:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}


.footer a, .footer a:hover {color: #4c4c4c;}

.footer #facebook {float:right; display:block; margin-right: 8px; height:85px; width:85px; padding:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.footer #facebook img {width:100%; height:auto;}

.footer #ACNC img {float:right; display:block; margin: 6px 0 8px 8px; max-width: 80px; height:auto;}

/* posts */
.post h1 a {text-decoration:none;}
.post h1 a:hover {text-decoration:underline;}
.post {margin: 6px 0 2px;}
.post .info{
	padding: 5px 10px;
	border: 1px solid #E3E4E4;
	background:#F5F5F5;
	color: #333;
	margin: 2px 0 4px;
}

.post img {border: 0px;}
.post a img {border: 0px;}
.post a:hover img {border-color: #CCC;}
.info a {text-decoration: none;}
.info a:hover {text-decoration: underline;}

/* comments */
.content ol li {list-style: none; background: none;}

#commentlist li {
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #700000;
	list-style: none;
}

#commentform {
	margin: 1em 0;
	width: 100%;
}

.commentmetadata {padding: 2px 0 4px;}
.commentmetadata a {color: #333;}

textarea.styled {width: 280px;}

.styled {
	font-size: 1.1em;
	background: #F8F7F6;
	border: 1px solid #D6D3D3;
}

.styled:hover {
	background: #FFF;
	border: 1px solid #D6D3D3;
}

.styled:focus {
	background: #FFF;
	border: 1px solid #939793;
}

#commentform input {margin-bottom: 3px;}

a img {border:none;}

.wp-caption img {
   margin: 5px 5px 0 5px;
   padding: 5px;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   padding: 0 15px 5px 15px;
   margin: 0;
}

#TB_window {z-index: 502;}
#TB_load{z-index:503;}
#TB_HideSelect{z-index:499;}

/*hidden elements*/
.ui-hidden {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}

.ui-accessible-hidden {
	 position: absolute; left: -99999999px;
}

/*reset styles*/
.ui-reset {

	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
}

/*clearfix class*/
.ui-clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.ui-clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .ui-clearfix {height: 1%;}
.ui-clearfix {display: block;}
/* End hide from IE-mac */

/* responsive small hacks */

@media only screen and (max-width: 945px) {

.container {width: 100%;}
.top {padding: 0;}
#top_search {display:none;}
#ack {top: 75px; right: 20px; width: 60px;}
#header {width: 100%;}
#navigation {width: 100%;}
#fadeshow1 {width: 100% !important }
.content {float:none; width: 100%; padding: 1em;}
.contenthome {float:none; width: 94%; margin: 1em;}
.sidenav {float:none; width: 94%; margin: 1em;}
}

@media only screen and (max-width: 600px) {

#fadeshow1 {display:none;}
}