/*
_______________________________________________________________________________
  ______          __          _                ________                      
 /_  __/__  _____/ /_  ____  (_)___  ____     /_  __/ /_  ___  ____ ___  ___ 
  / / / _ \/ ___/ __ \/ __ \/ / __ \/ __ \     / / / __ \/ _ \/ __ `__ \/ _ \
 / / /  __/ /__/ / / / / / / / /_/ / / / /    / / / / / /  __/ / / / / /  __/
/_/  \___/\___/_/ /_/_/ /_/_/\____/_/ /_/    /_/ /_/ /_/\___/_/ /_/ /_/\___/ 
                                                                                                                     
  ______                    __        ________                   
 /_  __/      _____  ____  / /___  __/ ____/ /__ _   _____  ____ 
  / / | | /| / / _ \/ __ \/ __/ / / / __/ / / _ \ | / / _ \/ __ \
 / /  | |/ |/ /  __/ / / / /_/ /_/ / /___/ /  __/ |/ /  __/ / / / - common style
/_/   |__/|__/\___/_/ /_/\__/\__, /_____/_/\___/|___/\___/_/ /_/ 
                            /____/                               

_______________________________________________________________________________

Technion TwentyEleven Child theme Common Styles
_______________________________________________________________________________


*/


#pageheader {
    
    position:absolute; width:100%; height:190px; left:0;top:0;
     
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);    
    box-shadow: inset 0 0 4px #000000; /* inner shadow */
    box-shadow: none;
    


}           

body #branding > a > img { display:none;}
body header#branding     { background:none !important;}
/*
body #branding #access { position:relative; top :-20px; top :0px; }
*/

/* ____ Use a Narrower (then  7.6%) margins ______ */
	body #access div {margin: 0 7.6%; margin: 0 1%;} 
	body #access2 div.menu-utility {margin: 0 1% ;}
	body #branding #site-branding { margin: 0 0%; }
	body #branding #searchform {right:1%;}
	body.rtl #branding #searchform {left:1%;}
	
	body.rtl #access2 li {float:left;}
	body.one-column #page {max-width: 690px; max-width: 1000px;}
	body.one-column #branding #searchform {right: 40px; right: 10px;}
	
	#branding #searchform   { top: 64px !important;}  /* avoid jump on samll screen size */
	
/* ------------------------------------ */


/* @FIX 28-05-2011 - 
 * BUG:first SUB-MENU Dissapear on mouse over - becuase of a small vertical gap  
 * FIX: decrease vertical distance  
 * */
body.twentyeleven-subtheme #access .menu-navigation-menu-container > ul  > li >  ul { 
    top: auto;  /* Overrides ORIGINAL  top: 3.333em  -- in twentyeleven/style.css  */
}



/* ____ Flip Sidebar location on rtl  ______ */

#secondary  {margin-top:20px;}

/* Right Sidebar */
    body.rtl.rtl-flip.left-sidebar #primary,
    #primary {
        float: left;
        margin: 0 -26.4% 0 0;
        width: 100%;
    }
    body.rtl.rtl-flip.left-sidebar #content,
    #content {
        margin: 0 34% 0 7.6%;
        width: 58.4%;
    }
    body.rtl.rtl-flip.left-sidebar #secondary,
    #secondary {
        float: right;
        margin-right: 7.6%;     margin-left: 0;
        width: 18.8%;
    }


/* Left Sidebar */

    body.rtl.rtl-flip.right-sidebar #primary,
    .left-sidebar #primary {
        float: right;
        margin: 0 0 0 -26.4%;
        width: 100%;
    }
    
    body.rtl.rtl-flip.right-sidebar #content,
    .left-sidebar #content {
        margin: 0 7.6% 0 34%;
        width: 58.4%;
    }
    
    body.rtl.rtl-flip.right-sidebar #secondary,
    .left-sidebar #secondary {
        float: left;
        margin-left: 7.6%;
        margin-right: 0;
        width: 18.8%;
    }

/* ____ /Flip Sidebar on rtl  ______ */







/* ____  Colors Setup ____ */

