/* ================================================================== */
/* Common */

html, body, table, tr, td, div, form, input{
	margin:0;
	padding:0;
}

body {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size:75%;
	color:black;
	min-width:980px;
	background:white;
}

h1, h2, h3, h4{
	padding:0;
	font-weight:normal;
	margin-top:1em;
	margin-bottom:0.5em;
}

table{
	border-collapse: collapse;
}

td{
	vertical-align:top;
}

input, textarea{
	font-family: "Arial", sans-serif;
	font-size:100%;
}

a {
	color:black;
	cursor:pointer;
	text-decoration:underline;
}

a:hover {
	text-decoration: none;
}

a img{
	border:none;
}

p{
	margin:1.1em 0;
}

br.clear{
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
}

span.nobr{
	white-space:nowrap;
}

h1{
	font-size:2.1em;
}

h2{
	font-size:1.6em;
}

h3{
	font-size:1.5em;
}

div.minWidth{
	font-size:0;
	line-height:0;
	height:0;
}

/* Eof Common */
/* ================================================================== */


/* ================================================================== */
/* Page layout */

table#pageLayout{
	width:100%;
	background:url('../img/bg.jpg') no-repeat 27% 0;
}

table#pageLayout td{
}

td.logoColumn{
	width:22%;
}

td.logoColumn div.minWidth{
	width:240px;
}

td.middleColumn{
	width:23%;
}

td.middleColumn div.minWidth{
	width:220px;
}

td.contentColumn{
	width:55%;
}

td.contentColumn div.minWidth{
	width:530px;
}

/* Eof Page layout */
/* ================================================================== */


/* ================================================================== */
/* Logo */

div.sanchos{
	float:left;
	width:80%;
	margin-top:100px;

}

div.sanchos div.frame{
	margin-left:auto;
	width:140px;
	height:48px;
	padding-top:32px;
	padding-right:10px;
	border-right:8px solid #cc0000;
	font-size:1.2em;
}

div.sanchos span, div.sanchos img{
	vertical-align:top;
}

div.sanchos span.firstname{
	color:#cc0000;
	margin-right:3px;
}

/* Eof Logo */
/* ================================================================== */


/* ================================================================== */
/* Page icon */

div.pageIcon, div.redPageIcon{
	width:100px;
	height:100px;
	margin-top:180px;
	margin-left:auto;
}

div.pageIcon div.iconContainer, div.redPageIcon div.iconContainer{
	position:absolute;
	width:100px;
	height:75px;
	padding-top:25px;
	text-align:center;
	z-index:5;
}

div.pageIcon div.bg{
	width:100px;
	height:100px;
	background:#d8d8d8;
	-moz-opacity:.50;
	opacity:.50;
	filter:alpha(opacity=50);
}

div.redPageIcon div.bg{
	width:100px;
	height:100px;
	background:#cc0000;
}

/* Page icon */
/* ================================================================== */


/* ================================================================== */
/* About block */

div.about{
	width:70px;
	margin:0 auto;
	margin-top:100px;
	margin-bottom:70px;
	padding-left:112px;
}

div.about div.icon{
	position:absolute;
	width:50px;
	height:54px;
	margin-left:-62px;
	margin-top:-15px;
	background:#ffffff;
	text-align:center;
}

div.about div.icon img{
	vertical-align:top;
}

div.about a{
	font-size:0.9em;
}

/* Eof About block */
/* ================================================================== */


/* ================================================================== */
/* Contacts block */

div.contacts{
	padding:24px 0;
	padding-left:15px;
	margin-bottom:30px;
	border-left:8px solid #cc0000;
}

div.contacts a{
	font-size:0.9em;
}

/* Eof Contacts block */
/* ================================================================== */

div.fuge{
	height:0;
	width:55%;
	margin-left:auto;
}

div.fuge a{
	position:absolute;
	margin-top:80px;
	margin-left:120px;
}

div.citeBoder{
	height:0;
	width:70%;
	margin-left:auto;
}

