/* ====================================================== */
/* ========  style.css for www.randomnotions.com  ======= */
/* ==  Copyright 2006 - 2010 by www.randomnotions.com  == */
/* ====================================================== */



/* COLORS */
/* background = white                */
/* dark green = #006600              */
/* light blue = #366845              */
/* highlight  =                      */




body {
background: white;
color: black;
font-size: 11pt;
text-transform: none;
font-family: sans-serif;
font-size-adjust: none;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}







h1 {
font-family: sans-serif;
font-size: 150%;
font-weight: bold;
font-style: italic;
color: #000000;
}


h2 {
font-family: sans-serif;
font-size: 125%;
font-weight: bold;
font-style: italic;
color: #000000;
}


h3 {
font-family: sans-serif;
font-size: 110%;
font-weight: bold;
font-style: italic;
color: #000000;
}







a:link {
background: transparent;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
color: #006600;
text-decoration: none;
}


a:visited {
background: transparent;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
color: #006600;
text-decoration: none;
}


a:hover {
background: transparent;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
color: #990000;
text-decoration: none;
}


a:active {
background: transparent;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
color: #990000;
text-decoration: none;
}




.affiliate_store {
text-align: center;
}




.afiliatelink {
text-align: center;
}





.amazoncaption {
text-align: center;
font-size: 90%;
font-style: italic;
}


.amazonlink {
text-align: center;
}





.archivenavigation {
font-weight: normal;
padding: 5px;
border: none;
margin-bottom: 25px;
}

.archivenavigationactive {
font-weight: normal;
color: #990000;
border: dotted #006600 1px;
padding-top: 1px;
padding-bottom: 0px;
padding-right: 3px;
padding-left: 3px;
background: #ffffff;
}

.archivenavigation a:link {
font-weight: normal;
color: #006600;
border: dotted #006600 1px;
padding-top: 1px;
padding-bottom: 0px;
padding-right: 3px;
padding-left: 3px;
background: #ffffff;
}

.archivenavigation a:visited {
font-weight: normal;
color: #006600;
border: dotted #006600 1px;
padding-top: 1px;
padding-bottom: 0px;
padding-right: 3px;
padding-left: 3px;
background: #ffffff;
}

.archivenavigation a:hover {
font-weight: normal;
color: #ffffff;
border: dotted #006600 1px;
padding-top: 1px;
padding-bottom: 0px;
padding-right: 3px;
padding-left: 3px;
background: #006600;
}

.archivenavigation a:active {
font-weight: normal;
color: #ffffff;
border: dotted #006600 1px;
padding-top: 1px;
padding-bottom: 0px;
padding-right: 3px;
padding-left: 3px;
background: #006600;
}











.artwork {
text-align: center;
}





.articlelistdate {
font-size: 80%;
color: gray;
}

.articlelistimage {
float: left;
padding-right: 10px;
padding-bottom: 10px;
}

.articlelistitem {
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
clear: both;
/* width: 728 px; */
width: 75%;
margin-left: auto;
margin-right: auto;
border: solid 1px #366845;
background-color: #ffffff;
zoom: 1;  /* triggers hasLayout for IE */
}

.articlelistitem:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}



.articlelisttitle {
font-weight: bold;
}




.articlesource {
font-size: 80%;
}


.authorbio {
font-size: 80%;
padding-top: 1em;
}





.boxcenter {
border: thin solid #006600;
width: 80%;
margin-left: auto;
margin-right: auto;
padding: 0.5em;
}


.boxleft {
float: right;
padding: 20px;
padding: 10px;
margin: 15px;
border: thin solid #006600;
}


.boxright {
float: right;
padding: 10px;
margin: 15px;
border: thin solid #006600;
}



.boxright-noborder {
float: right;
padding: 10px;
margin: 15px;
border: none;
}




.code {
font-family: monospace;
margin-left: 50px;
}




.contactlink {
text-align: center;
font-size: 90%;
font-style: italic;
padding-top: 1em;
clear: both;
}






.dateline {
font-size: 80%;
padding-bottom: 2em;
}





.emp {
font-weight: bold;
font-style: italic;
}






.error {
margin-top: 15px;
right: auto;
left: auto;
background: white;
color: #006600;
padding-top: 100px;
padding-bottom: 100px;
clear: both;
text-align: center;
font-size: 150%;
line-height: 40px;
}

.error a {
background: transparent;
font-size: inherit;
font-weight: normal;
font-style: normal;
color: #006600;
text-decoration: underline;
}





.fineprint {
font-size: 75%;
}



.footer {
text-align: center;
margin-top: 4em;
margin-bottom: 1em;
color: #006600;
font-size: 80%;
font-weight: normal;
}


.footer a:link {
background: transparent;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
color: #006600;
text-decoration: none;
}


