<template name=default >-</template><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title><!--ALT--></title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="keywords" content="keys" />
	<meta name="description" content="desc" />
</head>

<style>
/* START_DEFAULT_STYLES */
html {padding:0;margin:0;font-size:62.5%;}
body {background:#fffffe;font: 12px Arial, Helvetica, sans-serif;margin: 0;padding: 0;color: #000;}
.clear {clear: both;font-size: 0;line-height: 0;display:block;height:0;}
h1, h2, h3, h4, h5, h6 {padding:5px 0;margin:0;font-family: Arial, Helvetica, sans-serif;font-weight: normal;}
p {padding: 5px 0;margin:0;}
a, a:link, a:active, a:visited { color:#0e910a;text-decoration: none;cursor: pointer;}
a:hover { color:#5fae1a;text-decoration: underline;}
img {border:none;}
ul, ol, li {margin:0;padding:0; list-style-type:none;}
form, input {padding:0;margin:0;}
em, i {font-style:normal;}
/* END_DEFAULT_STYLES */
.all {width:1000px; margin:0 auto;}

#header {position:relative; font-family:Tahoma; padding-bottom:10px; width:100%; overflow:hidden;}
#header h1 {color:#7c9a59; font-size:26px;width:350px; float:left; text-align:center; padding:5px 0;font-family:"Trebuchet MS", Arial,Helvetica,sans-serif;}
.h_top { width:600px; float:left; font-size:12px; padding:5px 0 0 20px;}
.h_top li { padding:1px 10px 1px; list-style-type:none; float:left; width:30%;}

.s_form { position:absolute; left:12px; top:44px; }
.s_input {border:1px solid #618360;background:#fff; padding:1px; width:230px; height:16px; color:#888;float:left; margin-right:5px; }
.s_submit { background:#dce1d7; border:1px solid #618360; padding:1px 5px; cursor:pointer; height:20px; float:left;}

.menu { width:350px; overflow: hidden;position:absolute; left:2px; top:69px; }
.menu li { font-size:14px; float:left; display:inline; padding:0; margin-left:-1px;}
.menu li a, .menu li a:visited {border-left:1px solid #7c9a59; display:block; float:left;padding:0 10px;  }

.thumbs {width:100%; margin:0 auto 25px; overflow:hidden; }
.thumbs h3 {color:#CCCC99;font-weight:bold; font-size:13px;width:95%; margin:0 auto; padding:3px 0; text-align:left; text-align:center; height:18px; overflow:hidden; line-height:21px;}
.thumbs h2 {color:#CCCC99;font-weight:bold; font-size:16px;width:95%; margin:0 auto; padding:3px 0; text-align:center; height:20px; overflow:hidden;line-height:21px;}
.thumbs li {background:#f0f3ee;padding:0;width: 242px; height:208px; float:left; margin:4px;_margin:3px 4px 4px 3px;}
.t_img {width:240px; height:180px; border:1px solid #c0c8b9; display:block;background:#dce1d7;}
.thumbs li a:hover .t_img { border:1px dashed #000;}
.thumbs li p {width:95%; margin:0 auto; overflow:hidden; color:#000; font-size:11px; text-align:center; padding:5px 0 1px;}
.thumbs li .rating { padding:0; text-align:left;}
.thumbs li p i  {font-weight:bold; color:#41621b;}
.thumbs li span {float:left;}
.thumbs li .added { float:right;}
.cats li { height:245px;}

.name_page { font-size:18px; text-align:center;}

.tops {color:#6a795d; font-size:16px; overflow:hidden; padding:10px 20px; margin:25px 3px 0; border-bottom:3px solid #c0c8b9;  border-top:3px solid #c0c8b9;background:#f2f7ef; height:1%;}
.tops ul {float:left;width:25%;}

.cats_list {color:#888;  font-size:11px; overflow:hidden;padding:10px 20px 20px 40px; margin:25px 3px 0;border-bottom:3px solid #c0c8b9;  border-top:3px solid #c0c8b9;background:#f2f7ef; height:1%;}
.cats_list ul {float:left;width:154px;}
.cats_list a, .cats_list a:visited { font-size:13px;}



#footer { margin-top:25px; text-align:center;}

.name { width:100%; overflow:hidden;}
.name h2 { font-size:18px; float:left; display:inline; padding-left:3px;}
.name h2  em { font-size:12px;}
.paginator_top { float:right; display:inline; font-size:14px; padding:5px 0;}
.paginator_top ul { display:inline; padding:6px 3px;}
.paginator_top  .pages { padding-right:15px;}
.paginator_top ul li { display:inline; padding:4px 0px;}
.paginator_top ul li a, .paginator_top ul li a:visited{ background:#DCE1D7; border:1px solid #DCE1D7; font-size:12px; padding:3px 5px; color:#000; text-decoration:none;}
.paginator_top ul li a:hover {border:1px solid #000;}

/* FLASH PAGE */
#flash_page { width:920px; margin:0 auto; padding:5px 0 25px; overflow:hidden;}
.flash { width:510px; float:left;}
.line { padding:4px 0;}
.line span { padding-right:5px; padding-left:5px;}
.l_space { padding-left:25px;}
.fr { float:right; display:inline;}
.line em {color:#41621B;font-weight:bold;}
.flash h3 { font-size:18px; text-align:center;}
.banner { width:400px; float:right; text-align:center;}
.player { width:510px; height:400px; padding-bottom:10px;}
</style>
<body>
<div class="all">

<!--=========HEADER=========-->
<div id="header">
	<h1>You Yube Site Sample v1.0.</h1>
	<ul class="h_top">
		<li>01. <a href="#">TopList Site 1</a></li>
		<li>02. <a href="#">TopList Site 2</a></li>
		<li>03. <a href="#">TopList Site 3</a></li>
		<li>04. <a href="#">TopList Site 4</a></li>
		<li>05. <a href="#">TopList Site 5</a></li>
		<li>06. <a href="#">TopList Site 6</a></li>
		<li>07. <a href="#">TopList Site 7</a></li>
		<li>08. <a href="#">TopList Site 8</a></li>
		<li>09. <a href="#">TopList Site 9</a></li>
		<li>10. <a href="#">TopList Site 10</a></li>
		<li>11. <a href="#">TopList Site 11</a></li>
		<li>12. <a href="#">TopList Site 12</a></li>
		<li>13. <a href="#">TopList Site 13</a></li>
		<li>14. <a href="#">TopList Site 14</a></li>
		<li>15. <a href="#">TopList Site 15</a></li>
	</ul>
	<ul class="menu">
		<li><a href="/" title="#">All Videos</a></li>
	</ul>
	<form action="/" class="s_form">
		<input type="text" class="s_input" name='search' />
		<input type="submit" class="s_submit" value="Search" />
	</form>
</div>
<!--=========END=========HEADER=========-->


<!--=========CONTENT=========-->
<div id="content">

<div class="name">
	<h2>Desc : <!--DESCRIPTION--> !</h2>
</div>

<b>These images are shown as direct links to full image </b><br>
<a href='<!--IMG_1_IMAGE-->'><img src='<!--IMG_1_THUMB-->'></a>
<a href='<!--IMG_2_IMAGE-->'><img src='<!--IMG_2_THUMB-->'></a>
<br>
<b>These images are shown as links to full image via out.php</b><br>
<a href='/rec/cgi/out.php?p=50&url=<!--IMG_3_IMAGE-->'><img src='<!--IMG_3_THUMB-->'></a>
<a href='/rec/cgi/out.php?p=50&url=<!--IMG_4_IMAGE-->'><img src='<!--IMG_4_THUMB-->'></a>
<br>
<b>These images are shown as separate page</b><br>
<a href='/gallery/<!--SAFE_DESC-->/<!--GALLERY_MD5-->/5.html'><img src='<!--IMG_5_THUMB-->'></a>
<a href='/gallery/<!--SAFE_DESC-->/<!--GALLERY_MD5-->/6.html'><img src='<!--IMG_6_THUMB-->'></a>
<br>
<b>Show this thumbs only if we have it (example of 'if' statement)</b><br>
<!--IF IMG_6-->
<a href='<!--IMG_6_IMAGE-->'><img src='<!--IMG_6_THUMB-->'></a>
<!--END IF-->
<!--IF IMG_7-->
<a href='<!--IMG_7_IMAGE-->'><img src='<!--IMG_7_THUMB-->'></a>
<!--END IF-->

</div>


<p><hr>
<ul class="thumbs cats">

Related: <br>
<!--default_1-12-->

</ul>



<div class="tops">
 <ul>
		<li>01. <a href="#">TopList Site 1</a></li>
		<li>02. <a href="#">TopList Site 2</a></li>
		<li>03. <a href="#">TopList Site 3</a></li>
		<li>04. <a href="#">TopList Site 4</a></li>
		<li>05. <a href="#">TopList Site 5</a></li>
		<li>06. <a href="#">TopList Site 6</a></li>
		<li>07. <a href="#">TopList Site 7</a></li>
		<li>08. <a href="#">TopList Site 8</a></li>
		<li>09. <a href="#">TopList Site 9</a></li>
		<li>10. <a href="#">TopList Site 10</a></li>
	</ul>

<ul>
		<li>01. <a href="#">TopList Site 1</a></li>
		<li>02. <a href="#">TopList Site 2</a></li>
		<li>03. <a href="#">TopList Site 3</a></li>
		<li>04. <a href="#">TopList Site 4</a></li>
		<li>05. <a href="#">TopList Site 5</a></li>
		<li>06. <a href="#">TopList Site 6</a></li>
		<li>07. <a href="#">TopList Site 7</a></li>
		<li>08. <a href="#">TopList Site 8</a></li>
		<li>09. <a href="#">TopList Site 9</a></li>
		<li>10. <a href="#">TopList Site 10</a></li>
	</ul>
	
	 <ul>
		<li>01. <a href="#">TopList Site 1</a></li>
		<li>02. <a href="#">TopList Site 2</a></li>
		<li>03. <a href="#">TopList Site 3</a></li>
		<li>04. <a href="#">TopList Site 4</a></li>
		<li>05. <a href="#">TopList Site 5</a></li>
		<li>06. <a href="#">TopList Site 6</a></li>
		<li>07. <a href="#">TopList Site 7</a></li>
		<li>08. <a href="#">TopList Site 8</a></li>
		<li>09. <a href="#">TopList Site 9</a></li>
		<li>10. <a href="#">TopList Site 10</a></li>
	</ul>
		 <ul>
		<li>01. <a href="#">TopList Site 1</a></li>
		<li>02. <a href="#">TopList Site 2</a></li>
		<li>03. <a href="#">TopList Site 3</a></li>
		<li>04. <a href="#">TopList Site 4</a></li>
		<li>05. <a href="#">TopList Site 5</a></li>
		<li>06. <a href="#">TopList Site 6</a></li>
		<li>07. <a href="#">TopList Site 7</a></li>
		<li>08. <a href="#">TopList Site 8</a></li>
		<li>09. <a href="#">TopList Site 9</a></li>
		<li>10. <a href="#">TopList Site 10</a></li>
	</ul>

</div>




</div>
<!--=========END=========CONTENT=========-->

<!--=========FOOTER=========-->
<div id="footer">
<p>Warning! This site contains porn links to sexually explicit material. If you're underage, find adult material offensive,<br />
  or if it's illegal for you to view adult material in your community, please leave now.<br />
  All images on this site are all in compliance with the 18 USC 2257 US Federal Law</p>
<p><a href="/rec/scjwebmaster.php">Trade Traffic </a></p>
</div>
<!--=========END=========FOOTER=========-->
</div>
</body>
</html>