﻿/*    General Styles    */
html, body { font-size: 14px; }

/*    Masthead Styles   */
.mastgraphic { float: left; margin: 16px 8px; }
div.mastwrap, div.gradient { float: left; width: 100%; margin: 0; padding: 0; }
div.mastwrap { background-position: right; }
div.gradient { background-position: left; }
#lifterwrap a.masthead { max-width: 50%; cursor: pointer; text-decoration: none; float: left; }
#lifterwrap span.masthead { max-width: 50%; float: left; }
#landingwrap a.masthead { max-width: 80%; cursor: pointer; text-decoration: none; float: left; }
#landingwrap span.masthead { max-width: 80%; float: left; }
a.masthead:hover { text-decoration: none; }
img.mastname { border: none; margin: 1em 0 1em 1em; float: left; }
span.mastname { font-size: 48px; font-weight: bold; line-height: 1.0em; letter-spacing: 2px; float: left; margin: 0; padding: 12px 8px 2px 8px; }
span.mastname small { display: block; font-size: 18px; line-height: 120%; padding: 8px 0 16px 32px; margin: 0; }
span.mastlogo { float: right; padding: 2px 4px 2px 0; }
a.mastlogo { float: right; padding: 2px 4px 2px 0; }
.mastlogo img { padding: 1em 1em 0 0; }
/*    Content Styles    */
h1, h2, h3, h4, h5, h6 { margin: 0.6em 3% 0 3%; font-weight: bold; text-align: left; line-height: 1.25em; }
h1, h2 { border-left: 2px solid; padding-left: 2%; }
h1 { font-size: 190%; margin: 0.5em 3% 0 3%; }
h2 { font-size: 160%; margin: 0 3% 0.2em 3%; font-style: italic; }
h3 { font-size: 130%; margin: 0.8em 3% 0.2em 3%; }
h4, h5, h6 { font-size: 120%; font-weight: normal; font-style: normal; }
h4 { font-weight: bold; }
h6 { font-style: italic; }
p { font-size: 100%; text-indent: 1em; padding: 0 1.0em; margin: 0.2em auto 0.4em auto; }
/*p ~ p, div.intro ~ p, div#intro ~ p { margin-top: 0.6em; }*/
ul { list-style-type: disc; }
ul, ol { list-style-position: inside; font-size: 100%; }
ul ul { margin: 0; }
dl { margin: 0 1em; padding: 0; }
dt { margin-top: 4px; padding-left: 1.1em; background-size: 1em; background-position: left top; background-image: url('../Images/splash_orange.png'); background-repeat: no-repeat; font-weight: bold; }
dd { margin-left: 1em; padding-left: 1.1em; background-size: 1em; background-position: left top; background-image: url('../Images/splash_pink.png'); background-repeat: no-repeat; font-weight: normal; }
/*    Link Styles   */
a:link { text-decoration: none; }
a:visited { }
a:visited[target="_blank"] { }
a:hover { text-decoration: underline; }
p>a{ font-weight: bold; }

/*    Linklist Styles   */
ul.linklist { list-style-type: none; list-style-position: inside; text-align: left; }
ul.linklist li, ol.linklist li { margin: 2px 0; }
ul.linklist li a:link, ol.linklist li a:link { font-weight: bold; }
ol.linklist { padding: 0 0.66em; text-align: left; }

/*      Float Box Styles       */
.boxright, .boxleft { float: right; border: none; padding: 0; margin-left: 0.6em; margin-right: 1.0em; }
.boxleft { float: left; margin-left: 1.0em; margin-right: 0.6em; }
.thirdright, .thirdleft { float: right; border: none; padding: 0; padding-left: 0.2em; padding-right: 1.0em; width: 33%; }
.thirdleft { float: left; padding-left: 1.0em; padding-right: 0.2em; }
.borderbox { border: 1px solid; }

/*      Paging Navigation Styles      */
.paging { font-size: 130%; }
.paging a:link, .paging a:visited { text-decoration: none; font-weight: bold; }
.paging hr { margin: 0.1em 3em; }

