/*
Theme Name: Kirby Museum Twenty Twelve Child
Theme URI: http://kirbymuseum.org
Author: Rand Hoppe
Author URI: http://randhoppe.com
Description: Go Kirby!
Template: twentytwelve
Version: 1.1.2
License: GNU General Public License
Tags: 
*/

/* -------------------------------------------------------------- */

@import url("../twentytwelve/style.css");

/* #site-navigation { */
/* 	display: none; */
/* } */

/* Increase theme width to 1000px */
@media screen and (min-width: 960px) { 
    .site {
        max-width: 1240px;
        max-width: 88.5714285714rem;
    }
}
.ie .site { max-width: 1240px; }

footer[role="contentinfo"] {
    max-width: 1240px;
    max-width: 88.5714285714rem;
}

/* Left & Right Sidebars */
@media screen and (min-width: 600px) { 
    .custom-layout .site-content {
        width: 50%;
        margin-left: 25%;
    }
    .custom-layout .widget-area {
        position: relative;
        width: 20%;
    }
    .custom-layout #extra-sidebar {
        float: left;
        margin-left: -75%;
        width: 20%;
    }

}

/* IE8 and IE7 - Left and Right Sidebars */
.ie  .custom-layout .site-content {
    width: 50%;
    margin-left: 25%;
}
.ie .custom-layout .widget-area {
    float: right;
    width: 20%;
    position: relative;
}
.ie .custom-layout #extra-sidebar {
    float: left;
    margin-left: -75%;
    width: 20%;
}

/* WP-PageNavi CSS ------------------- */
.wp-pagenavi {
    clear: both;
    margin-bottom: 20px;
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 5px 8px;
    margin: 2px;	
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #000;
}
.wp-pagenavi span.extend { 
    background:none;
    border:none;
}
.wp-pagenavi a, .wp-pagenavi span.current, .wp-pagenavi span.pages {
    border:1px solid #ccc;

}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #686868;
    color:#333333;
}
.wp-pagenavi a,.wp-pagenavi span.current,.wp-pagenavi span.pages {
    background: rgb(239, 239, 239);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.wp-pagenavi a:hover,.wp-pagenavi span.current {
    -webkit-box-shadow: 0 1px 1px #666;
    -moz-box-shadow: 0 1px 1px #666;
    box-shadow: 0 1px 1px #666;
}

.header-search {
    float: right;
    margin-top: -40px;
}
@media (max-width: 650px) {
    .header-search {
        margin-top:5px;
        text-align:center;
        float:none;
    }
    .main-navigation  {
        clear:both;
    }
}

#site-navigation.main-navigation {
    margin-top: 0 ;
}

body .site {
    margin-top: 1.71429rem;
}

.site-header
{
  padding-top: .85714rem;
}

#top-navigation {
	float: right;
}

/* ===[ Footer Widget Areas ]=== */

#footer-widgets {
    width: 100%;
    border-top: none;
}
#footer-widgets .widget li { list-style-type: none; }

.template-front-page #footer-widgets { padding-top: 0; }

@media screen and (min-width: 600px) { 
    #footer-widgets.three .widget {
        float: left;
        margin-right: 3.7%;
        width: 30.85%;
    }
    #footer-widgets.three .widget + .widget + .widget { margin-right: 0; }
}

/* for IE8 and IE7 */
.ie #footer-widgets.three .widget {
    float: left;
    margin-right: 3.7%;
    width: 29.85%;
    clear: none;
}
.ie #footer-widgets.three .widget + .widget + .widget { margin-right: 0; }

/* Hide footer widgets Homepage Template */
.template-front-page #footer-widgets { display: none; }

/* ===[ IE Homepage Template Widget fix ]=== */
.ie .template-front-page .first.front-widgets,
.ie .template-front-page.two-sidebars .widget-area .front-widgets {
    float: left;
    margin-bottom: 24px;
    width: 51.875% ;
}
.ie .template-front-page .second.front-widgets { clear: right; }
.ie .template-front-page .first.front-widgets,
.ie .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
    float: right;
    margin: 0 0 24px;
    width: 39.0625% ;
}
.ie .template-front-page.two-sidebars .widget,
.ie .template-front-page.two-sidebars .widget:nth-child(even) { float: none; }
.ie .template-front-page .widget-area { clear: both; }

.ie .template-front-page .widget {
    width: 100% !important;
    border: none;
}
.ie .template-front-page .first.front-widgets { 
    width: 51.875%;
    float: left ;
}
.ie  .template-front-page .second.front-widgets {
    width: 39.0625%;
    float: right ;
}

#top-navigation.main-navigation li a
{
  color: #006600;
  text-transform: none;
}

#handle75069876:hover {
	color: green;
}