/* název webu: Galerie Knížecí dvůr (www.knizecidvur.cz)
   autor: Miroslav Kalous
   */
   
/* Concept:

   -) Global rules
   -) Layout
   -) Headings, logo, paragraphs, anchors
   -) Navigation
   -) Misc

          */   

/* ----- GLOBAL RULES ----- */

* {
   margin: 0;
   padding: 0;
   }

body {
   background: #ECEDED url(./images/bcg-body.png) 50% 0 no-repeat;
   font: 62.5% 'Trebuchet MS', Arial, sans-serif;
   text-align: center;
   }

a:link {
   color: #fff;
   text-decoration: underline;
   }


a:visited {
   color: #DDE5DD;
   }


a:hover, a:active {
   text-decoration: none;
   }

img {
   border: 1px solid #aabec0;
   margin: 10px 0;
   padding: 5px;   
   }

/* ----- LAYOUT ----- */

#container {
   margin: 0 auto;
   width: 766px;
   }

#header {
   background: #750223 url(./images/bcg-header.png);
   height: 17.4em;
   width: 766px;
   }

#masthead {
   height: 133px;
   position: relative;   
   width: 766px;
   }

#body {
   background: #D2D4D3 url(./images/bcg-bodydiv.png) repeat-y;
   width: 766px;
   }
   
#body-w {
   background: #D2D4D3 url(./images/bcg-bodydiw.png) repeat-y;
   width: 766px;
   }
 
#matrjoska1 {
   background: url(./images/dolnicip.png) no-repeat;
   float: left;
   width: 508px;
   }

#matrjoska2 {
   padding: 0 55px;
   }
   
 #matrjoska1-w {
   background: url(./images/dolnicip.png) no-repeat;
   float: left;
   width: 766px;
   }

#matrjoska2-w {
   background: #AABEC0;
   margin: 5px 55px 0 55px;
   } 
  
#mainbar {
   min-height: 570px;
   width: 398px;
   }
   
#mainbar-w {
   min-height: 600px;
   width: 656px;
   }   

#sidebar {
   background: #7d9d9f;
   border-right: 3px #aabec0;
   float: left;
   padding: 0 0 20px 0;
   width: 255px;
   }

#body-post {
   background: url(./images/bcg-bodypdiv.png) repeat-y;
   width: 766px;
   }

#post {
   background: url(./images/dolnicip.png) no-repeat;
   min-height: 600px;
   padding: 0 55px;
   width: 656px;
   }


#footer {
   background: #750223;
   border-left: 3px solid #5C021C;
   border-right: 3px solid #5C021C;   
   border-top: 1px solid #1E0607;
   color: #FE8DAE;
   clear: both;
   font-size: 1.2em;
   line-height: 2;
   }

/* ----- HEADINGS, LOGO, PARAGRAPHS, ANCHORS ----- */

h1 {
   font-size: 3em;
   background: url(./images/bcg-h1.png) no-repeat;
   height: 91px;
   left: 35px;
   position: absolute;
   text-indent: -9009px;
   top: 23px;
   width: 358px;      
   }

h2 {
   color: #263125;
   font: bold 1.9em Georgia, serif;
   padding: 22px 0 12px 0;
   text-align: left;
   }

#masthead h2 {
   background: url(./images/logo.png) no-repeat;
   position: absolute;
   right: 31px;   
   text-indent: -9009px;
   top: 15px;
   width: 204px;
   }

#masthead h2 a {
   background: url (./images/logo.png);
   display: block;
   height: 86px;   
   }
   
h2.intro {
   background-color: #7D9D9F;
   color: #151A19;
   font-size: 1.6em;
   line-height: 1.4;
   margin: 20px 0 0 0;   
   padding: 6px 8px; 
   }

h2.homepage, h2.infosquare {
   color: #314030;
   font: bold 1.4em Georgia, serif;
   padding: 22px 0 6px 0;
   text-align: left;
   }

h2.infosquare {
   padding: 2px 0 6px 0;
   }    

