/* This file will hold styles for all layouts using the alpha grid (i.e. not the mobile layout). */


/* precedence: global > default */
/* shared by default-normal, default-narrow, default-wide (wide currently not used) */


/* ESP */
 


img {
  size: 100%;
}

article.node-learning-resource img {
  float: right;
  padding-left: 2em;
}

/* HEADER tag */

/* the following section has a counterpart in earth-alpha-default-narrow.css */
header#section-header { 
  height: 200px; 
  background-image: url(esp-960-header.png); 
  margin-bottom: 40px; /* cs 4.24 */
}

div#zone-branding { 
  height: 166px; background-image: url(esp-960-branding.jpg); 
}



/* header imagemap */

a#psu, a#dept, a#home {
  text-decoration: none;
  position: absolute;
}
a#psu    { top:  0px;  left:     0px; height: 65px; width: 105px; }
a#dept   { top:  0px ; left:   520px; height: 65px; width: 140px; }
a#home   { top: 50px;  left:   280px; height: 60px; width: 380px; }

div#zone-menu { 
  height: 34px; 
  /* background-image: url(esp-960-menu.png); */
  background-color: #7bb03d;
}

div#zone-menu ul {
  padding-left: 0px;
}
#zone-menu a { 
  color: #ffffff;
  height: 26px;
  font-family: open sans, sans-serif;
  text-decoration: none;
/* font-size: 16px;            */  /* different size in earth-alpha-default-narrow.css */
/* padding: 8px 12px 0px 12px; */
  padding: 8px 12px 0px 12px;     /* cs 4.24.14 */
  font-size: 14px;                 /* cs 4.24.14 */
}
#zone-menu a:hover { 
  background-color: #065d32;
}
ul#superfish-1 li ul {
  padding-top: 0px;
  padding-left: 0px ! important; /* takes away left padding */
}
ul#superfish-1 li ul li {
  padding-top: 0px;
  margin-top: 0px;
}
a.sf-depth-2 {
  background-color: #7bb03d;
}

.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
  left: 0px;
  /* top: 2.5em; original from superfish.css */
  top: 34px; /* at every menu size, this should be the height of the menu so the 
                sub menu butts up against it */
}

/* SECTION tag */

div#zone-content {
  /* background: #ddd; */
}
div#zone-postscript {
  /* background: #bbb; */
}

/* 
  To override the padding found in the default omega theme use the following line.
  That which I have overriding is found here: 
  /omega/alpha/css/grid/alpha_default/normal/alpha-default-normal-12.css

*/

section#section-content .grid-1, section#section-content .grid-2, 
section#section-content .grid-3, section#section-content .grid-4, 
section#section-content .grid-5, section#section-content .grid-6, 
section#section-content .grid-7, section#section-content .grid-8, 
section#section-content .grid-9, section#section-content .grid-10, 
section#section-content .grid-11, section#section-content .grid-12 {
  margin-left: 0px ! important;
  margin-right: 0px ! important;
}

/* FOOTER footer tag */

div#zone-course-footer *, div#zone-dutton-footer *, div#zone-penn-state-footer * {
  margin: 0; 
  padding: 0;
  font-size: 10px;
  font-family: helvetica, arial, sans-serif;
  line-height: 1.3;
}
div#zone-course-footer, div#zone-dutton-footer, div#zone-penn-state-footer {      
  padding-top: 10px;
  padding-bottom: 10px;
  color: #ffffff;
}

div#zone-course-footer p.author { margin: 0 0 20px 0; }
div#zone-course-footer p { margin: 7px 0; }

div#zone-dutton-footer .col1 p { 
  margin: 25px 35px 15px 0px; 
}

/* overrides display: none in global.css */
div#zone-dutton-footer .col2, div#zone-dutton-footer .col3,
div#zone-dutton-footer .col4, div#zone-dutton-footer .col5 { 
  display: inline; 
}

div#zone-dutton-footer .col1, div#zone-dutton-footer .col2, div#zone-dutton-footer .col3,
div#zone-dutton-footer .col4, div#zone-dutton-footer .col5 { 
  float: left;
}

div#zone-dutton-footer .col1 { width: 30%; }
div#zone-dutton-footer .col2 { width: 13%; margin-left: 0%; margin-right: 1%; } 
div#zone-dutton-footer .col3 { width: 19%; margin-left: 0%; margin-right: 1%; } 
div#zone-dutton-footer .col4 { width: 16%; margin-left: 0%; margin-right: 1%; } 
div#zone-dutton-footer .col5 { width: 16%; margin-left: 0%; margin-right: 0%; } 

div#zone-penn-state-footer .col1, 
div#zone-penn-state-footer .col2, 
div#zone-penn-state-footer .col3 { 
  display: inline;
  float: left;
}

div#zone-penn-state-footer .col1 { width: 150px; }
div#zone-penn-state-footer .col2 { width: 480px; }
div#zone-penn-state-footer .col3 { width: 300px; }

div#zone-penn-state-footer .col2, div#zone-penn-state-footer .col3 { 
  padding-top: 8px;
}

div#zone-penn-state-footer .col3 p { 
  text-align: right;
}

/* menus aside MENU ASIDE */

aside#region-sidebar-first {
  float: right;
}
aside#region-sidebar-first section, aside#region-sidebar-first div div.block {
  border-top: 5px solid #065d32;
}



/*************************/
/* STYLES ADDED TO ALPHA */
/*************************/

div#zone-course-footer *, div#zone-dutton-footer *, div#zone-penn-state-footer * {
    font-family: helvetica,arial,sans-serif;
    font-size: 11px;
    line-height: 14px;
} 


div#zone-course-footer *, div#zone-dutton-footer *, div#zone-penn-state-footer * {
    margin: 0;
    padding: 2px 0px 1px 0px;
} 



div#psu_footer { width:960px;}
















.test-ignore {background:blue;}
.test-ignore:after {content: "alpha-default";}