@charset "windows-1250";
/* style.css*/
body {
text-align:center;
background-image:url('images/bg.png');
background-color: #f3e4de;
color: #3893f4;
}

h1 {
font-size:24px;
font-variant: small-caps;
font-weight: bold;
color: #FF77aa;
margin:15px;
text-align: left;
}

h2 {
font-size:20px;
font-variant: small-caps;
font-weight: bold;
color: #FF77aa;
margin:20px;
text-align: left;
}


hr {
color:#F6B9E1;
}


h3 {
font-size:15px;
font-weight:bold;
color: #ff4477;
margin-left: 10px;
text-align: left;
}

.desc {
background-image:url('images/pbg.jpg');
width:200px;
}

.area {
text-align:center;
margin: auto;
width: 800px;
background-image:url('images/bg.jpg');
background-color: #FDEFD5;
}

.mail {
font-size:14px;
text-align:center;
margin: auto;
width: 800px;
background-image:url('images/bg.jpg');
background-color: #FDEFD5;
font-weight:bold;
}

.head {
background-image:url('images/bg.jpg');
width:800px;
background-color: #FDEFD5;
margin: auto;
}

.menu{
text-align:center;
background-image:url('images/bg.jpg');
background-color:#FDEFD5;
width:800px;
height:100px;
margin:auto;
}

.smenu{
text-align:center;
width:800px;
height:49px;
margin:auto;
}

.pata {
text-align: center;
font-size: small;
color: #755;
}



.guestbook{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	float:center;
	font-size:12px;
	color:#404040;
  margin:auto;
  clear:both;
}


.postnew {
	text-align: center;
	background-image: url(img/comment.gif);
	position: absolute;
	border:1px dashed  #f5b9e2;
	padding:4px;
	width: 500px;
	height: 14px;
}
.postnew:hover {
	background-color:#f5b9e2;
	margin:auto;
	border:1px dashed #7BBBFE;
	padding:4px;
}
.postnew-box {
  margin:auto;
	position: relative;
	width: 510px;
	height:24px;
}
a:link, a:visited  {
	color: #d3a;
  font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #7BBBFE;
}
#container {
	padding:20px;
	width: 390px;
}
#ok {
	padding:10px;
	margin:auto;
	width: 490px;
	font-weight: bold;
	text-align: center;
	color: #00CC00;
	font-size: 12px;
}
#error {
  margin:auto;
	padding:10px;
	width: 490px;
	font-weight: bold;
	text-align: center;
	color: #990000;
	font-size: 12px;
}
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}
.textinput {
	width:200px;
	height:22px;
	background:url(img/input.gif) no-repeat left top;
	border:none;
	padding:4px 7px;
}
.textinput:focus {
	background-position:left bottom;
}
.textarea {
	width:400px;
	height:88px;
	background:url(img/textarea.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textarea:focus {
	background-position:left bottom;
}
.submit {
	width:81px;
	height:26px;
	color:#333333;
	font-weight:bold;
	padding:2px 5px;
	background:url(img/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.submit:focus {
	background-position:left bottom;
	color: #333333;
}
.comment {
	height: auto;
	margin:auto;
	width: 506px;
	position: relative;
	background-image: url(img/comment.gif);
	border: 2px dashed #f5b9e2;
}
.comment-name, .comment-time, .comment-web, .comment-text {
	border-bottom: 1px solid #f5b9e2;
	padding: 3px;
}
.comment-name {
	height: 15px;
	position: relative;
	width: 180px;
	font-weight: bold;
}
.comment-time {
	height: 15px;
	width: 126px;
	position: absolute;
	left: 186px;
	top: 0px;
	font-style: italic;
}
.comment-web {
	height: 15px;
	width: 181px;
	position: absolute;
	left: 319px;
	top: 0px;
	text-align: right;
	font-style: italic;
}
.comment-text {
	height: auto;
	width: 500px;
}