#sidebar h2 {
   background: url(./images/bcg-sh2.png) 27px 24px no-repeat;
   color: #750223;
   font-size: 1.4em;
   padding: 22px 27px 6px 27px;
   }

#sidebar h2.aktual {
   background: none;
   }

h3, h4, p {
   color: #fff;
   text-align: left;
   }

h3.aut {
   background: #212827;
   font-size: 2.6em;
   padding: 4px 18px 3px 18px;
   }

h3.date {
   font-size: 2.4em;
   padding: 28px 18px; 
   }

#exhibs-s h3, #exhibs-h h3 {
   background: #314030 url(./images/bcg-eh3.png) 616px 12px no-repeat;
   font-size: 1.7em;
   margin: 0 0 20px 0;   
   padding: 12px 0 10px 18px;
   text-transform: uppercase;
   }
   
     

h3 a, h3 a:visited {
   text-decoration: none;
   }  

h3 a:hover, h3 a:active {
   text-decoration: underline;
   }

#textarea h3 {
   color: #263125;
   font: bold 1.6em Georgia, serif;
   letter-spacing: -0.2px;
   padding: 5px 0 10px 0;
   }

#textarea h3 a {
   color: #000;
   text-decoration: underline;
   }

#textarea h3 a:active, #textarea h3 a:hover {
   text-decoration: none;
   }

#textarea h3 a:visited {
   color: #314030;
   }
   
#textarea h4 {
   color: #000;
   font-size: 1.4em;
   font-style: normal;
   font-weight: normal;
   margin: 0 0 5px 0;
   padding: 5px 0;
   }  

#textarea h4 a, #textarea h4 a:visited {
   color: #750223;
   font-weight: bold;
   }

#textarea a {
   color: #330B0C;
   }       

#textarea a:visited {
   color: #000;
   }   

#textarea p {
   color: #000;
   font-size: 1.4em;
   padding: 0 0 10px 0;
   } 

h4 {
   font-size: 2em;
   font-style: italic;
   }

#exhib-on h4 {
   padding: 5px 18px 0 18px;
   }

#exhib-on p {
   font-size: 2em;
   font-style: italic;
   padding: 0 18px;
   }

#sidebar p {
   color: #000;
   font-size: 1.4em;
   padding: 0 27px;   
   }

#aktual p {
   color: #fff;
   font-size: 1em;
   padding: 0;  
   }

.tabletitle a, .tabletitle a:visited {
   text-decoration: none;
   }

.tabletitle a:hover, .tabletitle a:active {
   text-decoration: underline;
   }

.tablemetadata a, .tablemetadata-w a {
   color: #000;
   }

#footer a {
   color: #FE8DAE;
   }

#nav a:visited {
   color: #fff;
   }

/* ----- NAVIGATION ----- */

#nav ul {
   color: #fff;
   font: 1.6em 'Trebuchet MS', serif;
   list-style: none;
   padding: 4px 0 0 29px;
   text-transform: uppercase;
   }

#nav ul li {
   float: left;
   padding: 0 30px 0 0;
   }

#nav ul a, #nav ul a:visited {
   line-height: 2em;
   text-decoration: none;
   }

#home #nav-home a, #vystavy #nav-vystavy a, #seznam #nav-seznam a, #galerie #nav-galerie a, #prodejna #nav-prodejna a {
   text-decoration: underline;
}

#nav ul a:hover, #nav ul a:active {
   text-decoration: underline;
   }

/* ----- MISC ----- */

#exhib-on {
   background: #526D51;
   padding: 16px 0;
   }

#exhibs-s, #exhibs-h {
   background: #526D51;
   margin: 0 0 20px 0;
   padding: 21px 0 0 0;
   }

#exhibs-h {
   padding: 0;
   }

.pagemenu {
   background-color: #7D9D9F;
   color: #151A19;
   font: bold 1.6em Georgia, serif;   
   line-height: 1.4;   
   padding: 6px 8px;
   margin: 0 0 16px 0;
   text-align: left;       
   }
   
