@font-face {
	font-family: 'nevisBold';
	src: url('http://static.jonaspelzer.de/tumblr/AppDiary/nevis.eot');
	src: local('nevis'), local('nevis-Bold'), url('http://static.jonaspelzer.de/tumblr/AppDiary/nevis.woff') format('woff'), url('http://static.jonaspelzer.de/tumblr/AppDiary/nevis.ttf') format('truetype'); 
}

* {
	margin: 0;
	padding: 0;
}

body#index {
	font-size: 100%;
	background: url(http://static.jonaspelzer.de/tumblr/AppDiary/background4.png) repeat-y #fff;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

body#aboutpage {
	font-size: 100%;
	background: #222;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	width: 1080px;
	height: 100%;
}

div#sidebar {
	width: 250px;
	height: 100%;
	min-height: 200px;
	float: left;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	margin: 50px 20px 20px 20px;
	line-height: 20px;
	word-spacing: 1px;
	letter-spacing: 1px;
	color: #5F7278;
	text-shadow: #fff 0px 1px 1px;
}

div#sidebar p {
	margin-bottom: 20px;
	width: 200px;
}

div#sidebar a, div#sidebar a:visited {
	color: #fff;
	text-shadow: #5F7278 0px 1px 1px;
	text-decoration: none;
}

div#sidebar a:hover {
	color: #000;
	text-shadow: #fff 0px 1px 1px;
}

#pagebar {
	width: 260px;
	height: 80px;
	line-height: 80px;
	position: fixed;
	bottom: 0;
	left: 0;
	text-align: center;
	padding: 0 20px;
	background: #222;
	background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(#111), to(#222)) no-repeat #222;
	text-shadow: #000 0px 1px 1px;
	color: #ccc;
	//-webkit-box-shadow: #000 0px 0px 10px;
}

#pagebar a, #pagebar a:visited {
	color: #fff;
	text-shadow: #000 0px 1px 1px;
	text-decoration: none;
}

#pagebar a:hover {
	color: #ccc;
	text-shadow: #000 0px 1px 1px;
}

#pagebar span.dim {
	color: #666;
}

div#content {
	width: 650px;
	float: left;
	margin-left: 250px;
	margin-top: 30px;
}

header, nav, article, footer {
	display: block;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

body#index header {
	height: 200px;
	margin-top: 20px;
	margin-bottom: 100px;
}

body#aboutpage header {
	margin-top: 70px;
	margin-left: 40px;
}

body#index h1 {
	height: 200px;
	width: 650px;
	background: url(http://static.jonaspelzer.de/tumblr/AppDiary/h1.png);
	text-indent: -99999px;
}

body#aboutpage h1 {
	height: 100px;
	width: 650px;
	background: url(http://static.jonaspelzer.de/tumblr/AppDiary/h1_about.png);
	text-indent: -99999px;	
}

article, #searchresultcount {
	margin-bottom: 100px;
	margin-left: 140px;
	line-height: 25px;
	word-spacing: 1px;
	font-size: 14px;
	text-shadow: #fff 0px 1px 1px;
	padding-right: 60px;
}

article strong, #searchresultcount strong {
	font-weight: bold;
}

article em, #searchresultcount em {
	font-style: italic;
}

article span.date {
	display: inline;
	float: left;
}

article span.member {
	display: inline;
	float: right;
}

article span.date a, article span.date a:visited, article span.member a, article span.member a:visited {
	color: #666;
	text-decoration: none;
}

article span.date a:hover, article span.member a:hover {
	text-decoration: underline;
}

article a, article a:visited, ol.notes li a, ol.notes li a:visited {
	text-decoration: none;
	color: #0268B0;
}

article a:hover, ol.notes li a:hover, #aboutpage a:hover {
	text-decoration: underline;
}

h2 a:hover {
	text-decoration: none;
}

article h2 a:active, article p a:active, header a:active, /*#sidebar a:active,*/ span.date a:active, span.member a:active, div#top a:active, footer a:active, #pagebar a:active, .tags a:active, ol.notes li a:active, #aboutpage a:active {
	position: relative;
	top: 1px;
}

article h2 {
	display: inline;
	font-family: 'nevisBold', Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 30px;
	background: #fff;	
}

article h3 {
	color: #666;
	font-family: 'nevisBold', Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 20px;
	text-shadow: #fff 0px 1px 1px;
	margin-top: 20px;
}

article p {
	background: #fff;
	margin-top: 10px;
}

