/*
Theme Name: Pension matej
Theme URI: http://wordpress.org/
Description: The pensionmatej.cz theme.
Version: 1.0
Author: CIWire s.r.o.
Author URI: http://ciwire.com/
*/
/* basics */

html, body {padding: 0; margin: 0;}
body {background: #fff url(images/screen/body-bg.png) top repeat-x; color:#666;  font-family: Arial, sans-serif;}

div#wrapper {font-size:80%; background: url(images/screen/body-logo.jpg) top center no-repeat;}
div#page {margin: 0 auto; position: relative; width:950px;}

h1, h2, h3, h4, h5, h6 {color:#72334B; margin:0.8em 0 0.2em 0; font-family: Georgia, 'New York CE', utopia, serif; font-style:italic; font-weight:normal;}
h1 {font-size: 190%;}
h2 {font-size: 160%; margin-top:1.5em;}
h3 {font-size: 140%; margin-top:1em;}
h4 {font-size:130%;}
h5 {font-size:100%;}
h6 {font-size:90%;}

p {line-height: 130%; margin: 0.8em 0 1.2em 0;}

a {color: #F2A35E;}
a:visited {color: #DF782D;}
a:hover {color:#72334B;}

sub, sup {vertical-align: baseline; position: relative;}
sub {top: 0.4em;}
sup {bottom: 0.4em;}

abbr, acronym {cursor: help;}
address {font-style: normal;}

table {border: 0; margin:1em 0; border-collapse:collapse;}
table th {padding: 5px 10px; background: #823F52 url(images/screen/th-purple.png) left top repeat-x; color:#fff; text-align:left; border:1px solid #fff;}
table td {padding: 5px 10px; background: #EEEEE8; text-align:left; border:1px solid #fff;}

li {margin: 0.4em 0; line-height: 130%;}
a img {border:0;}

em, i {font-style:italic;}

strong, b {font-weight: bold;}

.invisible {display: none;}
.cleaner {display:block; clear: both;  font-size:1px;  height:1px; }

/* top */

div#top {height:110px;}                   
div#top h1 {margin:0; position:absolute; top:0; left:8px; width:216px; height:100px; overflow:hidden;}
div#top h1 a {text-decoration:none;}
div#top h1 a span {display:block; position:absolute; top:0; left:0; width:216px; height:100px; cursor:pointer; background:url(images/screen/logo.png) top left no-repeat;}

div#language {position:absolute; top:40px; right:30px; width:200px; height:28px; padding-top:7px; font-size:85%; color:#AC7688;}
div#language a {display:block; width:26px; height:27px; position:absolute; top:0; text-decoration:none; overflow:hidden;}
div#language a span {display:block; width:26px; height:27px; position:absolute; top:0; left:0; cursor:pointer;}

a#lang-cz {left:144px;}
a#lang-cz span {background:url(images/screen/lang-cz.png) top left no-repeat;}
a#lang-en {left:173px;}
a#lang-en span {background:url(images/screen/lang-en.png) top left no-repeat;}
a#lang-de {left:115px;}
a#lang-de span {background:url(images/screen/lang-de.png) top left no-repeat;}

div#language a.on span {background-position:0 -28px; cursor:default;}

/* col */

div#column {width:230px; float:left; position:relative;}

ul#menu {margin:0; padding:5px 15px; height:290px; background:#411D2C; border:1px solid #3A1827; border-width:1px 0 0 1px;}
ul#menu li {margin:0; padding:0; list-style:none;}
ul#menu li a {display:block; height:17px; border-bottom:1px solid #643442; padding:5px 0 6px 20px; background:url(images/screen/menu-bullet.png) 9px center no-repeat; font-family: Georgia, 'New York CE', utopia, serif; font-size:110%; font-style:italic; text-decoration:none;}
ul#menu li a:visited {color: #F2A35E;}
ul#menu li a:hover {color:#fff; background:url(images/screen/menu-hover.png) left top no-repeat; position:relative; z-index:1;}
ul#menu li.current_page_item a {color:#fff}

span#menu-bottom {display:block; width:230px; height:12px; background:url(images/screen/menu-bottom.png) left top no-repeat; position:absolute; top:289px; left:0;}

div#notice {position:absolute; top:310px; left:0; width:205px; height:60px; padding:20px 0 0 25px; background:#EE9757 url(images/screen/notice-bg.png) left top no-repeat;}
div#notice a {color:#823E50; text-decoration:none; font-family: Georgia, 'New York CE', utopia, serif; font-style:italic;}
div#notice a strong {display:block; font-size:170%; color:#fff; font-weight:normal;}

div#twitter {position:absolute; top:390px; left:0; width:230px; background:url(images/screen/twitter.png) 173px 20px no-repeat;}
div#twitter-top {padding:20px 0 0 25px; height:52px; background:url(images/screen/col-divider.png) left bottom repeat-x; font-family: Georgia, 'New York CE', utopia, serif; font-style:italic;}
div#twitter-top h3 {margin:0; text-transform:uppercase; font-family: Georgia, 'New York CE', utopia, serif; font-style:italic; font-size:120%; font-weight:normal;}

div.widget_twitter {font-size:85%;}
div.widget_twitter ul {margin:0; padding:0;}
div.widget_twitter ul li {list-style:none; margin:20px 25px; padding:0;}
div.widget_twitter span.entry-meta {display:block; color:#969A9E;}
div.widget_twitter span.entry-meta a {color:#969A9E; text-decoration:none;}

#twitter-1 h2 {display:none}

/* content */

div#content {width:720px; float:left; margin-top:-10px;}

div#main-image {padding-top:11px; padding-left:10px; margin-bottom:-20px; position:relative;}
div.main-image-home {height:523px; background:url(images/screen/main-image-home-bg.png) top left no-repeat;}
div.main-image-subpage {height:350px; background:url(images/screen/main-image-subpage-bg.png) top left no-repeat;}
div#main-image p {margin:0; width:630px; color:#fff; font-size:380%; text-align:right; position:absolute; right:60px; bottom:65px;}

div#content-text {padding:0 30px 0 20px;}

h1#subpage-heading {color:#fff; margin:8px 0 30px 0; padding-bottom:20px;}

span.content-divider {display:block; margin:0.5em 0 0.7em 0; height:26px; background:url(images/screen/content-divider.gif) center center no-repeat;}
span.larger-spacing {margin:1.5em 0 1.7em 0;}

img.photo-right {float:right; margin:5px 0 10px 30px; border:1px solid #D9D2C1;}
img.photo-left {float:left; margin:5px 30px 10px 0; border:1px solid #D9D2C1;}
img.photo-gallery {float:left; margin:0 5px 5px 0; border:1px solid #D9D2C1;}
a:hover img.photo-right, a:hover img.photo-left, a:hover img.photo-gallery {border-color:#8B8476;}
img.photo-right {margin-right:0;}
img.photo-noborder {border:0;}
div.photo-gallery {margin:1.5em 0;}

div#content ul {margin:1.2em 0 3em 0; padding:0;}
div#content ul li {list-style:none; padding: 0 0 0 10px; background:url(images/screen/bullet1.gif) left 6px no-repeat;}
div#content ul ul {margin:0; padding:0;}
div#content ul ul li {margin-left:1em;}

div.graybox {margin:1.5em 0; padding:0.5em 1em; background:#F7F7F5; border:1px dashed #E0DDD2;}
div#content div.graybox ul {margin:1em 0;}
div#content div.graybox ul li {background-image:url(images/screen/bullet2.gif);}

div#content table {width:100%;}

div#content form {margin:2em 0;}
div#content form div {margin:5px 0;}
div#content form label {display:block; width:104px; float:left; font-weight:bold;}
div#content form input {font-family: Arial, sans-serif; font-size:100%;}
div#content form div.form-input input {width:240px; height:21px; padding:5px 5px 0 5px; border:0; background:#EEEEE8 url(images/screen/form-input.png) top left no-repeat;}
div#content form textarea {font-family: Arial, sans-serif; font-size:100%; width:452px; height:110px; padding:5px; border:0; background:#EEEEE8 url(images/screen/form-textarea.png) top left no-repeat;}
div#content div.form-submit {text-align:right; width:566px;}
div#content div.form-submit input {cursor:pointer; width:71px; height:26px; border:0; background:#F4A557 url(images/screen/form-submit.png) bottom left no-repeat; color:#fff; font-size:90%; text-transform:uppercase; font-weight:bold;}

/* footer */

div#footer {clear:left; border-top:1px solid #E5E2D8; padding:16px 20px 30px 20px; font-size:85%;}
span.foot-divider {padding:0 7px 0 10px;}
div#footer p {float:right; margin:0;}

.size-thumbnail {padding:3px; background:#fff;border:1px solid #D8CFC8;}

.addthis_container {float:right}