/* This file will hold the main styles for your website. */

/* ================================= */
/* ------  TABLE of CONTENTS ------- */
/* --------------------------------- */
/* ------- 1. Global Styles -------- */
/* ------- 2. Library -------------- */
/* ------- 3. Header --------------- */
/* ------- 4. Footer --------------- */
/* ------- 5. Page Structure ------- */
/* ------- 6. Headings ------------- */
/* ------- 7. Text Styles ---------- */
/* ------- 8. Navigation ----------- */
/* ------- 9. Forms ---------------- */
/* ------ 10. Panels --------------- */
/* ------ 11. Views ---------------- */
/* ------ 12. Misc. ---------------- */
/* --------------------------------- */
/* ================================= */	


/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
	body {
		font-family: 'Lato', sans-serif;
		font-size: 0.9em;
		font-weight: 300;
		line-height: 1.5em;
	}
	
	/* Default links */
	a, a:link, a:visited, a:active {
		text-decoration: none;
		border-bottom: 1px dotted;
	}
	
	/* Inline image links */
	a img {
		border: 1px solid; 
	}	
		/* no border on logo img or containing link, article full-text .cit-extra links, and image ads */
		.logo-img a, a img#logo,
		.cit-extra a,
		.pane-image-ad a img {
			border: 0;
		}
		
	/* Content containers */
	.block, .panel-pane {
	  margin-bottom: 1.5em;
	  margin-top: 1em;
	}
		/* margin overrides */
		#zone-user .block, #zone-user .panel-pane {
			font-size: 0.9em;
			margin-bottom: 3px;
			margin-top: 3px; 
		}
		#zone-branding .block, #zone-branding .panel-pane {
			margin-bottom: 0;
			margin-top: 0;
		}
		/* too much space on panels pages between title and content - let's reduce that */
		div[class*='panels-layout-panels_omega_'] #block-system-main {
			margin-top: 0;
		}
			/* ... except on the front page */
			.front div[class*='panels-layout-panels_omega_'] #block-system-main {
				margin-top: 0.5em;
			}
			
	/* Ordered lists- add padding */
	ol {
		padding-left: 20px;
	}
		ol li p, ul li p { 
			margin-bottom: 5px; 
		}
	
	/** Link lists **/
	ul.links li, ul.menu li {
	  list-style: none;
	}
		/* display link lists inline */
		#zone-user .item-list ul li,
		#zone-user ul.menu li,
		#zone-footer ul.menu li {
			display: inline;
			line-height: 10px;
			list-style: none;
			margin: 0;
			padding: 0;
		}
		#zone-user .item-list ul li a, #zone-user ul.menu li a,  
		#zone-footer ul.menu li a, #zone-user ul.links li a {
			font-size: 11px;
			margin: 0 5px;
			padding: 0;
		}
		#zone-footer .block .content {
			font-size: 11px;
		}
	/* add margin to images with left or right align attribute */
	img[align="left"] { margin-right: 8px; margin-top: 5px; }
	img[align="right"] { margin-left: 8px; margin-top: 5px; } 

/* ------------------------------------*/
/* ---------->>> LIBRARY <<<-----------*/
/* ------------------------------------*/

	/* Quick & Dirty show/hide classes */
	.region-blocks-hide .block, 
	.hide-me {
		display: none;
	}
	.show-me-inline { display: inline; }
	.show-me-block { display: block;	}
	.show-me-inline-block { display: inline-block; }
	
	/* classes for positioning blocks within a region */
	.region-blocks-right .block {
		float: right;
	}
	
	/* float + margin classes */
	.float-me-right {
		float: right; 
		margin-left: 10px;
	}
	.float-me-left {
		float: left;
		margin-right: 10px;
	}
	
	/* Accented block regions and panes */
	.region-blocks-accented .block, 
	.pane-accented {
		padding: 10px;
	}
	
	/* Remove bg colors & shadow from certain panes */
	.pane-bg-transparent {
		background: transparent !important;
		box-shadow: none !important;
		 -moz-box-shadow: none !important;
		 -webkit-box-shadow: none !important; 
	}
	.pane-bg-transparent .hw-img-slideshow .views_slideshow_slide, 
	.pane-bg-transparent .hw-content-slideshow .views_slideshow_slide,
	.pane-accented .hw-img-slideshow .views_slideshow_slide, 
	.pane-accented .hw-content-slideshow .views_slideshow_slide,
	.panel-region-sidebar-first .hw-img-slideshow .views_slideshow_slide,
	.panel-region-sidebar-first .hw-content-slideshow .views-slideshow_slide,
	.panel-region-sidebar-second .hw-img-slideshow .views_slideshow_slide,
	.panel-region-sidebar-second .hw-content-slideshow .views-slideshow_slide {
		box-shadow: none !important; 
		 -moz-box-shadow: none !important;
		 -webkit-box-shadow: none !important;
	}
	
	/* Remove margin classes */
	.margin-bottom-remove, .no-margin-bottom { margin-bottom: 0 !important; }
	.margin-top-remove, .no-margin-top { margin-top: 0 !important; }
	.no-margin-left { margin-left: 0 !important; }
	.no-margin-right { margin-right: 0 !important; }

