/*
	 *  @2010
	 * typo Screen CSS
	 *
	 *
	 */

/* content */

.news { margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #70baba }
.news h3,
.news h3 a { color: #70baba; font-size: 18px; }
.news .d a { color: #70baba; text-decoration: none; }
.news .d a cufon { position: relative; margin: 4px 0 0; }
.news .d a cufon span { position: absolute; left: 0; top: 0; width: 100%; height: 11px; background: url(../images/bg-line.png) repeat-x 0 500px; }
.news .d a cufon:hover span {  background-position: 0 7px; }
.news .d a cufon:visited span {}
.news .d .img-mod  { display: block; padding: 20px 0 0; }



.post { font-size: 11px; }
.post h3,
.post h3 a { color: #70baba; font-size: 18px; }
.post h5 { line-height: 1.4em; margin: 0 0 1em; color: #000; font-size: 11px; }
.post .d { line-height: 1.4em; padding: 10px 0 0; color: #4f4f4f; }
.post .zoom-img { display: block; margin: 10px 0 30px; }
.post .zoom-img img { width: 100%; }
.post .ngg-galleryoverview { padding: 20px 0; border-top: 1px solid #70baba; }
.post .ngg-galleryoverview .ngg-gallery-thumbnail-box { float: left; margin: 0 0 9px 9px; }
.post .ngg-galleryoverview .ngg-gallery-thumbnail-box:first-child { margin-left: 0; }
.post .ngg-galleryoverview .ngg-gallery-thumbnail-box img { display: block; border: 1px solid #70baba  }


.mod-subcat { width: 660px; margin: 0 0 30px; overflow: hidden }
.mod-subcat h3 { height: 30px; line-height: 30px; color: #70baba; background: url(../images/bg-mod-subcat-hd.png) no-repeat 0 0; font-size: 18px; }
.mod-subcat h3 span { float: left; padding: 8px 10px 6px; color: #70baba; background: url(../images/bg-stroke-child.png) no-repeat 100% 100%; }
.posts-list { padding: 0 0 4px; background: url(../images/bg-mod-subcats.png) no-repeat 0 100%; }
.posts-list ul { clear: both; padding: 7px 0 0 1px; background: url(../images/bg-posts-list.png) repeat-y 8px 0; }
.posts-list ul li { width: 120px; height: 120px; float: left; margin: 0 0 12px 10px; }
.posts-list ul li.i-rand { margin-left: 140px; }
.posts-list ul li a { position: relative; display: block; width: 120px; height: 120px;text-decoration: none;  }
.posts-list ul li a img { position: relative; z-index: 2 }
.posts-list ul li a .txt { position: absolute; left: 0; top: 0; width: 100%; height: 60%; padding: 40% 0 0; color: #fff; background: #81c5c8; font-size: 11px; text-align: center; z-index: 1 }
.posts-list ul li a .txt span { padding: 0 0 0 9px; background: url(../images/icon-dot.png) no-repeat 0 4px; font-style: normal; }
.posts-list ul li a:hover img { display: none; }
.posts-list ul li .post { display: none; }
.pagination { height: 27px; float: right; margin: -7px 1px 0; background: url(../images/bg-pagination.png) no-repeat 100% 0; font-size: 12px;  }
.pagination li { height: 27px; line-height: 27px; float: left; padding: 0 7px; color: #70baba; background: url(../images/icon-divider.png) no-repeat 0 8px; } 
.pagination li a { color: #cdcdcd; }
.pagination li.act a { color: #70baba; text-decoration: line-through }
.pagination li:first-child,
.pagination li.i-1,
.pagination li.i-prev,
.pagination li.i-next { background: none; }
.pagination li:first-child { width: 63px; padding: 0; background: url(../images/bg-pagination-child.png) no-repeat 0 100%; text-align: center }
.pagination li.i-prev a,
.pagination li.i-next a { display: block; width: 7px; height: 26px; text-indent: -100em; overflow: hidden; }
.pagination li.i-prev a { background: url(../images/icon-arrow-l.png) no-repeat 0 10px; }
.pagination li.i-next a { background: url(../images/icon-arrow-r.png) no-repeat 0 10px; }


.page { font-size: 11px; }

.page-contact h3 { line-height: 30px; margin: 0 0 30px; }
.page-contact h3,
.page-contact h3 a { color: #000; font-size: 28px; font-weight: bold; text-decoration: none;  }
.page-contact h3 a { border-bottom: 5px solid #000; font-size: 28px; font-weight: bold; }
.page-contact h3 a:hover { background: url(../images/bg-line-2.png) repeat-x 0 19px; }
.page-contact form { width: 378px; background: url(../images/bg-conact.png) no-repeat 0 7px; overflow: hidden }
.page-contact form p { margin: 0; }
.page-contact label { display: block; margin: 0 0 2px; color: #3f3f3f; }
.page-contact input[type=text] { width: 194px; height: 18px; margin: 2px 5px; border: 0; background: none; font-size: 11px; }
.page-contact textarea { width: 365px; height: 100px; margin: 5px 5px; padding: 3px; border: 0; background: none; font-size: 11px; resize: none }
.page-contact .msg { padding: 32px 0 0; }
.page-contact .btn-submit { width: 90px; height: 30px; float: right; color: #70baba; text-align: center; }
.page-contact .btn-submit input { display: block; margin: 0 auto; border: 0; color: #70baba; background: none; font-size: 14px; cursor: pointer; }
.page-contact .btn-submit:hover { color: #ce1c22; text-decoration: line-through }
.page-contact .btn-submit img { display: none }
.page-contact div.wpcf7-response-output { margin-top: 3em }


.page-about { line-height: 22px; }
.page-about .img-mod { display: block; margin: 0 0 45px; }
.page-about .head { height: 30px; float: left; margin: 0 0 .5em; color: #70baba; background: url(../images/bg-stroke1.png) no-repeat 0 0; font-size: 18px; }
.page-about h3 { padding: 6px 8px 8px 2px; color: #70baba; background: url(../images/bg-stroke-child1.png) no-repeat 100% 0; font-size: 18px; }
.page-about h4 { clear: both;  margin: 0 0 1em; color: #70baba; font-size: 20px; font-weight: bold; }
.page-about .btn-download { position: relative; height: 25px; line-height: 25px; float: right; color: #70baba; background: url(../images/bg-stroke2.png) no-repeat 0 0; text-align: center; text-decoration: none }
.page-about .btn-download span { height: 25px; line-height: 18px; float: right; padding: 7px 8px 0; color: #70baba; background: url(../images/bg-stroke-child2.png) no-repeat 100% 0; }
.page-about .btn-download span span { position: absolute; left: 5%; top: 0; width: 90%; height: 25px; padding: 0; background: url(../images/bg-line-1.png) repeat-x 0 50%; }
.page-about .btn-download:hover { color: #ce1c22; }
.page-about .btn-download:hover span span { background: url(../images/bg-line.png) repeat-x 0 50%; }

.page-resell { line-height: 24px;  }
.page-resell .d { clear: both; }
.page-resell .head { height: 30px; float: left; margin: 0 0 .5em; color: #70baba; background: url(../images/bg-stroke3.png) no-repeat 0 0; font-size: 18px; }
.page-resell h3 { padding: 6px 8px 8px 2px; color: #70baba; background: url(../images/bg-stroke-child3.png) no-repeat 100% 0; font-size: 18px; }
.page-resell span { color: #545454; }
.page-resell a { color: #70baba; }
.page-resell a span { color: #70baba; }
.page-resell a:visited { color: #ce1c22; }
.page-resell a:focus,
.page-resell a:hover { color: #ce1c22; text-decoration: line-through }