/* homenew.css - spolem.net, copyright Jake Laack, ekaj@spolem.net */

@import url("spolem.css");

div#contentwrapper {
 padding: 0;
 }

div#splog { margin: 65px 0 0 4%; padding: 10px 0 0 0; float: left; width: 50%; background-image: url('/images/backgrounds/splogsecheader.png'); background-repeat: no-repeat; background-position: top right; position: relative; }
div.splogentry { margin: 0 0 20px 0; padding: 0; overflow: hidden; }
div.splogentry h1 { white-space: nowrap; background-image: url('/images/backgrounds/splogheader.png'); background-repeat: no-repeat; margin: 0; padding: 0.9em 0.3em 0.4em 0.3em; text-decoration: underline; font-weight: normal; font-size: 1.8em; }
div.splogentry h1.SplogFirst { padding: 1.3em 0.3em 0.4em 0.3em; }
div.splogentry h1.SplogUnpublished { font-style: italic; } 
div.splogentry h1 a { color: #800000; }
div.splogentry blockquote.SplogContent { line-height: 150%; background-color: #FBF8E5; border-left: solid 1px #b9c1c1; padding: 0 1.2em 0.7em 1.2em; margin: 0; }
div.splogentry blockquote.SplogContent blockquote { border-left: solid 1px #5A7475; margin: 0 1em 1em 1em; padding: 0 0 0 1em; } 
div.splogentry div.sploglink { background-color: #FBF8E5; padding: 0 1.2em 0.7em 1.2em; border-left: solid 1px #b9c1c1; margin: 0; }
div.splogentry div.SplogItemInfo { background-color: #FBF8E5; border-top: solid 1px #dad1b6; border-left: solid 1px #b9c1c1; padding: 0.5em 1em; font-size: 0.7em; }

div#other { margin: 20px 1% 0 0; float: right; width: 39%; }
div.TabSwitches { white-space: nowrap; padding: 0 0 0 5px; margin: 0; }
div.TabSwitches a { margin: 0; padding: 0; }
div.TabSwitches a img { margin: 0; padding: 0; }
div.TabContent { background-color: #EDE8D5; border-right: solid 2px #BCB7A8; border-bottom: solid 2px #BCB7A8; padding: 2px 8px 10px 8px; margin: 0 0 10px 0; overflow: auto; }
div.TabHidden {
 display: none;
 visibility: hidden;
 }

div#SplogNew {
  position: absolute;
  right: 15px; 
}
div#Tools div.TabContent {
  padding: 10px;
}

div#Tools div.TabContent h3 {
 border-bottom: solid 1px #BCB7A8;
}

div#Tools div.TabContent form {
 margin-bottom: 20px; 
}

div#Thanks {
 margin-top: 10px;
 padding-top: 10px;
 line-height: 110%;
 clear: left;
}

div#Thanks b {
 display: block;
 font-size: 1.3em;
 line-height: 120%;
 text-decoration: underline;
}

/*
div#SplogSide {
 float: left;
 width: 48%;
 margin: 6.4em 0 0 0;
 overflow: hidden;
}

div#TabSide {
 float: right;
 width: 44%;
 margin: 0.5em 0 0 0;
 overflow: hidden;
}

div#NoScriptMessage {
 display: block;
 border-left: double 5px red;
 margin-bottom: 1em;
 padding: 0 0.5em 0 0.5em;
}

div.SplogItem {
 padding: 1em 1em 0.5em 1em;
 margin-bottom: 2em;
 background-color: #fbfaf4;
 border: 1px solid #e6dfb9;
}

div.SplogItem h2 {
 margin-top: 0;
 border-bottom: 1px solid #e6dfb9;
}

div.SplogItem blockquote.SplogContent {
 border: none;
 margin: 0.5em 1em 1em 1em;
 padding: 0;
}

div.SplogItemInfo {
 font-size: 0.7em;
 border-top: 1px solid #e6dfb9;
 padding-top: 0.5em;
 line-height: 130%;
}

div.Tab {
 display: block;
 visibility: visible;
 padding-bottom: 10px;
 margin-bottom: 10px;
 overflow: auto;
}

div.TabHidden {
 display: none;
 visibility: hidden;
 padding-bottom: 10px;
 margin-bottom: 10px;
}

div.TabSwitches {
 margin-bottom: 5px;
 padding: 2px 0px 2px 0px;
 white-space: nowrap;
 border-bottom: solid 1px #ccc9b8;
}

.TabSwitchOn, .TabSwitchOff {
 color: #000;
 padding: 2px 5px 2px 5px;
}

.TabSwitchOn {
}

.TabSwitchOff:hover {
}

.TabContent {
 padding-left: 5px;
 padding-right: 5px;
}

.TabContent h3 a:visited {
 color: #000;
}
*/
ul#LinkList {
 list-style-type: none;
 margin: 0;
 padding: 0px 0px 0px 5px;
}

ul#LinkList li.LinkCategory {
 border-bottom: solid 1px #BCB7A8;
 margin: 0;
 padding: 0.4em 0 0 0;
 color: #62839d;
 font-size: 0.8em;
 clear: both;
 line-height: 140%;
}

ul.LinkBlock {
 list-style-type: none;
 margin: 0;
 padding: 0px 0px 0px 5px;
 font-size: 1em;
 clear: left;
}

ul.LinkBlock li.Link {
 margin: 0px;
 padding: 0 0 0 0.5em;
 width: 12em;
 float: left;
 line-height: 130%;
 display: block;
 letter-spacing: -0.05em;
}

