/* css style page for https://gavinlyonsrepo.github.io/ */
/* 01-12-17 glyons */

/* apply to main body for all pages */
body{
	
	background-color: lightsteelblue;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:1.6em;
	margin:0px;
	padding: 0px;
	letter-spacing: 0.02em;
	word-spacing: 0.1em;
}

/* header */

/* id myicon , icon display in header.html */
#myicon{
	background-image:url('../images/myicon.png');
	width:64px;
	height:64px;
	position:relative;
	float: left;
	margin-left: 20px;
	background-repeat: no-repeat;
	background-position: left center;
	border-radius: 10px;
}


/* class site-title(non-custom class from minima), style for title in header.html */
.site-title{
	font-size:25px;
	color: #black;
	position:relative;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-style: italic;
}

/* class page-link(non-custom  class from minima), style for the BUTTONs in header.html */
.page-link{
	color: black;
	border: 3px solid black;
	padding: 7px; 
	background-color:#b3b3b3;
	border-radius: 10px;
	box-shadow: 1px 2px ;
	cursor: pointer;
	margin-right: 150px;
}

.page-link:hover {
	background-color: white; 
}


/* middle */

/*  class post-title(non-custom  class from minima), style for post title in page.html */
.post-title{
	 font-size: 170%; 
	 font-family: Verdana, Geneva, sans-serif;
}

/* class bgimage, bgimage.jpg image background for text on all pages */
.bgimage{
	background-image:url('../images/bgimage.jpg');
	border:5px solid black;
	background-position:top;
	background-repeat: repeat;
	padding: 15px;
	border-radius: 20px;
   
}

/* class container , contains the text posts text on all pages" */
.container{
	width: 81%;
	margin:auto;
	overflow-y: auto;
	max-height: 525px;
	text-align: left center;
}

/* footer */

/*class footertext style text for footer.html */
.footertext{
	 color: black; 
	 position:relative;
}

/* id footimage , image on home, formerly in the footer */
#footimage{
	background-image:url('../images/foot_image.jpg');
	width:175px;
	height:100px;
	border:3px solid #000;
	position:relative;
	float: left;
	margin-left: 20px;
	position:relative;
	background-repeat: no-repeat;
	background-position: left center;
	border-radius: 20px;
}

/* Apply to table  id t01 ( table in Arduino.html and pic.html page */

#to1 {
  width: 100%;
  border: 10px solid black;
  padding: 8px;
}

#to1 th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;

}

#to1 tr{
  background-color: white;
}

/* mail button */
/* class mailiconimage, mail icon image on about page */
.mailiconimage{
	background-image:url('../images/mail.jpg');
	width:20px;
	height:20px;
	float:left;
	position:relative;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 8px;
	padding-right:0px;
	padding-bottom:10px;
}