/*
Theme Name: Prolézačky 8D
Theme URI: http://www.prolezacky.cz/
Description: Don't get me started.
Version: 1.0
Author: Pavel Hamřík
Author URI: http://www.hmd.cz/
Tags: red, orange, white, animal, grid, simple, custom
*/

/* MAIN STYLES AND LAYOUT */

html, body {padding:0; margin:0;}
body {background:#f9f6ea url(layout/header-back.png) repeat-x; font:0.75em Verdana, Arial, Helvetica, sans-serif; text-align:center;}

#wrapper {height:100%; position:relative;}
*>#wrapper {height:auto; min-height:100%;}

#container {width:960px; margin:0 auto; padding-bottom:182px; text-align:left;}

#col-left {width:600px; float:left;}
#col-right {width:360px; float:right;}

#header {position:relative; height:178px;}

#footer {background:url(layout/footer-panel.png) repeat-x 0 100%; height:182px; width:100%; position:absolute; bottom:0; left:0; color:#fff;}
#footer .in {background:url(layout/footer-back.png) no-repeat 50% 100%; height:182px; width:100%;}
#footer .in-in {width:900px; margin:0 auto; text-align:left;}

#footer a {color:#ffb300; text-decoration:none;}
#footer a:hover, #footer a:focus {text-decoration:underline;}
#copyright, #meta {padding-top:140px; float:left;}
#meta {padding-top:140px; float:right;}
#copyright span {background:url(layout/ico-c.png) no-repeat 0 50%; display:block; padding:6px 0 10px 32px;}
#rss {background:url(layout/ico-rss.png) no-repeat 0 50%; display:block; padding:6px 0 10px 32px; float:right;}
#sitemap {background:url(layout/ico-sitemap.png) no-repeat 0 50%; display:block; padding:6px 0 10px 32px; float:right; margin-left:30px;}

#logotype {background:url(layout/prolezacky-8d.png) no-repeat 0 0; display:block; width:414px; height:95px; position:absolute; left:0px; top:14px;}
#logotype span {display:none;}

#menu {padding:0; margin:0; width:960px; position:absolute; top:138px; left:0;}
#menu li {float:left; padding:0; margin:0; list-style:none; margin:0 20px;}
#menu .float-right {float:right;}
#menu li a {color:#fff; font-size:1.25em; font-weight:bold; text-decoration:none;}
#menu li a:hover, #menu li a:focus {color:#f6a811;}

#square-menu {width:360px; height:358px; margin:0; padding:0; background:url(layout/square-menu.png) no-repeat 0 0;}
#square-menu li {list-style:none; float:left; padding:10px;}
#square-menu li a {display:block; width:156px; height:156px;}
#square-menu li a span {display:none;}

#fast-select {position:absolute; right:0; top:37px; background:url(layout/fast-select.png) no-repeat 0 0; width:332px; height:51px;}
#fast-select-scroll {background:#ac091c url(layout/fast-select-li.png) repeat-y; position:absolute; top:14px; left:100px; width:222px;}
#fast-select ul {background:url(layout/fast-select-ul.png) no-repeat 0 0; padding:0; margin:0; height:23px; overflow:hidden;}
#fast-select ul:hover {height:auto; max-height:400px; overflow:auto;}
#fast-select ul li {list-style:none; padding:0; margin:0; font-size:0.9em;}
#fast-select ul li a, #fast-select ul li em {list-style:none; color:#fff; display:block; padding:5px 7px; text-decoration:none;}
#fast-select ul li a:hover, #fast-select ul li a:focus {list-style:none; color:#f6a811; text-decoration:underline;}
#fast-select ul li.last {background:#f6a811; height:1px; overflow:hidden;}

/* Sliding doors */
.box-big {background:url(layout/box-big-body.png) repeat-y;}
.box-big .in {background:url(layout/box-big-top.png) no-repeat 0 0;}
.box-big .in-in {background:url(layout/box-big-bottom.png) no-repeat 0 100%; padding:30px 30px 27px;}

.box-middle {background:url(layout/box-middle-body.png) repeat-y;}
.box-middle .in {background:url(layout/box-middle-top.png) no-repeat 0 0;}
.box-middle .in-in {background:url(layout/box-middle-bottom.png) no-repeat 0 100%; padding:30px 30px 27px;}

.box-small {background:url(layout/box-small-body.png) repeat-y; width:300px; float:left;}
.box-small .in {background:url(layout/box-small-top.png) no-repeat 0 0;}
.box-small .in-in {background:url(layout/box-small-bottom.png) no-repeat 0 100%; padding:30px 30px 27px;}

/* Post list */
.post-header {border-bottom:1px solid #ccc; font-size:0.9em; padding-bottom:0.7em; color:#aaa;}
.post-header .tags {float:right;}
.post-header .categories a, .post-header .tags a {text-decoration:none; color:#b0091d;}
.post-header .categories a:hover, .post-header .categories a:focus, .post-header .tags a:hover, .post-header .tags a:focus {color:#ee0824; text-decoration:underline;}

.post-heading {margin-bottom:4px; font-size: 1.7eM}
.post-heading a {color:#000; text-decoration:none;}
.post-heading a:hover, .post-heading a:focus {color:#000; text-decoration:underline;}

.post-image img {border:1px solid #b0091d;}

.post-content {margin-top:4px;}

/* The Set - a catalogue letter */

#set-left-top, #set-right-top, #set-content, #set-photos, #set-left-bottom, #set-right-bottom {overflow:hidden;}
#set-left-bottom, #set-right-bottom, #set-left-top, #set-right-top {float:left; width:258px; height:258px; border:1px solid #b0091d; margin-bottom:10px;}

#set-wrapper a img {border:none;}

#set-heading {background:#b0091d; color:#fff; padding:5px 10px; margin-bottom:20px;}
#set-heading a {color:#fff;}
#set-heading a:hover, #set-heading a:focus {color:#f6a811;}
#set-heading h1 {font-size:2em; padding:0; line-height:0.9em;}
#set-heading .tags, #set-heading .categories {float:right; font-size:0.5em; display:block; margin-left:20px;}
#set-left-top {}
#set-content {text-align:justify; margin-bottom:10px;}
#set-photos a {display:block; float:left; width:118px; height:88px; border:1px solid #b0091d; margin:0 20px 20px 0; overflow:hidden;}
#set-photos a.fourth {margin:0 0 20px 0;}
#set-left-bottom {clear:left; margin-bottom:20px; height:194px;}
#set-right-bottom {float:right; margin-bottom:20px; height:194px;}

#set-right-top {float:right; border:none; width:260px; height:260px;margin-left:20px;}
*>#set-right-top {height:auto; min-height:260px;}
#set-right-top div {background:#f2f2f2; height:29px; margin-bottom:4px; width:128px; overflow:hidden; float:right; font-size:11px; line-height:12px; font-family:Arial, Helvetica, sans-serif;}
#set-right-top div.odd {float:left; clear:both;}
#set-right-top img {float:left; width:29px; height:29px;}
#set-right-top abbr {display:block; border:none; cursor:help; padding:2px 0 0 32px;}
#set-right-top abbr strong {color:#b0091d;}
#set-right-top div.cleaner {height:1px; background:none; width:260px; clear:both; float:none;}
#set-price div.left, div.right {color: white; margin-bottom: 10px; background-color: #F6A811; width: 250px; padding: 3px;  float: left; padding-right: 5px; padding-left: 5px; height: 1.3eM; text-align: left; font-weight: bold}
#set-price div.left {margin-right: 20px;}
#set-price div.right {}
#set-price div.end {clear:both;margin-bottom: 10px;}
#set-price span {float: right;}

#the-ratings {clear:both; padding:5px 10px 10px; background:#f2f2f2;}
#the-ratings strong {color:#f6a811;}
#the-ratings div.post-ratings img {position:relative; top:3px;}

/* The Catalogue*/

.box-big .catalogue-category {color:#fff; background:#f6a811; padding:5px 10px; margin:20px 0;}
.box-big .catalogue-entry {width:120px; float:left; margin:0 20px 20px 0;}
.box-big .fourth {margin:0 0 20px;}
.box-big .catalogue-entry img {width:118px; height:88px; border:1px solid #b0091d;}
.box-big .catalogue-entry h3 {font-size:0.9em; padding:3px 0; margin:4px 0 0; text-align:center; background:#f2f2f2; width:120px; overflow:hidden; white-space:nowrap;}
.box-big .catalogue-entry h3 a {text-decoration:none;}
.box-big .catalogue-entry h3 a:hover, .box-big .catalogue-entry h3 a:focus {text-decoration:underline;}

/* Sidebar panels */
h1.back-orange, h1.back-red {font-size:1em; font-weight:bold; background:#b0091d; padding:7px 10px; color:#fff;}
h1.back-orange {background:#f6a811;}

.news {border-bottom:1px solid #ccc; margin:10px 0; padding-bottom:10px;}
.news h2 {font-size:1em; font-weight:bold; padding:0;}
.news a {text-decoration:none;}
.news a:hover, .news a:focus {text-decoration:underline;}
.news p {padding:0; margin:0;}

#highest-rated {padding:0; margin:0;}
#highest-rated li {list-style:none; background:#f2f2f2; padding:7px 10px; margin:4px 0 0;}
#highest-rated li span {display:block; float:right; margin-top:-1px;}
#highest-rated a {text-decoration:none; font-weight:bold;}
#highest-rated a:hover, #highest-rated a:focus {text-decoration:underline;}

#kategorie a {text-decoration:none; font-weight:normal;}
#kategorie a:hover, #kategorie a:focus {text-decoration:underline;}
#kategorie span {padding-bottom: 5px; margin-right: 10px;}

#fresh {padding:0; margin:0;}
#fresh li {list-style:none; background:#f2f2f2 url(layout/arrow.png) no-repeat 120px 65%; width:148px; margin:4px 0 0; float:left;}
#fresh li.odd {clear:left; margin-right:4px;}
#fresh a {text-decoration:none; font-weight:bold; display:block; padding:7px 10px; white-space:nowrap; overflow:hidden; margin-right:27px; width:100px;}
#fresh a:hover, #fresh a:focus {text-decoration:underline;}


/* BASIC TYPOGRAPHY */

h1 {margin:0; padding:0; font-weight:normal; font-size:3em;}
h2 {margin:0; padding:0.3em 0 0.1em; font-weight:normal; font-size:2.4em;}
h3 {margin:0; padding:0.3em 0 0.1em; font-weight:normal; font-size:1.8em;}
.box-big h3 {font-size:1em; font-weight:bold; color:#b0091d;}
.box-big h2 {font-size:1.6em; font-weight:normal; color:#b0091d;}
.box-big h1 {font-size:2em; font-weight:normal; background:#b0091d; color:#fff; padding:3px 10px;}

a {color:#b0091d; text-decoration:underline;}
a:hover, a:focus {color:#ee0824; text-decoration:underline;}

p {line-height:1.35em; margin:0; padding:0.3em 0 0.7em;}


/* VARIOUS CLASSES */

.arrowed {background:url(layout/arrow.png) no-repeat 0 50%; padding:2px 0 5px 25px;}
.arrowed a {text-decoration:none;}
.arrowed a:hover, .arrowed a:focus {text-decoration:underline;}

.orange {color:#f6a811;}
.red {color:#b0091d;}

.cleaner {clear:both;}
.box-odd {clear:left;}

.margin-top {margin-top:15px;}
.margin-bottom {margin-bottom:15px;}

.box-big .ngg-singlepic {display:none;}
.box-small a img {border:1px solid #b0091d;}

.navigation {clear:both; padding:5px 10px 0; text-align: center}

.alignleft {clear:both; float:left; margin:5px 5px 5px 0;}
.alignright {clear:both; float:right; margin:5px 0 5px 5px;}

#calc select {width: 400px;}
#calc select.plot {width: 322px;}
#calc option {text-align: left;}
#calc option span {color: red;}

.p_form{margin-bottom:5px; xborder-bottom:solid #dddddd 1px;}
.form-mail-input {float:right; margin-right: 170px; margin-top: -5px; width: 180px;}
.form-mail-textarea {float:left; width: 363px; margin-right:3px;  height: 100px;}
.load{background-color: white; width: 187px;}

/* UGLY HACKS AND FIXES :( */

/* IE 7 */
*:first-child+html #set-photos {margin-bottom:20px;}
*:first-child+html .box-big #set-heading {position:relative; z-index:1000;}

 /* IE 6 */
* html #col-right {overflow:hidden;}
* html .box-big #set-heading {position:relative; z-index:1000;}
* html .box-big #set-heading h1 {position:relative; z-index:1001;}
* html .box-big #set-heading h1 .tags, * html .box-big #set-heading h1 .categories {position:relative; z-index:1002;}
* html .box-big #set-content {position:relative; z-index:1000; margin-top:-20px;}
* html .form-mail-input{margin-top: -27px;}