/*
Theme Name: Twenty Twelve
Theme URI: http://wordpress.org/extend/themes/twentytwelve
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

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.
*/
@import url("../twentytwelve/style.css");
/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

body .site {
    max-width: 920px;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    margin-bottom: 3.42857rem;
    margin-top: -1.42857rem;
    padding: 0 2.85714rem;
    color: #000000;
}
.site {
    background-color: #FFFFFF;    
    margin: 0 auto;
    max-width: 68.5714rem;
    overflow: hidden;
}
.site {
    background-color: none;
    padding: 0 1.71429rem;
}

.main-navigation {
    margin-top: 0.21429rem;
    text-align: center;
}

.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
    color: #636363;
    font-weight: bold;
}

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    border-bottom: 0px solid #EDEDED;
    border-top: 0px solid #EDEDED;
    display: inline-block !important;
    text-align: left;
    width: 100%;
}


.main-navigation li a {
    border-bottom: 0 none;
    color: #000000;
    line-height: 3.69231;
    text-transform: uppercase;
    white-space: nowrap;
}

.main-navigation li a:hover {
    color: #0000FF;

}


.site-content {
    margin: 0.286rem 0 0;
}

.ngg-slideshow {
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.site-content article {
    -moz-hyphens: auto;
    border-bottom: none 0px;
    margin-bottom: 0.14286rem;
    padding-bottom: 1.71429rem;
    word-wrap: break-word;
}

/* ===[ Article Entry Text Colors ]=== */

.entry-header .entry-title {
    font-size: 1.57143rem;
    color: #000000;
}


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

footer[role="contentinfo"] {
    border-top: 1px solid #EDEDED;
    clear: both;
    font-size: 0.857143rem;
    line-height: 2;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.714rem;
    max-width: 68.5714rem;
    padding: 1.71429rem 0;
}

.site-info { 
     clear: both;
     float: right;
 }
#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 + .widget + .widget {
    margin-right: 1.71429rem;
}

#footer-widgets.three .widget {
    clear: none;
    float: left;
    margin-right: 1.71429rem;
    max-width: 29.85%;
    width: 29.85%;
    }
}

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

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