/*
	Theme Name: Columbia Kootenay Cultural Alliance
	Description: Custom Wordpress theme
	Version: 1.0
	Author: Genex Marketing
*/
/*@font-face {
	font-family: 'museo-sans';
	src: url('fonts/museosans-300.eot');
	src: url('fonts/museosans-300.eot?#iefix') format('embedded-opentype'),
		 url('fonts/museosans-300.woff') format('woff'),
		 url('fonts/museosans-300.ttf') format('truetype'),
		 url('fonts/museosans-300.svg#museo-sans') format('svg');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'museo-sans';
	src: url('fonts/museosans_900.eot');
	src: url('fonts/museosans_900.eot?#iefix') format('embedded-opentype'),
		 url('fonts/museosans_900.woff') format('woff'),
		 url('fonts/museosans_900.ttf') format('truetype'),
		 url('fonts/museosans_900.svg#museo-sans') format('svg');
	font-weight: 900;
	font-style: normal;
}*/
body {
    font-family: "museo-sans", sans-serif;
    font-weight: 300;
    font-size: 14px
    }
.clear {
    clear: both
    }
/* header */
#the-header {
    border-top: 9px solid #008998;
    padding-top: 20px
    }
.header {
    max-width: 1110px;
    margin: 0 auto;
    text-align: center;
    position: relative
    }
.header a img {
    max-width: 100%
    }
/* menu */
#the-menu {
    background: #008998
    }
.menu-main {
    background: #08779a;
    max-width: 1110px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #fff
    }
.menu-main ul {
    font-size: 0;
    padding: 0;
    margin: 0;
    list-style: none
    }
.menu-main ul li {
    display: inline-block;
    zoom: 1
    }
.menu-main ul li a {
    display: block;
    padding: 0 15px;
    font-size: 12px;
    height: 46px;
    line-height: 46px;
    color: #fff;
    text-transform: uppercase
    }
.menu-main ul li a:hover, .menu-main ul li.current_page_item a {
    background: #008998
    }
.toogle-menu {
    display: none;
    position: relative;
    padding: 15px 55px;
    cursor: pointer;
    text-align: left;
    color: #fff;
    font-size: 16px
    }
.toogle-menu a {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 8px;
    left: 10px;
    display: block;
    border: 1px solid #fff
    }
.toogle-menu span {
    width: 25px;
    display: block;
    margin: 4px auto;
    height: 5px;
    background: #fff
    }
/* content */
.content {
    max-width: 1010px;
    margin: 0 auto;
    padding: 40px 50px 20px;
    position: relative;
    min-height: 555px
    }
.content strong {
    font-weight: 900
    }
.content h1, .content h2, .content h3, .content h5, .content h6 {
    font-weight: 900;
    color: #00899a;
    font-size: 30px
    }
.content h1 {
    font-size: 33px
    }
.content h2 {
    font-size: 30px
    }
.content h3 {
    font-size: 28px
    }
.content h4 {
    font-size: 26px
    }
.content h5 {
    font-size: 24px
    }
.content h6 {
    font-size: 22px;
    color: #333;
    margin-bottom: 0;
    margin-top: 0
    }
.content a {
    color: #08779A
    }
.content a:hover {
    color: #777;
    text-decoration: underline
    }
.shadow {
    position: absolute;
    top: -47px
    }
.shadow-left {
    left: -16px
    }
.shadow-right {
    right: -18px
    }
.primary-content {
    margin-right: 295px;
    min-height: 750px
    }
.primary-content img {
    float: left;
    max-width: 100%
    }
.content .line {
    border-left: 1px solid #e5e5e5;
    height: 85%;
    position: absolute;
    right: 295px;
    top: 40px;
    width: 1px
    }
.content form input, .content form textarea {
    border: 1px solid #e5e5e5;
    padding: 0 9px;
    max-width: 96%
    }
.content form textarea {
    padding: 9px
    }
.content form input {
    height: 29px;
    line-height: 29px
    }
.sidebar {
    position: absolute;
    padding: 0 40px;
    width: 210px;
    top: 40px;
    right: 0
    }
