/*
   Lubomir Pokorny (lubomirpokorny@email.cz)
   CSS styles for Chanoha.cz
*/

@import url(http://fonts.googleapis.com/css?family=Indie+Flower);

/* General styles */
body,input,textarea,select {font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;}
body {font-size:14px;color:#000;text-align:center;background:#81b165 url(./images/body-bg.gif) no-repeat top center;}
h1 {clear:both;font-size:35px;font-weight:bold;font-family:"Indie Flower";}
h1.main {padding:10px 0 15px 10px;}
h2.main {font-family:"Indie Flower";}
h2 {font-size:30px;font-weight:bold;}
h3 {font-size:20px;font-weight:bold;}
strong {font-weight:bold;}
p {}
a {color:#065e12;text-decoration:none;}
a:hover {text-decoration:underline;}

/* Common styles */
.float-right {float:right;}
.float-left {float:left;}
.clear {clear:both;}
.center {text-align:center!important;}
.left {text-align:left!important;}
.right {text-align:right!important;}
.w100p {width:100%!important;}
.noitems {margin:20px 10px;font-weight:bold;font-size:15px;}
.backlink {padding:5px 10px;}

/* Main boxes */
#page {position:relative;width:990px;margin:0 auto;padding-bottom:25px;text-align:left;}
#homepage {background:url(./images/homepage-bg.gif) no-repeat center 202px;}
#mainbox {}
#content {padding-bottom:10px;}

/* Subpage */
#subpageimage1 {position:absolute;right:6px;top:134px;width:347px;height:101px;background:url(./images/subpage-image.gif) no-repeat;}

/* Header */
#page #header {position:relative;height:156px;}
#subpage #header {position:relative;height:235px;}
#header ul {margin:8px 15px 0 15px;text-align:center;}
#header li {float:left;width:136px;height:50px;}
#header .item1 {background:url(./images/cloud-1.gif) no-repeat center;}
#header .item2 {background:url(./images/cloud-2.gif) no-repeat center;}
#header .item3 {background:url(./images/cloud-3.gif) no-repeat center;}
#header .item4 {background:url(./images/cloud-4.gif) no-repeat center;}
#header .item5 {background:url(./images/cloud-5.gif) no-repeat center;}
#header .item6 {background:url(./images/cloud-6.gif) no-repeat center;}
#header .item7 {background:url(./images/cloud-7.gif) no-repeat center;}
#header .item8 {background:url(./images/cloud-8.gif) no-repeat center;}
#header .item9 {background:url(./images/cloud-9.gif) no-repeat center;}
#header a {display:block;padding:17px 0;color:#4d9ab6;font-weight:bold;font-size:17px;font-family:"Indie Flower","Comic Sans MS","Sand CE",fantasy;}
#header a:hover {color:#000;text-decoration:none;}
#header a.selected {color:#000;text-decoration:underline;}
#logotype {position:absolute;top:70px;left:89px;display:block;width:165px;height:75px;background:url(./images/logotype.gif) no-repeat;}
#logotype strong {display:none;}

/* Footer */
#footer {clear:both;padding-bottom:80px;font-size:12px;text-align:center;line-height:15px;color:#fff;background:url(./images/footer-bg.gif) no-repeat center 30px;}
#footerinner {position:relative;width:910px;margin:0 auto;padding:175px 0 50px 0;text-align:left;}
#footerinner .float-right {padding:15px 40px 0 0;text-align:right;}
#footer a {color:#fff;text-decoration:underline;}
#footer a:hover {text-decoration:none;}
#footer .logografik {position:absolute;right:60px;top:110px;}

/* Submenu */
.submenu {padding:10px 0;font-size:13px;}
.submenu li {float:left;padding:5px;}
.submenu a {display:block;padding:6px 20px 6px 20px;color:#000;font-weight:bold;font-size:11px;background:url(./images/submenu-item.gif) no-repeat left;}
.submenu .selected {text-decoration:underline;}

/* Navbar */
#navbar {padding:0 0 10px 25px;font-size:12px;background:url(./images/icon-home.gif) no-repeat 10px 1px;}
#navbar a {color:#000;text-decoration:underline;}
#navbar a, #navbar span {position:relative;top:1px;margin:0 3px;}
#navbar a:hover {color:#065e12;}
.bignavbar {font-size:14px!important;font-weight:bold!important;background-position:10px 3px!important;}
.bignavbar a, .bignavbar span {top:0!important;}

/* Homepage */
#animation {position:relative;width:990px;height:484px;}
#homeimage {position:absolute;top:0;left:0;}
#animation_1 {position:absolute;top:-30px;left:130px;}
#animation_2 {position:absolute;top:280px;left:630px;}
#animation_3 {position:absolute;top:-60px;left:400px;}
#animation_4 {position:absolute;top:214px;left:112px;}

#animation_1 img, #animation_2 img, #animation_3 img, #animation_4 img{mix-blend-mode: multiply;}

/* Categories */
.categories {margin:30px 0;padding:0 50px;}
.categories li {float:left;padding:0 5px 37px 15px;position:relative;top:-15px;}
.categories .category {width:870px;height:277px;background:url(./images/category-bg.png) no-repeat;}
.categories .imagebox {position:relative;top:90px;left:35px;}
.categories .float-right {width:650px;padding-top:93px;}
.categories h2 {padding-bottom:8px;font-size:18px;}
.categories .text {height:63px;font-size:12px;line-height:18px;}
.categories .editlinks {position:relative;top:-60px;padding:0 15px;font-size:12px;}

/* Albums */
.albums {margin:30px 0;padding:0 50px;}
.albums li {float:left;padding:0 5px 37px 15px;position:relative;top:-15px;}
.albums .album {width:420px;height:277px;background:url(./images/album-bg.png) no-repeat;}
.albums .imagebox {float:left;position:relative;top:55px;left:20px;}
.albums .imagebox td {width:190px;height:190px;text-align:center;vertical-align:middle;}
.albums .float-right {width:205px;padding:100px 0 0 0;}
.albums h2 {padding-right:55px;font-size:14px;}
.albums .date {line-height:27px;}
.albums .editlinks {padding:0 15px;font-size:12px;}

/* Images */
.images {margin:30px 0;padding:0 50px;}
.images li {float:left;padding:5px 9px 32px 9px;position:relative;top:-15px;}
.images .image {width:204px;height:277px;background:url(./images/image-bg.png) no-repeat;}
.images .imagebox {float:left;position:relative;top:60px;left:7px;}
.images .imagebox td {width:190px;height:180px;text-align:center;vertical-align:middle;}
.images .title {clear:both;position:relative;top:60px;text-align:center;font-size:11px;font-weight:bold;}
.images .editlinks {padding:5px 5px 5px 0;font-size:12px;text-align:center;}
.images .imageitem1 {position:relative;top:-25px;}
.images .imageitem2 {position:relative;top:-12px;}
.images .imageitem3 {position:relative;top:-13px;}
.images .imageitem4 {position:relative;top:-20px;}

/* Image */
#buttons {clear:both;padding:10px 300px 0 300px;text-align:center;}
#buttons a {display:block;text-decoration:none;color:#000;font-size:14px;font-weight:bold;}
#buttons a:hover {background-position:bottom;}
#buttons span {display:none;}
#buttons .up_arrow {height:36px;width:51px;position:relative;left:170px;background:url(./images/arrow-up.gif) no-repeat top;}
#buttons .prev_arrow {float:left;width:73px;height:48px;background:url(./images/arrow-left.gif) no-repeat top;}
#buttons .next_arrow {float:right;width:73px;height:48px;background:url(./images/arrow-right.gif) no-repeat top;}
#buttons .falsebutton1 {float:left;width:73px;height:48px;}
#buttons .falsebutton2 {float:right;width:73px;height:48px;}
#image {margin:15px 0;text-align:center;}
#image img {border:35px solid #fff;}
#image iframe {border:35px solid #fff;}
#imageinfo {margin:15px;text-align:center;}
#imageinfo .title {font-weight:bold;font-size:16px;}
#imageinfo .views {margin:8px 0;font-style:italic;font-size:12px;}
.imagetext {margin:30px;line-height:18px;text-align:justify;}
.imagetext p {margin:15px 0;}
.imageexif {margin:30px;line-height:18px;text-align:justify;font-style:italic;}
#purchasebuttons {padding:40px 0;text-align:center;}
#purchasebuttons a {display:inline-block;margin:0 3px;height:38px;width:300px;text-decoration:none;color:#777;font-size:14px;font-weight:bold;}
#purchasebuttons span {position:relative;top:11px;}
#socializebuttons {margin:50px;text-align:center;}
#socializebuttons a {margin:0 3px;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
#socializebuttons a:hover {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.orderform {margin:0 250px;}
.closeform {float:right;}

/* Articles */
.article {margin:37px 60px;position:relative;top:-15px;}
.articleinner {width:870px;height:277px;background:url(./images/category-bg.png) no-repeat;}
.article .noitems {position:relative;top:140px;left:50px;}
.article .imagebox {position:relative;top:85px;left:35px;}
.article .float-right {width:610px;position:relative;top:85px;left:-20px;}
.article h2 {padding-bottom:2px;line-height:20px;}
.article h2 a {font-size:19px;font-weight:bold;color:#000;text-decoration:none;}
.article .categorytitle {padding-bottom:3px;}
.article .introtext {height:100px;padding-right:15px;line-height:20px;text-align:justify;}
.article .date {float:right;padding:2px 10px 2px 20px;font-weight:bold;color:#000;background:url(./images/ico-date.gif) no-repeat 0 2px;}
.article .comments {margin-left:20px;padding-left:20px;background:url(./images/ico-comments.gif) no-repeat 0 1px;}
.article .views {margin-left:20px;padding-left:20px;background:url(./images/ico-views.gif) no-repeat 0 1px;}
.related_articles {padding:30px 0;}
.related_articles h2 {padding-bottom:10px;}
.related_articles p {margin:4px 0!important;}
.article_bottom {margin:30px 0;padding:15px 10px 10px 10px;background:#72a357 url(./images/article-bottom-bg.gif) no-repeat top;}

/* Comments */
#commentsbox {clear:both;margin:50px 0px 0 0;}
#commentsbox h2 {font-size:25px;padding-left:10px;}
#commentsbox .form {margin:10px 130px;}

/* Guestbook */
.message {position:relative;top:-15px;margin:20px 100px;background:url(./images/forum-top.png) no-repeat top;}
.messageinner {padding:55px 10px 30px 10px;background:url(./images/forum-bottom.gif) no-repeat bottom;}
.message .editlinks {padding:0;}
.message_header {padding:0 5px 10px 5px;font-weight:bold;border-bottom:1px solid #c1c2c1;}
.message_header a {color:#000;}
.message_header a:hover {color:#000;}
.message_text {padding:10px 5px 5px 5px;text-align:justify;line-height:19px;}
.message_form {margin:0 50px;}
.response_text {padding:10px 35px 5px 35px;text-align:justify;line-height:19px;}
.response_text strong {display:block;padding-bottom:5px;}

/* Pillars */
.pillar {padding-bottom:15px;background:url(./images/pillar-2.png) repeat-y;}
.pillar1 {padding-bottom:15px;background:url(./images/pillar.png) repeat-y;}
.grass1 {width:150px;height:111px;float:left;margin:-80px 0 0 -50px;background:url(./images/grass.png) no-repeat;}
.grass2 {width:150px;height:111px;float:right;margin:-80px -60px 0 0;background:url(./images/grass.png) no-repeat;}

/* Content */
.maindesc {padding:10px 20px 30px 12px;}

/* Text */
.textpadding {padding:10px;line-height:20px;}
.textpadding h2 {margin:10px 0 5px 0;font-size:18px;font-weight:bold;}
.textpadding h3 {margin:5px 0 5px 0;font-size:16px;font-weight:bold;}
.textpadding h4 {margin:10px 0 5px 0;font-size:13px;font-weight:bold;line-height:14px;}
.textpadding p {margin:0 0 15px 0;text-align:justify;}
.textpadding ul {margin:5px 20px;list-style:square;text-align:justify;}
.textpadding table td {padding:4px;}

/* Pagination */
.pagination {margin:30px 10px;padding:20px 20px 25px 20px;text-align:center;font-size:16px;}
.pagination a {padding:7px 10px;margin:2px;color:#fff;text-decoration:none;background:#24702f;}
.pagination a:hover {padding:7px 10px;background:#065e12;}
.pagination a.selected {padding:10px 8px;font-weight:bold;background:#054c0f;}
.pagination .inactive {padding:7px 10px;margin:1px;color:#81b165;background:#52904a;}
.paginationInfo {margin:30px 5px;padding:14px 5px 10px 5px;border-top:1px solid #72a357;}
.paginationInfo a.selected {font-weight:bold;}

/* Errors and warnings */
#systemMessage ol {padding-left:25px;}
.notice {margin:10px 9px 0 9px;padding:8px 15px;color:#666;line-height:150%;font-size:1.2em;background:#f9f9f9;border:1px solid #cecece;border-top:3px solid #a3a3a3;}
.notice span {color:#000;}
.warning {margin:15px 2px 5px 2px;padding:10px;color:#d8716e;line-height:150%;font-size:1.1em;background:#fdf5f5;border:1px solid #ecb2b1;border-top:3px solid;}
.warning a {color:#d8716e;font-weight:bold;}
.closeSystemMessage {float:right;position:relative;bottom:7px;}
.closeSystemMessage a {cursor:pointer;text-decoration:none;font-weight:bold;color:#d8716e;}
.closeSystemMessage a:hover {color:#000!important;}

/* Admin tools */
.editlinks {clear:both;padding:15px;text-align:right;line-height:19px;}
.editlinks2 {padding:0 0 15px 0;text-align:center;}
.editlink, .editlinks a {margin:0 3px;text-decoration:none;color:#88191f;font-weight:bold;}
.editlinks img {margin-left:10px;position:relative;top:2px;}
.editlink:hover, .editlinks a:hover {color:#000;}
#logoutbox {float:right;position:relative;top:43px;left:-15px;text-align:right;}
#logoutbox a {padding:3px 10px;color:#fff;background:#000;text-decoration:none;}
#logoutbox a:hover {color:#fff;background:#88191f;}

/* Tooltips */
#WzBoDy {padding:3px 7px!important;}
#WzBoDy div {padding-top:5px;}

/* Forms */
input, textarea, select {padding:5px;color:#000;font-size:13px;font-family:sans-serif;padding:5px;border:0;}
.form {clear:both;color:#000;padding:10px;font-size:0.85em;}
.form .submit, .submit {width:auto!important;margin:10px 0 0 0;padding:10px 20px;font-weight:bold;font-size:16px;color:#fff;background:#24702f;cursor:pointer;}
.submit:hover {background-color:#065e12;}
.form fieldset {padding:0 10px 10px 10px;}
.form legend {display:none;padding:2px 8px;font-weight:bold;border:1px solid #c2c15c;}
.form label {padding:6px 15px 6px 5px;cursor:pointer;}
.form select {padding:5px;}
.form option {padding-right:15px;}
.form table {margin-top:10px;}
.form table td {padding:5px 0;vertical-align:middle;}
.form_thumb {position:relative;top:4px;}
.form_icon {position:relative;top:4px;}
.info {margin:0;padding:5px 10px;color:#222;text-align:right;}
.form .info input {font-weight:bold;text-align:center;border:0;background:none;width:22px;}
.form h3 {padding-top:10px;}
.form .labelcell {width:140px;font-weight:bold;font-size:14px;}
.form .labelcell2 {width:200px;font-weight:bold;font-size:14px;}
.form .itemcell {width:220px;}
.form .widelabelcell {width:160px;}
.form .charsinput {padding:0px;text-align:right;}
.message_form {margin:0 100px;}