@charset "UTF-8";
/* [javascript/Ajax Samples]
 * Summary: global styles
 * Modified: 2009-05-12
 */

/* body */
html {  overflow-y: scroll; z-index:auto}

body {
	/*background: #000;*/
	color: #FFF;
	font-family: Arial;
	text-align: center;
	font-size: 12px;
}
* html body {font-size: 76%;}
*:first-child+html body {font-size: 76%; z-index:4}

/* container */
#container {
	position:absolute;
	min-height: 100%; height: 100%;
}
html>body #container { height: auto; }

/* header */
#header {
	/*width: 700px; height: 80px;*/
	margin: 0 auto;
}
#header h1 { }

/* content */
#content {
	width: 100%;
	padding: 0px 0 0;/*Distance between head and content*/
	background-color: #FFF;
	color: #333;
}

/* entry -- font / text styles
----------------------------------------*/

#entry h2 { font-size: 150%; }

#entry-container h2 {font-weight: bold;z-index:5;}

#thumbs-container 
{
	position:absolute;
	z-index:2;
}
#thumbs-container a,
#thumbs-container a:visited {
	/*color: #333;*/
	/*text-decoration: underline;*/
}
#thumbs-container a:hover,
#thumbs-container a:focus,
#thumbs-container a:active {
	text-decoration: none;
	z-index:2;
}

/* content
----------------------------------------*/

#entry-container {
	position: absolute;
	/*width: 1300px;*/ /*The positon of big image*/
	/*margin: 0 auto;*/
	text-align: left;
	z-index:1;
}

/* entry
------------------------------*/
#entry { 
z-index:1;}

#entry h2 {
	/*width: 520px;*/
	/*margin: 0 auto 2px 90px;*/
	/*color: #555;*/
	/*font-size: 150%;*/
	z-index:1;
}

/* entry photo */
#entry-pct {
	width: 944px;
	/*min-height: -100px ;*//*distance of small images*/
	/*margin: 0 0 0 0;*/
	text-align: center;
	z-index:1;
}
	/*html>body #entry-pct {height: auto;z-index:1;}*/

/*entry content (body)*/

div.entry-content {
	clear: both;
	/*margin-top: 20px;*/
}
div.entry-content p {
	/*margin-bottom: 100px;*/
	z-index:1;
}

/* thumbnail
------------------------------*/
#thumbs-container {
	position:relative;
	clear: both;
	width: 700px;
	/*margin: 0 auto 0 0;*/
    right:300;
	padding-bottom: 30px;
	text-align: right;
	z-index:2;
}
ul#thumbs {
	position:absolute;
	width: 890px;
	margin: 0 0 0 0;
	overflow:visible;
	z-index:3;
}
ul#thumbs li {
    float: right;
	width: 56px;
	overflow:visible;
	top:100px;
	z-index:3;
}
ul#thumbs li a img
{top:800; top:100px}
ul#thumbs li a:visited img {
	
	border: 0;
}
ul#thumbs li a.on img
{top:800;z-index:2;}
ul#thumbs li a:hover img
{top:800;z-index:2;}
ul#thumbs li a:active img {
	border: 0;	
}

/* widgets */


