/*
Theme Name: JS-OS-theme
Theme URI: http://trial.me-blogs-it.com/
Description: A JavaScripted Theme with the look and feel of an Operating System
Version: 0.1
Author: Oliver D. S.
Tags: white, column-free, flexible-width, conceptional-theme

This theme is not really made for use but for development. Please use this theme only if you're familiar with JavaScript! There are still many things to modify. You can read about the JS-functions on http://trial.me-blogs-it.com/?post=27
*/

* {
	font-family: Arial, Helvetica;
	font-size: 9pt;
	}
body {
	padding: 0;
	margin: 0;
	background-image: url(background.jpg);
	background-position: center;
	}
#dock div {
	text-align: center;
	}
#dock td {
	border: 1px solid white;
	text-align: center;
	vertical-align: bottom;
	}
.navibutton {
	background-image: url(navi-icons.png);
	background-position-y: -2px;
	border: none;
	}
.navibutton:hover {
	background-position-y: -15px;
	}
.navibutton:active {
	background-position-y: -28px;
	}
.navipfeil {
	width: 15px;
	height: 10px;
	}
.menuiconlabels {
	clear: both;
	margin: 2px;
	}
.menuicons {
	background-image: url(icons.png);
	background-position-y: -2px;
	height: 64px;
	margin: auto;
	}
.menuicons:active {
	background-image: url(icons.png);
	background-position-y: 0px;
	}
.menuicons:hover {
	background-position: 0px 0px !important;
	background-repeat: no-repeat;
	}
#RSSIcon:hover {
	background-image: url(RSShoverani.gif);
	}
#AboutIcon:hover {
	background-image: url(abouthoverani.gif);
	}
#PostsIcon:hover {
	background-image: url(postshoverani.gif);
	}
#SearchIcon:hover {
	background-image: url(searchhoverani.gif);
	}
#ExternalIcon:hover {
	background-image: url(externalhoverani.gif);
	}





.fenster {
	position: absolute;
	top: 50px;
	left: 50px;
	width: 375px;
	height: 375px;
	border: 1px solid #808080;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	border-spacing: 0px;
	table-layout: fixed;
	empty-cells: show;
	background-color: white;
	}
.tabletype {
	border-spacing: 0;
	table-layout: fixed;
	empty-cells: show;
	}
.fenster-menu {
	height: 22px;
	}
td.fenster-inhalt {
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	padding: 0;
	}
div.fenster-inhalt {
	overflow: auto;
	width: 100%;
	min-width: 200px;
	height: 100%;
	display: block;
	border: none;
	margin:0;
	}
div.fenster-inhalt > p {
	margin: 5px;
	}
.fenster-links {
	width: 40px;
	}
.fenster-navi-links {
	width: 38px;
	height: 10px;
	margin: 1px;
	border: none;
	}
.marqueetable {
	width: 100%;
	height: 20px;
	margin: 0;
	padding: 0 5px;
	color: #707070;
	}
td.resize {
	text-align: right;
	vertical-align: bottom;
	cursor: default;
	}
div.resize {
	width: 10px;
	height: 10px;
	background-position-x: -86px;
	float: right;
	margin: 1px;
	}
#PostOverview {
	left: 46%;
	}
#ExternalOverviewWrapper {
	left: 65%;
	}
#ExternalOverview {
	min-width: 100%;
	}
#PostOverview, #ExternalOverviewWrapper {
	position: fixed;
	bottom: 100px;
	z-index: 100;
	border: 1px solid grey;
	-webkit-border-radius: 5px;
	border-bottom: none;
	display: none;
	padding:0;
	background-color: white;
	cursor: default;
	color: #808080;
	}
#PostOverview td, #ExternalOverview td {
	border-bottom: 1px solid #808080;
	}
.overviewTd1 {
	padding: 5px 3px;
	}
.overviewTd2 {
	padding: 5px 28px 5px 3px;
	}
td.overviewnavi div {
	width: 10px;
	height: 10px;
	}
td.overviewnavi {
	width: 12px;
	padding: 5px 1px;
	}
.zaehler {
	padding: 2px 4px;
	font-size: 9px;
	background-color: #808080;
	border: 1px solid #808080;
	color: #FFF;
	border-radius: 7px;	
	-webkit-border-radius: 7px;
	}
#ManualPostCall {
	border: none;
	margin: -2px 1px -4px -2px;
	color: #808080;
	}
#ManualWebsiteCall {
	border: none;
	color: #808080;
	width: 100%;
	height: 16px;
	border-bottom: 1px solid #808080;
	background: none;
	}
#searchEnter {
	color: #808080;
	}


.linklike {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
	}
.linklike:visited {
	color: purple;
	}
.linklike:active {
	color: red;
	}
#subscriptions {
	background-color: white;
	border: 1px solid #808080;
	border-bottom: none;
	color: #808080;
	display: none;
	position: fixed;
	bottom: 100px;
	left: 29%;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	z-index: 101;
	}
#subscriptions td {
	padding: 5px;
	border-bottom: 1px solid #808080;
	cursor: pointer;
	}
.subscribeIcon {
	width: 12px;
	height: 12px;
	background-image: url(iconset.gif);
	float: left;
	margin-right: 5px;
	}
#about, #alert {
	position: fixed;
	left: 0px;
	bottom: 0px;
	max-width: 260px;
	height: auto;
	display: none;
	background-color: white;
	z-index: 200;
	border: 1px solid #808080;
	color: #808080;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 3px 3px 25px #C0C0C0;
	z-index: 101;
	}
#about {
	width: 260px;
	}
#alertMsg {
	padding: 8px;
	vertical-align: top;
	border-top: 1px solid #808080;
	}
.searchResults {
	color: #808080;
	width: 100%;
	}
.searchResults td {
	cursor: pointer;
	padding: 3px;
	border-bottom: 1px solid #808080;
	}