ul.LinkBlock li.Link a {
 color: #444;
 margin: 0px;
 padding: 0px;
 display: block;
}

ul.LinkBlock li.Link a:hover {
 color: #888;
 text-decoration: underline;
}

ul.LinkBlock li.Link a:visited {
 color: #000;
}


div.HLGroup {
 display: block;
 visibility: visible;
}

div.HLGroupHidden {
 display: none;
 visibility: hidden;
}

ul.HLSwitches {
 margin: 0;
 padding: 0;
 float: left;
 list-style-type: none;
}

ul.HLCategory {
 list-style-type: none;
 margin: 0 0 0 45px;
 padding: 0;
 font-size: 0.9em;
 line-height: 1em;
}

a.HLSource {
 margin: 0.4em 0 0 0;
 padding: 0.2em 0.2em 0.1em 0.3em;
 color: #000;
 display: block;
 line-height: 1em;
 border-bottom: solid 1px #ccc9b8;
 font-family: "Georgia", serif;
}

a.HLSource:hover {
 color: #000;
 background-color: #f9f9f9;
 text-decoration: none;
}

ul.HLList {
 list-style-type: none;
 margin: 0;
 padding: 0;
 font-family: "Tahoma", "Geneva", sans-serif;
/* background-color: #ebe4da;*/
}

ul.HLList li {
 line-height: 95%;
 border-bottom: solid 1px #ddd6b3;
 padding: 0 0 0 1em;
 margin: 0 0 0.1em 0;
 font-size: 0.85em;
}

ul.HLList li a {
 color: #000;
 padding: 0.2em;
 display: block;
}

ul.HLList li a:visited {
 color: #223655;
}

ul.HLList li a:hover {
 background-color: #f8f8f8;
 text-decoration: none;
}

div#News ul.HLCategory li a.HLSource { border-left: solid 8px #3c8ad0; border-bottom: solid 1px #3c8ad0; }
div#Politics ul.HLCategory li a.HLSource { border-left: solid 8px #2fbac1; border-bottom: solid 1px #2fbac1; }
div#Gaming ul.HLCategory li a.HLSource { border-left: solid 8px #46bb40; border-bottom: solid 1px #46bb40; }
div#Tech ul.HLCategory li a.HLSource { border-left: solid 8px #89be41; border-bottom: solid 1px #89be41; }
div#Entertain ul.HLCategory li a.HLSource { border-left: solid 8px #e1d81a; border-bottom: solid 1px #e1d81a; }
div#Funny ul.HLCategory li a.HLSource { border-left: solid 8px #d68e23; border-bottom: solid 1px #d68e23; }
div#Sports ul.HLCategory li a.HLSource { border-left: solid 8px #8a533c; border-bottom: solid 1px #8a533c; }
div#Shop ul.HLCategory li a.HLSource { border-left: solid 8px #d30e13; border-bottom: solid 1px #d30e13; }
div#Misc ul.HLCategory li a.HLSource { border-left: solid 8px #7b0dc6; border-bottom: solid 1px #7b0dc6; }
/*
div#News ul.HLCategory li a.HLSource { background-color: #e6f0f9; }
div#Politics ul.HLCategory li a.HLSource { background-color: #e6f8f9; }
div#Gaming ul.HLCategory li a.HLSource { background-color: #e0f4df; }
div#Tech ul.HLCategory li a.HLSource { background-color: #ebf4df; }
div#Entertain ul.HLCategory li a.HLSource { background-color: #f5f4de; }
div#Funny ul.HLCategory li a.HLSource { background-color: #fff1d5; }
div#Sports ul.HLCategory li a.HLSource { background-color: #f2e6e1; }
div#Shop ul.HLCategory li a.HLSource { background-color: #fde1e2; }
div#Misc ul.HLCategory li a.HLSource { background-color: #f2e1fd; }
*/
a.Unavailable { border: solid 1px red; }

div#Weather div.TabContent {
 padding: 10px; 
 font-size: 0.8em;
}

div#WeatherContent {
}

div#WeatherCurrent {
 margin-bottom: 5px; 
}

img#WeatherCurrentImg {
 vertical-align: middle;
}

span#WeatherTempF {
 font-size: 2.5em;
}

div#WeatherDate {
 color: #ccc9b8;
 font-size: 0.8em;
 margin-bottom: 15px;
 line-height: 100%;
}

div#WeatherDate a {
 color: inherit;
}

table#WeatherConditions {
 width: 100%;
 margin-bottom: 10px; 
}

table#WeatherConditions tr:hover {
 background-color: #ccc9b8;
}

table#WeatherConditions td {
 padding: 0px 3px 1px 3px;
 width: 25%;
 vertical-align: top;
}

td.WeatherConditionsLabel {
 color: #888;
}

table#WeatherForecast {
 width: 100%;
}

table#WeatherForecast th {
 font-family: "Tahoma", "Geneva", sans-serif;
 text-align: left;
 border-bottom: solid 1px #ccc9b8;
 font-size: 0.95em;
 height: 1em;
 padding-left: 5px;
}

td.WeatherForecastImg {
 padding-bottom: 5px;
 padding-right: 10px;
}

td.WeatherForecastText {
 padding-left: 5px;
 padding-bottom: 5px;
}

table#WeatherForecast td {
 font-size: 0.98em;
 vertical-align: top;
 padding-bottom: 10px;
}

table#WeatherForecast th.WeatherForecastWarning {
 color: #FFF;
 background-color: #F00;
}

div#WeatherCredits {
 font-size: 0.98em;
 padding-left: 5px;
}

div#AdTypeThings {
 margin-top: 50px;
}