/* This file will hold styles that are loaded using the same media query as the narrow grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the normal and widescreen layouts. You may override these styles in the normal 
 *  and widescreen CSS files as appropriate. */
 
/* Width = 720px */ 
 
 
 
/*
BACKGROUND
*/

/* original - doesn't fix background thingy */

body{
	font-size:100%;
	background-image:none;
}

#page{
 	background-image: url(images/banner_rain_grad2_shorter.png),
 	url(images/sky_repeating_v3.png), url(images/rain_repeating_v2.jpg);
	background-position:center top, center top, 885px bottom;
	background-size:auto, auto, auto;
	background-repeat:no-repeat, repeat-x, repeat;
}






/*
BANNER
*/

#zone-branding{
	background-position:center 8px;
	background-repeat:no-repeat;
	background-size:75% auto;
}

#region-branding{
	width:720px;
}

#region-branding img, #region-branding p{
	margin:0px;
	padding:0px;
}	

#region-branding img#NASA_logo_top{
	width:auto;
	margin-left:-15px;
}


#region-branding div#top_GPM{
	width:12%;
    margin-right:-15px;
}

#region-branding img#GPM_logo_top{
	margin-top:6px;
}


/*
MENU
*/


#zone-menu-wrapper{
	width:758px;
	min-height:100px;
	position:relative;
	margin:auto;
	border-left:#333 solid 1px;
	border-right:#333 solid 1px;
	
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;    
}


#zone-menu{
	width:758px;
}

#zone-menu #region-menu{
	width:742px;
	margin:0 8px 0 8px;
}


/* Featured Links */

#zone-menu div.top-menu-wrapper div.floatBox{
	text-align:center;
}


#zone-menu div.top-menu-wrapper div.top-menu a:hover{
	text-decoration:none;
	background:#dddddd;
	
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;   
}

#zone-menu div#featured-links-wrapper div.floatBox{
	text-align:center;
}

#zone-menu div#submenu-watercycle a:hover{
	background-color:#8fcef2;
}

#zone-menu div#submenu-weatherclimate a:hover{
	background-color:#fecb97;
}

#zone-menu div#submenu-technology a:hover{
	background-color:#fde479;
}

#zone-menu div#submenu-society a:hover{
	background-color:#cceb96;
}

/* Perhaps a way to connect main and sub menus? */
/*
#zone-menu div#submenu-society:before{
	content:" ";
	position:absolute;
	width:294px;
	height:25px;
	top:-20px;
	right:1px;
	background-color:#cceb96;

}
*/

/* Category Buttons */

#banner_buttons div.banner_button_wrapper,
#banner_buttons_small div.banner_button_wrapper{
	width:49.5%;

}

#banner_buttons div.banner_button_wrapper button{
	width:100%;
	min-height:10em;
	position:relative;
}

#banner_buttons_small div.banner_button_wrapper button{

	width:100%;
	position:relative;
}

#banner_buttons .banner_button_wrapper h2,
#banner_buttons_small .banner_button_wrapper h2{
	font-size:190%;
	vertical-align:top;
}

#banner_buttons div.banner_button_wrapper button p{
	text-align:center;
	
	display:block;


	font-family:arial,sans-serif;
	font-size:120%; /* = 14px */
	color:#000000;
	font-weight:normal;
	


	position:absolute;
	bottom:10px;
	right:5px;
	left:10px;
}	

#banner_buttons #button_watercycle,
#banner_buttons_small #button_watercycle{
	background-size:auto;
	background-position:10px 8px;
}

#banner_buttons #button_watercycle h2,
#banner_buttons_small #button_watercycle h2{
	position:absolute;
	top:40px;
	right:5px;
}

#banner_buttons #button_weatherclimate,
#banner_buttons_small #button_weatherclimate{
	background-size:auto;
	background-position:15px 0px;
}
#banner_buttons #button_weatherclimate h2,
#banner_buttons_small #button_weatherclimate h2{
	position:absolute;
	top:25px;
	right:5px;
}