.sidebar h3 {
    font-size: 22px;
    color: #008998;
    font-weight: 900
    }
.sidebar ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-weight: bold
    }
.sidebar li {
    margin-bottom: 12px
    }
.sidebar li img {
    float: left;
    display: block;
    width: 63px;
    height: 63px
    }
.sidebar li .des {
    margin-left: 78px;
    padding-top: 15px
    }
.sidebar li .des h4, .sidebar li .des p {
    margin: 0
    }
.sidebar li .des h4 a {
    font-weight: 900;
    font-size: 14px;
    color: #000
    }
.sidebar li .des p, .sidebar li .des a {
    font-size: 11px
    }
.sidebar li .des a {
    font-weight: 500;
    color: #08779a
    }
/* footer */
#the-footer {
    background: #08779a
    }
.footer {
    max-width: 980px;
    margin: 0 auto;
    padding: 60px 60px 40px 70px;
    position: relative;
    background: #008998;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff
    }
.footer .logo-footer, .footer .list-footer, .footer .socials {
    float: left
    }
.footer .logo-footer {
    margin-right: 40px
    }
.footer .logo-support {
    position: absolute;
    right: 60px;
    top: 60px
    }
.footer .list-footer {
    width: 107px;
    font-size: 11px;
    padding: 0;
    margin: 0;
    list-style: none
    }
.footer .list-footer a {
    color: #fff;
    line-height: 22px;
    text-transform: uppercase
    }
.footer .socials {
    width: 445px;
    text-align: center
    }
.footer .socials a {
    color: #fff;
    font-size: 10px;
    display: inline-block;
    zoom: 1;
    padding: 0 15px;
    vertical-align: top
    }
.footer .socials a img {
    display: block;
    margin: 0 auto 5px
    }
li.fontResizer {
    list-style-type: none
    }
li.fontResizer a {
    display: inline-block;
    padding: 10px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px
    }
li.fontResizer a:hover {
    color: #555;
    background: #ececec
    }
.rounded {
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px
    }
hr {
    border: none;
    border-top: solid 1px #cecece;
    margin: 15px 0
    }
.wp-caption {
    border: none;
    background: none;
    padding-left: 0;
    margin-bottom: 15px;
    padding-bottom: 0
    }
.wp-caption.alignleft {
    padding-left: 0;
    padding-right: 20px
    }
.wp-caption.alignright {
    padding-right: 0;
    padding-left: 20px
    }
.res td {
    padding: 5px 0;
    border-top: dotted 1px #ccc
    }
.res tr:hover {
    background: #eee
    }
#imgcred {
    color: #fff;
    font-size: 10px;
    clear: both;
    margin-top: 30px
    }
.gallery-item {
    font-size: 11px;
    text-align: left !important
    }
.gallery-item p {
    padding: 15px
    }
.event-editor .mce-statusbar .mce-path {
    display: none
    }
/*gallery styling*/
dd.wp-caption-text.gallery-caption {
    clear: both;
    margin: 5px !important;
    word-wrap: break-word;
    text-shadow: 2px 2px 2px #fff
    }
dl.gallery-item {
    padding: 10px;
    background: #EBEBEB;
    margin: 10px;
    border: 1px solid #ccc
    }
#gallery-1 .gallery-item {
    width: 27% !important
    }
.wp-caption-text span {
    text-align: center !important;
    margin: 15px 0 !important
    }
.wp-caption-text span span {
    margin: 0 0 !important
    }
.wp-caption-text {
    text-align: center !important
    }
/* Fix */
.page-id-9 .content ol {
    padding-left: 15px
    }
.page-id-9 .content ol li {
    padding: 5px 0
    }
.page-id-9 .content ol.bold li {
    font-weight: bold;
    font-size: 20px;
    color: #333
    }
.page-id-9 .content ol.bold li p, .page-id-9 .content ol.bold li div, .page-id-9 .content ol.bold li ol li {
    font-weight: normal;
    font-size: 16px
    }