/**
 * Theme Name: Oxygen Child
 * Theme URI: http://alienwp.com/themes/oxygen/
 * Description: Oxygen child theme
 * Version: 0.1
 * Author: AlienWP
 * Author URI: http://alienwp.com
 * Tags: flexible-width, theme-options, threaded-comments, microformats, translation-ready, rtl-language-support, three-columns, right-sidebar, left-sidebar, custom-background, featured-images
 * Template: oxygen
 *
 */

/* Load parent's CSS */
@import url("../oxygen/style.css");

/* Add your custom styles after this line. */

	
body {
	margin:0;
	font:0.80em/1.75em 'Helvetica Neue',Helvetica,Arial,sans-serif; /*was font: 0.75em/1.75em*/
	color:#444;
	background:#fff;
	padding:0;
	/*border: 10px solid black;*/
  
	} 
	
	/* at Somme centenary add to Body, e.g: border: 10px solid black; */
	/* the background image in the Container div is the new full page-width resizable image behind 
	the footer of each page. Note that this must be created in Photoshop as a transparent PNG-8, 
	so that most of the top of the image is transparent so that it forms a strip at bottom of the page 
	that doesn't obliterate the GS logo top left (done in the background of the WordPress Oxygen theme)*/
	
body.wordpress {margin:0; padding:0;}
	
#container {background: url(http://www.gordonstainforthbelper.co.uk/images/RodinXmas2018.png) no-repeat center bottom fixed; 
-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

margin-bottom: -20px; 

}

/*#container {background: url(http://www.gordonstainforthbelper.co.uk/images/Rodin6.png) no-repeat center bottom fixed; 
-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

margin-bottom: -20px; 

}*/


div.featured-wrapper {
background: #fff;
}

div#content {
background: #fff; 
padding-left: 7px;
padding-right: 5px; /*this extra left and right padding is to make central content more visually attractive 
when scrolling over any bottom background strip image*/
}
	
/*.content-wrap {
	background: #fff;
	} does main i.e central and r/h subsidiary column together
	
#sidebar-primary {
	background: #fff;
	}  does the l/h column BELOW the l/h i.e subsidiary menu 
	
#sidebar-secondary {
	background: #f00;
	} does the r/h column only
	
.wrap {
	background: #fff;
	} does all the content - header, all columns, and footer together - except browser b/g */


#main {
	clear: both;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.page-template-fullwidth #content { width: 100%;}

.content-wrap {
	float: right;
	width: 79.78723404255319%;	/* 750 / 940 = 0.79787234042553 */
}

.page-template-fullwidth .content-wrap { width: 100%;}
#content {
	float: left;
	width: 62.66666666666667%;	/* 470 / 750 = 0.6266666666666667 */
	margin: 0 0 30px 0;
}


.aside {
	float: left;
	width: 17.02127659574468%;	/* 160 / 940 = 0.1702127659574468 */	
}

#sidebar-primary {
	float: left;
	width: 100%;	/* 160 / 940 = 0.1702127659574468 */
}
#sidebar-secondary {
	float: right;
	width: 33.33333333333333%;	/* 250 / 750 = 0.3333333333333333 */
}
.wrap {
	max-width: 940px;
	margin: 0 auto;
	position: relative;
}

#comments-template { clear: left; }


	
	
			
/*changing the menu styles, mostly the bg colour i.e was black. */	
	
#menu-secondary {
	background: #369;
	}
	
#menu-secondary li {
	background: #369;
	}
	
#menu-secondary li.menu-item a {
	color: #cff;
	border-bottom: 1px solid #69c;
	}
	
#menu-secondary li a:hover {
	color: #fff2fe; /*#fff*/
	background: #39c;
	}
	
#menu-secondary li a:active {
	color: #fdb183; /*#f90*/
	}
	
#menu-secondary li.current-menu-item a {
	color: #0ff;
	background: #39c;
	}
	
.featured-post h2.entry-title a {
	bottom: 160px;
	background: #fff;
	}
	
.featured-post:hover h2.entry-title a {
	background: #39c;
	color: #fff2fe; /*#ffe9fd #fff*/
	}
	
.featured-post .byline {
	bottom: 129px;
	background: #ffffff; /*byline date background color*/
	}
	
.featured-post:hover .byline {
	background: #39c;
	color: #fff; /*#fff*/
	}
	
.footlink {
	font-size: 1.2em;
	color: #555;
	}
	
/*GNS added text styles*/

.sign {
	text-align: right;
	font-style: italic;
	color: #3a85da;
	margin-right: 80px;
	}
	
	
#menu-primary li.current-menu-item a { color: #39c; font-weight: bold; }

p a:visited {
color: #0da4d3 !important; 
} /* the important declaration makes visited state work now in Chrome, but not in Firefox or Opera */



.page-template-front .hfeed-more .hentry {
	padding-bottom: 15px; /*8px*/
}


.page-template-front .hfeed-more .hentry .entry-title a {
	font-size: 0.75em;	/*0.9375em*/ /* 15 /16 = 0.875 */
}



.byline-cat {
	visibility: hidden;
	} /* gets rid of horrible code superimposed on 'Recent Articles' thumbnails */



/*#tweetpanel {
	height: 550px;
	} doesn't work - it just pushes down the Weather panel. The height must have been set in original twitter code.*/
	
	
/*very proud of the below - took me a long time to find and then put right*/

.sfsiaftrpstwpr .sfsi_Sicons
{
margin-top: 30px !important;
}

.sfsiaftrpstwpr .sfsi_Sicons span
{
	padding-right: 5px !important;
	font-size: 1.1em !important;
	color: #fdbcf8;
}

.read-more, .read-more:visited {
	position: absolute;
	top: 114px/*117px*/;
	right: 0;
	z-index: 10;
	color: #fff;
	background: #0da4d3;
	padding: .1em .8em;
	font-size: 0.9166666666666667em;
	display: none;
}

/* I added this to get rid of the wretched breadcrumbs - Browse : home etc */
.breadcrumbs {
	display: none;
	}
	
/* and this, in July 2016, to get rid of horrible unwanted greyed-out code that appeared when Oxygen updated */

.entry-header .byline {
	display: none;
	}
	
.hfeed-more .byline {
	display: none;
	}
	
/*.hentry .byline {
	display: none;
	}*/
	
blockquote {
	color: #98adc1;
	}
	
.widget .widget-title {
	color: #d796d1 /*#d095cb #d9aed5*/;
	}
	
#footer {
	padding-top: 20px;/* 180px;  so that bottom background strip image is not masked by content */
	color: #cc00ff;
	}
	
/*img {
filter: saturate(200%);
      -webkit-filter: saturate(200%);
      }
      SORT OF WORKS. B/G IMAGE WOULD HAVE TO BE DONE SEPARATELY 
      AND MAYBE BACKGROUND COLOUR CHANGED TO SOME COSY PALE ORANGE GLOW
      */