/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/
	/** USER ZONE **/
		#zone-user-wrapper {
			border-bottom: 2px solid; 
			margin-bottom: 20px;
		}
		/* float form items, user bar first blocks left */
		#zone-user .form-item,
		#zone-user .region-user-first .block {
		  float: left;
		}

		/* center align user bar second region & its contained blocks */ 
		#zone-user .region-user-second .block, #zone-user .region-user-second .block-panels-mini {
			margin: 0 auto;
		}
			/* set fixed width here so the share buttons don't wrap and make the user bar taller */
			#zone-user .region-user-second .block-panels-mini .panel-pane {
				float: left;
				padding-top: 2px;
				width: 100px;
			}
		/* float userbar third region, its blocks, and user login menu right */
		#region-user-third, #region-user-third form,
		#zone-user .region-user-third .block-user-menu,
		#region-user-third .block-user-login .item-list {
		  float: right;
		}
			/* User login form styles */
			#region-user-third .block-user-login .form-item, 
			#region-user-third .block-user-login .item-list {
				margin-bottom: 0; 
				margin-top: 0; 
			}
			#region-user-third .block-user-login input {
				width: 100px; 
			}
			#region-user-third .block-user-login ul, #region-user-third .block-user-login li {
				margin: 0;
				padding: 0;
			}
				.block-user-login a {
					line-height: 23px; 
					margin-right: 10px;
				}
					.block-user-login li.last a { margin-right: 0; }
					
	/** ADVERT ZONE **/					
	#zone-advert-wrapper {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	/** BRANDING ZONE **/
		#zone-branding-wrapper {
			padding-top: 20px;
		}

		/* logo img */
		.logo-img {
			margin-right: 10px;
		}
			.logo-img img {
				max-height: 75px;
				margin: 5px 0 5px 5px;			
			}

		/* site title / slogan */
		.site-name-slogan {
			margin-bottom: 10px; 
			margin-left: 10px;
		}
			.site-name-slogan .site-name {
				margin-top: 15px;
			}
			.site-name a { border-bottom: 0; }
					
/* -----------------------------------*/
/* ---------->>> FOOTER <<<-----------*/
/* -----------------------------------*/
	/* Zone-postscript is our dedicated "extended footer" zone- so add extra padding on region-inner */
	#zone-postscript .region .region-inner {
		padding: 0 10px;
	}


/* -------------------------------------*/
/* ------->>> PAGE STRUCTURE <<<--------*/
/* -------------------------------------*/
	/* set z-index to have branding and content look as if they are on top of menu "layer" */
	#zone-branding, #zone-content {
		position: relative;
		z-index: 3;
	}
	/** box shadow on zone-branding, zone-menu & zone-content, as well as other things like blocks/panels in sidebar region, accented panes, etc **/
	#zone-branding, #zone-menu, #zone-content,
	.hw-media-gallery .row-image img, .pane-accented,
	.panel-region-sidebar-first .panel-pane, .panel-region-sidebar-second .panel-pane, 
	.region-sidebar-first .block, .region-sidebar-second .block,
	.region-sidebar-first .block-panels-mini .panel-pane, 
	.region-sidebar-second .block-panels-mini .panel-pane
	.hw-img-slideshow .views_slideshow_slide, .hw-content-slideshow .views_slideshow_slide {
		box-shadow: 0px 0px 5px rgba(0,0,0,0.2); 
		 -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
		 -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	}
		/* Adjust for mini panels blocks */
		.region-sidebar-first .block.block-panels-mini, 
		.region-sidebar-second .block.block-panels-mini {
			box-shadow: none;
			 -moz-box-shadow: none;
			 -webkit-box-shadow: none;
		}
	/** CONTENT REGION **/
	#zone-content {
		margin-bottom: 25px;
	}
		/* add top padding so that content panels are lined up w/ sidebar panels */
		.panel-region-content .inside {
			padding-top: 10px;
		}

	/** SIDEBARS **/
		.region-sidebar-first .block, 
		.region-sidebar-second .block,
		.panel-region-sidebar-first .panel-pane,
		.panel-region-sidebar-second .panel-pane,
		.region-sidebar-first .block-panels-mini .panel-pane,
		.region-sidebar-second .block-panels-mini .panel-pane {
			padding: 10px; 
		}
			/* mini panels puts panels inside one block, so we have to adjust the css to make them all look the same */
			.region-sidebar-first .block.block-panels-mini, .region-sidebar-second .block.block-panels-mini {
				background: transparent;
				padding: 0;
			}
	
	/** NODE **/
		.node-teaser .content img {
		  float: left;
		  margin: 5px 10px;
		}
	
	/** POSTSCRIPT ZONE **/
		/* give top border to zone wrapper */
		#zone-postscript-wrapper {
		  margin-top: 20px;
		  padding-top: 10px;
		}
		#zone-postscript .region {
			border-left: 1px solid;
		  margin-bottom: 10px;
		  margin-left: 0;
		  padding-left: 9px;
		}
		#zone-postscript .region:first-child {
		  border-left: 0;
		  padding-left: 10px;
		}
		