.pagemenu p {
   font: normal 0.9em 'Trebuchet MS', Arial, sans-serif;
   padding: 0 0 6px 0;
   color: #151A19; 
   }   
   
.pagemenu p a, .pagemenu p a:visited {
   color: #151A19; 
   } 
   
.pagemenu ul, .pagemenu li {
   display: inline;
   padding: 0 0 0 4px;
   font-size: 1em;
}

.pagemenu li a, .pagemenu li a:visited  {
   color: #151A19;  
}

#footer img {
   vertical-align: middle;
   margin: 0;
   padding: 0;
}   

.excerpt {
   text-align: left;
   font-size: 1.3em;
   padding: 2px 0 5px 0; 
}
   
/* -- divs for table-like look -- */

.tabledata, .tabledata-w {
   margin: 0 16px 0 16px;
   padding: 0 0 15px 0;
   width: 366px;
   }
   
.tabledata p {
   background-color: #212827;
   font-size: 1.5em;   
   margin-bottom: 10px;   
   padding: 3px 5px;
   }   
   
.tabledata-w {
   width: 624px;
   }   

.tabletitle {
   background: #212827; 
   float: left;
   width: 163px;
   }

.tablemetadata, .tablemetadata-w {
   float: right;
   font-size: 1.7em;
   background: #fff;
   width: 201px;
   }

.tablemetadata-w {
   width: 459px;
   }

.tabletitle h4 {
   color: #fff;
   font-size: 1.7em;
   font-style: normal;   
   font-weight: bold;
   min-height: 22px;
   padding: 6px 11px 3px 11px;
   }

.post-meta, .post-meta-end, .meta {
   font-size: 0.9em;
   list-style-type: none;
   margin: 0;   
   padding: 0;
   width: 100%;   
   }
   
.meta {
   font-size: 1em;   
   }   

.post-meta-end {
   border-top: none;
   }  

.post-meta li, .post-meta-end li, .meta li {
   border-left: 2px solid #526D51;    
   font-size: 1em;
   height: 25px;
   list-style: none;
   padding: 6px 11px 0 11px;   
   }

.post-meta li {  
   float: left;
   }
   
.meta li {
   border-left: none;
   border-bottom: 2px solid #526D51;   
}

.post-meta-end li {
   background: #B9C9CB;
   border-bottom: 5px solid #526D51;
   border-top: 2px solid #526D51;   
   clear: both;
   }

.post-meta-key {
   position: absolute;
   text-indent: -9009px;
   }

/* - end of divs for table-like look - */

#aktual {
   background: #750223;
   font-size: 1.4em;   
   margin: 0 27px 0 27px;
   padding: 11px 14px;
   }

#textarea { 
   padding: 0 0 20px 0;
   }

.gallery {
   background: #750223;
   margin: 0 0 11px 0;  
   }

.gallery img {
   float: none;
   }

ul {
   font-size: 1.4em;
   padding: 5px 5px 10px 25px;
   text-align: left;   
   }

.noframe img {
   border: none;
   margin: 0;
   padding: 0;
}

.noframe a img {
   padding: 10px 0 5px 0;
}

.noframe a:hover img {
   border-bottom: 5px solid white;
   padding: 10px 0 0 0;
}

/* -- clearers -- */

hr.cleaner {
   border: none;
   clear: both;
   height: 1px;
   margin: -1em 0 0 0;
   visibility: hidden;
   }
   
.clearfloat { 
   display: table; 
   width: 100%; 
   }   
   
/* - end of clearers - */   

#post img {
   border: 2px solid #750223;
   float: right;
   margin: 5px 0 5px 5px; 
   padding: 2px;
   }

.gallery img {
   border: 2px solid #750223;
   }
  
#post .gallery img {
   float: none;
   margin: 10px 0 10px 0;
   }

#thumbs { 
   margin: 47px 20px 0 22px;
   text-align: center;
}   

#searchform {
	margin: 22px 0 0 0;
	}

#searchform #s {
   width: 144px; 
	}
	
/* - prevent scrollbars pop up in lightbox - */	
#cboxLoadedContent{overflow:hidden !important}