@charset "utf-8";
@import "../styles/reset.css";
@import "../styles/fonts.css";

html{ height:100%; } 
body{ 
	height:100%;
	text-align: center;
	background-image: url(images/bg.jpg);
	background-repeat: repeat;
	background-position: center top;
	font-size: 0.8em; 
	
	background-color: #B19D7A;
} 

#wrapper {
	background-image: url(images/bg-wrapper.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	width: 800px;
	height:100%;
	min-height:100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}

body > #wrapper{ height:auto; }

h1 {
	background-image: url(images/areainfo-h1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	height: 70px;
	width: 630px;
	margin: 20px auto;
	text-align: left;
}
h1 a{
	display: block;
	width: 400px;
	height: 70px;
}


/* area-link */
#area-link {
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	text-align: left;
}

#area-link ul {
	margin: 0px ;
	padding: 0px;
	list-style-position: inside;
	list-style-type: none;
	overflow: hidden; 
}
*html #area-link ul { zoom:1; }

#area-link p {
	font-size: 108%;
	margin-bottom: 0.6em;
	color: #75804D;
}

#area-link ul li {
	float: left;
	font-size: 93%;
	line-height: 22px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 35px;
	margin-right: 2em;
}
#area-link ul li#flag-flance { background-image: url(images/flag-s_germany.gif); }

#area-link ul li#flag-germany { background-image: url(images/flag-s_germany.gif); }
#area-link ul li#flag-czech { background-image: url(images/flag-s_czech.gif); }
#area-link ul li#flag-slovakia { background-image: url(images/flag-s_slovakia.gif); }
#area-link ul li#flag-hungary { background-image: url(images/flag-s_hungary.gif); }
#area-link ul li#flag-serbia { background-image: url(images/flag-s_serbia.gif); }
#area-link ul li#flag-bulgaria { background-image: url(images/flag-s_bulgaria.gif); }
#area-link ul li#flag-turkey { background-image: url(images/flag-s_turkey.gif); }
#area-link ul li#flag-iran { background-image: url(images/flag-s_iran.gif); }
#area-link ul li#flag-turkmenistan { background-image: url(images/flag-s_turkmenistan.gif); }
#area-link ul li#flag-uzbekistan { background-image: url(images/flag-s_uzbekistan.gif); }
#area-link ul li#flag-kazakhstan { background-image: url(images/flag-s_kazakhstan.gif); }
#area-link ul li#flag-china { background-image: url(images/flag-s_china.gif); }

#area-link ul li a {
	font-weight: bold;
	color: #47698a;
}
#area-link ul li a:hover { text-decoration: none; }


/* information-field */
#information-field {
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCCCCC;
	text-align: left;
	background-image: url(images/bg-loupe.gif);
	background-repeat: no-repeat;
	background-position: 470px 10px;
	width: 630px;
}

#information-field form { padding: 20px; }

#information-field textarea {
	width: 540px;
	height: 8em;
	font-size: 93%;
	border: 1px solid #cacaa6;
	background-color: #f7f7ec;
	padding: 3px;
	margin-bottom: 10px;
}

#information-field .information-name {
	background-image: url(images/form-name.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	height: 14px;
	width: 65px;
	margin-bottom: 5px;
}

#information-field .information-title {
	background-image: url(images/form-title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	height: 14px;
	width: 65px;
	margin-bottom: 5px;
}

#information-field .information-text {
	background-image: url(images/form-text.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	height: 14px;
	width: 65px;
	margin-bottom: 5px;
}

#information-field input {
	margin-bottom: 10px;
	font-size: 93%;
	background-color: #f7f7ec;
	border: 1px solid #cacaa6;
	padding: 3px;
}

#information-field input.name-areainfo { width: 200px; }

#information-field input.title-areainfo { width: 360px; }



/* main */
.main {
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}

.main h2 {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 115px;
	width: 100px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	margin-bottom: 10px;
}
#germany h2 { background-image: url(images/flag-l_germany.gif); }
#czech h2 { background-image: url(images/flag-l_czech.gif); }
#slovakia h2 { background-image: url(images/flag-l_slovakia.gif); }
#hungary h2 { background-image: url(images/flag-l_hungary.gif); }
#serbia h2 { background-image: url(images/flag-l_serbia.gif); }
#bulgaria h2 { background-image: url(images/flag-l_bulgaria.gif); }
#turkey h2 { background-image: url(images/flag-l_turkey.gif); }
#iran h2 { background-image: url(images/flag-l_iran.gif); }
#turkmenistan h2 { background-image: url(images/flag-l_turkmenistan.gif); }
#uzbekistan h2 { background-image: url(images/flag-l_uzbekistan.gif); }
#kazakhstan h2 { background-image: url(images/flag-l_kazakhstan.gif); }
#china h2 { background-image: url(images/flag-l_china.gif); }


/* post */
.post {
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/entry-body.gif);
	background-repeat: repeat-y;
	background-position: center top;
	text-align: left;
	margin-bottom: 10px;
}

.post h3 {
	background-image: url(images/entry-head.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 630px;
	font-size: 138.5%;
	font-weight: bold;
	padding-top: 65px;
	padding-bottom: 10px;
}

.post h3 span {
	margin-left: 95px;
	margin-right: 60px;
	color: #6a7d07;
}

.post .text {
	padding-bottom: 15px;
	margin-right: 60px;
	margin-left: 40px;
	border-bottom: 1px dotted #C2C8B5;
	padding-top: 15px;
	border-top: 1px dotted #C2C8B5;
}

.post .text p {
	font-size: 93%;
	line-height: 140%;
	color: #6a6537;
}

.post .post-footer {
	background-image: url(images/entry-foot.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 630px;
	text-align: right;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.post .post-footer .name {
	font-size: 85%;
	font-weight: bold;
	margin-right: 1em;
	color: #6a6537;
}

.post .post-footer .date {
	font-size: 85%;
	margin-right: 60px;
	color: #cd241e;
	font-weight: bold;

}


/* link-page */
.link-page {
	width: 160px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	font-size: 93%;
	text-align:left;
}
.link-page { zoom:1; }

.link-page .pageNext { float: left; }
.link-page .pagePrev { float: right; }

.link-page span a {
	font-weight: bold;
	color: #47698a;
}
.link-page span a:hover { text-decoration: none; }


/* areainfo */
#areainfo .gotoTOP {
	text-align: center;
	margin-top: 20px;
}

#areainfo .gotoTOP a {
	text-indent: -9999px;
	display: block;
	height: 86px;
	width: 140px;
	background: url(images/back-top.gif) no-repeat 0px 0px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

.overview {
	font-size: 93%;
	line-height: 140%;
	color: #75804D;
	text-align: left;
	width: 630px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}

.city {
	font-size: 123.1%;
	font-weight: bold;
	color: #555555;
	margin: 0px 0px 10px 0px;
}