/*
Theme Name: Views Custom Kokatha
Theme URI: http://www.froling.com.au/
Description: Child Theme for Views Base
Author: Stu Nankivell
Author URI: http://www.froling.com.au/
Template: views_base
Version: 0.1
*/
 
@import url("../views_base/style.css");


  .wf-loading {
    font-family: "jubilat";
    visibility: hidden;
  }
  .wf-active {
    visibility: visible;
  }

#site-container {
	background-color:#FFF;
	background-size: 100%;
	background-position:right;
}

#main-container {
	border-left:none;
	padding-left:36px;
	minimum-height:400px;

}

#header-container, #footer-container {
border:none;
}
hgroup {
display:none;
}
.site-header {
    padding: 0;
}
#site-container {
border:none;
}
.site-header img {
box-shadow:none;
border-radius: 0;
}

blockquote {
	margin-bottom: 0;
}

/*################NAVBAR STYLING################*/

nav.main-navigation  {
    background-color: transparent;
    background-image:url(images/navbar-tile.jpg);
    background-repeat:repeat-x;
    border-bottom:0px;
	text-transform:capitalize;
    border-top:0px;
    display: inline-block;
    margin-top: 0;
    width: 100%;
	filter:none;
	height:42px;
}

#menu-item-16 {
	background-image: none;
}

nav.main-navigation ul {
	padding-left:10px;
	padding-bottom:15px;
}

nav.main-navigation li {
	background-image:url(images/border-right-bg.png);
	border-right:none;
	background-repeat:no-repeat;
	background-position:right;
    padding: 0 20px;
}

nav.main-navigation li a {
    color: #FFF;
    font-weight:bolder;
	font-family: "jubilat";
	font-weight:400;
	font-size:1.6rem;
}
nav[role="navigation"] li a {
    padding: 9px 0px;
}

nav.main-navigation li ul {
    background:#2e3c85;
	background-image:none;
	border:none;
    display: none;
    z-index: 2;
}

nav.main-navigation li ul li{
	background-image:none;
}

nav.main-navigation li ul li a {
    display: block;
    padding: 5px 20px 5px 5px;
    width: 230px;
}

nav.main-navigation li a:hover {
	color:#fff8c0;
}

a:active{background-color:inherit;}


/*##############CONTENT AREA ################*/

#main-container {
   background-color:FFF;
   background-image:url(images/content-tile.jpg);
   background-repeat:repeat-y;
   border-right:0px;
   min-height:500px;
}

div#content article.post, div#content article.page {
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 20px;
    padding: 0 0 18px;
}

div.filtercontrolbox {
	display:inline-block;
	float:right;
}



/*##############  TYPOGRAPHY  ################*/

body, p, td, div,ol,ul {
	font-family: "jubilat", sans-serif !important;
	font-style: normal;
	font-weight: 400 ;
	
}

.home header.entry-header h1.entry-title {
	display:none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "jubilat", sans-serif !important;
    font-style: normal;
	font-weight:500;
}

header.entry-header h1.entry-title, header.entry-header h2.entry-title {
  font-family:"jubilat", sans-serif !important;
  font-style:normal;
  font-weight:700;
  font-size:3rem;
  color:#2e3d86;
}


div.entry-content h1, div.entry-content h2, div.entry-content h3, div.entry-content h4, div.entry-content h5, div.entry-content h6 {
	font-family: "jubilat", sans-serif;
	color:#2e3d86;
	font-size:2.5rem;
	font-weight:700;
	
}
	



/* WIDGET STYLING  */

#recent-posts-3 h3 {
	display:none;
}

#rss-3 h3 img {
	margin-top: 5px;
}
#recent-posts-3 .post-date, #rss-3 .rss-date {
	font-style:italic;
	font-size: 1.1rem;
	display:block;
	text-align:right;
	margin-top:-6px;
}
#recent-posts-3 li, #rss-3 li {
	margin-right:12px;
	padding-bottom: 5px;
	border-bottom:#999 1px dashed;
}

.widget {
	text-align:center;
    padding: 0 0 0 0;
    text-align: left;
    width: 100%;
	margin-bottom:10px;
}

.widget img {
	float:left;
    border:none;
	box-shadow:none;
	border-radius: 0 0 0 0;
    box-shadow: 0;
	margin-right:9px;
	margin-bottom:0px;
	padding:0px;
}



/*##################   VIEWS STYLES  #########################*/

.news-list {
	width: 50%;
	min-width:270px;
	float:left;
}

.news-list div {
	padding-right: 20px;
}

.news-list h4 {
	margin-bottom:10px;
}

.news-list img {
	float: left;
	margin: 0 10px 5px 0;
}

.news-list .morelink {
	text-align:right;
	margin:0;
}
	
.post-dateline {
	color:#666;
	font-size:1rem;
	font-style:italic;
}

img.news-featured-image {
	float:left;
	margin: 0 20px 15px 0;
}

/* POST LINK STYLING  */
div.entry-content a.more-link {
	color:#2e3e89;
    display: block;
}

div.entry-content a.more-link:visited {
	color:#2e3e89;
}

div.news-link {
	float:left;
	font-style:italic;
	display:inline-block;
	margin-right:30px;
}
div.news-link a, div.news-link a:link {
	color:#06C;
}

/*##################    FOOTER    #########################*/

#footer-container {
    background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	height:112px;
}

nav.footer-navigation {
    display: inline-block;
    float: none;
	margin-left:5%;
}
.site-info {
    border-top: none;
    color: #fff;
    padding: 0;
}




.custom_footer {
	margin-left:10%;
	font-style:italic;
	text-align:right;	
	margin-right: 5%;
}

footer[role="contentinfo"] a {
	color:#fff;
	font-size: 1.4rem;
}
#footer-container .site-info {
	font-size: 1.4rem;
}

#footer-container a {
    color:#fff;
	font-family:"jubilat", sans-serif !important;
    text-decoration: none;
	font-weight:400;
}

#footer-container a:visited {
    color:#fff;
    text-decoration: none;
}

#footer-container a:hover {
    color:#FF0;
    text-decoration: none;
}

/*################## SLIDER #########################*/

#slider-pro-1 {
	margin-bottom: 20px;
}

/*################## FILEBASE #########################*/

.wpfilebase-attachment {
	float:right;
}

.wpfilebase-attachment {
    background-color: #fcf3ed;
    background-position: right top;
    background-repeat: no-repeat;
    border: 2px solid #f3e9e2;
}

div.entry-content ul.treeview, div.entry-content ul.treeview li ul {
    list-style: none outside none;
}

div.entry-content ul.treeview img, div.entry-content ul.treeview li ul img{
    box-shadow: none;
}

/*##################### WEBB SOFTWARE ########################*/

#ContactContainer{ overflow:hidden; }
	#ContactContainer .ContactContent{ width:33%; float:left; }

@media screen and (max-width:700px){
	#ContactContainer .ContactContent{ margin-top:15px; width:100%; float:none; }
}

#BoardContainer{ overflow:hidden; margin-bottom:15px; font-size:20px; }
	#BoardContainer .BoardContent{ width:50%; float:left; max-width:300px; line-height:1.5; }