/* html, body {background-color:#eeeeee ;  height:100%; }    Overlay Color of bottom color  */  
html {  height:100%; background-color:#eeeeee ; }    /* Overlay Color of bottom color  */  

body { 
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
	/* CSS3PIE does not currently work when applied to the <body> or <html> elements. 
	 * Try using a wrapper div around the body contents and applying your CSS3 styles and PIE.htc to it instead.
	 * /
}   
html,body {	
    background-color:#e0e0ff;   /* Overlay Color */
    background-color:#E0DCD7;   /* Overlay Color */
    background-color:#eeeeee;   /* Overlay Color */
}

#page   {
     background: #ffffff; 
	/* box-shadow: 0 0px 8px rgba(0, 0, 0, 0.6); */
     border:1px solid #f3f3f3; 
     box-shadow: 0 0 70px rgba(0, 0, 0, 0.1); 
     filter:none !important;

}

/* Fixes for dark-skin from: wp-content/themes/twentyeleven/colors/dark.css */ 
body.skin-dark {
	background: #1d1d1d;
	color: #bbb;
}
body.skin-dark #page {
	background: #0f0f0f;
	 border:1px solid #222;
}






header#branding         { background: #443B31; background: #999 ;}

header#branding > a img { display: none;    } /* Hide Header Image */


footer ,
body.twentyeleven-subtheme #lang_sel_footer { background: #F6F5F3 ;background: none ; } 
footer #site-generator                      { background: none ; } 





/* ____ Full Width ____ */

body {
    padding: 0 2em;  padding: 0 0;  
    margin-top: 24px; margin-top: 0px; 
}
body #page {  
    margin:0 auto !important; 
}




/* _____________________________________________________________ */

/* ____ widgets ____ */

.widget ol, .widget ul {
    list-style: none outside none;
}


/* =Global
----------------------------------------------- */

/*
    body, input, textarea {
        color: #373737;
        font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 300;
        line-height: 1.625;
    }
    body {
        background: #e2e2e2;
    }
    #page {
        background: #fff;
    }


    hr {
        background-color: #ccc;
        border: 0;
        height: 1px;
        margin-bottom: 1.625
    }
*/


/* =Header
----------------------------------------------- */



#branding { border:0px solid red;  zoom:1; padding:0; margin:30px 0 0 ; margin:0;}

/*___ site-logo  ____*/





#branding hgroup { 
    /* Hack for Noramlizing also ie7 */
    margin:0; padding:0 ; 
    overflow: hidden;  overflow: visible; 
    

} 
#branding #site-branding { 

    margin:0 7%; padding:0 140px; padding:0 ; 
    border:0px solid black;
    /* background: no-repeat 0 40px url("/wp-content/plugins/tcc-site-init/css/images/TCC-WEB-DEV.png"); */
    
    XXXXmin-width:99%; /* prevent Folding of #site-branding  floats */
    
    
    
} 



body.rtl 
    #branding #site-branding { 
    /* background: no-repeat 100% 40px url("/wp-content/plugins/tcc-site-init/css/images/TCC-WEB-DEV.png"); */
    
}

#branding #site-branding #header-logo {
    height:190px;   overflow:hidden;  /* IMPORTANT */
    min-width: 90px;
    vertical-align: middle; 
    border: 0px solid blue; 
    background: none; 
    
}



#branding #site-branding #header-logo aside.widget{ 
    max-height:190px;     /* IMPORTANT */
    /* overflow:hidden; vertical-align: middle ; */
    margin:auto 15px ;   
    
}
#branding #site-branding #header-logo  aside.widget  .widget-title { display:none; } /* hide logo widget title */
#branding #site-branding #header-logo  aside.widget  a  { 

    
    /*display:block; Xposition:absolute; xtop:50%; xmargin-top:-20%;*/
    border:0px solid red;  
    
} 
#branding #site-branding #header-logo  .widget  img { 
    padding:0 ; margin:0;
   /* width:auto; by Noam make full size hearer images responsive in FF, IE*/ 
    display: inline; 
    vertical-align: middle; 
}



#branding #site-branding #header-texts  { 
    /* display: table-cell; -dt-display: table-cell; */
    vertical-align: middle; 
    /* float:left; clear:none; padding:0; margin:0; */
    border:0px solid red;
} 

#branding #site-branding #header-texts  #site-title {  margin:0; padding:0; }
#branding #site-branding #header-texts  #site-description {  margin:0; padding:0; }  


XXX body.rtl  #branding #site-branding #header-logo,
XXX body.rtl  #branding #site-branding #header-texts { float:right; }


/*___ site-title  ____*/


#branding #site-title a, 
#branding #site-title a:focus, 
#branding #site-title a:hover, 
#branding #site-title a:active {  color:#FDFDFC ; } 
#branding #site-title span a {
    
    
    font-weight: bold ;   
    text-shadow: 1px 3px 3px #000  , 0px 0px 3px #300;