div.citeBoder div{
	position:absolute;
	margin-top:152px;
	margin-left:50px;
	width:0;
	height:60px;
	border-left:8px solid #333;
}

div.cite{
	height:0;
	width:61%;
	margin-left:auto;
}

div.cite div.container{
	position:absolute;
	margin-top:212px;
	margin-left:30px;
	width:200px;
	padding:15px 25px;
	background:#cc0000;
	color:white;
}

div.cite div.container img{
	display:block;
}

div.indexNote{
	margin-top:180px;
	min-height:55px;
	padding-top:35px;
	padding-bottom:10px;
	padding-left:17px;
	width:130px;
	//height:55px;
}

span.date{
	color:#cc0000;
}


div.photo{
	width:40%;
}

div.photo table{
	width:240px;
	margin-left:auto;
}

div.photo td.description{
	width:140px;
	padding-left:17px;
	vertical-align:middle;
}

div.photo span.date, div.indexNote span.date{
	font-size:0.9em;
}

div.indexNote a, div.photo td.description a{
	font-size:1.1em;
}

/* ================================================================== */
/* Inner content */

div.innerContent{
	width:70%;
	margin-top:180px;
	margin-left:35px;
	min-height:300px;
	line-height:1.4em;
	margin-bottom:100px;
	color:#666;
	padding-top:1px;
}

div.innerContent h1, div.innerContent h2, div.innerContent h3{
	line-height:1.2em;
	color:black;
}

div.image_caption{
	margin:0.4em 0;
	font-style:italic;
	text-align:right;
	color:#999;
	font-size:0.95em;
	line-height:1.2em;
}

div.navigation a{
	text-decoration:none;
}

div.navigation span.current{
	font-size:1.5em;
	margin:0 12px;
	vertical-align:middle;
	color:#cc0000;
}

div.navigation img{
	vertical-align:middle;
}

/* Eof Inner content */
/* ================================================================== */



/* ================================================================== */
/* Notes page */

div.note div.date{
	float:right;
	color:#ccc;
}


div.itemsList h1{
	margin:0;
	height:55px;
	padding-top:35px;
	padding-bottom:10px;
}

div.itemsList table{
	width:350px;
}

div.itemsList td{
	padding-bottom:1.5em;
	padding-right:15px;
}

div.itemsList td.date{
	width:110px;
	color:#ccc;
}

div.itemsList span.number{
	color:#656565;
	font-size:0.9em;
}

div.itemsList div.pager_container{
	margin-top:1em;
}

div.itemsList td.icon{
	width:1%;
}

/* Eof Notes page */
/* ================================================================== */


/* ================================================================== */
/* Gallery page */

div.gallery div.date{
	float:right;
	color:#ccc;
}

div.gallery table{
	width:100%;
}

div.gallery div.loading{
	display:none;
	height:110px;
	text-align:center;
	font-size:0.8em;
	padding-top:70px;
	color:#999;
}

div.gallery td.imageViewer{
	display:none;
	width:220px;
	padding-right:10px;
}

div.gallery div.imageInfo{
	margin:1em 0;
	font-style:italic;
	color:#666;
}

div.gallery ul{
	margin:0;
	padding:0;
	list-style:none;
}

div.gallery ul div.info{
	display:none;
}

div.gallery ul li{
	float:left;
	width:50px;
	height:50px;
	margin-right:10px;
	margin-bottom:10px;
}

div.gallery div.thumb{
	position:relative;
}

div.gallery div.thumb img{
	display:block;
}

div.gallery div.thumb span.overlay{
	position:absolute;
	width:50px;
	height:50px;
}

div.gallery div.thumb a:hover span.overlay{
	background:black;
	-moz-opacity:.70;
	opacity:.70;
	filter:alpha(opacity=70);
}

div.gallery div.active span.overlay, div.gallery div.active a:hover span.overlay{
	background:red;
	-moz-opacity:.70;
	opacity:.70;
	filter:alpha(opacity=70);
}