/* -----------------------------------*/
/* --------->>> HEADINGS <<<----------*/
/* -----------------------------------*/
	/* Defaults */
	h1, h2, h3, h4, h5, h6 {
		font-family: 'Sorts Mill Goudy', serif;
		margin-bottom: 10px;
	}
	h1 {
		font-size: x-large;
	}
	h2 {
		font-size: large;
	}
	h3 {
		font-size: medium;
	}
	
	/* page title */
	h1#page-title, h2#page-title {
		border-bottom: 2px solid;
		margin-top: 10px; 
		margin-bottom: 0;
		padding: 10px;
	}
		/* page titles w/ panels layout */
		div[class*='panels-layout-panels_omega_'] #zone-content #region-content h1#page-title,
		div[class*='panels-layout-panels_omega_'] #zone-content #region-content h2#page-title {
			margin-left: 10px;
			margin-right: 10px;
		}
	
	/* block / pane titles */
	#zone-content h2.block-title, #zone-content h2.pane-title {
		font-size: 1.4em;
	}
	

/* ------------------------------------*/
/* -------->>> TEXT STYLES <<<---------*/
/* ------------------------------------*/

	#zone-postscript .block .content p:last-child {
		margin-bottom: 0;
	}
	
	/*.node-type-highwire-article p { 
		text-align: justify;
	}*/
		.node-type-highwire-article .fig-caption p, 
		.node-type-highwire-article .table-caption p,
		.node-type-highwire-article .media-caption p {
			text-align: left;
		}
	.node-type-highwire-article p strong { font-weight: 400; }


/* -----------------------------------*/
/* -------->>> NAVIGATION <<<---------*/
/* -----------------------------------*/
	/* Main Navigation
	 ----------------- */
		/* float navigation left */
		#zone-menu .navigation {
		  float: left;
		  margin: 0;
		  padding: 0;
		}
			.navigation ul li {
				float: left;
				margin: 0 5px 0 0;
				padding: 0;
			}
			.navigation a {
				border-bottom: 0;
				display: block;
				padding: 5px;
			}
		/* main menu */
		ul#main-menu {
			display: block;
			margin: 0;
			padding: 0;
		}
		/* float any other menu zone blocks right */
		#zone-menu .block {
		  float: right;
		  margin-top: 2px;
		  margin-bottom: 0;
		}
	
	/* Content Tabs 
	--------------- */
	ul.primary {
		border-bottom: 0;
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
	}
		div[class*='panels-layout-panels_omega_'] ul.primary {
			margin-left: 10px;
			margin-right: 10px;
		}
		ul.primary li a {
			border: 1px solid; 
			padding-bottom: 3px;
		}
		ul.primary li.active a {
			border-top: 2px solid;
		}