/*  white-space: nowrap;  */
    
/*  
    margin-right: 0;
    padding: 10px 0 15px 200px; background: no-repeat left top url("images/logos/Techlogo-3-en.png");
    padding: 12px 0 20px 55px; background: no-repeat left top url("images/logos/Techlogo-2011.png");
    
    padding: 12px 0 20px 55px; background: no-repeat left top url("images/logos/Techlogo-52x70-white.png");
    
    padding: 20px 0 50px 75px; background: no-repeat left top url("images/logos/Techlogo-68x100-white.png");
    
*/  
    
    padding:0 ; background:none;
    
    
    
    
    
/*
    padding: 12px 0 20px 55px; background: no-repeat left top url("images/logos/Techlogo-2011-blue.png");
    padding: 12px 0 20px 55px; background: no-repeat left top url("images/logos/Techlogo-2011-blue-2.png");
*/
}

html.ie.pre-ie10
    #branding #site-title span a {

    /* FOR IR http://www.useragentman.com/blog/2011/04/14/css3-text-shadow-can-it-be-done-in-ie-without-javascript/ */
    zoom: 1; display:block;
    background-color: transparent;
    filter: progid:DXImageTransform.Microsoft.Chroma(Color=transparent)
            progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=2, Color=#000000)
            progid:DXImageTransform.Microsoft.Glow(Strength=2, Color=#222222)
            ;   
}               


body.rtl 
    #branding #site-title span a {
 padding: 12px  55px 20px 0; background: no-repeat right top url("images/logos/Techlogo-52x70-white.png");
 /* big logo */
 padding: 20px 75px 50px 0; background: no-repeat right top url("images/logos/Techlogo-68x100-white.png");
 padding:0 ; background:none;
}

/* ____ #site-description ___ */

#branding #site-description {

    font-weight: 100 ;   
    text-shadow: 1px 3px 3px #000 , 0px 0px 1px #900;
    


/*  white-space: nowrap; */
    color: #AD957C; color: #eeC;
    font-size: 1.2em;
    
    /* margin: 0 270px 2em 55px;  */
    margin-bottom: 2em; /* IMPORTANT: bottom-margin determines the Header Height */
    margin-left: 55px; margin-left: 75px; margin:0 0 2em;
}
html.ie.pre-ie10
    #branding #site-description {
    /* http://www.useragentman.com/blog/2011/04/14/css3-text-shadow-can-it-be-done-in-ie-without-javascript/ */
        zoom: 1; 
        background-color: transparent;
    
        filter: progid:DXImageTransform.Microsoft.Chroma(Color=transparent)
                progid:DXImageTransform.Microsoft.Glow(Strength=1, Color=#660000)
                progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=2, Color=#333333)
                ;       
}   

body.rtl 
    #branding #site-description { margin-right: 55px; margin-right: 75px; margin-left:270px ; margin:0 0 2em;}


/*___ searchform ____*/
#branding #searchform { 
    top: 4.3em ; 
}
#branding #searchform #s {

    color:#111; background-color:  #EFEBE6;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px; 
    border-radius: 8px ;  
    box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.6)
}






/*
    #branding {
        border-top: 2px solid #bbb;
        padding-bottom: 10px;
        position: relative;
        z-index: 2;
    }
    #site-title {
        margin-right: 270px;
        padding: 3.65625em 0 0;
    }
    #site-title a {
        color: #111;
        font-size: 30px;
        font-weight: bold;
        line-height: 36px;
        text-decoration: none;
    }
    #site-title a:hover,
    #site-title a:focus,
    #site-title a:active {
        color: #1982d1;
    }
    #site-description {
        color: #7a7a7a;
        font-size: 14px;
        margin: 0 270px 3.65625em 0;
    }
    #branding img {
        height: auto;
        margin-bottom: -7px;
        width: 100%;
    }
*/

/* =Menu
-------------------------------------------------------------- */

/*___ Main access ____*/

body.fullwidth-header #main 	{ margin-top:40px;}	/* compensate for #access moving up absolutely  */
body.fullwidth-header #access	{ position:absolute; top:190px; left:0;}
body.fullwidth-header #access div.menu-navigation-menu-container  {  max-width: 1000px;  margin: 0 auto;  border:0px solid green; }
body.fullwidth-header #access ul { margin:0 ;}

