/* Blog Style sheet for Tim's Web Site */

html {
    color-scheme: light dark;
}

body	{
	padding:0;
	margin:0;
	}

/* Text styles */

h1	{
	font-family:tahoma,verdana,arial;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	}

.layer1  { 
    visibility: visible;
    position: absolute;
    top: 0px;
    left: 2px;
    width: 400px;
    height: 28px; 
    }

.layer2  { 
    visibility: visible;
    position: absolute;
    top: 215px;
    left: 2px; width:258px;
    height: 824px;
    z-index: -1;
    }


.para	{
    color: light-dark(#004ccc,#5599ee);
	font-family: tahoma,verdana,arial;
    font-size: 18px;
    line-height: 1.6;
	}

.inactivepara	{
	font-family: tahoma,verdana,arial;
    font-size: 18px;    
	color: light-dark(#aaaaaa,#333333);
	}

.article-title	{
    color: light-dark(#004ccc,#4488ee);
	font-family: verdana,tahoma,arial;
    font-size:36px;
    font-weight:normal;
    font-style:normal;
    text-align:center;
		}

.inactive-subtitle  {
	font-family: tahoma,verdana,arial;
    font-size:24px;
    font-weight:bold;
    font-style:normal;
    text-align:left;
	color: light-dark(#aaaaaa,#333333);
		}

.article-subtitle	{
    color: light-dark(#004ccc,#4488ee);
	font-family: tahoma,verdana,arial;
    font-size:24px;
    font-weight:bold;
    font-style:normal;
    text-align:left;
		}

.caption	{
    color: light-dark(#004ccc,#4488ee);
    font: 14px tahoma,verdana,arial;
	}

.inactivecaption	{
    color: light-dark(#aaaaaa,#333333);
    font: 14px tahoma,verdana,arial;
	}

/* Link styles */
a:link, a:visited	{
        font-family: verdana,tahoma,arial;
        color: light-dark(#004ccc,#eeeeee);
        font-size: 16px;
        cursor: pointer;
        text-decoration: none;
        }
a:focus		{color: light-dark(#006eee,#00eeff);}
a:hover, a:active	{
        color:light-dark(#006eee,#00eeff);
        }

/* table classes */

.contain	{
		height:640px;
		width:100%;
		padding:0px;
		border-spacing:0px;
        border:0px;
		}

.blogtable	{
		margin-left: auto;
        margin-right: auto;
        width: 1024px;
		padding:0px;
		border-spacing:0px;

        vertical-align: top;

		}

.detailstable    { 
        vertical-align: top;
        border: 1px solid Gray;
        border-collapse: collapse;
        padding: 5px;
		}

.logo	{
		width:100%;
		padding:0px;
		border-spacing:0px;
		}

.top2		{
		height:64px;
		text-align:right;
		vertical-align:top;
        border: 0px;
		}

.centre		{
		vertical-align:top;
		}

/*  image classes*/
.blogpic{
        display: block;
        margin: auto;
        border-radius: 48px;
        }

.logo{
        display: block;
        margin: auto;
        opacity: 0.5;
        }

/* button classes*/

.button {

        font-family: verdana,tahoma,arial;
        text-align: center;
        text-decoration: none;
        color: light-dark(#004ccc,white);
        background-color: light-dark(white,#004ccc);
        font-size: 12px;
        border-radius: 6px;
        border: 1px solid #004ccc;
        padding: 4px;
        cursor: pointer;
        width: 120px;
        }

.button:hover{
        color: light-dark(white,#004ccc);
        background-color: light-dark(#004ccc,white);
        font-weight: bold;
        }

.button2 {
        color: light-dark(white,#004ccc);
        background-color: light-dark(#004ccc,white);
        font-family: verdana,tahoma,arial;
        text-align: center;
        text-decoration: none;
        font-size: 12px;
        font-weight: bold;
        border-radius: 6px;
        border: 1px solid #006eee;
        padding: 4px;
        cursor: pointer;
        width: 120px;
        }

.button2:hover{
        background-color:#ffffff;
        color:light-dark(#004ccc,#006eee);
        font-weight: bold;
        }

.button2:focus		{color:light-dark(#00eeee,#006eee);}

.button2:visited {
        background-color: #555555;
        }

.navbutton {
        color: light-dark(#004ccc,white);
        background-color: light-dark(white,canvas);
        font-family: verdana,tahoma,arial;
        text-align: center;
        text-decoration: none;
        font-size: 12px;
        font-weight: bold;
        border-radius: 6px;
        border: 1px solid #004ccc;
        padding: 4px;
        cursor: pointer;
        display: block;
        width: 120px;
        margin: auto;
        }

.navbutton:hover{
        background-color: light-dark(#77aaff,#003366);
        font-weight: bold;
        }

.inactivebutton {
        color: #777777;
        background-color: light-dark(white,canvas);
        font-family: verdana,tahoma,arial;
        text-align: center;
        text-decoration: none;
        font-size: 12px;
        border-radius: 6px;
        border: 1px solid #777777;
        padding: 4px;
        display: block;
        width: 120px;
        margin: auto;
        }