/*
Theme Name: Mike's Pinball Corner
Theme URI: http://www.mikespinballcorner.com/
Version: 1.0
Description: Custom Wordpress Theme for fultonsoft.com
Author: Mike Fulton
Author URI: http://www.mikespinballcorner.com/
*/

*
{
	margin: 0;
	padding: 0;
}

.pagetrace
{
	 display: none;
}

body
{
	background-color: black;
	background-image:  url("images/mpc-theme-background.jpg");
	background-size: cover; 
    background-repeat: no-repeat; 
    background-position: top;
	background-position: center top;
	
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	text-align: center;

}
	
div#header
{
	background-color: yellow;
	background-repeat: no-repeat;
	background-position: top center;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	display: none;
}
	

/* This div has the whole page in it */

div#frame
{
	margin-bottom: 20px; 
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: left;
	padding: 0px;
	font-family:  Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight: normal;
	
/* This should let us push footer to bottom of screen */	
	display: flex;
	flex-direction: column;
  	min-height: 100vh;	
}

div#footer
{
	color: white;
	font-weight: bold;
	border: 2px solid yellow;
	clear: both;
	margin-top: 10x;
	margin-bottom: 10px; 	
	
	padding: 2px;
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	
	vertical-align:bottom;
}

div#sidebar
{
	background-color: lightgreen;
    border: 2px solid red;
    float: right;
    margin-right: 10px;
    color: #000;
	
    width: 250px;
    padding: 10px;

    line-height: 14px;
    font-size: 12px;
    font-family: Arial, Helvetica, Sans-Serif;
}

div#middle
{
	padding: 5px;
	width: 100%;
	border: 2px inset solid magenta;
	
	/* This should make the middle fill vertical space */	
  	flex-grow: 1; 
}

#content
{
	background-color: white;
	border: 4px solid red;
	
	float: left;
	width: 750px;
	padding: 0px;
	margin-left: 0px;
	border: none;
	overflow-x: hidden;
}


table#wp-calendar
{
	width: 100%;	
	border-collapse: collapse;
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal; 
}

table#wp-calendar caption
{
	font-size: 125%;
	font-weight: bold;
	margin-bottom: 5px;
}

table#wp-calendar thead th
{
	padding-bottom: 5px;
	border-bottom: 1px dotted red;
	margin-bottom: 5px;
}

table#wp-calendar a
{
	color: red;
}

table#wp-calendar td#today, table#wp-calendar td#today a
{
	color: red;
	font-weight: bold;
}

div.entry
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	
	padding: 0px;
	
	font-family: Goudy Old Style, Garamond, Palatino, Times New Roman, serif;
	font-size: 20px;
	line-height: 25px;
/*
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	line-height: 19px;
*/
}

div.entry p
{
	margin-top: 5px;
	margin-bottom: 10px;
}

div.entry pre
{
	background-color: #F8F8F8;
	border: 1px solid #008;
	padding: 5px;
	margin: 10px;
}

div.entry img
{ 
	padding: 5px;
}

div.entry img.alignleft, div.alignleft
{ 
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 5px;
	text-align: center;
	padding: 2px;
	border: 1px solid black;
	background-color: #EEE;
}

div.entry img.alignright, div.alignright
{ 
	float: right;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 0px;
	text-align: center;
	padding: 2px;
	border: 1px solid black;
	background-color: #EEE;
}

div.postheader
{
	padding: 0px;
/*
	border: 2px solid blue;
	background-color:#00C;
*/
	color: blue;
	font-size: 175%;
	font-weight: bold;
}

div.postheader a
{
	color: blue;
	text-decoration: none;
}

div.entry pre
{
        font-size: 12pt;
        line-height: 14pt;
}

div.entry h1, div.entry h2, div.entry h3
{
/*	background-image: url(images/vertical/blue-black.jpg);
	background-repeat:repeat-x;
	background-position: top center;
	background-color: #FFF;
*/
	color: white;
	font: inherit;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	padding-left: 3px;
	border:1px solid black;
	
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0000ff+0,000000+100 */
	background: #0000ff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(top,  #0000ff 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0000ff), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0000ff 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0000ff 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0000ff 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0000ff 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000ff', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
}