#banner_buttons #button_weatherclimate p{

}

#banner_buttons #button_technology,
#banner_buttons_small #button_technology{
	background-size:auto;
	background-position:10px 0px;
}

#banner_buttons #button_technology h2,
#banner_buttons_small #button_technology h2{
	position:absolute;
	top:40px;
	right:5px;
}	

#banner_buttons #button_society,
#banner_buttons_small #button_society{
	background-size:auto;
	background-position:15px 4px;
}

#banner_buttons #button_society h2,
#banner_buttons_small #button_society h2{
	position:absolute;
	top:25px;
	right:5px;
}

/* Wraparound Effect (need to use "before" on both due to "after" bug) */
#zone-menu-wrapper:before{
	content:" ";
	background-image:url(images/triangle_topLeft.png);
	width:16px;
	height:10px;
	position:absolute;
	bottom:0;
	left:0;
	margin-bottom:-10px;
}

#zone-menu-wrapper #zone-menu:before{
	content:" ";
	background-image:url(images/triangle_topRight.png);
	width:16px;
	height:10px;
	position:absolute;
	bottom:0;
	right:0;
	margin-bottom:-10px;

}



/* 
FOOTER 
*/

#zone-footer {
	width:758px;
}

#zone-footer #region-footer-first{
	border-left:#333 solid 1px;
	border-right:#333 solid 1px;

	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px;
}


#zone-footer #region-footer-first #follow_text{
	font-size:110%;
	margin-left:1em;
}

#zone-footer #footer_zoom #zoom_text{
	font-size:110%;
}

#zone-footer #region-footer-first #footer_contact button{
	font-size:110%;
	
}	
#zone-footer #region-footer-first #footer_contact{
	margin-right:1em;
}


#zone-footer #region-footer-second #footer_goddard{
	display:block;
	margin-right:0em;
	margin-left:-.7em;
}






/*
CONTENT
*/


/* Featured Resources */
section#block-views-featured-resources-v3-block div.views-field-field-image{
	width:398px;
	height:auto;
}

#zone-content-wrapper,
#zone-postscript-wrapper{
	width:725px;
	margin:auto;
	position:relative;
}


#zone-header, #zone-content, #zone-preface, #zone-postscript{
	border-left:solid 3px #83A3E4;
	border-right:solid 3px #83A3E4;
}

#zone-header .region-header-first-inner, 
#zone-content .region-content-inner, 
#zone-postscript .region-postscript-first-inner{
	padding-left:11px;
	/*border-left:solid 2px #CCD4F0;*/
}

header#section-header div#zone-header-wrapper div.zone{
	background:url(images/shadow_top_4.png) repeat-x, url(images/side_line_blue.png) repeat-y, #F1F4FC;
}
section#section-content div.zone-wrapper div.zone{
	background-image:url(images/side_line_blue.png);
	background-repeat:repeat-y;
}

body.not-front section#section-content div.zone-wrapper div.zone{
	background:url(images/shadow_top_4.png) repeat-x, url(images/side_line_blue.png) repeat-y, #F1F4FC;
}

/* Make exception for inner pages so shadow doesn't show twice */
body.node-type-page  div#zone-postscript-wrapper div#zone-postscript,
body.context-current-activities div#zone-postscript-wrapper div#zone-postscript,
body.node-type-image div#zone-postscript-wrapper div#zone-postscript{
	background-image:url(images/side_line_blue.png);
	background-repeat:repeat-y;
}

div.featured-resources-flexible ol.flex-control-nav{
	padding-left:2px;
}


body.front ul#frontlinks-left{
	display:none;
}
body.front ul#frontlinks-right{
	display:block;
}




/* Wraparound Effect (need to use "before" on both due to "after" bug) */
body div.zone-postscript-wrapper:before{
	content:" ";
	background:url(images/triangle_bottomLeft.png);
	width:16px;
	height:10px;
	position:absolute;
	bottom:0px;
	left:0px;
	margin-left:-16px;
}