body.fullwidth-header #access ,
XX #branding #access { 

    
    /*
    background: #FCFBFA; 
    background: url("images/nav-background.gif") repeat-x scroll 0   0   #F0EBE6;
    background: url("images/nav-background.gif") repeat-x scroll 0   0   #FEFEFD;
    */  
  

    /* grad: top:(Trans-White) bot:(White) */
    

    
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
    
    background-color:#E0DCD7;   /* Overlay Color */
    
  
  
    border-bottom: 1px solid #EDE7E0;
    width: 100%;
  

 
    margin:0 ;
    box-shadow: none;
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.6);
    
    
   
    
    /* ie 7-8 fixes */
   /* box-shadow: -8px 0px 8px 0px rgba(0, 0, 0, 0.6); */
   /* margin: 0 -6px  ; */



}



#access a   { color: #444444; }

XX#access ul { margin:0;}
#access li {
    border-right: 1px solid #E3E0D5;
   
    }
#access li:first-child {
    border-left: 1px solid #E3E0D5;
}   

#access li.current-menu-item ,
#access li.current_page_ancestor { background:#fff; }   

#access li a { line-height: 3.3em; }    

    
#access li:hover > a,
#access a:focus {

    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
    
    background-color:#F0E7E4;   /* Overlay Color */

}

body.twentyeleven-subtheme #branding #access .menu ul.children li a,
body.twentyeleven-subtheme #branding #access .menu ul.sub-menu li a {
    /* background: #eee;  default color #333, might want to leave this */  
    /* border-bottom: dotted 1px #555; */
    color: #333 ;
    line-height: 2em;
}
    

/* ____ Utility Menu_____ */
#access2 { 
    position:absolute;
    left:0; top:-29px ;  width:100%;   
    line-height: 0px; /* min-height:10px; */
     padding: 2px 0  ;
    
    clear: both;
    margin: 0;
    top:0px; 
    Xbackground:        #2F2922; 
    xbackground:        rgba(0,0,0,0.15);
    x-pie-background:   rgba(0,0,0,0.15);

    
    border-bottom:0px solid #111;
    Xbox-shadow: 0 0px 6px rgba(0, 0, 0, 0.7); 
    
    Xbackground: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.25) 75% , rgba(0,0,0,0.05) 100%);
    Xbackground: linear-gradient(top, rgba(0,0,0,0.66) 0%, rgba(0,0,0,0.3) 80% , rgba(0,0,0,0.1) 100%);
    Xbackground: linear-gradient(top, rgba(0,0,0,0.66) 0%, rgba(0,0,0,0.3) 100%);
    
    
}

html.ie.pre-ie10  #access2{ 
    Xfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#55000000',GradientType=0 );
    /* -pie-background: linear-gradient(top, rgba(0,0,0,0.66) 0%, rgba(0,0,0,0.4) 100%); */
    box-shadow:none; 
}           
    

#access2 div.menu-utility { margin:0 7%;}


        /* ___2nd Navigation Menu ___ <nav id="access2" role="navigation"> 
        
                FROM: twentyeleven/style.css
        */
    
    
        
            /*
            #branding #access2 .menu li { position:relative; float: left; }
            body.rtl #branding #access2 .menu li { float: right; }
            */
            X#access2 {
                position:absolute;
                top:0;right:0;
                margin: 10px 10px 6px;
                padding:0 0 0 10px;
                
                background: #fcfcfc;
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
                clear: both;
                display: block; 
            
                
                /*
                Xwidth: 100%;   xfloat: left;
                */
            }
            #access2 ul {
                font-size: 13px;
                list-style: none outside none;
                margin: 0 1em; margin: 0;
                padding-left: 0;
            }
            #access2 li {
                float: right;
                position: relative;
                
                background:         rgba(0,0,0,0.2);
                -pie-background:    rgba(0,0,0,0.2);
                min-width:60px;margin:0 1px; text-align:center;
            }
            #access2 a {
                color:  #796957; color:  #eee;
                display: block;
                line-height: 3.333em;       line-height: 1.9em;
                padding: 0 1.2125em;        padding: 0 0.5em;
                text-decoration: none;
                
                text-shadow: 1px 1px 2px #000 , 0px 0px 3px #300;
                
            }
            html.ie.pre-ie10  #access2 a {              
                zoom: 1;            
                filter: progid:DXImageTransform.Microsoft.Chroma(Color=transparent)
                        progid:DXImageTransform.Microsoft.Glow(Strength=1, Color=#330000)
                        progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=1, Color=#000000)
                        ;       
            }   
                        

            #access2 li:hover > a, #access2 ul ul *:hover > a, #access2 a:focus {
                background: none repeat scroll 0 0 #EFEFEF;
                filter: none;
                
            }
            #access2 li:hover > a, #access2 a:focus {
                /* background: -moz-linear-gradient(#F9F9F9, #E5E5E5) repeat scroll 0 0 transparent; */
                color: #373737; color:#600;
                text-shadow:none;
                font-weight:bold;
                filter: none;
    
            }
            #access2 ul li:hover > ul {
                display: block;
            }
            #access2 .current_page_item > a, #access2 .current_page_ancestor > a {
                font-weight: bold;
            }       
            /* ___End of 2nd Navigation Menu ___ <nav id="access2" role="navigation"> */
        
        