div.entry h1
{
	text-size: 200%;
	line-height: 200%;
}
div.entry h2
{
	text-size: 175%;
	line-height: 175%;
}
div.entry h3
{
	text-size: 150%;
	line-height: 150%;
}
div.entry h4
{
	text-size: 135%;
	line-height: 135%;
	font-weight: bold;
}
div.entry h5
{
	text-size: 125%;
	line-height: 125%;
	font-weight: bold;
}
div.entry h6
{
	text-size: 110%;
	line-height: 110%;
	font-weight: bold;
}

div.entry h2 a
{
	color: red;
	text-decoration: none;
}

div.entry h2 a:hover
{
	color: blue;
	text-decoration: none;
}

#sidebar h2, #sidebar h3
{
	color: blue;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
}

#sidebar h3
{
	font-size: 13px;
	margin: 0 0 5px 0;
	padding: 3px 0px 3px 0px;
	border-bottom: 1px solid red;
}
	
#sidebar p, #sidebar li
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: normal;
	color: black;
}

#sidebar p, #sidebar ul, #sidebar ol
{
	margin: 0 0 10px 0;
}

#sidebar ul
{
	margin-bottom: 15px;
	list-style: none;
}

#sidebar ul li
{
	padding: 0 0 0 3px;
	list-style-type:disc;
	margin-left: 16px;
}
	
#sidebar a
{
	color: black;
	text-decoration: none;
}
	
#sidebar a:hover
{
	color: red;
	text-decoration: underline;
}

#sidebar a.widgetlink, #sidebar a.widgetlink:hover
{
	color: red;
	text-decoration: none;
}

div.afterentry
{
	font-size: 10px;
	padding: 2px;
	border: 1px solid #88F;
	background-color: #EEF;

	text-align: center;
	/*width: 60%;*/
	margin-left: auto;
	margin-right: auto;

	margin-top: 20px;
	margin-bottom: 20px;
}

div.comments
{
	padding: 3px;
	text-align: center;
	font-weight:bold;
	float:right;
}

div.comments a, div.comments a:visited
{
	color: black;
	text-decoration: none;
}

div.comments a:hover
{
	color: red;
}

div.tags
{
	float: left;
	
}

div.tagheader
{
	padding: 1px;
	font-weight:bold;
	font-size: 12px;
	color: white;
	background-color: blue;
}

div.taglist
{
	padding: 3px;
	font-size: 10px;
}

div.tags img
{
	padding: 0px;
	margin: 0px;
}

ul.enhanced-categories-1 img
{
	border: none;
}

/* -------------------
Main Structure
------------------- */
	
/* -------------------
Content
------------------- */

#content .post
{
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 40px;
	margin-right: 10px;
}

.entry ol,
.entry ul
{
	list-style-position:inside;
}

.entry li
{
	margin-bottom: 0.8em;
}

li.page_item ul
{
	margin-bottom: -10px;
}

ol.commentlist
{
	padding-top: 10px;
	margin-bottom: 20px;
}
ol.commentlist li
{
	margin-left: 20px;
	margin-bottom: 20px;
	border-bottom: 2px dotted blue;
	padding-bottom: 5px;
}
ol.commentlist li small.commentmetadata
{
	display: block;
	margin-bottom: 10px;
}
textarea#comment
{
	margin-top: 5px;
}

div#commentarea p
{
	margin-bottom: 12px;
}

div.mpc_widget
{
	margin-bottom: 20px;
}

.blackborder { border: 1px solid black; }
.redborder { border: 1px solid red; }
.blueborder { border: 1px solid blue; }
img.blackborder { padding: 0px !important; margin: 10px; }
img.redborder { padding: 0px; margin: 10px; }
img.blueborder { padding: 0px; margin: 10px; }

.aligncenter { text-align:center; }U