﻿body
{
	
	font-size: 10pt;
	color: White;
	background-color: #201f25;
	font-family: "segoe ui", tahoma, verdana, "lucida grande", "lucida sans unicode", sans-serif;
}

h1 { margin: 0 0 0 0; padding: 0 0 0 0;}
h2 { margin: 0 0 0 0; padding: 0 0 0 0;}
h3 { margin: 0 0 0 0; padding: 0 0 0 0;}
h4 { margin: 0 0 0 0; padding: 0 0 0 0;}




img { border-collapse:collapse; border: none 0 black; }

code
{
	padding: 1px 1px 1px 1px;
	border: dotted 1px LightGray;
}

textarea
{
   height:350px;
   width:100%;
   font-size:8pt
}

td
{
    vertical-align: top;
}

/* START === MENU Section */
#divNavigation 
{
	display: inline;
	width: 12em;
	border-right: 1px solid #000;
	padding: 0 0 1em 0;
	margin-bottom: 1em;

	color: #333;
	}
	
    #divNavigation ul 
    {
        float:right;
	    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
    }

    #divNavigation li 
    {
    display: inline;
    border-bottom: 1px solid #670303;
    margin: 0;
    }

    #divNavigation li a {
    display: inline;
    padding: 5px 5px 5px 0.5em;
    border-left: 10px solid #e3e3e3;
    border-right: 10px solid #800404;

    color: #fff;
    text-decoration: none;
    width: 100%;
    }

    html>body #divNavigation li a {
    width: auto;
    }

    #divNavigation li a:hover {
    border-left: 10px solid #e3e3e3;
    border-right: 10px solid #800404;
    background-color: #860404;
    color: #fff;
    }
/* END === MENU Section */

.Compact {
	list-style: none;
	margin-left: 0;
	margin-top: 0;
	padding-left: 1em;
	text-indent: -1em;
	
	}

.Compact  li:before {
	content: "\00BB \0020";
	}




.ArticleHeader
{
	

}
.ArticleHeader h2
{
	color: Orange;
}

.Comment
{
    background-position: #fefefe;
    display: inline;
    background: #fffeb5;
    font-family: Tahoma;
    font-size: large;
}

#Top10 ul
{
    list-style: none;
	margin-left: 0;
	margin-top: 0;
	padding-left: 1em;
	text-indent: -1em;
}

#Top10 li:before {
	content: "\00BB \0020";
}

#HeaderTable
{
    background-image: url(/blog/images/content-heading-bg.png);
    background-position: left top;
	background-repeat: repeat-x;
	
    background-color: #201f25;
    width: 100%;
    color: #ffffff;
	font-size: 0.875em;
	margin: 10px -12px 10px 0px;
	padding-top: 0pt;
	padding-right: 0px;
	padding-bottom: 0pt;
	padding-left: 5px;
}
#HeaderTable th
{
	color: White;
	font-weight: bolder;
	text-align: left;
}

#HeaderEndRow
{
    background-color: #222222;
    color: #555555;
    text-align: right;
}

/* tag-cloud href */
.Tag
{
	font-weight: bold;
	color: orange;
}

/* Inline article images */
.ArticleImage
{
    border: solid 1px #BBBBBB;
    padding: 8px 8px 8px 8px;
}

.ArticleImageDiv
{
    text-align: center;
   
}

.ArticleImageDesc
{
    text-align: center;
    font-style: italic;
}

.ArticleFooter
{
	color: black;
	font-family: Arial;
	font-size: 9pt;
	border: dotted 1px gray;
	padding: 3px 3px 3px 3px;
	margin: 3px 3px 3px 3px;
	background-color: #fAfafa;
}
.ArticleFooter table
{
    color: black;
    border-collapse:collapse;
    border: solid 1px #333333;
}
.ArticleFooter th
{
    background-color: #666666;
    color: white;
}
.ArticleFooter td
{
    border: solid 1px #CCCCCC;
    padding: 2px;
}

.ArticleFooter ul
{
    list-style-image: url(/blog/images/link.gif);
}
.ArticleFooter a, .ArticleFooter a:hover, .ArticleFooter a:visited, .ArticleFooter  a:active
{
     color: #255300;
     font-weight: bold;
}

.ArticleBody h1  , .ArticleBody h2, .ArticleBody h3, .ArticleBody h4  
{
	padding-top: 3px;
	padding-bottom: 3px;
}

.ArticleBody p 
{
	padding-top: 3px;
}

.ArticleBody quote 
{
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	background: #f0f0f0;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
	border-top: solid 1px gray;
	border-bottom: solid 1px gray;
}

.ArticleBody ul 
{
	margin: 0 0 0 0; 
	padding: 0 0 5 10;
}

.ListSelection
{
    list-style-type:none;
    padding-left: 0;
    margin-left: 0;
}

.ListSelection a
{
    color: Black;
}

.ListSelection li
{
    border: thin dotted #C0C0C0;
    border-collapse: collapse;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #fff9c3;
}

.ListSelection li:hover
{
	background: Grey;
}

.ImageFrame
{
	display:block;
	text-align: center;
	font-style: italic;
	color: Gray;
}

.ImageFrame img
{
	border: solid 1px gray;
	padding: 3px 3px 3px 3px;
	margin: 2px 2px 2px 2px;
}

.AButton
{
    color: Blue;
}

.AButton:link, .AButton:visited
{
  float: left;
  margin: 2px 5px 2px 5px;
  padding: 2px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid black;
  border-left: 1px solid #cccccc;
  border-right: 1px solid black;
  background: #cccccc;
  text-align: center;
  text-decoration: none;
  font: normal 10px Verdana;
  color: black;
}

.AButton:hover
{
  background: #eeeeee;
}

.AButton:active
{
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid black;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid black;
}

#QuickSearch input[type="text"]
{
    width: 100px;
    height: 80%;
    font-family: Arial;
    font-size: 80%;
}

#QuickSearch input[type="submit"]
{
    
    height: 80%;
    font-family: Arial;
    font-size: 80%;
}

.ArticlePreviewTable
{
    border: thin solid #000000;
    border-collapse:collapse;
    width: 100%;
}

.ArticlePreviewTable td
{
    border-bottom: thin solid #000000;
    border-right: thin solid #808080;
}

.ArticlePreviewTable th
{
    background-color: Black;
    background-image: url(/blog/images/content-heading-bg.png);
    color: #f0f0f0;
    border: thin solid #f0f0f0;
}

.TimeLine ul
{
    padding: 0px 0px 0px 15px;
    margin: 0px;
}

.TimeLine ul
{
    list-style-type: none;
}

.TimeLine h1
{
    border-bottom: solid 2px gray;   
}

.TimeLine h2
{
    border-bottom: dotted 1px blue;   
}

.TimeLine h3
{
    font-size: 10pt;
    margin: 5px 0px 0px 0px;
    padding: 0px; 
}

.JournalWiki
{
    border: 2px dotted #CCCC00;
    background-color: #FFFFCC;
    padding: 0px 10px 0px 10px;
}

/* Remove the padding on first para */
.JournalWiki p:first-child
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}