/* ----------------------------------*/
/* ---------->>> FORMS <<<-----------*/
/* ----------------------------------*/
	/* hide login button on user login block because we have added a custom text link */
	/* using clip instead of display: none will allow a user to still hit enter to submit the form */
	#user-login-form .form-actions {
	  position: absolute !important;
	  clip: rect(1px,1px,1px,1px);
	}
	#region-user-third #user-login-form input.form-text {
		border: 0;
		font-size: 11px;
	}
		#region-user-third #user-login-form input#edit-name {
			border-radius: 4px 0 0 4px;
			 -moz-border-radius: 4px 0 0 4px;
			 -webkit-border-radius: 4px 0 0 4px;
			margin-right: 1px;
		}
		#region-user-third #user-login-form input#edit-pass {
			border-radius: 0 4px 4px 0;
			 -moz-border-radius: 0 4px 4px 0;
			 -webkit-border-radius: 0 4px 4px 0;
		}
	
	/* Search Block form */
	#search-block-form input.form-text, #search-block-form input[type="submit"] {
		font-family: 'Lato', sans-serif;
		font-weight: 400;
		margin: 0;
	}
	/* set search block form input to 14em which fits about 27 chars */
	#search-block-form input.form-text {
		border: 0;
		border-radius: 4px 0 0 4px;
		 -moz-border-radius: 4px 0 0 4px;
		 -webkit-border-radius: 4px 0 0 4px;
	  width: 12em;
	}
		#search-block-form input[type="submit"] {
			border: 0;
			border-radius: 0 4px 4px 0;
			 -moz-border-radius: 0 4px 4px 0;
			 -webkit-border-radius: 0 4px 4px 0;
			height: 23px;
			line-height: 23px;
			margin-left: -3px;
			padding-top: 0;
			padding-bottom: 0;
			text-shadow: none;
		}

	
/* -----------------------------------*/
/* ---------->>> PANELS <<<-----------*/
/* -----------------------------------*/
  /* if this is a panels-layout-panels_omega_* layout, adjust width & margins */
  div[class*='panels-layout-panels_omega_'] #zone-content #region-content {
  	margin-left: 0;
  	margin-right: 0;
  	width: 960px; 
  }

  
/* ----------------------------------*/
/* ---------->>> VIEWS <<<-----------*/
/* ----------------------------------*/ 

	/* admin related- but admin theme css is not getting included in views admin
		 todo: put this in admin theme 
	 */
	 		/* Add z-index on this help collapsable div so we can actually click on it */
			#edit-options-alter-help-wrapper {
				position: relative;
				z-index: 5;
			}
	
	.more-link a {
		border: 0;
		display: block;
		font-weight: 400;
		text-align: center;
		text-transform: uppercase;
	}
	
	/* Views grid - remove default border and set td widths based on column count */
	table.views-views-grid {
		border: 0;
	}
		table.cols-2 td { width: 50%; }
		table.cols-3 td { width: 33%; }
		table.cols-4 td { width: 25%; }


/* ---------------------------------*/
/* ---------->>> MISC <<<-----------*/
/* ---------------------------------*/

	/* All jquery ui elements - remove border on links */
	.ui-widget a {
		border: 0;
	}
	/* Jquery selectmenu is too tall by default- so make it smaller */
	.ui-selectmenu {
		/*border: 1px solid transparent;*/
		height: 1.3em;
	}
		a.ui-selectmenu {
			/*border-color: transparent !important;
			border-bottom: 0;*/
			border-bottom-style: solid;
		}
		
	ul.ui-selectmenu-menu { /*border: 1px solid transparent;*/ }
	.ui-selectmenu-status, .ui-selectmenu-menu li a {
		font-family: 'Lato', sans-serif;
		font-size: 11px;
		font-weight: normal;
		line-height: 1em;
	}
	.ui-selectmenu-status {
		padding-top: 0.3em;
	}
	ul.ui-selectmenu-menu { border-top: 0; }
	.ui-state-hover, .ui-widget-content .ui-state-hover {
		border: 1px solid transparent;
	}
	/* hide the currently selected domain from the list */
	.ui-selectmenu-open li.ui-selectmenu-item-selected {
		display: none;
	}
	
	/* HW Article Specific Overrides
	------------------------------- */
	/* Highwire article specific styles */
	.node-type-highwire-article a.xref-bibr, 
	.node-type-highwire-article a.xref-fig, 
	.node-type-highwire-article a.xref-table,
	.node-type-highwire-article a.xref-disp-formula {
		font-weight: 400;
	}
	.highwire-article-nav ol {
		font-family: 'Sports Mill Goudy', serif; 
		font-style: italic;
	}
		.highwire-article-nav ol li a {
			font-family: 'Lato', sans-serif; 
			font-style: normal;
		}
	/* instead of default bold, make doi weight 400 becuase our font supports more weights */
	.hw-article-citation .doi,
	.hw-article-citation .cit-date,
	.hw-article-citation .page-num {
		font-weight: 400;
	}