body div#zone-postscript:before{
	content:" ";
	background:url(images/triangle_bottomRight.png);
	width:15px;
	height:10px;
	position:absolute;
	bottom:0px;
	right:0px;
	margin-right:-16px;

}






/*

SIDEBAR 

*/

/* Front Page */





/* Inner Pages */

body.not-front #region-sidebar-second div#block-block-8{
	margin-top:0em;
	border-top:none;
	-webkit-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
}

body.not-front #region-sidebar-second #block-search-form{
	float:none;
	padding-left:0em;
	padding-bottom:0em;
	padding-top:0em;
	margin-bottom:0em;
}

body.not-front #region-sidebar-second #advanced_search{
	padding-top:0px;
	clear:both;	
}

body.not-front #region-sidebar-second #browse_type{
	float:none;
	width:100%;
}

body.not-front #region-sidebar-second #browse_type #browse_box1{
	margin-left:0em;
}

body.not-front #region-sidebar-second #browse_type #browse_box2{
	margin-left:.7em;
}

body.not-front #region-sidebar-second #browse_audience #browse_box3{
	margin-left:0em;
}

body.not-front #region-sidebar-second #browse_audience #browse_box4{
	margin-left:1.2em;
}

body.not-front #region-sidebar-second{
	float:left;
}



#region-sidebar-second .region-inner{

}


/* Views */
div.water-cycle-latest-block{
	width:686px;
}

div.water-cycle-latest-block div.views-row,
div.view-2014-master-teacher-bios2  div.views-row{
	width:160px; /* 686 / 4 */
	margin-right:8px;
}


/* Current Activities */

body.page-resources div.view-current-activities-descriptions div.views-field-field-short-summary{
	width:400px;
	padding-left:.5em;
}	

body.page-resources div.view-current-activities-descriptions div.views-field-view{
	width:100%;
}

body.page-resources div.view-current-activities-descriptions div.views-field-view div.views-field-field-short-summary{
	padding-left:0px;
	width:100%;
}


/* Browse View */

div.view-browse-list div.group-left,
body.page-taxonomy-term div.group-left,
body.page-search div.group-left,
body.page-advanced-search div.group-left{
	display:block;
	float:left;
	width:270px;
}

div.view-browse-list div.group-right,
body.page-taxonomy-term div.group-right,
body.page-search div.group-right,
body.page-advanced-search div.group-right{
	clear:none;
	display:block;
	float:right;
	width:405px;
}


/* GPM Original Resources (Browse w/ sidebar) */

body.page-gpm-original-resources section#section-content div.view-browse-list div.group-left,
body.page-current-activities-my-nasa-data section#section-content div.view-browse-list div.group-left{
	display:block;
	float:left;
	width:200px;
}

body.page-gpm-original-resources section#section-content div.view-browse-list div.group-left img,
body.page-current-activities-my-nasa-data section#section-content div.view-browse-list div.group-left img{
	width:100%;
	height:auto;
}

body.page-gpm-original-resources section#section-content div.view-browse-list div.group-right,
body.page-current-activities-my-nasa-data section#section-content div.view-browse-list div.group-right{
	clear:none;
	display:block;
	float:right;
	width:235px;
}




/* 

RESOURCE PAGES 

*/


body.page-node div.group-left img{
	width:190px;
	height:auto;
}

body.page-node div.group-right{
	width:233px;
	min-height:203px;
	float:right;
}


/* Images */

body.node-type-image section#block-ds-extras-image-bottom-full{
	width:688px;
	height:auto;
}

body.node-type-image section#block-ds-extras-image-bottom-full div.field-name-field-large-image{
	width:auto;
}


/* Front Page */

body.front #region-header-second .region-header-second-inner #block-block-8 ul{
	margin-left:.2em;
	margin-right:.3em;
}

body.front #region-header-second .region-header-second-inner ul#browse_box3{
	margin-left:1em;
}

/* Twitter Widget */
body div.twtr-widget,
body div.twtr-widget p{
	font-size:16px!important;
	font-family:arial!important;
}