/* =Content
----------------------------------------------- */


/* =Navigation
-------------------------------------------------------------- */


/* #content nav { */


/* =Widgets
----------------------------------------------- */





/*  
    _______________ <header id="branding" role="banner"> __________________

*/







/*  ______ End of <header id="branding" role="banner"> __________________
        
*/



XX#page {
    border-top: none;
    margin: 1.5em auto;
    margin: 0 auto 1.5em ;
    
    /* max-width: 1050px;   */
    
    /* IMPORTANT: 1030 = Image-size=1000 + 2x( header#branding horizontal margin:15px; */
    max-width: 1030px;  
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}

XXXbody.one-column #page {
    max-width: 690px;
    max-width: 1030px;  
}



/*  ______ Content  __________________
        
*/


/* @ Fix for No sidebar template - like the .singular class in twentyeleven\style.css */

body.tcc-page-nosidebars #page #content , 
XX.page-template-nosidebar-page-php #page #content {
  /* margin: 0 7.6%;   ORIG */
  margin: 0 7.6%;
  width: auto;
}



/* __ comments ______ */




    #comments #respond {
        background:none; 
        margin: 100px 0 1.625em;
    } 


/*
_______________________________________________________________________________

FIXES for sidebars on posts - Child theme for the Twenty Eleven which includes support for sidebars on posts
see: http://futurewebblog.com/add-sidebar-support-posts-twenty-eleven-theme/
_______________________________________________________________________________

*/



/* Without explicitly setting the margin we're inheriting 
a value of "0" which isn't allowing space for the sidebar */
.singular #primary {
    margin: 0 -26.4% 0 0;
}

/* This hides the "previous" and "next" links at the top of the page,
It's better to remove the PHP generating these links, but that's a little more difficult */
#nav-single {
    display: none;
}

/* Without explicitly setting the position we're inheriting 
a value of "absolute" which will place the meta information at the top of the article */
.singular .entry-header .entry-meta {
    position: relative;
}

/* Without explicitly setting the padding we're inheriting 
a padding-top value of "4.875em" which adds redundant whitespace to the top of the article */
.singular .hentry {
    padding: 0;
}

/* Without explicitly setting the width we're inheriting 
a value of "68.9%" which stops the content from taking up the majority of the space available */
.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
    width: 100%;
}

/* Without explicitly setting the margin we're inheriting 
a margin-left and margin-right value of "7.6%" which makes the content overlap the sidebar */
.singular #content, .left-sidebar.singular #content {
    margin: 0 34% 0 7.6%;
}

/* Without explicitly setting the padding-top we're inheriting 
a value of "15px" which adds redundant whitespace to the top of the article */
.singular article .entry-title {
    padding-top: 0;
}

/* This is just a nicety. Moves the "Edit" link for admins to a more suitable position */
.singular .entry-meta .edit-link a {
    right: 0;
    top: 0;
    left: auto;
}


/* ------------------------------------ */

