<!DOCTYPE html>
<head>
	<title><?php echo $setting['appname']; ?></title>
	<style type="text/css">
@font-face {
      font-family: 'fontello';
      src: url('./font/fontello.eot?43704775');
      src: url('./font/fontello.eot?43704775#iefix') format('embedded-opentype'),
           url('./font/fontello.woff?43704775') format('woff'),
           url('./font/fontello.ttf?43704775') format('truetype'),
           url('./font/fontello.svg?43704775#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
	
@font-face {
      font-family: 'patua';
      src: url('./font/patua-one-v10-latin-regular.eot');
      src: url('./font/patua-one-v10-latin-regular.woff') format('woff'),
           url('./font/patua-one-v10-latin-regular.ttf') format('truetype'),
           url('./font/patua-one-v10-latin-regular.svg') format('svg');
      font-weight: normal;
      font-style: normal;
    }
	
	.nte{
		width:35px; 
		height:35px;
		float:left;
		margin:2px;
		background-size:cover;
		position:relative;
	}
	
	.nte_type{
		position:absolute;
		right:0px;
		bottom:0px;
		width:15px;
		height:15px;
		border-radius:15px;
		font-family:fontello;
		font-size:8px;
		color:white;
	}
	
.nte_type span{
		font-family:fontello;
		font-size:8px;
		color:white !important;
		margin-top:4px;
		display:block;
	}
	
	#emojisearch {
		border:0;
	}
	
	.loadingImage{
		width:100px;
		height:100px;
		background-image: url("./img/loadingb.gif");
		background-repeat:no-repeat;
	}
	</style>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href='./<?php echo ($user_settings['theme'] == "custom" ? themes("file","css/color.php") : themes("file","css/color.css"))?>?id=<?php echo mt_rand(1000, 2500); ?>' />
	<link rel="stylesheet" media='screen and (min-width: 801px)' href='./css/style.css?id=<?php echo mt_rand(1000, 2500); ?>' />
	<link rel="stylesheet" media='screen and (max-width: 800px)' href='./css/mobile.css?id=<?php echo mt_rand(1000, 2500); ?>' />
	<?php if (file_exists("themes/".sanitize($user_settings['theme'])."/css/style.css")) { ?><link rel="stylesheet" media='screen and (min-width: 801px)' href='./<?php echo themes("file","css/style.css")?>?id=<?php echo mt_rand(1000, 2500); ?>' /><?php } ?>
	<?php if (file_exists("themes/".sanitize($user_settings['theme'])."/css/mobile.css")) { ?><link rel="stylesheet" media='screen and (max-width: 800px)' href='./<?php echo themes("file","css/mobile.css")?>?id=<?php echo mt_rand(1000, 2500); ?>' /><?php } ?>
	<link rel="stylesheet" href="./css/animation.css"><!--[if IE 7]><link rel="stylesheet" href="css/" + font.fontname + "-ie7.css"><![endif]-->
	<link rel="stylesheet" href="./css/animate.css">
	<link id="favicon" rel="shortcut icon" href="favicon.ico" />

</head>
<body>
<?php
if ($logedin) {
	$notif = getnotif();
}
?>

<div id='hiddenside'></div>
<div id='videodock'><a name='dock' class='cursor profileButton' onClick="undockvideo();">X</a></div>
<?php include "layout/mobilemenu.php"; ?>
<div class='gotop desktop'><a href='#top'>▲</a></div>
<?php include "layout/topbar.php"; ?>
<br>

<div class='wrapper'>
	<div class='container'>
	<div id='posts'>
		<?php if ($logedin) { ?>
		<div class='element' id="searchmobile">
			<div class='avatar desktop' style='background-image:url(:avatar:) :style:'></div>
			<div class='searchmobile' style="padding-top: 15px; padding-bottom: 15px;">
				<form method="get">
					<span class="searchmobiletoggle" style='padding-left:0px;padding-right:5px;font-weight:bold;'>X</span>
					<input type="text" name="search" style='width:70%' placeholder="Type your search here">
					<input type="submit" value="&#xe800;" class="fontello">
				</form>
			</div>
		</div>

		<?php 
			include "layout/postform.php"; 
		}
		?>
		<div id="loader" class='element'></div>
		<div id="content">
