/*
GREGHOWLEY.COM
PLAIN VANILLA STYLESHEET, circa 2019
*/

/* GENERAL */

a:link { color:#990011; text-decoration: none;}
a:visited { color:#990011; text-decoration: none;}
a:active  { color:#ff0000; text-decoration: none;}
a:hover { color:#cc0011; text-decoration: none;}



/* FRONT PAGE */

html {
		font-family: 'Palatino Linotype', 'Times New Roman', serif;
	}
	body {
		/* background: url(../images/BG_1920.jpg);*/
		background-attachment: fixed;
	}

	h1 {
		font-size: 4.5vw;
		font-weight: normal;
		letter-spacing: .5em;
		display:block;
		margin:0 6%;
		padding-bottom:2px;
	}
	
	#greghowley_heading a {
		text-decoration:none;
		color:#000;
	}
	

	#greghowley_about {
		padding: 16px 0 0 0;
		margin: 0 6%;
		border-top: 2px solid #000;
		border-bottom: 2px solid #000;
	}

	#greghowley_about img {
		display: block;
		float:left;
		margin: 0 20px 0 0;
		border:2px solid #000;
	}


	/* This pushes the link icons down */
	#greghowley_about > div {
		min-height:205px;
	} 

/* MAIN PAGE BOXES */

#greghowley_boxes {
	margin: 0 6%;	
}

/* For devices with width up to 640 px - MOBILE */
@media only screen
and (max-device-width : 640px) {

	body {
		background: url(../images/BG_600.jpg);
		background-attachment: fixed;
	}

  .mainpage_box {
      width:100%;
  }
  
.blog_entry 
{
	margin:15px 10px 5px 10px;
	padding: 5px 10px 10px 10px;
}
   
.blog_text p img
   {
       width: 100%;
       height: auto;
   }
  
  html {
	  font-size: 4vw;
  }
    
} /* end max-device-width : 640px */

/* For devices with width over 1199 px - COMPUTER */
@media only screen
and (min-device-width : 1200px) {
    
	body {
		background: url(../images/BG_1920.jpg);
		background-attachment: fixed;
	}
    
.blog_entry 
{
	margin:15px 50px 5px 50px;
	padding: 5px 10px 10px 10px;
}
    
  .mainpage_box {
      width:22%;
	  float:left;
	  line-height:1em;
  }
    
  .mainpage_box h4 {
	  margin:5px 0 10px 0;
  }
  

.blog_text .gh_imgblock
{
	width: 90%;
	border: 3px solid #222222;
	padding: 4px;
	margin: 12px;
	clear: both;
	overflow: auto;
}

.blog_text .gh_imgblock img
{
	display: block;
	float: left;
	margin-right: 15px;
}
  
.blog_text p img
   {
   float:right;
   margin:10px;
   border:0;
   }
  
  #greghowley_blogbox {
	  margin: 0 2% 0 0;
  }
  
  #greghowley_photostreambox {
	  margin: 0 2%;
  }
  
  #greghowley_newsbox {
	  margin: 0 2%;
  }
  
  #greghowley_geekdadbox {
	  margin: 0 0 0 2%;
  }
  
} /* end min-device-width : 1199px */


/* For weird  devices with width 640px - 1199px TABLET */

@media only screen
and (min-device-width : 641px) 
and (max-device-width : 1199px) {

	body {
		background: url(../images/BG_1440.jpg);
		background-attachment: fixed;
	}


/* below tablet styles should be tested and fixed */
  .mainpage_box {
      width:22%;
	  float:left;
	  line-height:1em;
  }
    
.blog_entry 
{
	margin:15px 30px 5px 30px;
	padding: 5px 10px 10px 10px;
}

.blog_text p img
   {
   float:right;
   margin:10px;
   border:0;
   }
  
  
  #greghowley_blogbox {
	  margin: 0 2% 0 0;
  }
  
  #greghowley_photostreambox {
	  margin: 0 2%;
  }
  
  #greghowley_newsbox {
	  margin: 0 2%;
  }
  
  #greghowley_geekdadbox {
	  margin: 0 0 0 2%;
  }
  
	

} /* end weird devices */



.mainpage_box div {
  margin-top:10px;
}


/* BLOG */
.blog_entry 
{
	border:2px solid #999;
	background: rgba(95, 95, 95, 0.3)
}

.blog_entry H3 {
	margin:10px 0px 5px 0px;
	font-size:1em;
	font-family:arial;
	display:block;
	border-bottom:1px solid #000;
}

