/*
Theme Name:     ESR1
Description:    ESR 1st theme
Author:         bwbouchard
Template:       twentyeleven

(optional values you can add: Theme URI, Author URI, Version)
*/

@import url("../twentyeleven/style.css");
/* We must first include the original css from the parent theme */
@import url("../twentyeleven/style.css");

/* Adds the font that looks like logo one */
@import url(//fonts.googleapis.com/css?family=News+Cycle);

/* Without explicitly setting the margin we're inheriting 
a value of "0" which isn't allowing space for the sidebar */
.singular #primary {
	margin: 0 -26.4% 0 0;
}

/* Without explicitly setting the position we're inheriting 
a value of "absolute" which will place the meta information at the top of the article */
.singular .entry-header .entry-meta {
	position: relative;
}

/* Without explicitly setting the padding we're inheriting 
a padding-top value of "4.875em" which adds redundant whitespace to the top of the article */
.singular .hentry {
	padding: 0;
}

/* Without explicitly setting the width we're inheriting 
a value of "68.9%" which stops the content from taking up the majority of the space available */
.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
	width: 100%;
}

/* Without explicitly setting the margin we're inheriting 
a margin-left and margin-right value of "7.6%" which makes the content overlap the sidebar */
.singular #content, .left-sidebar.singular #content {
	margin: 0 34% 0 7.6%;
}

/* Without explicitly setting the padding-top we're inheriting 
a value of "15px" which adds redundant whitespace to the top of the article */
.singular article .entry-title {
	padding-top: 0;
}

/* This is just a nicety. Moves the "Edit" link for admins to a more suitable position */
.singular .entry-meta .edit-link a {
	right: 0;
	top: 0;
	left: auto;
}

/* This gets rid of the grey line at the top of the page */
#branding {
border-top: none;
}

/* This gets rid of the grey line at the bottom of the page */
.hentry, .no-results {
    border-bottom: 0px solid #DDDDDD;
    margin: 0 0 1.625em;
    padding: 0 0 1.625em;
    position: relative;
}
/* This gets rid of the grey line at the top of the footer */
#supplementary {
    border-top: 0px solid #ddd;
    padding: 1.625em 7.6%;
    overflow: hidden;
}

/* This changes the colour of the menu bar in numerous browsers to a gradient, or top row is for solid */
#access {
background:#2E3C7F;
background:-moz-linear-gradient(#2E3C7F, #000000);
background:-o-linear-gradient(#2E3C7F, #000000);
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#2E3C7F), to(#000000));
background:-webkit-linear-gradient(#2E3C7F, #000000);
}

/* This gets rid of the search box in the header area */
#branding #searchform {
display: none;
}

/* Changes post titles font to one that looks like logo */
.entry-title,
.entry-title a {
    font-family: 'News Cycle', sans-serif; font-weight: 700;
    color: #000000;
    text-decoration: none;
}

/* Changes H2 subheadings to look like the logo */
.entry-content h2 {
	font-family: 'News Cycle', sans-serif; font-weight: 700; font-size : large; color: #2E3C7F;
}

/* Changes H3 subheadings to look like the logo */
.entry-content h3 {
	font-family: 'News Cycle', sans-serif; font-weight: 700; text-transform:none; font-size : medium; color: #2E3C7F; line-height: 1.75em;
}

/* Changes individual pages post titles font to one that looks like logo */
.singular .entry-title {
color: #2E3C7F;
 font-family: 'News Cycle', sans-serif; font-weight: 700;
}

/* Changes nav menu font to one that looks like logo. I had to change the line-height up to 3.333 from the 2.533 that looked nicer, in order to remove the gap between the menu bar & the dropdown menu. This gap stopped the dropdown menu items from being clickable, unless you moved the cursor very quickly */
#access a {
    font-family: 'News Cycle', sans-serif; font-weight: 400;
    color: #eee;
    display: block;
    line-height: 3.333em;
    padding: 0 1.2125em;
    text-decoration: none;
}

/* Changes widget titles font to one that looks like logo */

.widget-title {
color: #2E3C7F;
font-family: 'News Cycle', sans-serif; font-weight: 400;
letter-spacing: 0.1em;
line-height: 2.6em;
text-transform: uppercase;
}

/* Gets rid of the dash before image captions & left justifies text, plus changes font to the logo like one */

.wp-caption .wp-caption-text {
text-align: left;
margin: 0 4px 0 6px;
font-family: 'News Cycle', sans-serif; font-weight: 400;
padding: 5px;
}

.wp-caption .wp-caption-text:before {
display:none;
}

/* Gets rid of proudly powered by wordpress in footer*/
#site-generator{display: none;}