h2 a, h2 a:visited {
	text-decoration: none;
	color: #000;
}

img.icon {
	width: 120px;
	height: 120px;
	position: absolute;
	left: 250px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

img.screen {
	position: absolute;
	width: 180px;
	height: auto;
	z-index: -1;
	left: 900px;
	margin-top: 35px;
	opacity: 1;
	border: none;
	background: url(http://static.jonaspelzer.de/tumblr/AppDiary/spinner.gif) no-repeat center;
}

img.screen:hover {
	-webkit-box-shadow: #666 0px 0px 20px;	
	box-shadow: #666 0px 0px 20px;
	opacity: 0.8;	
}

#searchform input {
	border: none;
	background: #eee;
	padding: 3px;
	color: #888;
}

div#top {
	height: 28px;
	line-height: 28px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: #ddd;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ccc));
	border-bottom: solid 1px #999;
	z-index: 1336;
	font-family: 'nevisBold', Helvetica Neue, Helvetica, Arial, sans-serif;
}

iframe {
	position: fixed !important;
}

div#top nav ul {
	list-style-type: none;
	height: 16px;
}

div#top nav {
	display: block;
	height: 16px;
}

div#top nav ul li {
	display: inline;
	margin-left: 20px;
	height: 16px;
}

a#about, a#about:visited {
	background: url(http://static.jonaspelzer.de/tumblr/AppDiary/about_icon.png) repeat-y;
}

a#about:hover {
	background: url(http://static.jonaspelzer.de/tumblr/AppDiary/about_icon.png) repeat-y 0 16px;
}

a#archive, a#archive:visited {
	background: url(http://static.jonaspelzer.de/tumblr/AppDiary/archive_icon.png) repeat-y;
}

a#archive:hover {
	background: url(http://static.jonaspelzer.de/tumblr/AppDiary/archive_icon.png) repeat-y 0 16px;
}

a#submit, a#submit:visited {
	background: url(http://static.jonaspelzer.de/tumblr/AppDiary/submit_icon.png) repeat-y;
}

a#submit:hover {
	background: url(http://static.jonaspelzer.de/tumblr/AppDiary/submit_icon.png) repeat-y 0 16px;
}

a#contact, a#contact:visited {
	background: url(http://static.jonaspelzer.de/tumblr/AppDiary/contact_icon.png) repeat-y;
	cursor: pointer;
}

a#contact:hover {
	background: url(http://static.jonaspelzer.de/tumblr/AppDiary/contact_icon.png) repeat-y 0 16px;
}

a#rss, a#rss:visited {
	background: url(http://static.jonaspelzer.de/tumblr/AppDiary/rss_icon.png) repeat-y;
}

a#rss:hover {
	background: url(http://static.jonaspelzer.de/tumblr/AppDiary/rss_icon.png) repeat-y 0 16px;
}

a#twitter, a#twitter:visited {
	background: url(http://static.jonaspelzer.de/tumblr/AppDiary/twitter_icon.png) repeat-y;
}

a#twitter:hover {
	background: url(http://static.jonaspelzer.de/tumblr/AppDiary/twitter_icon.png) repeat-y 0 16px;
}

div#top a, div#top a:visited {
	text-decoration: none;
	color: #666;
	text-shadow: #fff 0px 1px 1px;
	padding-left: 25px;
	height: 16px;
	font-size: 14px;
}

div#top a:hover {
	color: #333;
}

ol.notes {
	margin-top: 80px;
	margin-left: 140px;
	list-style-type: none;
	font-size: 12px;
	text-shadow: #fff 0px 1px 1px;
}

ol.notes li {
	margin-bottom: 10px;
	border-bottom: dashed 1px #ccc;
	padding-bottom: 10px;
}

ol.notes li img {
	margin-right: 10px;
	margin-bottom: -5px;
}

footer {
	margin-left: 50px;
	padding-left: 90px;
	font-size: 12px;
	color: #666;
	height: 65px;
	line-height: 25px;
	padding-top: 15px;
	margin-top: 120px;
	clear: both;
	text-shadow: #fff 0px 1px 1px;
	background: #ddd;
	padding-right: 20px;
}

footer a, footer a:visited {
	color: #666;
	text-decoration: underline;
}

footer a:hover {
	text-decoration: none;
}

ul.tags {
	position: absolute;
	left: 250px;
	list-style-type: none;
	margin-top: 195px;
}

