/* layout */
/* small screens - default */
html { min-height:100%; position: relative; }
     body {}
          #flatplan { position: relative; }
               #sheet {  }                           
                    #header {  }
                         .navbar-control h1 { margin:0 !important; padding:0 !important; }
                    #subheader {  }
                    #mid { position:relative; } 
                         #mid-limit {}                                                                               
                              #envelope {}
                                   #above {}
                                   #main {}
                                        #content {}                              
                                             .article {}                                             
                                   #below { }
                              #flap { width:200px; }     
                              #sidebar { position:relative; }                                                                           
                                   #primary { width:300px; float: left;  }                                      
                                   #secondary { width: 160px; float:left; }
                                        .widget { margin-bottom: 1em; }    
               #encore {  }
                    #encore-left-wing {}
                    #encore-right-wing {}     
               #prefooter {  }
               #footer {  }                            
          #outer { }


               
/* screens bigger than xx px (media query) */
@media screen and (min-width: 992px ) {

     #sheet { float:left; width:100%; }
     #envelope { float:left; }

     #primary { margin-right:20px; }
     #primary, #secondary, #flap, #encore-left-wing, #encore-right-wing { overflow:hidden; clip:auto; }
     
     #mid-limit { padding-right:1px; position:relative; }
     #mid-limit #envelope { float:left; width:100%; margin:0; }
     
     .fp-flap-active #main { float:left; } 
     .fp-flap-active #mid-limit { padding-left:220px; }    
     .fp-flap-active #flap { float: left; left: -220px; margin-left: -100%; position: relative; top: 0; }         
     
     .fp-primary-active #mid-limit { padding-right:320px; }
     .fp-primary-active #sidebar { float:right; width:300px; margin-right:-320px; }
     
     .fp-secondary-active #mid-limit { padding-right:180px; }
     .fp-secondary-active #sidebar { float:right; width:160px; margin-right:-180px; }     
     
     .fp-primary-secondary-active #mid-limit { padding-right:500px; }
     .fp-primary-secondary-active #sidebar { float:right; width:480px; margin-right:-500px; }      
         
     #encore { position: relative; float:right; top: 0; width: 100%; height:1px !important; margin-bottom: -1px !important; margin-right:-100%; left:-100%; }
     #encore .container:before, #encore .container:after { content: none !important; }
     #encore-left-wing { float:left; position:relative; width:200px; left:-220px; }
     #encore-right-wing { float:right; position:relative; width:200px; right:-220px; }
     #flatplan.fp-encore-right-wing-active { padding-right:180px;  }
     #flatplan.fp-encore-left-wing-active { padding-left:180px;  }
          
     #footer { clear:both; }
} 

/* jeste asi bude potreba nastavit min width containeru pokud je aktivni left wing */

/* navbar in ie < 9 */
.ie-lt9 .navbar-collapse.collapse { display: block!important; visibility:visible !important; }
.ie-lt9 .navbar-nav>li, .ie-lt9 .navbar-nav { float: left !important; }
.ie-lt9 .navbar .navbar-nav.navbar-right { float: right !important; }
.ie-lt9 .navbar-nav.navbar-right:last-child { margin-right: -15px !important; }
.ie-lt9 .navbar-right { float: right !important; }
.ie-lt9 .navbar-control { float:left !important; }
.ie-lt9 .navbar-brand { float:left !important; }
.ie-lt9 .navbar-toggle { display:none !important; }
.ie-lt9 .navbar-body { float:left !important; }



* { outline: 0 none !important; }
img { max-width: 100%; height:auto; }


/* flatplan */
.fp-menu-fixed { padding-top:50px; }
.admin-bar .fp-menu-fixed .navbar-fixed-top { top: 32px; }

/* wordpress */
#colophon { padding-top:1em; padding-bottom:1em; text-align:center; }
#credits { font-size: 62%; line-height: 1.62; }

/* image  */