/*
Theme Name:     Twenty Twelve Child
Theme URI:      http://blogs.innovationm.com
Description:    Child theme for the Twenty Twelve theme
Author:         InnovationM
Author URI:     http://www.innovationm.com
Template:       twentytwelve
Version:        1.2
*/

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

a {
    outline: none;
    color: #21759b;
    /*color: #ff0000;*/
}

/* Header */
.site-header {
	padding: 10px 0;
	padding: 0.714286rem 0;
}
.header-image {
	margin-top: 14px;
	margin-top: 1.0rem;
}

.site-logo
{
    float:left;
    margin-right:80px;
}

/* This is to provide a border to side widgets - Ex Search, Categories, etc. */
.widget
{
	padding: 3px;
	padding: 0.214286rem;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

/* For widget (Ex Search, Categories, etc.) title */
.widget-title
{
	font-size: 14px;
	font-size: 1.0rem;
	text-transform: none;
}

/* Left Border of the content */
.site-content article {
    border-left: 2px solid #8cc63f;
    border-bottom: none;
	padding-left: 7px;
	padding-left: 0.5rem;
    padding-bottom: 0px;
    padding-bottom: 0.0rem;
}


/* =Media queries
-------------------------------------------------------------- */

/* Minimum width of 600 pixels. */
@media screen and (min-width: 960px) {
    
	body .site {
		padding: 0 40px;
		padding: 0 2.857142857rem;
		margin-top: 7px;
		margin-top: 0.5rem;
		margin-bottom: 48px;
		margin-bottom: 3.428571429rem;
		box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
	}
    
/* To Fix the issue - FB Like Pop-up not visible completely */    
.fb-like span{overflow:visible !important; width:450px !important; margin-right:-375px;} 
}

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
    
.main-navigation li a {
	text-transform: none;
	font-size: 14px;
	font-size: 1.0rem;
	line-height: 2.3;
}
    
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a{
	color: #636363;
	font-weight: bold;
    border-bottom: 4px solid #8cc63f;
}

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