/*
 Theme Name:   Twenty Fourteen Child AAJ
 Theme URI:    http://aaj.caledonwebservices.com/twentyfourteen-child/
 Description:  Twenty Fourteen Child Theme AAJ
 Author:       Caledon Web Services
 Author URI:   http://caledonwebservices.com
 Template:     twentyfourteen
 Version:      1.0.0
 Text Domain:  twentyfourteen-child
*/

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

/* =Theme customization starts here
-------------------------------------------------------------- */

.site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content {    
    margin: 0 auto;
    max-width: 750px;
    background-color:#eee;
}

h5 {
font-weight: normal;
}

/*the following changed to remove all references to max-width 474px*/

.post-navigation,
.image-navigation {
	margin: 24px auto 48px;
	max-width: 750px;
	padding: 0 10px;
}

.archive-header,
.page-header {
	margin: 24px auto;
	max-width: 750px;
}

.contributor-info {
	margin: 0 auto;
	max-width: 750px;
}

.comments-area {
	margin: 48px auto;
	max-width: 750px;
	padding: 0 10px;
}

.site-main .mu_register,
.widecolumn > h2,
.widecolumn > form {
	margin: 0 auto 48px;
	max-width: 750px;
	padding: 0 30px;
}

/*end of section added to overrule max-width 747px*/

/*Trying to lighten black background. It seems that there are times when simply rewriting the CSS for the id (here, #secondary) does not override the code in the parent theme. The second piece of code below is also required. I do not understand why, which is OK, but what really bothers me is that it is not easy to find out what is going on using inspect element etc! I only found this out by looking at forum comments. More research required. Now it allowed me to remove the second part of code and it has the desired effect. Something very mysterious is going on here!*/

#secondary {
	background-color:#d4dded;
        
}
@media screen and (min-width: 1008px) 
    #secondary {
	background-color: #d4dded;
        
}