/* [Ignore this comment, unknown author, meaning unclear] */
/* This file will hold styles that are loaded using the same media query as the normal grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the widescreen layout unless they are overridden by the widescreen styles. */

/* PMEL: */
/* Layout	Size	CSS Stylesheet						Description */
/* Mobile	All		global								Apply first to all device widths. */
/* Tablet	>=740px	pacific-marine-alpha-default		Inherit Mobile, add/override from Tablet. */
/* Desktop	>=980px	pacific-marine-alpha-default-normal	Inherit Global & Tablet; add/override from Desktop. */


#noaa-doc div {
  margin-left: 5px;
}
 
#block-system-main-menu .content li a {
  padding: 5px 20px;	/* originally 5px 25px */
  font-size: 18px;
  margin-right: 10px;
}

.view-pmel-themes .widget_pager h2 {
  font-size: 30px;
}

.view-pmel-themes .views-slideshow-cycle-main-frame {
  max-width: 100% !important;
}

.view-pmel-themes .widget_pager .views-slideshow-pager-field-item {
  margin: 11px 0px 21px;
}

.view-pmel-themes .widget_pager .views-slideshow-pager-field-item .views-content-title a {
  font-size: 17px;   /* I change it from 18 to 17 because with google chrome, the font is bit too large - Willa */
  line-height: 22px;
}

.view-pmel-themes .widget_pager .views-slideshow-pager-field-item:before {
  left: -5px;
  top: 40%;
}

/* Arrow in rotating banner in homepage. Arrows only added to desktop. Placed in this stylesheet so only applies to desktop */
/* Add border around rectangle of rotating banner text - tn */
.view-pmel-themes .widget_pager .views-slideshow-pager-field-item.active {
	border: 2px solid #965951;
	position: relative;
}

/* Add arrow graphic to left of rectangle of rotating banner text - tn */
.view-pmel-themes .widget_pager .views-slideshow-pager-field-item.active:before {
	background: url(../images/pmel_arrow.png) no-repeat;
	height: 22px;
	width: 13px;
	left: -13px;
	position: absolute;
}

/* Vertically position arrow graphic--one line of text in rotating text. - tn */
#views_slideshow_pager_field_item_bottom_pmel_themes-page_0.views-slideshow-pager-field-item.active:before, #views_slideshow_pager_field_item_bottom_pmel_themes-page_3.views-slideshow-pager-field-item.active:before {
	top: 10px;
}

/* Vertically position arrow graphic--two lines of text in rotating text. - tn */
#views_slideshow_pager_field_item_bottom_pmel_themes-page_1.views-slideshow-pager-field-item.active:before, #views_slideshow_pager_field_item_bottom_pmel_themes-page_2.views-slideshow-pager-field-item.active:before {
	top: 20px;
}

#region-header-first {
  width: 410px;
}

#region-menu {
  width: 960px;
}

.front #region-content {
  width: 960px;
}

#zone-postscript .grid-6.region {
  width: 480px;
  margin-left: 0;
}

#zone-postscript .grid-3.region {
  width: 225px;
}

.front #region-postscript-third {
  margin-right: 0;
}

/* Homepage, full-width content beneath rotating banner images - tn */
/* Copied margin setting from pacific-marine-alpha-default */ 
.front #region-postscript-fourth {
  margin-left: 0;
  margin-right: 0;
  width: 960px;
}

/** what's new block **/
.node-type-news-story .field-name-field-atom {
  max-width: 250px !important;
  width: 100%;
  padding-bottom: 20%;
  float: left;
}

.view-pmel-themes .views_slideshow_main {
  width: 720px;
}

.view-pmel-themes .views-slideshow-controls-bottom {
  width: 200px;
}