/*
Theme Name: Twentyeleven Child - Ted
Description: Ted's child theme for the Twenty Eleven Theme.
Author: Ted
Template: twentyeleven
*/

@import url("../twentyeleven/style.css");
/*Get rid of top margin (default is 2em) at top and bottom of page */
#page {
	margin: 0 auto;
	max-width: 1000px;
}

/* The search box is hard to see against a background header image, therefore this code:
Swaps out a modified lighter color magnifying lens
Gives the search box a heavier border
Makes the color of the word "Search" white
Make "Search" bold */
#branding #s {
	color: #fff;
        font-weight: bold;
        background: url(images/searchw.png) no-repeat 5px 6px;
        border-width: medium;
        border-color: #fff;
}
/* This changes the text color in Safari and Chrome since the above only works in Mozilla */
input::-webkit-input-placeholder {
    color: #fff;
}
/* White text doesn't work so well once you click on search and get an opaque white
background, so change the color of the text to black and put the text weight back to normal */
#branding #s:focus {
        color: #000;
        font-weight: normal;
}
/* I just like code to be green */
code { 
	color: green
}
/* ================================================ */
/* Header Widget for header buttons */
/* ================================================ */
#my_header_widget1 {
position:absolute; 
right:15%;
top:120px;
}
#my_header_widget2 {
position:absolute; 
right:9%;
top:120px;
height:32;
}
/*Trying to fix the big gap between content and right side menu */
#content {
	margin: 0 34% 0 7.6%;
	width: 80%;
}
/* ================================================ */
/* On single post page fixes right side being forced under 4/28/2017 -- Jeb */
/* ================================================ */

#primary {
width: 70%;
}

.singular #content {
    margin: 0 2%;
}
    
#secondary {
    margin-right: 5%;
    width: 25%;
}

.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title  {
    width: 80%;
    )