/*
	  |\      _,,,---,,_
      /,`.-'`'    -.  ;-;;,_
	 |,4-  ) )-,_..;\ (  `'-'
	'---(_/--'  `-'\_)  	            */
/****************************************/
/*      F*CKRGB IPHONE STYLESHEET       */
/* Code Copyright by Simon Jentsch 2009 */
/*++++++++++++++++++++++++++++++++++++++*/

/* Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt. */

body {
	background: #237ca1 url('../img/bg_body.gif') repeat-x 0 0;
	color: #fafafa;
	font-size: 12px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

.antifloat { clear: both; }


h1 {
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 20px 0;
}


/***************************
Links
+++++++++++++++++++++++++*/

a {
	color: #04ccfc;
	text-decoration: none;
}

a:hover { text-decoration: underline; }


#allesBox {
	width: 100%;
	margin: 0 0;
	position: relative;
}

/***************************
Button + Formularfelder
+++++++++++++++++++++++++*/

input {
	margin: 0 0 0 0;
	padding: 3px;
	border: 1px solid #6e6e6e;
	background: #000;
	height: 17px;
	color: #fafafa;
}

input:focus, input:hover {
	background: url('../img/bg_inputFocus.gif') repeat-x 0 0;
	border: 1px solid #04ccfc;
}