ul.tags li a, ul.tags li a:visited {
	width: 120px;
	background: #E5E5E5;
	background: rgba(229,229,229,0.75);
	display: block;
	text-align: center;
	margin-top: 10px;
	color: #666;
	text-decoration: none;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

ul.tags li a:hover {
	background: #E5E5E5;
	color: #666;
}

a.buy, a.buy:visited {
	position: absolute;
	left: 250px;
	margin-top: 103px;
	display: block;
	width: 120px;
	background: rgb(0,204,51);
	background: rgba(0,204,51,0.75);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	color: #fff;
	text-align: center;
	text-shadow: #000 0px 1px 1px;
}

a.buy:hover {
	background: rgb(0,204,51);
	text-decoration: none;
}

a.dbuy, a.dbuy:visited {
	position: absolute;
	left: 250px;
	margin-top: 103px;
	display: block;
	width: 120px;
	background: red;
	background: rgba(255,0,0,0.75);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	color: #fff;
	text-align: center;
	text-shadow: #000 0px 1px 1px;
}

a.dbuy:hover {
	background: red;
	text-decoration: none;
}

a.buy:active, a.dbuy:active {
	margin-top: 104px;
}

a.tweet, a.tweet:visited {
	position: absolute;
	left: 250px;
	margin-top: 170px;
	display: block;
	width: 120px;
	background: rgb(000,191,255);
	background: rgba(000,191,255,0.75);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	color: #fff;
	text-align: center;
	text-shadow: #000 0px 1px 1px;
}

a.tweet:hover {
	background: rgb(000,191,255);
	text-decoration: none;
}

#aboutpage a, #aboutpage a:visited {
	text-decoration: none;
	color: #5DBDFF;
}

#aboutpage a:hover {
	text-decoration: underline;
}

#aboutleft {
	width: 500px;
	float: left;
	margin-top: 28px;
	padding: 20px;
	color: #eee;
	text-shadow: #000 0px 1px 1px;
	margin-left: 20px;
	font-size: 16px;
	word-spacing: 2px;
	line-height: 20px;
}

#aboutright {
	width: 480px;
	float: right;
	margin-top: 28px;
	padding: 20px;
	color: #eee;
	text-shadow: #000 0px 1px 1px;
}

#aboutleft p {
	margin-bottom: 20px;
}

div#donate {
	background: #111;
	background: -webkit-gradient(linear, 0% 100%, 100% 100%, from(#111), to(#222)) no-repeat #222;;
	display: block;
	margin-left: -40px;
	padding: 10px 10px 10px 40px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
}

div#donate form {
}

#aboutright ul {
	list-style-type: none;
}

body#aboutpage h2 {
	margin-bottom: 20px;
	font-family: 'nevisBold', Helvetica Neue, Helvetica, Arial, sans-serif;
}

#aboutright ul li {
	margin-bottom: 30px;
	line-height: 17px;
	word-spacing: 1px;
	min-height: 100px;
}

#aboutright ul li h3 {
	font-size: 16px;
	margin-bottom: 10px;
	font-family: 'nevisBold', Helvetica Neue, Helvetica, Arial, sans-serif;
}

#aboutright ul li img {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 20px;
	-webkit-box-shadow: #111 0px 0px 10px;
	-webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white));
}

#aboutright ul li p {
	font-size: 14px;
}

#contactform {
	display: none;
	z-index: 1339;
	width: 220px;
	background: url(http://static.jonaspelzer.de/tumblr/AppDiary/contactform_top.png) no-repeat top;
	position: fixed;
	top: 15px;
	left: 325px;
	text-align: center;
}

body#aboutpage #contactform {
	background: url(http://static.jonaspelzer.de/tumblr/AppDiary/contact_top_about.png) no-repeat top;
}

#contactform form {
	margin-top: 40px;
	background: #000;
	background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(#000), to(#222)) no-repeat #000;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;.	
}

body#aboutpage #contactform form {
	background: #fff;
	background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(#fff), to(#ddd)) no-repeat #fff;
}

#contactform form input.field {
	border: solid 1px #fff;
	background: #fff;
	background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(#fff), to(#eee)) no-repeat #eee;
	width: 90px;
	margin-bottom: 10px;
	height: 20px;
	line-height: 20px;
	padding-left: 5px;
	font-family: Helvetica Neue, Helvetica, Arial;
	font-size: 14px;
	color: #ccc;
	text-shadow: 0px 1px 1px #fff;
}