.footer a:visited {
background: transparent;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
color: #006600;
text-decoration: none;
}


.footer a:hover {
background: transparent;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
color: #006600;
text-decoration: none;
}


.footer a:active {
background: transparent;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
color: #006600;
text-decoration: none;
}




.graphicattribution {
font-size: 80%;
}



.graphiccaption {
text-align: center;
font-size: 90%;
font-style: italic;
}

.graphiccenter {
margin: auto;
padding: 20px;
text-align: center;
}


.graphicleft {
float: left;
padding: 20px;
}

.graphicright {
float: right;
padding: 20px;
}







.help {
cursor: help;
border-bottom: red dotted thin;
}







img {
border: none;
}






.indent-full {
margin-left: 50px;
margin-right: 50px;
}

.indent-left {
margin-left: 50px;
}







.italic {
font-style: italic;
}




.line {
border-top: solid thin #006600;
clear: both;
}



.linktoarchivepage {
padding-top: 30px;
font-weight: bold;
font-style: italic;
}


.maincontent {
margin-left: 50px;
margin-right: 50px;
margin-top: 50px;
margin-bottom: 50px;
}





.masthead {
margin: 0;
height: 64px;
background: white;
font-size: 250%;
font-weight: bold;
font-style: italic;
text-align: left;
font-family: cursive;
color: green;
}




.menu {
background: #366845;
color: #99ccff;
font-size: 90%;
padding-left: 15px;
padding-top: 3px;
padding-bottom: 2px;
}


.menu a:link {
color: white;
text-decoration: none;
}

.menu a:visited {
color: white;
text-decoration: none;
}

.menu a:hover {
color: red;
text-decoration: none;
}

.menu a:active {
color: red;
text-decoration: none;
}



.multipartnav {
padding-top: 2em;
}




p {
line-height: 125%;
}















.placesentry {
width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
border: dotted #366845 1px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

.placesentry:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.placesdescription {
font-weight: normal;
}

.placesad {
float: right;
padding-right: 10px;
padding-bottom: 10px;
}

.placesimage {
margin-left: auto;
margin-right: auto;
text-align: center;
}

.placesimage_caption {
margin-left: auto;
margin-right: auto;
text-align: center;
font-style: italic;
}

.placeslist {
height: 60px;
width: 75%;
text-align: left;
margin-left: auto;
margin-right: auto;
border: solid 1px #366845;
padding: 4px;
}

.placeslist img {
vertical-align: middle;
}

.placeslocation {
font-style: italic;
line-height: 100%;
margin-top: 0;
}

.placeslogo {
float: left;
padding-left: 6px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

.placesmenu {
margin-top: 25px;
margin-bottom: 25px;
font-weight: bold;
}

.placesname {
font-size: 120%;
font-weight: bold;
font-style: normal;
line-height: 100%;
margin-bottom: 5px;
}

.placesphone {
font-style: normal;
line-height: 100%;
margin-top: 0;
}


.placestable {
width: 100%;
border: thin solid black;
border-collapse: collapse;
}

.placestable td {
border: thin solid black;
padding: 3px;
}

.placestablefirstrow {
font-weight: bold;
background-color: #c0c0c0;
}

























.poem {
text-align: center;
}





.randomfact {
font-style: italic;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
width: 70%;
margin: auto;
}

.randfactlable {
font-weight: bold;
}




.spoileralert {
border-style: solid;
border-width: 2px;
border-color: red;
width: 30%;
margin-left: auto;
margin-right: auto;
margin-top: 1em;
margin-bottom: 3em;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 1em;
color: red;
text-align: center;
}


.search {
position: absolute;
top: 10px;
right: 20px;
}



.share {
position: absolute;
top: 40px;
right: 20px;
}

.share img {
border: none;
}





.sidebarright {
font-size: 80%;
float: right;
padding: 10px;
margin-left: 20px;
margin-bottom: 10px;
width: 30%;
border: thin #000000 solid;
}

.sidebarright p {
line-height: 100%;
}

.sidebarleft {
font-size: 80%;
float: left;
padding: 5px;
margin-right: 20px;
margin-bottom: 10px;
width: 30%;
border: thin #000000 solid;
}

.sidebarleft p {
line-height: 100%;
}

.sidebartitle {
font-weight: bold;
}


.sidebarcenter {
font-size: 80%;
padding: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
width: 30%;
border: thin #000000 solid;
}

.sidebarcenter p {
line-height: 100%;
}


.sidebarwide {
font-size: 80%;
padding: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
width: 100%;
border: thin #000000 solid;
}

.sidebarwide p {
line-height: 100%;
text-align: center;
}









.sponsoradbottom {
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
}


.sponsoradmiddle {
text-align: center;
padding-top: 30px;
padding-bottom: 15px;
clear: both;
}


.sponsoradtop {
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
}



ul li {
line-height: 125%;
}