button {
	margin: 0;
	padding: 0 0 6px 0;
	background: url('../img/bg_button.gif');
	width: 91px;
	height: 24px;
	border: 0;
	line-height: 24px;
	color: #fff;
}




		/***************************
		Alternative Navigation
		+++++++++++++++++++++++++*/

		#allesBox #altNavi {
			background: url('../img/bg_allesBox_altNavi.png') no-repeat 0 0;
			width: 186px;
			height: 26px;
			overflow: hidden;
			margin: 0 0 0 0;
			padding: 4px 0 0 3px;
			position: absolute;
			top: 0;
			left: 5px;
		}
		
				#allesBox #altNavi li {
					list-style: none;
					margin: 0;
					padding: 0;
					float: left;
				}
				
						#allesBox #altNavi li a {
							color: #fafafa;
							text-decoration: none;
							font-size: 11px;
							padding: 0 8px 0 0;
							margin: 0 0 0 8px;
							border-right: 1px solid #fafafa;
							height: 11px;
							line-height: 11px;
						}
						
						#allesBox #altNavi li a#widgets {
							display: none;
						}
						
						#allesBox #altNavi li a:hover { text-decoration: underline; }
						
						#allesBox #altNavi li.last a {
							border-right: 0;
						}
						
								#allesBox #altNavi li a span.colorRot { color: #fa6924; }
								#allesBox #altNavi li a span.colorGruen { color: #bdde37; }
								#allesBox #altNavi li a span.colorBlau { color: #04ccfc; }
								
		#allesBox #header {
			width: 100%;
			height: 120px;
			position: relative;
		}
		
				#allesBox #header a#logo {
					height: 78px;
					width: 176px;
					display: block;
					background: url('../img/bg_allesBox_header_logo.png') no-repeat 0 0;
					position: absolute;
					right: 0;
					top: 15px;
					overflow: hidden;
					text-indent: -1000px;
				}
		
				#allesBox #header #wolkeEins,
				#allesBox #header #wolkeZwei,
				#allesBox #header #wolkeDrei,
				#allesBox #header #kopfSimon,
				#allesBox #header #kopfSimon,
				#allesBox #header #kopfReen,
				#allesBox #header #kopfDavid {
					display: none;
				}
						
		#allesBox #contentBox {
			width: 100%;
			margin: 13px 0 0 0;
			padding: 0 0 30px 0;
			background: #000;
			position: relative;
		}
		
				#allesBox #contentBox #cornerBox {
					position: absolute;
					height: 13px;
					width: 100%;
					margin: 0;
					padding: 0;
					top: -13px;
					left: 0;
					background: url('../img/bg_allesBox_contentBox_cornerBoxiPhone.png') no-repeat 0 0;
				}
				
				#allesBox #contentBox a#toggleCloud {
					position: absolute;
					top: 13px;
					left: 10px;
					width: 39px;
					height: 22px;
					background: url('../img/bg_toggleCloud.gif') no-repeat 0 0;
				}
				
				#allesBox #contentBox #tagCloud {
					padding: 0 0 30px 0;
					margin: 0 0 20px 65px;
				}
				
						#allesBox #contentBox #tagCloud div {
							padding: 17px 0 0 0;
							width: 95%;
						}
						
								#allesBox #contentBox #tagCloud div a {
									margin: 0 8px 0 0;
								}
				
				#allesBox #contentBox #content {
					margin: 0;
					padding: 0;
					background: url('../img/bg_rechts.gif') repeat-y 600px 0;
				}
				
						#allesBox #contentBox #content #links {
							margin: 0;
							padding: 0 0 0 ;
							width: 100%;
							float: none;
						}
				
								/***************************
								Blogeintrag
								+++++++++++++++++++++++++*/
				
								#allesBox #contentBox #content #links .blogEintrag {
									margin: 0 15px 15px 15px;
									padding: 0 0 10px 8px;
									background: url('../img/bg_blogEintrag.gif') repeat-x 0 100%;
								}
								
										#allesBox #contentBox #content #links .blogEintrag h2 {
											margin: 0 0 6px 0;
											padding: 0;
											font-family: georgia, "times new roman", serif;
											font-size: 18px;
											font-weight: normal;
											color: #bdde37;
										}
										
												#allesBox #contentBox #content #links .blogEintrag h2 a {
													color: #bdde37;
												}
												
												#allesBox #contentBox #content #links .blogEintrag h2 a:hover {
													text-decoration: none;
													color: #04ccfc;
												}
										
										.eintragInfoBox {
											margin: 0 0 22px 0;
											padding: 0;
											font-size: 11px;
										}
										
												.eintragInfoBox a {
													margin: 0 15px 10px 0;
													padding: 0 0 0 19px;
													background: url('../img/bg_eintragInfoBox_kommentare.gif') no-repeat 0 2px;
													color: #fafafa;
													text-decoration: none;
													display: block;
												}
												
												.eintragInfoBox a:hover { text-decoration: underline; }
												
														.eintragInfoBox a span {
															color: #fa6924;
															font-weight: bold;
														}
														
												.eintragInfoBox .datum {
													margin: 0 15px 0 0;
												}
												
												.eintragInfoBox .autor span {
													color: #04ccfc;
												}
												
														.eintragInfoBox .autor span a {
															padding: 0;
															background: none;
															margin: 0;
															color: #04ccfc;
														}
										
										.appOfTheWeek { display: none !important; }
										.embeddedVideo { display: none; }
										
										#allesBox #contentBox #content #links .blogEintrag img {
											border: 1px solid #6e6e6e;
											padding: 5px;
											margin: 0 0 0 0;
											width: 96%;
											height: auto;
										}
										
										#allesBox #contentBox #content #links .blogEintrag img.wp-smiley {
											border: 0;
											padding: 0;
											margin: 0;
											width: auto;
											height: auto;
										}
										
										#allesBox #contentBox #content #links .blogEintrag p {
											margin: 0 0 15px 0;
										}
										
												#allesBox #contentBox #content #links .blogEintrag a.more-link {
													color: #fa6924;
												}
									
								/***************************
								Infobox zum einzelnen Blogbeitrag
								+++++++++++++++++++++++++*/	
						
								#allesBox #contentBox #content #links .postmetadata {
									margin: 0 15px 50px 15px;
									padding: 0 0 18px 10px;
									color: #8d8d8d;
									background: url('../img/bg_blogEintrag.gif') repeat-x 0 100%;
								}
								
								/***************************
								Kommentare lesen
								+++++++++++++++++++++++++*/
						
								#allesBox #contentBox #content #links h3 {
									font-size: 18px;
									color: #fafafa;
									margin: 30px 8px;
									font-family: georgia, "Times New Roman", serif;
									font-weight: normal;
								}
						
								#allesBox #contentBox #content #links ul.commentlist {
									list-style: none;
									margin: 0 0 70px 0;
									padding: 0 8px 0 13px;
								}
								
										#allesBox #contentBox #content #links ul.commentlist li {
											margin: 0 0 30px 0;
											padding: 0;
										}
										
												.vcard img.avatar {
													border: 1px solid #6e6e6e;
													padding: 1px;
													float: left;
													margin: 0 7px 0 0;
												}
												
												.vcard span {
													display: block;
													color: #6e6e6e;
													font-size: 11px;
													padding: 3px 0 0 0;
												}
												
												.vcard strong {
													color: #04ccfc;
													font-weight: normal;
												}
												
												.vcard em {
													font-style: normal;
												}
												
												.commentText {
													margin: 15px 0 0 0;
												}
												
														.commentText .oben {
															width: 426px;
															height: 17px;
															background: url('../img/bg_commentBlase_oben.gif') no-repeat 0 0;
														}
												
														.commentText .text {
															width: 390px;
															padding: 5px 17px 1px 17px;
															border-left: 1px solid #8d8d8d;
															border-right: 1px solid #8d8d8d;
														}
												
																.commentText .text p {
																	padding: 0;
																	margin: 0 0 10px 0;
																}
														
																.commentText .text  a.comment-edit-link {
																	margin: -4px 0 10px 0;
																	padding: 0 0 0 0;
																	display: block;
																	text-align: right;
																}
																
																/* Eingabefeld */
																
																.commentText .text textarea {
																	width: 100%;
																	background: #000;
																	font-family: "Lucida Grande", Arial, Tahoma, sans-serif;
																	border: 0;
																	height: auto;
																	color: #04ccfc;
																	height: 25px;
																	font-size: 12px;
																	margin: 0 0 10px 0;
																}
												
														.commentText .unten {
															width: 426px;
															height: 4px;
															background: url('../img/bg_commentBlase_unten.gif') no-repeat 0 0;
														}
								
								/***************************
								Kommentare schreiben
								+++++++++++++++++++++++++*/
								
								#allesBox #contentBox #content #links #commentform {
									margin: 0 0 0 13px;
								}
								
										#allesBox #contentBox #content #links #commentform p label {
											width: 70px;
											float: left;
											display: block;
											padding: 5px 0 0 0;
										}
								
										#allesBox #contentBox #content #links #commentform button {
											float: right;
											margin: 0 32px 0 0;
										}
						
						/***************************
						Rechte Spalte (mit Navi etc.)
						+++++++++++++++++++++++++*/
										
						#allesBox #contentBox #content #rechts {
							width: 100%
							padding: 0 0 0 26px;
							float: left;
						}
						
								#allesBox #contentBox #content #rechts h3 {
									font-weight: normal;
									font-size: 14px;
									margin: 0 0 8px 0;
								}
								
								#allesBox #contentBox #content #rechts ul {
									list-style: none;
									margin: 0 0 25px 0;
									padding: 0;
								}
								
										#allesBox #contentBox #content #rechts ul li {
											margin: 0;
											padding: 0 0 3px 10px;
										}
										
								#allesBox #contentBox #content #rechts #getFed {
									background: url('../img/bg_getFed.gif') no-repeat 0 0;
									width: 100%;
									height: 98px;
									padding: 17px 0 0 18px;
									margin: 0 0 15px -10px;
									position: relative;
								}
								
										#allesBox #contentBox #content #rechts #getFed h3 {
											font-size: 18px;
											margin: 0 0 2px 0;
										}
										
												#allesBox #contentBox #content #rechts #getFed h3 a {
													color: #fafafa;
												}
										
										#allesBox #contentBox #content #rechts #getFed p {
											color: #04ccfc;
											width: 85px;
											font-size: 10px;
											margin: 0;
										}
										
										#allesBox #contentBox #content #rechts #getFed a.rssLink {
											overflow: hidden;
											text-indent: -200px;
											width: 59px;
											height: 82px;
											position: absolute;
											left: 108px;
											top: 22px;
										}


/***************************
Fuck the IE
+++++++++++++++++++++++++*/

#fuckIE {
	width: 500px;
	background: url('../img/bg_fuckie.gif') no-repeat 40px 35px;
	margin: 0;
	padding: 20px 50px 0 230px;
}

#fuckIE h1 {
	font-size: 48px;
	font-weight: normal;
	color: #04b7e3;
	font-family: georgia, "Times New Roman", serif;
	margin: 0 0 10px 0;
	padding: 0;
}

#fuckIE h2 {
	font-size: 24px;
	font-weight: normal;
	font-family: arial, tahoma, verdana, sans-serif;
	color: #000;
	margin: 0 0 15px 0;
	padding: 0;
}

#fuckIE p {
	color: #000;
	margin: 0 0 20px 0;
}

		#fuckIE p a {
			margin: 0 60px 0 0;
			padding: 0;
		}
		
				#fuckIE p a img {
					border: 0;
				}