/*    Breadcrumb Styles   */
div.breadcrumbs { width: 94%; margin: 0.6em auto; padding: 0.1em 0.2em; font-size: 75%; clear: both; }
div.breadcrumbs a:first-child { background-image: url(../Images/house.png); background-position: left center; background-repeat: no-repeat; padding-left: 1.1em; background-size: 1.0em; }
div.breadcrumbs a:link, div.breadcrumbs a:visited { text-decoration: none; margin: 0 0.3em; display: inline-block; }
div.breadcrumbs a:hover { text-decoration: underline; }
div.breadcrumbs span { margin: 0 0.3em; display: inline-block; text-decoration: none; }

/*    Target Indicators    */
.primary p>a[target="_blank"], .primary p>a[rel="nofollow"], .primary p>a[href^="http"], .primary li>a[target="_blank"], .primary li>a[rel="nofollow"], .primary li>a[href^="http"] { background-image: url(../Images/external.png); background-position: right center; background-repeat: no-repeat; padding-right: 0.9em; background-size: 0.8em; }
.primary p>a[href$=".pdf"], .primary li>a[href$=".pdf"] { background-image: url(../Images/fatcow-pdf.png); background-position: right center; background-repeat: no-repeat; padding-right: 0.9em; background-size: 0.8em; }
.primary p>a[href$=".rss"], .primary li>a[href$=".rss"] { background-image: url(../Images/fatcow-feed.png); background-position: right center; background-repeat: no-repeat; padding-right: 0.9em; background-size: 0.8em; }
.primary p>a[href*="amazon.com"], .primary li>a[href*="amazon.com"] { background-image: url(../Images/rabid-amazon.png); background-position: right center; background-repeat: no-repeat; padding-right: 0.9em; background-size: 0.8em; }
.primary p>a[href*="wikipedia.org"], .primary li>a[href*="wikipedia.org"] { background-image: url(../Images/wikipedia.png); background-position: right center; background-repeat: no-repeat; padding-right: 0.9em; background-size: 0.8em; }
.dsq-subscribe-rss { background-image: none; }

/*    Dropdown Menu Styles    */
.dropmenu { float: left; border: none; margin: 0 0.75em; padding: 0; }
.dropmenu ul { border-left: 1px solid; border-right: 1px solid; list-style-type: none; margin: 0; padding: 0; float: left; }
.dropmenu ul li { float: left; margin: 0; padding: 0; }
.dropmenu ul li a, .dropmenu ul li span { border-left: 1px solid; border-right: 1px solid; letter-spacing: 1px; font-size: 120%; display: block; font-weight: bold; margin: 0; padding: 2px 0.75em; font-variant: small-caps; text-align: center; text-decoration: none; }
.dropmenu ul li span { }
.dropmenu ul li span:hover, .dropmenu ul li:hover span { }
.dropmenu ul li a:hover, .dropmenu ul li:hover a { }
.dropmenu ul li ul { width: 18em; display: none; height: auto; position: absolute; z-index: 333; border-bottom: 2px solid; }
.dropmenu ul li:hover ul { display: list-item; }
.dropmenu ul li ul li { float: none; }
.dropmenu ul li:hover ul li a, .dropmenu ul li:hover ul li span { font-size: 100%; min-width: 8em; font-weight: normal; padding: 2px 0.75em; text-align: right; font-variant: small-caps; }
.dropmenu ul li:hover ul li span { }
.dropmenu ul li:hover ul li a:hover {  }
.dropmenu ul li span, .dropmenu ul li ul li span { font-style: italic; }