/* =Responsive Structure FIX for Vislab 2011 child-themes
_________________________________________________________ */
@media only screen and (max-width: 568px) {


    body.twentyeleven-subtheme #branding #site-branding #header-logo {min-width:50px;}
    body.twentyeleven-subtheme #branding #site-branding #header-logo aside.widget { margin: 0 5px 10px; }
    body.twentyeleven-subtheme #branding #site-branding #header-texts { padding-bottom: 8px; }

    body.twentyeleven-subtheme #branding #site-title span a {line-height:15px; }
    body.twentyeleven-subtheme #branding #site-description  {line-height:110%; }
    
    body.twentyeleven-subtheme #branding #site-branding #header-logo {height:110px; }
    body.twentyeleven-subtheme #branding #site-branding #header-logo .widget img {max-height: 85px !important;}
    body.twentyeleven-subtheme #pageheader      { height:150px;}

    body.twentyeleven-subtheme nav#access       { top:125px; }
    body.twentyeleven-subtheme nav#access li a { line-height: 190%; }

    body.twentyeleven-subtheme nav#access2      {padding:0; }
    body.twentyeleven-subtheme nav#access2 a    {line-height:14px; }

    body.twentyeleven-subtheme #branding #site-description { font-size: 14px;}
    body.twentyeleven-subtheme #branding #site-title span a {line-height:10px; font-size: 16px;}


 
    body.twentyeleven-subtheme #main { margin-top: 80px; }
    body.twentyeleven-subtheme #searchform #s {                
        position:relative ;
        top: 33px; 
        background-position: 0 0;
        height: 8px;          
    }
}



/* ________  technion-campus-theme - Responsive Structure FIX ______________ */
@media only screen and (max-width: 568px) {
       
    body.twentyeleven-subtheme.technion-campus-theme #main ,
    body.twentyeleven-subtheme.technion-campus-theme #branding,
    body.twentyeleven-subtheme.technion-campus-theme #branding #site-branding { margin:0; }


    body.twentyeleven-subtheme.technion-campus-theme #branding { top:20px; z-index:10;}


    body.twentyeleven-subtheme.technion-campus-theme #branding #site-branding #header-logo {min-width:50px;}
    body.twentyeleven-subtheme.technion-campus-theme #branding #site-branding #header-logo aside.widget { margin: 0 5px 10px; }
    body.twentyeleven-subtheme.technion-campus-theme #branding #site-branding #header-texts { padding-bottom: 8px; }

    body.twentyeleven-subtheme.technion-campus-theme #branding #site-description { font-size: 14px;}
    body.twentyeleven-subtheme.technion-campus-theme #branding #site-title span a {line-height:10px; font-size: 16px;}
    body.twentyeleven-subtheme.technion-campus-theme #branding #access { top:0px; }
    body.twentyeleven-subtheme.technion-campus-theme #branding #access li a { line-height: 200%; }

    body.twentyeleven-subtheme.technion-campus-theme nav#access2  {  z-index:10;}
    body.twentyeleven-subtheme.technion-campus-theme nav#access2 div.menu-utility { margin:0 6px;}

    body.twentyeleven-subtheme.technion-campus-theme #branding #site-branding #header-logo .widget img {max-height: 55px !important;}
    body.twentyeleven-subtheme.technion-campus-theme #branding #searchform { left:1% !important; right:1% !important; top: -10px !important;z-index:10;}
    body.twentyeleven-subtheme.technion-campus-theme #branding #searchform #s { top: 0; height: 8px; }

  
}



/* ________  technion-basic-theme - Responsive Structure FIX ______________ */

body.twentyeleven-subtheme.technion-basic-theme  #branding > a > img  { height:auto;}
@media only screen and (max-width: 568px) {
    
    body.twentyeleven-subtheme.technion-basic-theme #main ,
    body.twentyeleven-subtheme.technion-basic-theme #branding,
    body.twentyeleven-subtheme.technion-basic-theme #branding #site-branding { margin:0; }

    body.twentyeleven-subtheme.technion-basic-theme #branding #site-branding #header-logo {min-width:50px;}
    body.twentyeleven-subtheme.technion-basic-theme #branding #site-branding #header-logo aside.widget { margin: 0 5px 2.3em; }
    body.twentyeleven-subtheme.technion-basic-theme #branding #site-branding #header-texts { padding-bottom: 2.3em; }

    body.twentyeleven-subtheme.technion-basic-theme #branding #site-title span a {line-height:10px; font-size: 16px;}
    body.twentyeleven-subtheme.technion-basic-theme #branding #access { top:75px;  }
    body.twentyeleven-subtheme.technion-basic-theme #branding #access li a { line-height: 200%; }

    body.twentyeleven-subtheme.technion-basic-theme #access2 div.menu-utility { margin:0;}


    body.twentyeleven-subtheme.technion-basic-theme #branding #site-branding #header-logo .widget img {max-height: 70px !important;}
    body.twentyeleven-subtheme.technion-basic-theme #searchform { left:1% !important; right:1% !important;}
    body.twentyeleven-subtheme.technion-basic-theme #searchform #s { top: 20px; height: 8px; }

  
}





/* ___________________________________________________- */