/*   
Theme Name: twentyfifteen-jrs
Description: A Child Theme of twentyfifteen
Template: twentyfifteen
*/
@import url(../twentyfifteen/style.css);


/* I want bolded links in classic hyperlink colors, which underline when you hover over them. */

	.entry-content a {
		border-bottom: 0px;
		font-weight: bold;
		color: #0000FF;
	}
	
	.entry-content a:hover, a:focus, a:active {
		text-decoration: underline;
		font-weight: bold;
		color: #0000FF;
	}
	
	.entry-content a:visited {
		border-botom: 0px;
		font-weight: bold;
		color: #551a8b;
	}





/* looks ridic on 1920x1080, and is using this theme instead of the bigger ones for some reason. let's play */


/**
 * 15.4 Desktop Small 955px
 */

@media screen and (min-width: 59.6875em) {
	body:before {
		/* width: 29.4118%; */
		width: 20%;
	}

	.site {
		margin: 0 auto;
		/* max-width: 1403px; */
		max-width: 1800px;
	}

	.sidebar {
		/* max-width: 413px; */
		max-width: 300px;
		/* width: 29.4118%; */
		width: 20%;
	}

	.site-content {
		/* margin-left: 29.4118%; */
		/* width: 70.5882%; */
		margin-left: 20%;
		width: 80%;
	}

	.site-footer {
		margin: 0 0 0 35.2941%;
		width: 58.8235%;
	}

}