/*      Sidebar Navigation Styles   */
ul.sidenav { list-style: none; margin: 1em 0 1em 0; text-align: left; font-weight: bold; font-size: 110%; padding: 0; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; }
ul.sidenav li a { display: block; padding: 0.2em 0em 0.2em 1em; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; text-decoration: none; }
ul.sidenav li a:link, ul.sidenav li a:visited { font-weight: bold; }
ul.sidenav li a:hover { }
ul.sidenav li.mainnav a { padding: 0.2em 0em 0.2em 0.3em; }
ul.sidenav li.ancestor a { padding: 0.2em 0em 0.2em 0.6em; }
ul.sidenav li.sibling a { padding: 0.2em 0em 0.2em 0.9em; }
ul.sidenav li.selected { padding: 0.2em 0em 0.2em 1.2em; display: block; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; text-decoration: none; font-style: italic; font-weight: bold; }
ul.sidenav li.child a { padding: 0.2em 0em 0.2em 1.5em; }

/*   Margin Navigation Styles  */
ul.navmenu { list-style: none; font-size: 120%;  padding: 0; margin: 40px 0px 20px 1px; list-style: none; font-size: 120%; border-width: 2px;}
ul.navmenu li { width: 100%; display: block; overflow: hidden; }
ul.navmenu li:hover { }
ul.navmenu li.selected:hover { }
ul.navmenu a, ul.navmenu span { text-shadow: 0px -1px 1.9px #333; padding: 1px 5% 4px 0; float: right; text-align: right; width: 100%; display: block; text-decoration: none; cursor: pointer; font-weight: bold; }
ul.navmenu span { text-shadow: 0px 1px 1.9px #333; padding-right: 33%; cursor: default; }
ul.navmenu a:hover { text-shadow: 0px 1px 1.9px #333; padding: 0 5% 5px 0; }

/*      Amazon Product Styles   */
div.amazon { border: 1px solid; margin: 0 0.5%; clear: both; float: left; }
.primary div.amazon { width: 94%; margin: 1em 3%; }
div.amazon a:link, div.amazon a:visited {  }
div.amazon a:hover {  }
div.amazon a div { }
div.amazon a div img { margin: 2px 15% 6px 15%; width: 70%; max-width: 500px; }
div.amazon a span.amztitle { text-align: center; padding: 2px 0.3em 0 0.3em; margin: 0; font-weight: bold; font-size: 110%; border: none; font-style: normal; display: block; }
div.amazon a span.amzcaption { text-align: center; padding: 0 0.5em 4px 0.5em; margin: 0; font-size: 99%; border: none; font-style: italic; font-weight: normal; display: block; }
div.amazon a:link, div.amazon a:visited { display: block; text-decoration: none; margin: 0; padding: 0; }
div.amazon a:hover {  }
div.amazon div a.privacy, div.amazon div a.sponsor { text-align: left; float: left; margin: 0; padding: 2px 0.5em; background-color: transparent; background-image: none; }
div.amazon div a.sponsor { text-align: right; float: right; }
div.amazon div a.privacy:hover, div.amazon div a.sponsor:hover { text-decoration: underline; }
div.amazon div.adnote { font-size: 80%; margin: 0; padding: 0; float: left; width: 100%; clear: both; border-top: 1px solid; }

/*      Syndication Blurb Styles   */
ul.blurbs { text-align: left; margin: 1.0em 0; padding: 0; border-top: 1px solid; clear: both; float: left; width: 100%; list-style-type: none; }
ul.blurbs li.blurb { margin: 0 auto; padding: 4px 0; display: block; float: left; clear: left; border-bottom: 1px solid; width: 100%; }
a.blurbsource:link, a.blurbsource:visited { line-height: 1em; background-position: left center; background-size: 0.8em; background-repeat: no-repeat; padding: 0 1.0em; margin: 0 0 0 0.6em; font-size: 90%; text-decoration: underline; display: inline-block; }
a.blurbsource:hover { text-decoration: underline; }
a.blurbtitle:link, a.blurbtitle:visited { background-image: none; line-height: 1em; font-size: 100%; font-weight: bold; text-decoration: none; margin: 0 0 0 0.3em; padding: 0; display: inline-block; }
a.blurbtitle:hover { text-decoration: underline; }
p.blurbtext { line-height: 1em; text-align: left; padding: 0 0.3em; margin: 0; text-indent: 0; font-size: 95%; font-style: normal; }
ul.blurbs li.header { font-size: 90%; line-height: 120%; font-weight: bold; width: 100%; text-align: center; text-decoration: none; margin: 0; padding: 0.3em 0; }

/*      Syndication Image Styles   */
div.imginsert { border: 1px solid; margin: 0.6em 0.8em; padding: 0; float: left; }
div.imginsert > a { margin: 0; padding: 0; float: left; line-height: 0.8em; }
div.imginsert > a > img { margin: 0; padding: 0; border: none; }
div.imginsert p.imginfo { margin: 0; padding: 0 2px 2px 0; clear: both; text-indent: 0; text-align: right; font-size: 66%; }
div.imginsert p a.imgtitle, div.imginsert p a.imgauthor, div.imginsert p a.imgsource { font-weight: bold; padding: 0; margin: 0; background-image: none;  }
div.imginsert p a.imgsource img { }
div.imginsert p a.imgsource:hover { text-decoration: none; }

/*    Product List Styles   */
ul.productlist { list-style-type: none; width: 100%; margin: 1em 0; padding: 0; border-top: 1px solid; clear: both; float: left; }
ul.productlist li { width: 100%; margin: 0; padding: 0; }
ul.productlist li a:link, ul.productlist li a:visited {background-repeat: repeat; width: 100%; border-bottom: 1px solid; line-height: 1.0em; text-align: left; float: left; clear: left; margin: 0; padding: 4px; display: block; text-decoration: none; }
ul.productlist li a:hover {  }
ul.productlist li a img { float: left; width: 30%; padding: 0 4px 0 0; margin: 0; border: none; }
ul.productlist li a span {  }
ul.productlist li a:hover span strong { text-decoration: underline; }
ul.productlist li a span strong { padding: 0 4px; font-size: 100%; font-weight: bold; display: block; }
ul.productlist li a span em { font-size: 90%; font-style: normal; }

ul.productlist li.header { font-size: 90%; line-height: 120%; font-weight: bold; }
ul.productlist li.footer { font-size: 70%; line-height: 120%; font-weight: normal; }
ul.productlist li.header a, ul.productlist li.footer a { width: 100%; text-align: center; text-decoration: none; margin: 0; padding: 0.3em 0; }
ul.productlist li.header a {  }
ul.productlist li.footer a {  }
ul.productlist li.header a:hover { text-decoration: underline; }
ul.productlist li.footer a:hover { text-decoration: underline; }

/*    WYSSIWYG Styles    */
.padnone, .padsome, .padalot { clear: both; }
.padnone { padding-top: 0; padding-bottom: 0; }
.padsome { padding-top: 0.6em; padding-bottom: 0.6em; }
.padalot { padding-top: 1.2em; padding-bottom: 1.2em; }
.center { text-align: center; clear: both; }
.center>* { margin-left: auto; margin-right: auto; }
.clearright { clear: right; }
.clearleft { clear: left; }

/*    Aside Styles    */
aside.infowrap { width: 100%; clear: both; float: left; }
aside.infowrap img { margin: 0 5%; width: 90%; max-width: 336px; }
aside.infowrap h4 { text-align: center; font-weight: bold; font-style: normal; font-size: 130%; margin: 0 5%; width: 90%; max-width: 336px; }
aside.infowrap h5 { text-align: center; font-weight: bold; font-style: normal; font-size: 110%; margin: 0 5%; width: 90%; max-width: 336px; }
aside.infowrap a { margin: 0 5%; width: 90%; clear: both; float: left; text-decoration: none; }
aside.infowrap a:hover { background-color: rgba(224,224,224,0.33); }

div[class^='stars'] { margin-left: 3em; }
div[class^='stars'] + h3 { margin-top: 0; }

#cse-search-form { margin: 0 1% 0 2%; }