body {
	background: #45566a url('i/background.gif') repeat-x 0 0; 
	margin:0; 
	padding:0;
	color: #FFFFFF; 
}
h1, h2, h3 {font-family: 'Georgia', serif; font-weight:normal;}

h1 {
	color:#fff;
	font-size: 160%; 
	padding-left: 6px
}
h2 {
	color:#999; 
	font-size: 140%; 
	padding-left: 12px
}

a, a:link, a:visited { color: #ffffff; background: url(http://www.mihos.ru/i/link-yelow-blue.gif) repeat-x bottom; text-decoration: none; }
a:hover {color: #ffff00; text-decoration: none;}

#menu {
	padding : 1em 0;
}

#main-bg {background: url('http://www.mihos.ru/i/photo-main.gif') no-repeat bottom left; height: 100%; width: 100%}
#main-bg .mnu-main-page    { position: absolute; top: 30%; left: 55%; width: 30%; background: url('http://www.mihos.ru/i/homepage.gif') no-repeat top left}
#main-bg .mnu-main-page ul { list-style: none; padding-left: 0}
#main-bg .mnu-main-page li { background : url('./i/li.gif') no-repeat center left; padding-left: 1em; line-height: 290%}
#main-bg .mnu-main-page a, #main-bg .mnu-main-page a:visited, table.blog a.mainmenu, table.blog a.mainmenu:visited { color : #cccccc; text-decoration: none}
#main-bg .mnu-main-page a:hover, table.blog a.mainmenu:hover  { color : #ffffff; text-decoration: none; background : url('./i/link-white-blue.gif') repeat-x bottom}



#girlfriend-bg {background: url('http://www.mihos.ru/i/photo-wife.gif') no-repeat bottom left; height: 100%; width: 100%}



/*
#headmain {
	background: url('./i/homepage.gif') no-repeat top left; 
	padding-top: 0.1em;
	border: 0px solid green;
}
*/
#headcollegue {
	background: url('./i/headcollegue.gif') no-repeat top left; 
	padding-top: 0.1em;
	border: 0px solid green;
}
/*
a.mainmenu, a.mainmenu:visited, table.blog a.mainmenu, table.blog a.mainmenu:visited {
	color : #cccccc;
	text-decoration: none; 
	 
}
a.mainmenu:hover, table.blog a.mainmenu:hover  {
	color : #ffffff;
	text-decoration: none; 
	background : url('./i/link-white-blue.gif') repeat-x bottom;
}
*/
#navigate {
	background: #000000;
	color: #ffffff; 
	padding-left: 4px;
    width: 100%;
	position: fixed;
	height: 22px;
	top: 0;
	left: 0;
	z-index: 9;
	//position: absolute;
	top: expression(
		document.getElementsByTagName( 'body' )[0].scrollTop + "px"
	);
}
/*
div.loginfix {
	background: #000000; 
	padding-left: 4px;
    width: 29%;
	height: 20px;
	position: fixed;
	top: 0;
	left: 70%;
	//position: absolute;
	top: expression(
		document.getElementsByTagName( 'body' )[0].scrollTop + "px"
	);
}

#e-mail {
	padding: 30px 0 65px 4px;
}

*/



/* ÁËÎÃ */
.post-page-navigator {
	top: 7%; 
	left: 4%; 
	position:absolute; 
	text-align:center;	
}
.post-page-navigator h1{
	padding: 0;
	margin: 0;	
}
.post-page-navigator hr {color:#ccc; margin-top: -0.1em; //margin-top: -1.5em}
.post-page-navigator .prev, .post-page-navigator .next 
{
	font-size: 180%;
	padding: 2px;
}
.post-page-navigator .num
{
	font-size: 200%;

}



.post-item {padding-bottom: 2em}
.post-item h1 {color:#ffffff; font-size: 140%}
.post-item h2 {color:#cccccc; font-size: 120%}
.post-item h3 {color:#FFFFCC; font-size: 110%}
.post-item hr {color:#ccc; margin-top: -1em; //margin-top: -1.5em}
.post-item .date-time {text-align: right; font-size: 80%; margin-top: -0.5em; //margin-top: -2.2em}
.post-item .post {margin: 0.3em 0em 0.3em 0em;}

.post-item ul 
{
	margin-left: -30px;
	list-style: none;	
}
.post-item li.detail {
	background : url('./i/li.gif') no-repeat center left;
	display: inline;
	padding-left: 18px;
	padding-right: 8px;
}

/*
table.blog td {	padding: 0;
}
table.blog h1 {color:#ffffff; font-size: 130%}
table.blog h2 {color:#cccccc; font-size: 120%}
table.blog h3 {color:#FFFFCC; font-size: 110%}
table.blog hr {
	color: #999999;
	margin-top: -1em;
	//margin-top: -1.5em;
}
table.blog hr.comment {
	width: 5%;
	color: #999;
	margin-top: -1em;
	//margin-top: -1.5em;
}



*/

.input {
	border: #FFFFFF 1px;
}
.input-comment {
	width: 50%; 
	color:: #5f7883;
}
.textarea-comment {
	width: 80%;
	line-height: 145%; 
	height: 200px;
}

.input{ 
	border: 1px solid #666;
	background: url('./i/bg_button.gif') repeat;
}
.button-search {
	border: 1px solid #666;
	background: url('./i/bg_button.gif') repeat;
}

.button{ 
	text-align: center;
	border: 1px solid #666;
	background: url('./i/bg_button.gif') repeat;
}

/* Êàðòèíêè */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }


/*
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA);  display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
*/