/* Eof Gallery page */
/* ================================================================== */


/* ================================================================== */
/* Contacts form */

div.feedback h2{
	height:37px;
	margin:0;
	padding-top:43px;
	color:#333;
}

div.feedback form{
	margin-top:20px;
}

div.feedback form textarea{
	display:block;
	width:270px;
	height:130px;
	margin-bottom:1.7em;
	border:1px solid #999;
}

div.feedback form a{
	display:block;
	width:5em;
	padding:0.6em 1em;
	background:#ebebeb;
	font-size:0.9em;
	text-align:center;
}

div.feedback input#subject{
	display:none;
}

/* Eof Contacts form */
/* ================================================================== */


/* ================================================================== */
/* About page */

div.aboutImage{
	width:258px;
	text-align:center;
	border-bottom:4px solid black;
	margin-bottom:2em;
}

div.aboutImage img{
	vertical-align:top;
}

div.aboutMe{
	width:198px;
	padding:0 35px;
}

/* Eof About page */
/* ================================================================== */


/*
	Paginator 3000
	- idea by ecto (ecto.ru)
	- coded by karaboz (karaboz.ru)

	HTML example
	<div class="paginator" id="paginator_example">
		<table>
			<tr>
				<td><span><strong>1</strong></span></td>
				...
				<td><span><a href="">3000</a></span></td>
			</tr>
			<tr>
				<td colspan="">
					<div class="scroll_bar">
						<div class="scroll_trough"></div>
						<div class="scroll_thumb">
							<div class="scroll_knob"></div>
						</div>
						<div class="current_page_mark"></div>
					</div>				
				</td>

			</tr>
		</table>
	</div>
*/


/* ================================================================== */
/* Pager */

div.pagerContainer{
	width:120px;
	margin-left:auto;
	margin-right:100px;
}

div.pagerContainer div.total{
	padding:25px 30px;
	background:#ececec;
	margin-bottom:1em;
	color:#999;
	font-size:1.15em;
}

div.pagerContainer div.total strong{
	font-size:1.3em;
	font-weight:normal;
	color:black;
}


div.pager {
	width:120px;
	margin-bottom:1em;
}

div.pager table {
	table-layout:fixed;
	width:100%;
}

div.pager table td {
	text-align:center;
	white-space:nowrap;
}

div.pager span {
	display:block;
	padding:3px 0;
	color:#333;
}

div.pager span strong, div.pager span a {
	padding:2px 6px;
	color:#333;
}

div.pager span strong {
	color:#cc0000;
	font-weight:normal; 
}

div.pager .scroll_bar {
	width:100%;
	height:20px;
	position:relative;
	margin-top:10px; 
}

div.pager .scroll_trough {
	width:100%;
	height:3px;
	background:#ccc;
	overflow:hidden;
}

div.pager .scroll_thumb {
	position:absolute;
	z-index:2;
	width:0;
	height:3px;
	top:0;
	left:0;
	font-size:1px;
	background:#363636;
}

div.pager .scroll_knob {
	position:absolute;
	left:50%;
	margin-top:2px;
	margin-left:-4px;
	width:8px;
	height:12px;
	border-top:1px solid white;
	background:#cc0000;
	cursor:pointer;
}

div.pager .current_page_mark {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:0;
	height:3px;
	overflow:hidden;
	background:#cc0000;
}

.fullsize .scroll_thumb {
	display:none;
}

/* Eof Pager */
/* ================================================================== */



/* ================================================================== */
/* Pager */

div.pager_container{
	height:2em;
	margin:1em 0;
}

div.pager_container ul.pager{
	margin:0;
	padding:0;
	list-style:none;
}

div.pager_container ul.pager li{
	float:left;
	height:1.5em;
	padding:0.1em 0.5em;
	margin-right:0.4em;
}

div.pager_container ul.pager li.active{
	color: white;
	background:#CC0000;
}

div.pager_container ul.pager li.active a{
	color: white;
}

/* Eof Pager */
/* ================================================================== */