/*
Theme Name: Centrum 8D
Theme URI: http://www.centrum8d.cz/
Description: Exclusive theme for the Centrum 8D website.
Version: 1.0
Author: Pavel Hamřík
Author URI: http://www.hmd.cz/
Tags: red, beige, fixed width, three columns
*/

/* STRUCTURE AND MAIN FIXED ELEMENTS */

html, body {padding:0; margin:0;}
body {text-align:center; background:#f9f6ea; font:0.75em Verdana, Arial, Helvetica, sans-serif; line-height:1.5em; color:#000;}

.panel {margin:0 auto; padding:0; width:960px; text-align:left; position:relative;}
.cleaner {clear:both;}

#header {background:#b0091d url(layout/header.gif) repeat-x top; height:235px; overflow:hidden;}
#main {padding:20px 0;}
#footer {background:#282828 url(layout/footer.gif) repeat-x top;}
#footer .panel {height:297px;}

#logo {display:block; width:320px; height:88px; background:url(layout/centrum8d.gif) 0 0 no-repeat; position:absolute; left:0px; top:16px;}
#logo:hover, #logo:focus {background-position:0 -88px;}

#searchform-container {position:absolute; top:0px; right:10px; width:220px; height:38px; background:url(layout/search-flap.gif) no-repeat;}
#s {font-style:italic; display:block; width:145px; height:27px; background:url(layout/search-text.gif) no-repeat; border:none; position:absolute; top:3px; left:7px; padding:9px 5px 0 23px; color:#888;}
#searchsubmit {display:block; text-align:center; width:54px; height:21px; background:url(layout/search-submit.gif) no-repeat; border:none; color:#fff; font:12px Georgia, "Times New Roman", Times, serif; position:absolute; top:9px; left:155px;}
#searchsubmit:hover, #searchsubmit:focus {background-position:0 -21px; cursor:pointer;}

#menu {height:120px; margin:0 auto 0; width:960px; padding:101px 0 0;}
#menu a {display:block; width:240px; height:120px; background:url(layout/bt-vzdelavani.gif) no-repeat; float:left;}
#menu span {display:none;}
#menu a.tvorivost {background-image:url(layout/bt-tvorivost.gif);}
#menu a.sport {background-image:url(layout/bt-sport.gif);}
#menu a.integrace {background-image:url(layout/bt-integrace.gif);}

#submenu {color:#e00b1b; font-size:1.2em; position:absolute; right:20px; top:58px;}
#submenu a {color:#fff; text-decoration:none;}
#submenu a:hover, #submenu a:focus {color:#ffb300; text-decoration:underline;}

#access {color:#e00b1b; width:300px; text-align:right; position:absolute; top:10px; right:236px; font-size:0.9em;}
#access a {color:#fff; text-decoration:none;}
#access a:hover, #access a:focus {color:#ffb300; text-decoration:underline;}

#access #english {padding-left:22px; position:relative;}
#access #english img {position:absolute; top:-4px; left:-1px; width:22px; height:22px; border:none;}

#col-left {width:540px; float:left; margin:0 0 0 5px;}
*>#col-left {margin:0 0 0 10px;}
#col-middle {width:220px; float:right; background:url(layout/submain-column.gif) center 80px no-repeat; min-height:320px; margin-right:20px;}
#col-right {width:140px; float:right; margin-right:5px;}
*>#col-right {margin-right:10px;}

#col-middle .container {clear:both; padding:20px 5px 5px;}

#bt-forum, #bt-kalendar, #bt-galerie {display:block; width:60px; height:60px; background:url(layout/bt-forum.gif) 0 0 no-repeat; float:left; margin:0 20px 0 0;}
#bt-kalendar {background-image:url(layout/bt-kalendar.gif);}
#bt-galerie {background-image:url(layout/bt-galerie.gif); margin:0;}
#bt-forum:hover, #bt-kalendar:hover, #bt-galerie:hover, #bt-forum:focus, #bt-kalendar:focus, #bt-galerie:focus {background-position:0 -60px;}

#col-middle h2 {font-size:1em; font-weight:bold; padding:3px 5px 4px; margin:0; border-bottom:1px dotted #d1c09d;}
#col-middle h2 a {color:#b0091d; text-decoration:none;}
#col-middle h2 a:hover, #col-middle h2 a:focus {text-decoration:underline;}
#col-middle p {padding:0 5px 3px;}
#col-middle ul {padding:0; margin:0; list-style:none; font-size:0.9em;}
#col-middle ul li {padding:3px 5px 4px; margin:0; border-bottom:1px dotted #d1c09d; color:#a17c46;}
#col-middle ul li.last {margin:0 0 20px;}
#col-middle ul li a {text-decoration:none;}
#col-middle ul li a:hover, #col-middle ul li a:focus {text-decoration:underline;}

#footer ul {padding:0; margin:0; list-style:none;}
#footer ul li {padding:3px 5px 4px; margin:0; border-bottom:1px dotted #d1c09d; color:#cfae7e;}
#footer ul li a {text-decoration:none;}
#footer a {color:#fff; text-decoration:none;}
#footer h1.iconized a {color:#cfae7e;}
#footer a:hover, #footer a:focus, #footer h1.iconized a:hover, #footer h1.iconized a:focus {color:#ffb300; text-decoration:underline;}

#footer-buttons {position:absolute; right:170px; top:-13px;}
#footer-buttons .row {margin:0 0 10px; height:60px; width:220px;}
#footer-buttons .row div {padding:7px 0 0; float:left; width:140px; font-size:0.9em; line-height:1.4em; text-align:right;}

#bt-forum-footer, #bt-kalendar-footer, #bt-galerie-footer, #bt-top {display:block; width:60px; height:60px; background:url(layout/bt-forum-footer.gif) 0 0 no-repeat; margin:0; float:right;}
#bt-kalendar-footer {background-image:url(layout/bt-kalendar-footer.gif);}
#bt-galerie-footer {background-image:url(layout/bt-galerie-footer.gif); margin:0;}
#bt-top {background-image:url(layout/bt-top.gif);}
#bt-forum-footer:hover, #bt-kalendar-footer:hover, #bt-galerie-footer:hover, #bt-top:hover, #bt-forum-footer:focus, #bt-kalendar-footer:focus, #bt-galerie-footer:focus, #bt-top:focus {background-position:0 -60px;}

#repeated-menu {width:700px; border-bottom:1px solid #e00b1b; position:absolute; top:21px; left:10px; padding:0 0 5px;}
#repeated-menu a {color:#000;}
#repeated-menu .left {float:left;}
#repeated-menu .right {float:right;}

#short-contact {width:220px; position:absolute; top:49px; left:10px; line-height:1.3em;}
#short-contact .beige {font-size:0.9em;}
#short-contact ul {list-style:none; padding:0; margin:0; color:#000;}
#short-contact ul li {font-size:0.9em; padding:0; margin:0 0 0 20px; border:0; color:#000;}
#short-contact ul li.indent {margin:0 0 0 40px;}
#short-contact p {padding:6px 0 0; margin:0;}

#bottom-line {color:#fff; position:absolute; bottom:12px; left:10px; width:940px;}
#bottom-line #design-by, #bottom-line #rss, #bottom-line #sitemap {float:left; background:url(layout/ico-brush.gif) 0 50% no-repeat; padding:5px 0 5px 26px;}
#bottom-line #rss {background-image:url(layout/ico-rss.gif); float:right; margin:0 20px 0 0;}
#bottom-line #sitemap {background-image:url(layout/ico-globe.gif); display:block; float:right;}
#bottom-line a {color:#ffb300; text-decoration:none;}
#bottom-line a:hover, #bottom-line a:focus {text-decoration:underline;}

.contact {background:url(layout/ico-envelope.gif) right center no-repeat; padding:2px 27px 1px 0;}

h1.iconized {font-size:1em; font-weight:bold; color:#b0091d; background:url(layout/ico-centrum8d.gif) no-repeat 4px 60%; clear:both; padding:7px 0 7px 36px; margin:3px 0 0; border-bottom:1px solid #d1c09d;}
h1#recent-comments {background-image:url(layout/ico-hand.gif);}
h1#bookmarks {background-image:url(layout/ico-hands.gif); background-position:5px 70%;}
h1#partners span {font-weight:normal;}
#partners-content img {width:200px; height:150px; border:1px solid #d1c09d;}
*>#partners-content img {width:auto; max-width:200px; height:auto; max-height:150px;}

#new-galleries {width:140px; position:absolute; top:50px; left:250px; overflow:hidden; white-space:nowrap;}
#new-galleries h1.iconized {background-image:url(layout/ico-picture.gif); color:#cfae7e; border-color:#e00b1b;}
#new-galleries ul li {border-color:#f7091a; font-size:0.9em;}

#events-list {width:140px; position:absolute; top:50px; left:410px; overflow:hidden; white-space:nowrap;}
#events-list h1.iconized {background-image:url(layout/ico-book.gif); color:#cfae7e; border-color:#e00b1b;}
#events-list ul li {border-color:#f7091a; font-size:0.9em;}

#archives h1 {background-image:url(layout/ico-archive.gif); color:#cfae7e; border-color:#e00b1b;}
#archives {width:140px; position:absolute; top:10px; right:10px;}
#archives ul li {border-color:#f7091a;}


/* COMMON CONTENT ELEMENTS, ID'S AND CLASSES */

p {padding:0; margin:0.5em 0 0.7em;}

a {color:#a17c46; text-decoration:underline;}
a:hover, a:focus {color:#b0091d; text-decoration:underline;}
a img {border:1px solid #cfae7e;}

ul {list-style:disc;}
ul ul {list-style:square;}
ul ul ul {list-style:none;}

.post strong {color:#e59100;}
.post em {color:#b0091d;}

table {padding:0; margin:0.5em 0 0.7em; width:540px; border-collapse:collapse;}
table td, table th {border:1px solid #d1c09d; padding:2px 5px;}
table th {border-bottom-color:#c2b18e; color:#b0091d; background:#f1e6d1;}
table tr.even td {background:#f6efe1;}

h1 {font-size:1.8em; font-weight:normal; color:#b0091d;}
h2 {font-size:1.5em; font-weight:normal; color:#b0091d;}
h3 {font-size:1em; font-weight:bold; color:#b0091d;}

.post {border-bottom:1px dotted #d1c09d; margin:0; clear:both;}
.post h1, .project h1 {font-size:1.5em; margin:0;}
.post h1 a, .project h1 a {text-decoration:none; color:#b0091d;}
.post h1 a:hover, .post h1 a:focus, .project h1 a:hover, .project h1 a:focus {text-decoration:underline; color:#b0091d;}

.project {background:url(layout/project-body.gif) repeat-y; width:166px; float:left; margin:20px 20px 0 0;}
.project-third, .project-fourth {margin-right:0;}
.project-second {margin-right:21px;}
.project .project-in {background:url(layout/project-top.gif) no-repeat left top;}
.project .project-in .project-in {background:url(layout/project-bottom.gif) no-repeat left bottom; height:150px; padding:10px; overflow:hidden; position:relative;}
*>.project .project-in .project-in {height:auto; max-height:150px;}
.project img {border:1px solid #a17c46; width:146px; height:110px; padding:0; margin:0;}
*>.project img {width:144px; height:108px;}

.project-home {background:url(layout/project-home-body.gif) repeat-y; width:120px;}
.project-home .project-in {background:url(layout/project-home-top.gif) no-repeat left top;}
.project-home .project-in .project-in {background:url(layout/project-home-bottom.gif) no-repeat left bottom; height:95px; padding:10px; overflow:hidden; position:relative; padding:7px;}
.project-home img {border:1px solid #a17c46; width:106px; height:81px; padding:0; margin:0;}
*>.project-home img {width:104px; height:79px;}

.project-small {margin-top:10px !important;}

.project p {margin:0; padding:0; text-align:center;}
.project p.description {margin:6px 0 0; line-height:0.6em; font-size:0.9em;}
.project-home p.description {white-space:nowrap; width:106px; overflow:hidden;line-height:0.8em; font-size:0.75em;}
.project a {text-decoration:none; color:#a17c46;}
.project a:hover, .project a:focus {text-decoration:underline; color:#b0091d;}
.home {margin-top:0; margin-bottom:5px;}
.flap {position:absolute; top:0px; left:0px; z-index:100; width:164px; height:120px; cursor:pointer;}

h2#comments {margin-bottom:1px; clear:both;}
h2#respond {margin-bottom:10px; clear:both;}
h1.list-title {margin-top:0.5em;}

textarea, #commentform input {-moz-border-radius:4px; background:#f8f3e7; border:1px solid #ddcdae; padding:2px;}
textarea:hover, textarea:focus, #commentform input:hover, #commentform input:focus {border:1px solid #b0091d;}
#commentform textarea {width:99%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em;}
#submit {background:#b0091d !important; border:1px solid #b0091d !important; color:#fff; font-weight:bold;}
#submit:hover, #submit:focus {background:#b0091d; border:1px solid #ffb300 !important; color:#ffb300;}
#commentform {margin:0.3em 0;}
#commentform label {font-size:0.9em;}

.metadata {font-size:0.9em; margin:0; padding:0;}
.metadata a {text-decoration:none;}
.metadata a:hover, .metadata a:focus {text-decoration:underline;}
#comments-rss {font-size:0.9em; border-bottom:1px solid #d1c09d; padding-bottom:10px;}
.more-link {font-size:0.9em; display:block; margin-top:6px; text-decoration:none;}

ol.commentlist {padding:0; margin:0; font-size:0.9em; line-height:1.4em;}
ol.commentlist li {padding:10px; margin:0; list-style:none; border-bottom:1px dotted #d1c09d;}
ol.commentlist a {text-decoration:none; color:#e59100;}
ol.commentlist a:hover, ol.commentlist a:focus {text-decoration:underline;}
ol.commentlist p {margin:0;}
ol.commentlist p.commenthead {color:#a17c46; font-size:1.1em; margin-bottom:5px;}

div.title {background:url(layout/heading-middle.gif) repeat-x;}
div.title div.title {display:block; background:url(layout/heading-left.gif) no-repeat left top;}
div.title div.title div.title {display:block; height:60px; background:url(layout/heading-right.gif) no-repeat right top; padding:9px 10px 0; overflow:hidden;}
*>div.title div.title div.title {height:51px;}
div.title h1 {margin:2px 0 4px; color:#fff; font-size:1.8em; position:relative;}
div.title h1 a {color:#fff; text-decoration:none;}
div.title h1 a:hover, div.title h1 a:focus {color:#ffb300;}
div.title .metadata {color:#d1c09d;}
div.title .metadata a {color:#ffb300; text-decoration:none;}
div.title .metadata a:hover, div.title .metadata a:focus {color:#ffb300; text-decoration:underline;}
div.title .goto {font-size:0.6em; font-weight:bold; color:#ffb300; position:absolute; right:0px; top:0px;}
div.title .goto:hover, div.title .goto:focus {text-decoration:underline;}

.tags {border-top:1px dotted #d1c09d; padding-top:6px;}


/* COLOR CLASSES */

.red {color:#b0091d !important;}
.orange {color:#e59100 !important;}
.bright-orange {color:#ffb300 !important;}
.green {color:#209c1c !important;}
.beige {color:#cfae7e !important;}


/* VARIOUS CLASSES */

.news-beige {background:url(layout/news-beige-body.gif) repeat-y; font-size:0.9em; line-height:1.35em; margin:0;}
.news-beige div {background:url(layout/news-beige-top.gif) no-repeat top;}
.news-beige div div {background:url(layout/news-beige-bottom.gif) no-repeat bottom; padding:6px;}

.news-red {background:url(layout/news-red-body.gif) repeat-y; font-size:0.9em; line-height:1.35em; margin:0;}
.news-red div {background:url(layout/news-red-top.gif) no-repeat top;}
.news-red div div {background:url(layout/news-red-bottom.gif) no-repeat bottom; padding:6px; color:#fff;}

.news-green {background:url(layout/news-green-body.gif) repeat-y; font-size:0.9em; line-height:1.35em; margin:0;}
.news-green div {background:url(layout/news-green-top.gif) no-repeat top;}
.news-green div div {background:url(layout/news-green-bottom.gif) no-repeat bottom; padding:6px; color:#fff;}

.news-blue {background:url(layout/news-blue-body.gif) repeat-y; font-size:0.9em; line-height:1.35em; margin:0;}
.news-blue div {background:url(layout/news-blue-top.gif) no-repeat top;}
.news-blue div div {background:url(layout/news-blue-bottom.gif) no-repeat bottom; padding:6px; color:#fff;}

.news-orange {background:url(layout/news-orange-body.gif) repeat-y; font-size:0.9em; line-height:1.35em; margin:0;}
.news-orange div {background:url(layout/news-orange-top.gif) no-repeat top;}
.news-orange div div {background:url(layout/news-orange-bottom.gif) no-repeat bottom; padding:6px; color:#fff;}

.news-beige h1, .news-red h1, .news-green h1, .news-blue h1, .news-orange h1 {font-size:1em; margin:0px; padding:0; font-weight:bold;}
.news-beige p, .news-red p, .news-green p, .news-blue p, .news-orange p {margin:0 0 6px; padding:0;}
.news-beige p.metadata, .news-red p.metadata, .news-green p.metadata, .news-blue p.metadata, .news-orange p.metadata {margin:0; color:#000;}
.news-beige p.metadata {color:#a17c46;}
.news-beige a, .news-red a, .news-green a, .news-blue a, .news-orange a {color:#ffb300; text-decoration:none;}
.news-beige a:hover, .news-red a:hover, .news-green a:hover, .news-blue a:hover, .news-orange a:hover, .news-beige a:focus, .news-red a:focus, .news-green a:focus, .news-blue a:focus, .news-orange a:focus {text-decoration:underline;}
.news-orange a {color:#fdd26c;}
.news-beige a {color:#b0091d;}
.news-beige img, .news-red img, .news-green img, .news-blue img, .news-orange img {width:126px; height:100px; border:1px solid #fff;}
*>.news-beige img, *>.news-red img, *>.news-green img, *>.news-blue img, *>.news-orange img {width:auto; max-width:126px; height:auto; max-height:100px;}

ol.structured {margin:0; padding-left:30px;}
ol.structured ol, ol.structured ul {margin:0; padding-left:30px;}
ol.structured li {list-style:upper-roman; font-weight:bold; margin-top:10px;}
ol.structured ol li {list-style:decimal; font-weight:normal; margin-top:0;}
ol.structured ol ol li {list-style:upper-latin;}
ol.structured ol ol ol li {list-style:lower-latin;}
ol.structured ol ul li {list-style:disc;}

.no-bottom-border {border-bottom:none !important;}
.no-margin {margin:0 !important;}
.margin-bottom {margin-bottom:20px !important;}
.padding-bottom {padding-bottom:20px !important;}
.padding-bottom-tiny {padding-bottom:5px !important;}
.spacer {height:10px; background:#f9f6ea;}
.js-link {cursor:pointer;}
.border-bottom {border-bottom:1px dotted #d1c09d;}
.border-top {border-top:1px dotted #d1c09d;}
.gallery-cats {border-bottom:1px dotted #d1c09d; font-size:0.9em; margin-top:20px; padding-bottom:5px;}
.list-nav {clear:both; padding-top:10px;}
.videogallery img {width:146px; height:110px;}
*>.videogallery img {width:144px; height:108px;}
.dotted-separator {padding:5px 0; border-bottom:1px dotted #d1c09d;}
.blogroll li {padding-left:16px !important;}

.float-left, .alignleft {float:left; margin:7px 7px 7px 0;}
.float-right, .alignright {float:right; margin:7px 0 7px 7px;}


/* UGLY HACKS AND FIXES :( */

@media all and (min-width:0px) {head~body:last-child #s {padding-top:4px;}} /* Opera 9.5 */
@media all and (min-width:0px) {#access #english img {left:-10px;}} /* Opera 9.5 */

*:first-child+html .news-beige img, *:first-child+html .news-red img, *:first-child+html .news-green img, *:first-child+html .news-blue img, *:first-child+html .news-orange img {max-width:125px;} /* IE 7 */

.project-home .project-in .project-in {_height:96px;} /* IE 6 */
.project {_margin-right:18px;} /* IE 6 */
.project-home {_margin-right:17px;} /* IE 6 */
.project-third, .project-fourth {_margin-right:0;} /* IE 6 */