/*
Theme Name: CoMii
Theme URI: http://www.courtofmoravia.com
Version: 0.1a
Description: CoM Web Default Screen Stylesheet
Author: Pavel Hamřík
Author URI: http://www.hmd.cz
Tags: custom, fresh, fixed width, jquery
*/

/* Eric Meyer's Reset Reloaded | http://meyerweb.com/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
:focus {outline:0;}
body {line-height:1; color:black;	background:white;}
ol, ul {list-style:none;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}

/* Main Stylesheet */
body {background:#373737 url(i/background-tile.png); text-align:center; font:13px Verdana, Geneva, sans-serif; line-height:18px; color:#00413f;}

.pavement-green, .pavement-blue, .pavement-footer, .pavement-footer-advanced {min-height:1000px; width:100%; position:relative;}
.pavement-green {background:#afd33b url(i/pavement-green.png) repeat-x;}
.pavement-blue, .pavement-footer-advanced {background:#9fd9e9 url(i/pavement-blue.png) repeat-x;}
.pavement-footer {background:#a3dbea url(i/pavement-footer.png) repeat-x; height:96px; min-height:96px;}
.pavement-footer-advanced {min-height:0;}

.pavement-teeth-blue, .pavement-teeth-yellow, .pavement-teeth-grey {width:100%; height:14px; clear:both; position:relative; top:-14px; margin-bottom:-14px;}
.pavement-teeth-blue {background:url(i/pavement-teeth-blue.png) repeat-x bottom;}
.pavement-teeth-yellow {background:url(i/pavement-teeth-yellow.png) repeat-x bottom;}
.pavement-teeth-grey {background:url(i/pavement-teeth-grey.png) repeat-x bottom;}

#logotype {width:192px; height:105px; position:absolute; top:50px; left:45px;}
.single #logotype, .archive #logotype, .page #logotype {top:60px; left:20px;}
#logotype a {width:192px; height:105px; display:block; background:url(i/logotype.png) no-repeat;}
#logotype a span {display:none;}

#footer {color:#e1f7d4; padding-top:36px; text-align:left; width:960px; margin:0 auto;}
#footer a {color:#fff; font-weight:bold; text-decoration:none;}
#footer a:hover, #footer a:focus {color:#ffffb0; text-decoration:underline;}
#footer #copyright {float:left;}
#footer #sitemeta {float:right;}
#footer #rss {background:url(i/icon-rss.png) no-repeat 0 45%; padding-left:22px;}
#footer #sitemap {background:url(i/icon-sitemap.png) no-repeat 0 50%; padding:0 30px 0 31px; display:inline;}
#footer #sitemeta a {color:#e1f7d4; font-weight:normal;}
#footer #sitemeta a:hover, #footer #sitemeta a:focus {color:#ffffb0;}

#footer-advanced {width:960px; margin:0 auto; text-align:left; padding:30px 0 50px; position:relative;}
#footer-advanced-left {float:left; margin-right:40px; width:320px;}
#footer-advanced-middle {float:left; width:280px;}
#footer-advanced-right {float:right; width:280px;}
#footer-advanced-middle .monthly {float:left; width:160px;}
#footer-advanced-middle .yearly {float:left;}

.menu li {height:33px; position:relative;}
.menu li a {text-decoration:none; color:#fff; font:15px "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(i/menu-highlight.png) repeat-x 0 -2px; display:inline-block; padding:6px 12px; border-radius:16px; -webkit-border-radius:16px; -moz-border-radius:16px;}
.menu li a:hover, .menu li a:focus {background-position:0 0; background-color:#00605d; border-bottom:1px solid #3d9391;}
html>body .menu li a {background:none;} /* removing weird stripe in Opera */

.menu-round {width:512px; height:52px; position:absolute; top:80px; right:28px; background:url(i/menu-round.png) no-repeat; white-space:nowrap; padding-left:5px;}
.menu-round li {float:left; margin:10px 3px 0 5px;}
#en .menu-round {width:501px; padding-left:11px;}
#en .menu-round li {margin:10px 3px 0 3px;}

.menu-poly {width:523px; height:60px; position:absolute; top:108px; right:0; background:url(i/menu-polygon.png) no-repeat; white-space:nowrap;}
.menu-poly li {float:left; margin:14px -16px 0 12px;}
#en .menu-poly {width:516px; padding-left:7px;}
#en .menu-poly li {margin:14px -16px 0 10px;}

.menu-circle {width:218px; height:198px; padding-top:20px; position:absolute; top:515px; left:15px; background:url(i/menu-circle.png) no-repeat; text-align:center;}
.menu-circle li {display:block; margin-bottom:-4px;}
.menu-circle li a {display:inline-block;}

.language-switcher {text-align:center; position:absolute; top:0; right:50px;}
.language-switcher a {width:85px; height:29px; padding-top:6px; display:block; background:#00b1ac; font:15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; text-transform:lowercase; font-style:italic;}
.language-switcher a:hover, .language-switcher a:focus {background:#f52e69; color:#fff;}

.language-switcher-circle {top:80px; left:318px; right:auto;}
.language-switcher-circle a {width:74px; height:49px; padding-top:25px; border-radius:37px; -webkit-border-radius:37px; -moz-border-radius:37px;}

.language-switcher-poly {width:83px; height:40px; top:43px; right:25px;}
.language-switcher-poly a {width:83px; height:32px; background:url(i/shape-polygon.png) no-repeat 0 0; padding:8px 0 0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
.language-switcher-poly a:hover, .language-switcher-poly a:focus {background:url(i/shape-polygon.png) no-repeat 0 -40px;}

.narrow, .wide, .full {background:#fff; padding:20px; float:left; margin-right:40px;}
.narrow {width:240px; margin-bottom:40px;}
.wide {width:280px;}
.full {width:600px;}
.single .narrow {float:right; margin-right:0;}
.round, .boxwrap {border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.boxwrap {background:#fff; margin-bottom:40px; padding:20px; position:relative;}
.photos {width:280px; float:right; background:#fff;}
.wide img {max-width:280px;}
.wide .thumbnail img {max-width:none;}
.badge img {max-height:100px;}
.full .badge img {max-height:none;}
.comments {margin-top:40px;}

.screen {width:1000px; margin:0 auto; text-align:left; padding-bottom:60px; position:relative;}
.single .screen, .page .screen {width:960px; padding-top:210px;}
.archive .screen, .page .screen {padding-top:210px;}
.page-id-857 .screen, .page-id-859 .screen {width:1000px;}

#sidebar, .sidebar {width:280px; float:right;}
#sidebar h2, .sidebar h2, .sitemap h2 {margin-bottom:10px;}

.column-wide {float:left; margin-right:40px; width:320px;}
.column-wide-right {float:right; width:320px;}
.column-narrow {float:left; margin-left:40px; width:280px;}
.column-narrow-left {float:left; margin-right:40px; width:280px;}
.column-narrow-right {float:right; margin-left:40px; width:280px;}

h1, h2, h3 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h2 {color:#005f5d; font-size:20px; padding:2px 0 4px;}
h3 {color:#005f5d; font-size:16px; padding:2px 0 4px; font-weight:bold;}
.content h3 {margin-top:30px;}
a {color:#f42d68; text-decoration:underline;}
a:hover, a:focus {color:#00b1ac;}
strong {font-weight:bold;}
em {font-style:italic;}
p {padding:7px 0;}

.title {font-size:42px; color:#fff; margin-left:20px; position:absolute; top:40px; left:300px;}
.single .main .title {/*display:none;*/ padding-top:0;}
.inside-title {padding-top:0 !important;}
h1.first, h2.first, h3.first {margin-top:0;}
h1 a, h2 a, h3 a {text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover {text-decoration:underline;}
.badge-link {text-decoration:none;}

.news h2 a {color:#005f5d;}
.news h2 a:hover, .news h2 a:focus {color:#00b1ac;}

.single .main h2 {padding:15px 0 0;}
.single #sidebar h2 {padding:0; margin-bottom:0;}

.content ul {padding:7px 0 7px 16px;}
.content ul li {list-style:disc;}
.content ol {padding:7px 0 7px 22px;}
.content ol li {list-style:decimal;}

table {width:100%; border-collapse:collapse; margin:7px 0;}
tr.odd {background:#eaf9f8;}
th {font-weight:bold; border-bottom:1px solid #00b1ac; border-top:1px solid #00b1ac; color:#005f5d; padding:5px;}
td {border-bottom:1px solid #7fd7d5; padding:5px;}

.submit, .text, .textarea {width:155px; height:20px; padding:2px 5px; font:13px Verdana, Geneva, sans-serif; background:#fff url(i/text-gradient.png) repeat-x; border:1px solid #00b1ac; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;}
.textarea {width:588px; height:100px;}
.submit:hover, .submit:focus, .text:hover, .text:focus, .textarea:hover, .textarea:focus {border-color:#f42d68;}
.submit {width:auto; height:30px; padding:0; background:#00605d url(i/button-gradient.png) repeat-x; font:15px "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic; color:#fff;}
select {height:27px !important;}
option {padding:2px 5px 1px;}

.comments .submit {width:180px; display:block;}
.comments h3 {margin-top:10px;}
.comment {padding:10px 10px 3px; margin:5px 0;}
.comments .even {background:#eaf9f8; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;}
.avatar {float:left; padding-right:7px;}
.commentmetadata {font-size:11px; line-height:12px;}
.commentmetadata a {text-decoration:none; color:#005f5d;}
.comment-author a {text-decoration:none;}
.commentmetadata a:hover, .comment-author a:hover {text-decoration:underline; color:#00b1ac;}
.comment-author {font-weight:bold;}
.says {display:none;}

#login {position:fixed; bottom:0; right:0;}
#login a {display:block; padding:20px; text-decoration:none; visibility:hidden; color:#f42d68;}
#login:hover a, #login:focus a {visibility:visible;}

#be-social {width:60px; height:26px; padding:3px 6px 6px; background:#f52e69; border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; position:absolute; top:0; right:149px;}
#be-social .facebook, #be-social .twitter {width:26px; height:26px; display:block; background:url(i/icon-fb.png) no-repeat; float:left;}
#be-social .twitter {background:url(i/icon-twitter.png) no-repeat; float:right;}
#be-social span {display:none;}

.news .postmeta {background:url(i/separator-short.png) no-repeat 0 65%; text-align:right; font-size:11px; color:#00b1ac; margin:-4px 0 25px;}
.news .postmeta .more {display:inline-block; background:url(i/button-go.png) no-repeat; width:30px; height:31px; margin:0 0 -13px 3px;}
.news .postmeta .more span {display:none;}
.news .item-last .postmeta {margin-bottom:0;}
#sidebar .news h2, .sidebar .news h2 {margin-bottom:2px;}

.knowledge form {height:26px; padding:2px 0;}
.newsletterTextInput {width:155px; height:20px; padding:2px 5px; float:left; background:#fff url(i/text-gradient.png) repeat-x; border:1px solid #00b1ac; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;}
.newsletterTextInput:hover, .newsletterTextInput:focus {border-color:#f42d68;}
.knowledge form .submit {width:69px; height:26px; padding:0; float:right;}
#sidebar .knowledge h2, .sidebar .knowledge h2 {margin-bottom:2px;}

.waypoint {position:relative; margin:10px 0; display:block;}
.waypoint .more {position:absolute; top:95px; right:-25px; display:block; width:84px; height:40px; background:url(i/button-more.png) no-repeat;}
#en .waypoint .more {background-image:url(i/button-more-en);}
.waypoint .order {position:absolute; top:135px; right:-27px; display:block; width:174px; height:50px; background:url(i/button-want.png) no-repeat;}
#en .waypoint .order {background-image:url(i/button-want-en.png); width:190px;}
.waypoint span {display:none;}
.single .waypoint {display:none;}

#sidebar .order {position:relative; right:-27px; margin-bottom:-10px; display:block; width:100%; height:50px; background:url(i/button-want.png) no-repeat right;}
#en #sidebar .order {background-image:url(i/button-want-en);}
#sidebar .order span {display:none;}

.simple-more {display:block; float:right; margin-right:-27px; margin-top:-20px; width:96px; height:50px; background:url(i/button-more_other.png) no-repeat;}
#en .simple-more {width:99px; background-image:url(i/button-more_other.png);}
.simple-more span {display:none;}

.gallery {width:280px; height:220px; background:#fff; float:left; margin:20px; position:relative;}
.gallery .content {width:280px; height:220px; padding:10px; display:table-cell; text-align:center; vertical-align:middle; color:#00413f; text-decoration:none;}
.gallery .content .description {display:none; width:240px; height:180px; padding:20px; background:#00b1ac url(i/button-go-shadow.png) no-repeat 232px 172px; position:absolute; top:0; left:0; text-align:left; color:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; overflow:hidden;}
.gallery .content:hover .description, .gallery .content:focus .description {display:block;}
.gallery .content:hover .zoom, .gallery .content:focus .zoom {display:none;}
.gallery img {max-width:260px; max-height:200px;}
.gallery .more {position:absolute; top:115px; right:-7px; display:block; width:148px; height:50px; background:url(i/button-more_games.png) no-repeat 100% 0;}
#en .gallery .more {background-image:url(i/button-more_games-en.png); width:150px;}
.gallery .more span {display:none;}
.gallery p {padding-top:0;}

.zoom {display:block; height:30px; width:30px; background:url(i/button-zoom-shadow.png) no-repeat; position:absolute; top:162px; left:222px;}
.photos .zoom {display:block; height:30px; width:30px; background:url(i/button-zoom-shadow.png) no-repeat; position:absolute; top:92px; left:232px;}
.gallery .zoom {background-image:url(i/button-zoom.png); top:174px; left:235px;}
.photographer {margin:0 10px; font-size:11px; display:block; text-align:right; line-height:1px; position:relative; top:13px; color:#005f5d; text-decoration:none;}
a.photographer:hover, a.photographer:focus {color:#f42d68; text-decoration:underline;}

.box {width:280px; height:220px; background:#fff; float:left; margin:20px; position:relative;}
.archive .box {margin:0 0 40px 0; height:auto;}

.box .postmeta {background:url(i/separator-long.png) no-repeat 0 65%; text-align:right; font-size:11px; color:#00b1ac; margin:-4px 0 0;}
.box .postmeta .more {display:inline-block; background:url(i/button-go.png) no-repeat; width:30px; height:31px; margin:0 0 -13px 3px;}
.box .postmeta .more span {display:none;}

.archive-list {width:680px; float:left;}
.archive-list div.odd {clear:left; margin-right:40px;}

.floating-bubble {width:230px; height:189px; padding:70px 0 0 28px; background:#fff; border-radius:129px; -webkit-border-radius:129px; -moz-border-radius:129px; position:absolute; top:169px; left:107px;}
.floating-bubble h3 {color:#005f5d; font-size:18px; margin:5px 0 12px; font-weight:normal;}
.floating-bubble p {margin:0 0 12px; padding:0;}

#home {padding-top:210px;}

h2.section {background:url(i/new_signs.png) no-repeat; width:300px; height:130px;}

#games {width:960px; padding:210px 0 70px;}
#games h2.section {position:absolute; top:100px; left:-10px;}
#en #games h2.section {background-position:-300px 0;}
#games h2.section span {display:none;}

#photogallery {width:960px; padding:210px 0 70px;}
#photogallery h2.section {background-position:0 -300px; position:absolute; top:90px; left:60px;}
#en #photogallery h2.section {background-position:-300px -300px;}
#photogallery h2.section span {display:none;}

#contact h2.section {background-position:0 -600px; position:absolute; top:107px; right:0; width:215px;}
#en #contact h2.section {background-position:-300px -600px; width:195px;}
#contact h2.section span {display:none;}
#contact .col-left, #contact .col-right {width:240px;}
#contact .floating {padding:240px 0 0 460px;}

#googlemap {display:block; width:201px; height:201px; position:absolute; top:370px; left:220px; z-index:10; text-indent:-1000000px; background:url(i/googlemap_icon.png) no-repeat;}
#googlemap:hover, #googlemap:focus {background-position:0 -201px;}

#about {padding:210px 0 70px;}
#about .column-narrow-right {margin-left:0;}
#about .language-switcher {top:43px; left:290px;}
#about h2.section {background-position:0 -150px; position:absolute; top:60px; left:-20px;}
#en #about h2.section {background-position:-300px -150px; position:absolute;}
#about h2.section span {display:none;}

#testimonials h2.section {background-position:0 -450px; position:absolute; top:77px; right:160px;}
#en #testimonials h2.section {background-position:-300px -450px; position:absolute; right:130px;}
#testimonials h2.section span {display:none;}
#testimonials h3 a {color:#005f5d;}
#testimonials .floating {padding:180px 320px 10px 40px;}
#testimonials .menu {left:auto; right:40px; top:300px;}
#testimonials .language-switcher {top:180px; right:20px; left:auto;}
#testimonials .more-link {display:block; text-align:right; margin-top:10px;}
#testimonials .round-thumb {margin-top:25px;}

#order {width:680px; margin:10px auto 0;}
#order .col-left {width:320px;}
#order .col-right {width:280px;}
#order .textarea, #order .text, #order .select {width:274px;}
#order label {display:block; color:#005f5d; font-size:14px; padding:0 0 2px; font-weight:bold;}
#order select.select {color:#fff; width:284px; font-size:14px; background:#00b1ac;}
#order select option {padding:2px 3px; background:#fff; color:#000;}
#order .submit {width:126px; height:40px; text-indent:-1000px; background:url(i/big_form-submit.png) no-repeat; border:none;}
#en #order .submit {background-image:url(i/big_form-submit-en.png);}
#order .submit:hover {cursor:pointer;}
#order .order-ok {background:#fff; padding:20px; margin-top:100px; color:#f42d68; font-size:14px; font-weight:bold;}
#order #order-web {display:none;}

.actual {background:#f42d68; color:#fff; display:block; font-size:15px; font-weight:bold; text-decoration:none; padding-top:15px; padding-bottom:15px;}
.actual li {border-bottom:1px dotted #fff; padding:5px 0;}
.actual li.last {border-bottom:none;}
.actual a {color:#fff; text-decoration:none;}
.actual a:hover, .actual a:focus {text-decoration:underline;}
.actual a span {font-weight:normal;}
.actual span.description {display:block;font-size:11px;}
/*.actual a:hover span, .actual a:focus span {display:inline;}*/
/*.actual:hover, .actual:focus {background:#00b1ac; color:#fff;}*/

.icq-status {position:relative; top:5px; margin-top:-4px;}
.skype-status {position:relative; top:4px; margin-top:-4px;}
.skype-status img {height:16px; width:16px;}

.round-thumb {width:100px; height:100px; display:block; float:left; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; margin:10px 10px 10px 0; clear:both;}
.round-thumb-even {float:right;}

.external {background:url(i/external.png) no-repeat 100% 20%; padding-right:13px;}

div.even {margin-right:0 !important;}

.required {font-weight:bold; color:#f42d68;}
.required-warning {color:#f42d68; display:block;}

.meta {font-size:11px; color:#f42d68; position:relative; top:-3px;}
.meta-notyelling {font-size:11px; position:relative; top:-3px;}

.col-left {float:left;}
.col-right {float:right;}
.cleaner {clear:both; height:1px; line-height:1px; font-size:1px; visibility:hidden;}
span.cleaner {display:block;}
.cleaner-left {clear:left;}
.cleaner-right {clear:right;}

.alignleft {float:left;}
.alignright {float:right;}
img.alignleft {margin:10px 10px 10px 0;}
img.alignright {margin:10px 0 10px 10px;}

body .content .dominant {margin:0 auto; display:block; width:240px; float:none;}

.transparent {background:none;}

.margin-top-big {margin-top:50px;}
.margin-bottom-big {margin-bottom:50px;}

.ta-center {text-align:center;}
.ta-left {text-align:left;}
.ta-right {text-align:right;}

/* Proprietary and temporary */

.postid-48 .order {display:none;}
.postid-3588 .order {display:none;}

#larpjakodarek {display:block; float:left; width:680px; margin:-10px 0 28px;}
#larpjakodarek img {position:relative; left:-32px;}
#larpjakodarek.generic img {top:5px;}
.sidebar {margin-top:-200px;}