/* 
	Pallet1 - Good Friends
	#D9CEB2, 217,206,178 - light brown
	#948C75, 148,140,117 - darken brown
	#D5DED9, 213,222,217 - light kind of gray blues brown
	#7A6A53, 122,106,83 - dark brown
	#99B2B7, 153,178,183 - nice mid blue

	Pallet2 - wordless
	#FFFFFF, 255,255,255 - white
	#CBE86B, 203,232,107 - bright green
	#F2E9E1, 242,233,225 - brown, red, pink really light
	#1C140D, 28,20,13 - dark black
*/

body{
	background-color: #D5DED9;
	color: #1C140D;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 20px;
	
}

article p, section p{
	color: #4a767f;
}

h1, h2, h3 {

    margin-top: 0;
}
a{
	color: #948C75;
}

a:hover,
a:focus,
a:active{
	color: #D9CEB2;
}
nav#primary-nav{
	background-color: #99B2B7;
	color: #D5DED9;
	padding: 15px 0;
}
	nav#primary-nav ul li a{
		color: #fff;
		font-size: 20px;
		letter-spacing: 1.2px;
		font-weight: 250;
		padding: 15px 10px;		
	}
	nav#primary-nav ul li:first-child a::before {
	    content: "";
	}
	nav#primary-nav ul li a::before {
	    content: "\\";
	    display: inline-block;
	    padding-right: 15px;
	}
	
	nav#primary-nav ul li a:hover,
	nav#primary-nav ul li a:active,
	nav#primary-nav ul li a:focus{
		background-color: inherit;
		color: #fff;
		font-weight: 300;
	}
	nav#primary-nav ul li a:hover::before,
	nav#primary-nav ul li a:active::before,
	nav#primary-nav ul li a:focus::before {
	    color: #D5DED9;
	}

	nav#primary-nav ul.top-search{
		padding-top: 5px;
	}
	nav#primary-nav ul.top-search input[type=text]{
		border: 0;
		border-bottom: 2px solid #D5DED9;
		background-color: transparent;
		padding: 5px;
		font-size: 20px;
	}
	nav#primary-nav ul.top-search input[type=submit]{
		font-size: 0px;
		border: 0;
		height: 20px;
		width: 20px;
		background-color: transparent;
		background-image: url('images/search.png');
	}


header{
	color: #7A6A53;
	padding: 25px 0;
}
header .tags{
	width: 300px;
	float: left;
}
header .tags h1, header .tags h1 a{
	color: #FFFFFF;
	font-size: 50px;
	text-transform: uppercase;
}
header .tags h1 a:hover{
	text-decoration: none;
}
header .tags p{
	font-size: 20px;
	color: #99B2B7;
	font-weight: 300;
	text-align: right;
}

header .pyramid{
	width: 100%;
}
header .pyramid  ul{
	width: 100%;
	list-style: none;

}
header .pyramid  ul li{
	width: 100%;
}
header .pyramid  ul li.level-top{
	padding-left: 40px;
}
header .pyramid  ul li ul li.content p{
	padding-left: 20px;

}
header .pyramid  ul li.level-one ul li.level{
	width: 20%;
	background-color: rgba(148,140,117, 0.3);
	float: left;
}
header .pyramid  ul li.level-one ul li.content{
	width: 80%;
	float: left;
}
header .pyramid  ul li.level-two ul li.level{
	width: 30%;
	background-color: rgba(148,140,117, 0.5);
	float: left;
}
header .pyramid  ul li.level-two ul li.content{
	width: 70%;
	float: left;
}
header .pyramid  ul li.level-three ul li.level{
	width: 40%;
	background-color: rgba(148,140,117, 0.7);
	float: left;
}
header .pyramid  ul li.level-three ul li.content{
	width: 60%;
	float: left;
}
header .pyramid  ul li.level-thour ul li.level{
	width: 50%;
	background-color: rgba(148,140,117, 1);
	float: left;
}
header .pyramid  ul li.level-thour ul li.content{
	width: 50%;
	float: left;
}

section.slider{
	height: 275px;

}
section.slider .slider-margin{
	width: 700px;
	margin: 0 auto;
	position: relative;
}
section.slider .slider-margin .slider-body{
	height: 300px;
	background-color: #99B2B7;
	width: 100%;
	margin-top: 25px;
	position: absolute;
	overflow: hidden;
}

section.slider .slider-margin .slider-body .image{
	width: 50%;
	float: left;
	overflow: hidden;
}

section.slider .slider-margin .slider-body .content{
	width: 50%;
	float: left;
	color: #FFFFFF;
}
section.slider .slider-margin .slider-body .content h1{
	padding: 50px;
	text-align: center;
}

section.aboutus-news{
	background-color: #FFFFFF;
	color: #99B2B7;
	padding: 100px 0 60px 0;
}
section.aboutus-news .about ul{
	display: inline-block;
	list-style: none;
	width: 100%;
	padding: 0;
}
section.aboutus-news .about ul li{
	padding-bottom: 10px;
}
section.aboutus-news .about ul li ul li.icon{
	width: 30%;
	float: left;
	display: block;
	font-size: 50px;
	text-align: center;
	padding-top: 45px;
}
section.aboutus-news .about ul li ul li.content{
	width: 70%;
	float: left;
	display: block;
}

