/*   CUSTOM SYTLES  */
*{font-family: geneva, verdana, arial, sans-serif; font-size: 12px;}
body {margin: 0px; background: #3B1B66}

/* Header - Header.ascx */
.BlogHdr {position: absolute; top: 0px; left: 0px; z-index:50} 
.BlogHdr h1 {margin: 0; padding: 0;}
.BlogHdr h1 a {background: url("http://www.heathersolomon.com/images/bloghdr1.gif"); width: 225px; height:202px; text-indent: -9999px; display: block;}
.BlogHdrTag {position: absolute; top: 20px; right: 20px}
.BlogHdrTag h2 {margin: 0; padding: 10px 0 0; font-size: 16px;}
.bar1 {background: white url("http://www.heathersolomon.com/images/uppernavbar_til.gif") repeat-x; vertical-align: top}
.bar2 {background: white url("http://www.heathersolomon.com/images/gradientbar.gif") repeat-x}

/* Horizontal Nav - Blog */
.horznavBlog {position: absolute; top: 80px; right: 20px; z-index: 25}
.horznavBlog ul {list-style-type: none}
.horznavBlog li, .horznavBlog li.ext {border: #AF76E9 solid; border-width: 1px; margin: 3px; float: left; width: 80px; background: #EAD9FB; text-align: center;}
.horznavBlog li.ext {width: 140px;}
.horznavBlog a, .horznavBlog a:visited, .horznavBlog a:hover {display: block; padding: 3px; width: 100%; text-decoration: none; color: black}
.horznavBlog a:hover {background: #3B1B66; color: white; border: #3B1B66}

/* Left Nav - PageTemplate.ascx, Categories listed in left nav - CategoryList.ascx  */
.LeftNav {position: absolute; top: 120px; left: 7px; z-index: 50}
.LeftNavItem, .catnavitem {background: #A5EEB5; padding: 3px; border: solid 1px #15862E; margin-bottom: 3px}
.LeftNavItem a, .LeftNavItem a:visited, .catnavitem a, .catnavitem a:visited {color: black; text-decoration: none}
.LeftNavItem a:hover, .catnavitem a:hover {text-decoration: underline;}
.LeftNavObject {padding: 5px;}
.catlisttitle {font-weight: bold; padding-top: 7px; padding-bottom: 3px; color: white; font-size: 12px}
.LftNavBoxHdr {background: #DB8DF5; text-align: center; font-weight: bold; color: black; border: black solid; border-width: 1px; margin: 0px; padding: 3px}
.LftNavBox {background: white; color: black; border: black solid; border-width: 0px 1px 1px 1px; margin: 0px; padding: 5px; line-height: 18px}

/* Right Nav */
.RightNav {position: absolute; top: 88px; right: 7px; z-index: 51; text-align: center; width: 120px}
.RightNavItem {background: #EAD9FB; padding: 3px; border: solid 1px #AF76E9; margin-bottom: 3px; text-align: left}
.RightNavItem a, .RightNavItem a:visited {color: black; text-decoration: none}
.RightNavItem a:hover {text-decoration: underline;}
.SPE {color: white; margin-bottom: 20px;}
.SPE a {color: white; padding: 4px 0; font-weight: bold;}

/* Top Nav */
.TopNav {position: relative; margin: 18px 138px 0px 7px; padding: 3px 3px 1px 3px; vertical-align: top; background: #8654BE; z-index: 100; border: solid #AF76E9; border-width: 1px; color: white; }
.TopNav td {padding-right: 10px}
.TopNavItem {background: #EAD9FB; padding: 2px 4px; border: solid 1px #3B1B66; text-align: left; color: black;}
.TopNavItem a, .RightNavItem a:visited {color: black; text-decoration: none}
.TopNavItem a:hover {text-decoration: underline; color: black; }

/*Content Area */
.content {position: relative; margin: 5px 138px 10px 147px; padding: 0px 15px 10px 15px; vertical-align: top; background: white; z-index: 100; border: solid #AF76E9; border-width: 0px 2px;}
.content h1 {font-size: 14px; margin-top: 0px}
.content h1.datetitle {font-size: 9px; margin: 5px 0px}
.footer {padding-top: 10px; border-top: #6D004A solid 1px; font-size: 10px}
.Search {text-align: right; padding: 0px; margin: 0px}

h1, h1 a:link, h1 a:visited {font-size: 16px; font-weight: bold;}
h1.H1HdrBar, h1.H1HdrBar a:link, h1.H1HdrBar a:visited {font-size: 16px; font-weight: bold; margin-bottom: 5px;  margin-top: 5px}
h2, h2 a:link, h2 a:visited {font-size: 14px; font-weight: bold; margin-bottom: 2px}
h3, h3 a:link, h3 a:visited {font-size: 13px; font-weight: bold; margin-bottom: 4px; color: #660099}
h4, h4 a:link, h4 a:visited {font-size: 11px; font-weight: bold; margin-bottom: 2px; color: #006600}

/* Footer */
.FooterContain {text-align: center; border-top: solid 1px #AF76E9; margin-top: 15px}

/*Posts - day.ascx; Single Post - ViewPost.ascx */
/*.posttitle {font-weight: bold;  margin-bottom: 10px; border-bottom: #B3AF9D solid 1px; padding-bottom: 3px}*/
.posttitle a, .posttitle a:visited {color: black; font-size: 12px; text-decoration: none; }
.posttitle a:hover {text-decoration: underline}
.posttext {border-bottom: solid 1px #6B3C9E; padding: 5px 0px 5px 25px}
.itemdesc {padding-top: 3px; padding-bottom: 15px; text-align: right}
.GGAds {padding: 10px 0px; text-align: center}

a:link, a:visited {text-decoration: none}
a:hover {text-decoration: underline}

/* Custom Header Bar on article pages */
/*  OLD .customhdrbar {color: black; background: #3B1B66; width: 100%; padding: 2px; margin: 5px 0px; border: #AF76E9 solid; border-width: 1px 0px;}*/
.customhdrbar td {color: black}
.customhdrbar {background: #BFDAC8; width: 100%; padding: 2px; margin-bottom: 5px; border-bottom: #635A31 solid 1px; border-top: #635A31 solid 1px}
.customhdrbar h3 {padding: 5px 10px; font-size: 12px; margin: 0; color: black;}

/* Comments Area */
.moreinfo {padding: 10px 0px; border-bottom: solid 1px #6B3C9E; }
.moreinfotitle2 {padding: 3px; background: #fff; border: solid #6B3C9E; border-width: 1px 0px; margin: 15px 0px 5px 0px}
ul.morelist {list-style-type:none}
li.morelistitem {line-height: 15px}

/*  Entry List page once you click into a category - EntryList.ascx;  Posts - day.ascx; Comments*/
.entrylistitem, .posttitle, .moreinfotitle {padding: 5px; background: #E6E8EA; border: solid #6B3C9E; border-width: 1px 0px}
.itemdescEL {margin-top: 2px; margin-bottom: 12px; text-align:right}

.rowhighlight {background: #dddddd}
.indent {padding-left: 15px}

/* Custom lists */
#SpacedUL UL {padding: 2px; margin: 0px; list-style:none}
#SpacedUL ul li {padding-bottom: 3px;}
#SpacedUL ul li a:link, #SpacedUL ul li a:visited {text-decoration: none}
#SpacedUL ul li a:hover {text-decoration: underline}

#SpacedOL OL {padding: 2px; margin: 30px; list-style:decimal}
#SpacedOL ol li  {padding-bottom: 4px; padding-top: 4px}
#SpacedOL ol li a:link, #SpacedOL ol li a:visited {text-decoration: none}
#SpacedOL ol li a:hover {text-decoration: underline}

div.ControlLists ul li {padding-bottom: 2px}
div.ControlLists ol li {padding-bottom: 12px}


/* Misc */
p.smspace {margin: 6px 0px}

.ArticleCallout {position: relative; float: right; width: 150px; border: black solid 1px; padding: 5px; margin: 5px; background: #ececec}
.ArticleCallout a:link, .ArticleCallout a:visited {text-decoration: none}
.ArticleCallout a:hover {text-decoration: underline}

.LinksList {padding: 10px}
.JumpBox {border: #635A31 solid; border-width: 0px 1px 1px 1px}
.JumpBox2 {background: #E6E8EA;}
.CodeSnippet {background: #ececec; padding: 10px; margin: 5px 30px}
.SampleImage { margin: 5px}
.LinkCallout {border: #0000ff solid 1px; margin: 10px; padding: 5px}
.SpecialNote {border: red solid 1px; margin: 10px; padding: 5px}

/*Search Button*/
.Button {border: #AF76E9 solid; border-width: 1px; margin: 3px; float: left; width: 60px; background: #EAD9FB; text-align: center;}
.Button a, .Button a:visited, .Button a:hover {display: block; padding: 2px; width: 100%; text-decoration: none; color: black}
.Button a:hover {background: #3B1B66; color: white; border: #3B1B66}

/* used on SP resource page */
.ContentsList {padding-right: 20px}
.customhdrbar2 {background: #3B1B66; width: 100%; margin-bottom: 5px; border-bottom: black solid 1px; border-top: black solid 1px;}
.customhdrbar2 h2 {color: #ffffff; font-size: 14px; margin: 0; padding: 5px 10px;}
.customhdrbar3 {background: #BFDAC8; width: 100%; padding: 2px; margin-bottom: 5px;}
.BackTop {text-align: right; margin-right: 5px}

/* Tables */
.ArticleTable {border: black solid;  border-width: 0px 1px 1px 0px} 
.ArticleTable td {border: black solid; border-width: 1px 0px 0px 1px; vertical-align: top} 
.tablehdrbar {background: #3B1B66; color: white; padding: 4px; font-weight: bold}
.TableSubHdr {background: #CCFFCC; padding: 4px; font-weight: bold}
.TableSubHdr2 {background: #FFFF99; padding: 4px; font-weight: bold}