/*
Theme Name: KMCK 2016R
Author: Hark Design
Author URI: http://www.harkdesign.com/
Description: Wordpress based on Bootstrap 2.1
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: bootstrap
Text Domain: wpbootstrap
 
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* 
Theme Name: KMCK 2016R
Description: KMCK r2016R Style Overrides
Version: 1.0
Author: Hark Design
URI: http://www.harkdesign.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/


/* ----------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------*/
/* KMCK_r2016R  CORE*/
/* ----------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------*/

html, body {
font-family: Helvetica, Arial, sans-serif;
color:#666666;
background: #000000;}


/* CONTROL CUSTOM POST EXCERPTS
********************************************************************************************
********************************************************************************************/
.excerpt a {
width:192px;
float:left;
position: relative;
overflow: hidden;
margin-right: 22px;
margin-top: 20px;
height: 300px;
text-decoration: none;
border: 1px #efefef solid;}

.excerpt a img {
float:left;
width: 192px;
height: 192px;
top: 0;
left: 0;
border: 0;
overflow: hidden;}


.thumbnail-title {
float:left;
z-index: 0;
width: 100%;
bottom: 0;
left: 0;}


.thumbnail-title h2 {
margin: .6em;
color: #000;
font-size: .85em;
text-transform: uppercase;
font-weight: bold;}


.thumbnail-title h4 {
margin: .6em;
font-size: .75em;
color: #404040;
font-weight: normal;}
/* END CONTROL CUSTOM POST EXCERPTS */




/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {}

/* Small Devices, Tablets - Portrait */
@media only screen and (max-width : 768px) {
.excerpt a {width: 250px;}
.excerpt a img {width: 250px;height: 250px;}}

/* Extra Small Devices, Phones - Landscape */ 
@media only screen and (max-width : 480px) {
.excerpt a  {width: 100%;}
.excerpt a img {width: 480px;height: 480px;}}

/* Custom, iPhone Retina - Portrait */ 
@media only screen and (max-width : 320px) {
.excerpt a  {width: 100%;}
.excerpt a img {width: 320px;height: 320px;}}





/* NAVBAR CONTROL
********************************************************************************************
********************************************************************************************/
.kmcknavbar {width:100%; float:right;}



/* CONTENT CONTROL
********************************************************************************************
********************************************************************************************/
.pageset { background-color: #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom:1px solid #ffffff;}
.page {width:100%;}

.page img {
display:inline-block;
height: auto;
max-width: 100% !important;
margin-left: auto;
margin-right: auto;}


.indexcol {margin-top:.6em; margin-bottom: 0.8em; margin-left:-0.5; width: 60%; float: left;}
.indexcolr {margin-top:.6em; margin-bottom: 0.8em; margin-right: 0; width: 579px; float: right;}


.col {margin-top:.8em; margin-bottom: 1.2em; margin-left:0.4em; width: 400px;}
.colr {margin-top:4.7em; margin-bottom: 1.2em; margin-right: 2em; width: 400px; text-align: left;}



/* Small Devices, Tablets - Portrait */
@media only screen and (max-width : 768px) {
.col {max-width: 350px;}
.colr {max-width: 350px;}}


/* Extra Small Devices, Phones - Landscape */ 
@media only screen and (max-width : 480px) {
.indexcol {margin-top:.6em; margin-bottom: 0.8em; margin-left:-0.5; width: 100%; float: left;}
.indexcolr {margin-top:.6em; margin-bottom: 0.8em; margin-right: 0; width: 100%; float: left;}

.col {min-height: 0; margin-top:.5em; margin-left: .1em; width: 100%; float: left;}
.colr {min-height: 0; margin-top:.5em; margin-bottom: 0em; margin-left: .1em; width: 100%; float: left;}}

/* Custom, iPhone Retina - Portrait */ 
@media only screen and (max-width : 320px) {
.indexcol {margin-top:.6em; margin-bottom: 0.8em; margin-left:-0.5; min-width: 100%; float: left;}
.indexcolr {margin-top:.6em; margin-bottom: 0.8em; width: 100%; float: right;}

.col {min-height: 0; margin-top:.5em; }
.colr {min-height: 0; margin-top:.5em; }}





p, .page p {
font-size: .85em;
font-weight: 400;
line-height: 1.4em;
margin-left:1em;}

p a, p a:link {color: #999999; text-decoration: none;}

p a:hover {color: #666;}

p em {font-style: italic;}

.small, .small a {
color: #0099cc;
word-spacing: normal;
font-size: .780em;
text-decoration: none;}


.quote {
font-size: .9em;
color: #999999;
font-style: italic;
line-height: 1.05em;}

.newsevents .quote {
line-height: 1em;}

/* SPECIFIC BLOG CONTROL
********************************************************************************************
********************************************************************************************/
.newsevents {width: 76%; overflow: hidden; float: left; margin-bottom: 2em; margin-left:1em;}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {}

/* Small Devices, Tablets - Portrait */
@media only screen and (max-width : 768px) {
.newsevents {width: 75%;}}

/* Extra Small Devices, Phones - Landscape */ 
@media only screen and (max-width : 480px) {
.newsevents  {width: 100%; margin-left:0;}}

/* Custom, iPhone Retina - Portrait */ 
@media only screen and (max-width : 320px) {
.newsevents  {width: 100%;margin-left:0;}}


.newsevents img {
display:block;
height: auto;
max-width: 100% !important;
margin-left: .8em;
margin-right: .8em;
margin-bottom:2em;}

/* Extra Small Devices, Phones - Landscape */ 
@media only screen and (max-width : 480px) {
.newsevents img {
display:block;
height: auto;
max-width: 100% !important;
margin-left: auto;
margin-right: auto;
margin-bottom:2em;}}

/* Small Devices, Tablets - Portrait */
@media only screen and (max-width : 768px) {
.newsevents img {
display:block;
height: auto;
max-width: 90% !important;
margin-left: .5em;}}

/* Custom, iPhone Retina - Portrait */ 
@media only screen and (max-width : 320px) {
.newsevents img {
display:block;
height: auto;
max-width: 100% !important;
margin-left: auto;
margin-right: auto;
margin-bottom:2em;}}


.newseventstext p {
font-size: .9em;
font-weight: 400;
line-height: 1.4em;
max-width: 85%;}



/* Extra Small Devices, Phones - Landscape */ 
@media only screen and (max-width : 480px) {
.newseventstext p  {width: 90%;}}

/* Custom, iPhone Retina - Portrait */ 
@media only screen and (max-width : 320px) {
.newseventstext p  {width: 100%;}}


.highlightbox p {
background-color: #f1f1f1;
padding:0.8em;
margin-left: 0.8em;
margin-bottom: .8em;}

.nextprev, .nextprev a {font-size:.85em; float:left; padding-right:1em;}

.date {
margin-left: 1.3em;
font-size: 0.8em;
color: #000000;
font-weight: 600;}

/* CONTENT CONTROL - ALL
********************************************************************************************
********************************************************************************************/
.left {float:left;}

.right {float:right;}

.centre {margin: 0 auto;}

.textcentre {text-align: center; font-style: italic;}

.bordertop{border-top: 1px solid #ffffff;}

.borderbottom{border-bottom: 1px solid #ffffff;}

.pagetitle {margin-left:0.3em; margin-top:0.300em;}

.white {color: #ffffff;}
.white a {color: white;}
.black {color: #000000;}
.blue a {color: #99ccff;}

.darkgrey {color: #333333;}

.blackbold {color: #000000; font-weight: bold;}

.page strong {font-weight: 600;}


/* MARGINS LEFT+RIGHT
********************************************************************************************/
.minuspointfivetop {margin-top:-0.5em;}
.minuspointfivebottom {margin-bottom:-0.5em;}
.minusonetop {margin-top:-1em;}
.minusonepointfivetop {margin-top:-1.5em;}

.zerotop {margin-top: 0em;}
.zerobottom {margin-bottom: 0em;}

.pointthreeleft {margin-left:0.3em;}
.pointfiveleft {margin-left:0.5em;}
.onefivefiveleft {margin-left: 1.55em;}

.pointfivetop {margin-top: 0.05em;}
.onetop {margin-top:1em;}
.onefivetop {margin-top:1.5em;}
.onefivebottom {margin-bottom: 1.50em;}
.onefivefivetop {margin-top: 1.55em;}
.onefivefivebottom {margin-bottom: 1.55em;}
.onebottom {margin-bottom:1em;}
.oneleft {margin-left:1em;}
.oneright {margin-right:1em;}

.twotop {margin-top: 2em;}
.twobottom {margin-bottom: 2em;}

/* CUSTOM BUTTON STYLE
********************************************************************************************/
.button {
-webkit-border-radius: 8;
-moz-border-radius: 8;
border-radius: 8px;
font-family: Arial;
color: #ffffff;
font-size: 15px;
background: #000000;
padding: 10px 20px 10px 20px;
text-decoration: none;
}

.button:hover {
background: #cfcfcf;
text-decoration: none;
}

/* IMAGES
********************************************************************************************/
img {display: inline-block;}

.colr img {
padding:0.4em;
display: block;
margin-left: auto;
margin-right: auto !important;}



/* HEADINGS
********************************************************************************************
********************************************************************************************/
h1, .page h1, .newsevents h1 {
font-size: 1.4em;
color: #000000;
font-weight: 700;}

.col h1 {margin-bottom: .7em;}
.page h1 {margin-left: 0.7em;}
.newsevents h1 {margin-left: 0.6em;}

h2, .page h2, .newsevents h2 {
font-size: 1.1em;
color: #000000;
font-weight: 600;}

.newsevents h2 {margin-left: 1em;}

.page h2 {margin-left: 0.7em;}

h3, .page h3, .newsevents h3 {
font-size: .8em;
color: #ffffff;
font-weight: 600;}

h4, .page h4, .newsevents h4, .widget-title h4 {
font-size: 0.75em;
color: #000000;
font-weight: 600;}

.newsevents h4 {margin-left: 1.3em;}

h5, .page h5, .newsevents h5 {
font-size: 1em;
color: #000000;
font-weight: 600;}

h6, .page h6, .newsevents h6 {
font-size: 0.5em;
color: #000000;
font-weight: 600;}





/* MARGINS
********************************************************************************************
********************************************************************************************/
.minusonetop {margin-top:-1em;}
.pointfivetop {margin-top: 0.05em;}
.onetop {margin-top:1em;}
.zerobottom {margin-top:0em;}
.onebottom {margin-bottom:1em;}
.oneleft {margin-left:1em;}
.oneright {margin-right:1em;}

/* LISTS
********************************************************************************************
********************************************************************************************/
p ul {padding-top:1.1em;}

p ul, p ol {
color: #4c4c4c;
margin-top:-.375em;
padding-left: 0.313em;
padding-bottom: 0.063em;}

p li {
font-size: .85em;
line-height: 1.3em;}


p li:before {
content: " ";
margin-right:-1em;}



/* SIDEBAR
********************************************************************************************
********************************************************************************************/
#sidebar {	
width: 18%;
margin-left:0.5em;
margin-top:2em;
float: right; }

.widget-area h2 {
font-size: 1.1em;
color: #000000;
font-weight: 600;}


.widget-area a:link {
text-decoration: none;
color: #666666;}

#sidebar p {
color: #666666;
font-weight: normal;
line-height: 14px;
display: block;
margin-left:5px;}

.widget-area ul {padding:0.5em;}

.widget-area ul, .widget-area ol {
padding-left: 0;
padding-bottom: 0.8em;}

.widget-area li {
padding-bottom: 1em;
font-size: .75em;
color: #666666;
line-height: 1.1em;
list-style-position: outside;
list-style-type: none;}

.widget-area li a:hover {color: #999999;}



/* FOOTER
********************************************************************************************
********************************************************************************************/
.footer {
min-height: 5em;
background-color: #000000;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom:1px solid #ffffff;}

.footer p {
margin-top:2em;
margin-left:1em;
font-size: 0.85em;
font-weight:600;
color:#999999;}

.small {
font-size: 0.6em;
font-weight:400;
color: #999999;}

.small a {
font-size: 0.6em;
font-weight:400;
color: #999999;}

.small a:hover {color: #666666;}

/* PLUGIN OVERRIDE: PAGE NAVI
********************************************************************************************
********************************************************************************************/
.wp-pagenavi a, .wp-pagenavi span {
color: #23282b;
font-size: 12px;
text-decoration: none;
border: 0.063em solid #ffffff;
padding: 0.313em 7px;
margin: 2px;}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #039bb7;}

.wp-pagenavi span.current {
font-weight: bold;
color: #039bb7;
border-color: #ff7827;}

.shr_cb {float: right; margin-left:1.250em;}