@charset "UTF-8";
/* CSS Document */
/*Authored by Ryan Ray Neff 3-6-14 for CIS 244-Intro to CSS Winter 2014*/
/*The body copy has been converted to a serif font for easy reading, but the logo/branding has been kept consistent with the screen version*/

/*this hides the junk I don't want to print*/
#sidebar,
img,
#footer,
figure,
nav,
#socialmedia
{
	display:none;	
}

/*Article copy converted to times new roman for easier reading on paper*/
html,
body {
	font-family: 'Times New Roman', Georgia, Serif;
	background: white;	
}

/*width:100% ensures it will fit well on A4 and US letter sizes*/
#page-wrapper { 
	width:100%;
}	

/*this is the background for the header, and must be kept but changed to white*/
.greengradbg{
	background-color:white;
}

header {
	border:none;
	overflow:hidden; /*this keeps scroll bars from appearing on the header in chrome*/
	}

/*This styles the website title "tech time" exclusively, to keep the branding consistent between web and print*/
header h1 {
	font-weight:700;
	font-size:5em;
	color:black;
}

/*This styles only the tagline*/
header h2 {
	font-size:.7em;
	margin-top:0;
	height:auto;
}

/*the featured articles go inside this div*/
#articles {
	width:auto;
	float:none;
	padding:0;
}

/*this is for article headlines*/
h1 {
	font-family: 'Times New Roman', Georgia, Serif;
	color:black;
}

/*this is for article subheadings*/	
h2{
	font-size:1.5em;
	font-weight:300;
	color:black;
}
	
/*this is for the article body copy*/
p{
	text-indent:2em;
	font-size:1em;
}

/*the first article*/
#primaryarticle {
	border-bottom: 2px black solid; /*divider line between this article and the article below*/
	padding-bottom:5px;
	margin-bottom:10px;
}

/*the second article*/
#secondaryarticle {
	float:none;
	width:100%;
	border-right:none; /*clears the divider line between this article to the right*/
	border-bottom: 2px black solid; /*divider line between this article and the article below*/
	padding-bottom:5px;
	margin-bottom:10px;
	}

/*the third article*/
#tertiaryarticle {
	float:none;
	width:100%;
	padding-left:0;
}