.blog_entry H4 {
   font-size:.9em;  
   font-variant:small-caps;
   margin:0; padding:0;
   font-weight:normal;
   font-family:Geneva, sans-serif;
}

.blog_text p .left {
    float:left;
}

.blog_numcomments {
   font-size:.8em;
   }
#comments_heading {
  font-family:'Trebuchet MS',arial;
  letter-spacing:0;
  margin:15px 0;
  
}
.blog_comment_link {
  text-align:right;
  font-size:80%;
  }
.blog_comment .plink {
  display:block;
  float:left;
  height:9px; width:10px;
  background-image: url("http://greghowley.com/images/gifs/comment.gif");
  background-repeat:no-repeat;
  border:0; 
  padding:0 5px 0 0; 
  margin:0;
  }
.blog_comment .chead {
  border-bottom:1px solid #000;
  margin-top:15px;
  font-variant:small-caps;
  font-size:90%;
  }
  
#archive #years {
  text-align:center;
  margin:10px;
  background-color:#aaa;
  border:3px solid #999;
  padding:8px;
  width:10%;
}

#archive #years div {
	font-family:Geneva, sans-serif;
	font-size:130%;
	margin-bottom:5px;
}


/* ----------------------------------
   WISHLIST
------------------------------------- */

#wishlist
{
padding:20px;
line-height:1.1em;
width:60%;
}
#wishlist table
{
width:90%;
min-width:100%;
margin:10px 0px;
border:0;
}
#wishlist td
{
text-align:left;
padding:2px 3px;
}
#wishlist td img, #wishlist td a
{
border:0;
}
#wishlist td.icon
{
padding:0;
}
#wishlist td.icon img
{
position:relative;
left:3px;
}
#wishlist ul
{
margin:5px 35px;
}

#wishlist a.bwb
{
font-size:0.8em;
font-weight:bold;
font-variant:small-caps;
font-family:arial;
padding:0px 2px;
}
#wishlist a.bwb:link, #wishlist a.bwb:visited
{
font-family:arial;
text-decoration:none;
font-weight:bold;
font-variant:small-caps;
color:#660066;
background-color:#a1a188; /* f1f0e1 */
margin:0 5px;
}
#wishlist a.bwb:link, #wishlist a.bwb:visited
{
border:1px outset #000;
}
#wishlist a.bwb:hover, #wishlist a.bwb:active
{
border:1px inset #000;
}
#wishlist .wish_title
{
font-size:1em;
}
#wishlist .wish_comment
{
font-size:.8em;
}

/* item pic */
#wish_image {
	text-align:center;
	background-color:#f8f8f8;
	border:3px solid #30536f;
	position:absolute;
	top:100px;
	left:150px;
	display:none;
	}
#wish_image table {
	border:0;
	margin:0;
	padding:0;
	border-collapse:collapse;
	border-spacing: 0;
	height:.6em;
	}
#wish_image td#w_title {
	background-color:#0000ff;
	border-left:2px solid #0000ff;
	border-right:2px solid #0000ff;
	border-top:2px solid #0000ff;
	border-bottom:2px solid #f8f8f8;
	padding:0px 3px;
	color:#fff;
	font-weight:bold;
	font-size:90%;
	letter-spacing:0;
	}
#wish_image td.w_x {
	vertical-align:top;
	font-family:arial;
	font-weight:bold;
	font-size:120%;
	border-top:0;
	border-right:0;
	border-left:0;
	border-bottom:2px solid #f8f8f8;
	background-color:#0000ff;
	margin:0;
	padding:0;
	width:.7em;
	}
#wish_image td.w_x a {
	margin-left:-2px;
	background-color:#ff0000;
	padding:2px 1px 0px 3px;
	color:#fff;
	text-decoration:none;
	margin:0;
	width:.7em;
	height:.7em;
	}


#wishlist .admin_link a
{
border:1px outset #99ccff;
background-color:#99ccff;
color:#003366;
padding:3px;
margin-bottom:5px;
}
#wishlist textarea
{
width:80%;
}
#wishlist .footlinks
{
text-align:right;
}
#wishlist .footlinks a:link, #wishlist .footlinks a:visited
{
border:0;
color:#f1f0e1;
}
#wishlist .footlinks a:hover, #wishlist .footlinks a:active
{
color:#333;
}

/* CONTACT PAGE */ 

#contact_page .inpt_lbl
{
    color:black;
}

#contact_page input
{
width:25vw;
}

#contact_page textarea
{
width:40vw;
height:20vw;
display:block;
}