body#aboutpage #contactform form input.field {
	border: solid 1px #ccc;
}

#contactform form input#name {
	margin-right: 5px;
}

#contactform form input#subject {
	width: 195px;
}

#contactform form textarea {
	border: solid 1px #fff;
	color: #ccc;
	text-shadow: 0px 1px 1px #fff;
	background: #fff;
	background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(#fff), to(#eee)) no-repeat #fff;
	width: 190px;
	max-width: 190px;
	max-height: 500px;
	padding: 5px;
	font-family: Helvetica Neue, Helvetica, Arial;
	font-size: 14px;
}

body#aboutpage #contactform form textarea {
	border: solid 1px #ccc;
}

#contactform form input#submit {
	width: 220px;
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
	background: #eee;
	background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(#fff), to(#eee)) no-repeat #eee;
	border: none;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	font-family: Helvetica Neue, Helvetica, Arial;
	font-size: 14px;
	border-bottom: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #999;
	border-top: solid 1px #eee;
	text-transform: lowercase;
	color: #666;
	text-shadow: 0px 1px 1px #fff;
}

body#aboutpage #contactform form input#submit {
	background: #333;
	background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(#444), to(#333)) no-repeat #333;
	color: #ccc;
	text-shadow: 0px 1px 1px #000;
	border-bottom: solid 1px #222;
	border-right: solid 1px #222;
	border-left: solid 1px #222;
	border-top: solid 1px #fff;
}

#contactform form input.field:focus, #contactform form textarea:focus {
	-webkit-box-shadow: #ffffff 0px 0px 20px;
	color: #333;
}

a#button, a#button:visited {
	color: #eee;
	text-shadow: #000 0px 1px 1px;
	padding: 5px 15px;
	background: #5F7278;
	background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(#666), to(#444)) no-repeat #555;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 0px 0px 5px;
	cursor: pointer;
}

a#button:hover {
	text-decoration: none;
	background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(#888), to(#444)) no-repeat #777;
}

a#advertise, a#advertise:visited {
	display: none; //KANN MAN JA WIEDER ENTFERNEN
	position: absolute;
	bottom: 150px;
	color: #333 !important;
	text-shadow: #fff 0px 1px 1px !important;
	width: 200px;
	height: 100px;
	background: #eee;
	background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(#fff), to(#ccc)) no-repeat #eee;
	line-height: 100px;
	text-align: center;
	border: solid 1px #fff;
	opacity: 0.8;
	-webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 5px;
	outline: solid 1px #999;
	font-style: italic;
	font-size: 16px;
}

a#advertise:hover {
	opacity: 1;
	-webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 10px;
}

a#advertise:active {
	bottom: 149px;
	background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(#ccc), to(#fff)) no-repeat #eee;
}

iframe#submit_form {
	width: 460px;
	position: inherit !important;
	margin-bottom: -120px;
}

img.hideabutton {
	position: absolute;
	left: 232px;
	top: 480px;
}

.amazon {
	position: fixed;
	bottom: 80px;
	width: 300px;
	left: 0;
	border-top: solid 1px #ccc;
}

.amazon a, .amazon a:visited {
	display: block;
	height: 30px;
	line-height: 30px;
	color: #555 !important;
	text-shadow: #fff 0px 1px 1px !important;
	border-right: solid 1px #ccc;
background: #ddd;
background: -moz-linear-gradient(top, #ddd 42%, #ccc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(42%,#ddd), color-stop(100%,#ccc));
background: -webkit-linear-gradient(top, #ddd 42%,#cccccc 100%);
background: -o-linear-gradient(top, #ddd 42%,#ccc 100%);
background: -ms-linear-gradient(top, #ddd 42%,#ccc 100%);
background: linear-gradient(top, #ddd 42%,#ccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd', endColorstr='#ccc',GradientType=0 );

	padding-left: 30px;
	opacity: 0.8;
}

.amazon a:hover {
	opacity: 0.9;
	
	background: #eee;
	background: -moz-linear-gradient(top, #eee 42%, #ccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(42%,#eee), color-stop(100%,#ccc));
	background: -webkit-linear-gradient(top, #eee 42%,#cccccc 100%);
	background: -o-linear-gradient(top, #eee 42%,#ccc 100%);
	background: -ms-linear-gradient(top, #eee 42%,#ccc 100%);
	background: linear-gradient(top, #eee 42%,#ccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#ccc',GradientType=0 );
}