section.aboutus-news .news h1{
	text-align: center;
}
section.aboutus-news .news ul{
	list-style: none;
	width: 100%;
	padding: 0;
}
section.aboutus-news .news ul li{
	height: 100px;
	margin-bottom: 15px;
}
section.aboutus-news .news ul li ul li.date{
	width: 20%;
	float: left;
	text-align: center;
	background-color: #99B2B7;
	color: #FFFFFF;
	font-size: 60px;
	position: relative;
	padding-top: 40px;
}
section.aboutus-news .news ul li ul li.date p{
	color: #FFFFFF;
}
section.aboutus-news .news ul li ul li.date span{
	font-size: 20px;
	position: absolute;
	top: 10px;
	left: 10px;
	color: #D5DED9;
}

section.aboutus-news .news ul li ul li.content{
	width: 80%;
	float: right;
	padding-left: 15px;
}

section.featured{
	color: #99B2B7;
	padding: 0 0 20px 0;
}
section.featured ul{
	list-style: none;
	
	margin-top: -20px;
}

section.featured ul li ul li{
	padding: 5px 10px;
	color: #99B2B7 ;
}
section.featured ul li ul li h2{
	text-shadow: 0px 1px #99B2B7;
}
section.featured ul li ul li.image{
	height: 200px;
	overflow: hidden;
	padding: 0;
	border: 1px solid #99B2B7;
	-webkit-box-shadow: 10px 10px 5px -6px rgba(153,178,183,1);
	-moz-box-shadow: 10px 10px 5px -6px rgba(153,178,183,1);
	box-shadow: 10px 10px 5px -6px rgba(153,178,183,1);
}



footer{
	background-color: #99B2B7;
	color: #FFFFFF;
	padding: 15px 0;
}

/*
section,article aside headlines border bottom 
*/

article h1, 
section.news h1,
section.articles h1
{
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom: 1px solid #99B2B7;
	color: #7a6a53;
}


/*
pagination 
*/

ul.pagination li a{
	color: #7A6A53;
}

ul.pagination li a:hover,
ul.pagination li a:focus,
ul.pagination li a:active{
	color: #D9CEB2;
	background-color: transparent;
}


/*
aside
*/
aside{
	padding-top: 13px;
}
aside h3{
	padding-bottom: 5px;
	padding-left: 15px;
	border-bottom: 1px solid #99B2B7;
}

aside ul{
	list-style: none;
	padding-left: 15px;
}
/*
news 
*/

section.news{
	background-color: #FFFFFF;
	padding: 25px 0;
	color: #99B2B7;
}
section.news ul{
	display: inline-block;
	list-style: none;
	width: 100%;
	padding: 0;
}
section.news ul li{
	
	
	margin: 15px 0;
}

section.news ul li ul li.date{
	height: 100px;
	width: 120px;
	float: left;
	text-align: center;
	background-color: #99B2B7;
	color: #FFFFFF;
	font-size: 60px;
	position: relative;
	padding-top: 40px;
}
section.news ul li ul li.date span{
	font-size: 20px;
	position: absolute;
	top: 10px;
	left: 10px;
	color: #D5DED9;
}
section.news ul li ul li.content{
	width: 85%;
	float: left;
	padding-left: 15px;
}


/*
articles
*/

section.articles{
	background-color: #FFFFFF;
	padding: 15px 0;
	color: #99B2B7;
}
section.articles ul{
	list-style: none;
	padding: 0;
	width: 100%;
	display: inline-block;
}
section.articles ul li ul{
	margin-bottom: 15px;
}
section.articles ul li ul li.image {
	width: 20%;
	max-height: 110px;
	overflow: hidden;
	float: left;
}
section.articles ul li ul li.image img{
	max-width: 100%;
}
section.articles ul li ul li.content {
	width: 80%;
	float: left;
	padding-left: 15px;
}


/*
article styles
*/
article.post{
	font-size: 16px;
}
article.post header{
	position: relative;
	height: 200px;
}
article.post header h1{
	margin-right: 315px;
}
article.post header img{
	max-width: 300px;
	max-height: 200px;
	top: -30px;
	right: 0;
	position: absolute;
	-webkit-box-shadow: 10px 10px 5px -6px rgba(153,178,183,1);
	-moz-box-shadow: 10px 10px 5px -6px rgba(153,178,183,1);
	box-shadow: 10px 10px 5px -6px rgba(153,178,183,1);
}
article.post header p.publish-date{ padding-left: 15px; font-style: italic;}
article.post nav{
	padding: 20px 15px 0 15px;
}
article.post ul.social{
	list-style: none;
	float: left;
}
article.post ul.social li{
	float: left;
}

article.post ul.social li a{
	font-size: 22px;
	padding-right: 10px;
}
footer.entry-footer{
	display: none;
}


/* comments starts */

h2.comments-title{
	color: #000;
}
#comments ul li article{
	display: inline-block;
	border: 1px solid black;
	padding: 5px 10px;
	margin-bottom: 10px;
	border-radius: 5px;
}
#comments ul li:nth-child(2) article{
	background-color: rgba(213,222,217, 0.5);
}
#comments ul li article footer{
	background-color: transparent;
	width: 100%;
	display: inline-block;
	position: relative;
}
#comments ul li article footer div.comment-author.vcard{
	float: left;
	color: #7A6A53;

}
#comments ul li article footer > div.comment-metadata{
	float: right;

}

#comments ul li article > div.comment-content{
	float: left;
	width: 100%;
	padding-left: 50px;
}

#comments ul li ul.children{
	padding-left: 50px; 
}
#comments ul li div.reply{
	float: right
}

#commentform textarea{
	width: 100%;
}
/* comments ends */