/*
 * Theme Name: Haas Program Pages - Wide
 * Author: Scott Rief
 * Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
 * Version: 1.0.1
*/

/* Import stylesheet from webfonts.fonts.com for access to Univers web fonts 
 * Available fonts: 
 * Linotype Univers® 330 Basic Light   'LinotypeUniversW01-Ligh 723631'
 * Linotype Univers® 430 Basic Regular 'LinotypeUniversW01-Regu'
 * Linotype Univers® 530 Basic Medium  'LinotypeUniversW01-Medi 723679'
 * Linotype Univers® 630 Basic Bold	   'LinotypeUniversW01-Bold 723697'
 * Linotype Univers® 830 Basic Black	 'LinotypeUniversW01-Blac 723739' */

/*----------------------------------------------------------------------- 
    CSS Reset - Based on work by Eric Meyer: //meyerweb.com/eric/tools/css/reset/index.html 
 ------------------------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

:focus {/* remember to define focus styles! */
	outline: 0;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote,
q {
	quotes: "" "";
}

a img {
	border: 0;
}

article, 
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}


/*----------------------------------------------------------------------- 
    Basic Elements
 ------------------------------------------------------------------------ */
html, 
body {
	height: 100%; /* needed so overlay covers the entire page */
}

body {
	background-color: #ececec;
	color: #636363;
	font: normal 11px/14px Verdana, Arial, sans-serif; /* standard font for all pages unless listed differently below */
}

a:link,
a:visited {
	font: normal 11px/14px Verdana, Arial, sans-serif;
	color: #3d79b5;
	text-decoration: none;
}

a:hover,
a:active {
	color: #000;
	text-decoration: underline;
}

h1 {
	color: #3d79b5;
	font: bold 16px/18px Verdana;
	margin-bottom: 20px;
}

/*----------------------------------------------------------------------- 
    Structural Elements
 ------------------------------------------------------------------------ */
.wrapper {
	background: url(../images/bg_page_bottom.jpg) no-repeat bottom, url(../images/bg_page.jpg) repeat-y center;
	min-height: 400px;
	margin: 0 auto;
	padding: 0 49px 40px 48px;
	position: relative;
	width: 980px;
}

.page-close {
	display: none;
}

.oldie .wrapper {
	background: url(../images/bg_page.jpg) repeat-y center center;
	padding-bottom: 10px;
}

.oldie .page-close {
	background: url(../images/bg_page_bottom.jpg) no-repeat top center;
	display: block;
	height: 30px;
	width: 100%;
}

.header {
	background: url(../images/bg_page_top.jpg) no-repeat top left;
	height: 107px;
	position: relative;
	width: 100%;
	z-index: 10;	
}

.page-footer {
	background: url(../images/bg_footer.jpg) bottom repeat-x;
	height: 64px;
	margin: 60px 0 7px;
	position: relative;
	width: 982px;
}

/*----------------------------------------------------------------------- 
    .header
 ------------------------------------------------------------------------ */
.logo img {
	height: 120px;
	left: 23px;
	position: relative;
	top: 19px;
	width: 197px;
}

/*-- Top Nav --*/
.top-nav {
	height: 53px;
	position: absolute;
	right: 0;
	top: 0;
	width: 760px;
	z-index: 101;
}

.top-nav ul {
	display: block;
	position: absolute;
	right: 193px;
	top: 23px;
}

.top-nav ul li {
	float: left;
}

.top-nav a {
	border-right: 1px solid #999;
	color: #999;
	display: block;
	font-size: 9px;
	line-height: 10px;
	margin: 0 13px 0 0;
	padding: 0 12px 0 0;
	text-transform: uppercase;
}

.top-nav a:hover {
	color: #000;
	text-decoration: none;
}

.top-nav ul li:last-child a {
	border-right: none;
	padding-right: 0;
}

.top-nav ul li.last a {
	border-right: none;
	padding-right: 0;
}

.top-nav form {
	display: block;
	position: absolute;
	right: 0;
	top: 20px;
}

.top-nav form input {
	display: inline;
	font-size: 10px;
	position: absolute;
}

.top-nav input[type=text] {
	border-color: #c5c4c4 #f2f2f2 #eee;
	border-right: 1px solid #eee;
	border-style: solid;
	border-width: 1px;
	color: #000;
	height: 16px;
	letter-spacing: .04em;
	line-height: 18px;
	padding: 0 0 1px 3px;
	right: 43px;
	text-align: left;
	text-indent: 3px;
	top: -1px;
	width: 129px;
}

.top-nav input[type=submit] {
	background: url(../images/sprites.png) 0 -96px no-repeat;
	border: none;
	height: 18px;
	cursor: pointer;
	right: 17px;
	top: -1px;
	width: 22px;
}

/*----------------------------------------------------------------------- 
    Global Navigation
 ------------------------------------------------------------------------ */
.global-nav {
	display: block;
	height: 54px;
	right: 0;
	position: absolute;
	top: 53px;
}

.global-nav li {
	background: url(../images/top_menu_item.png) no-repeat top left;
	display: block;
	float: left;
	position: relative;
	text-align: center;
}

.global-nav li:first-child {
	background-position: right top;
}

.global-nav li a {
	color: #7b7b7b;
	display: block;
	font-size: 12px;
	height: 54px;
	letter-spacing: .03em;
	line-height: 55px;
	width: 125px;
}

.global-nav li a:hover,
.global-nav li:hover,
.global-nav li:hover > a,
.global-nav li.current,
.global-nav li.current a {
	background-color: #bbb;
	color: black;
	text-decoration: none;
}

.global-nav li ul {
	background-color: #bbb;
	display: none;
	padding-top: 5px;
	position: absolute;
	white-space: nowrap;
	z-index: 1000;
}

.global-nav li:hover ul, 
.global-nav li ul:hover {
	display: block;
	left: 0;
	min-width: 100%;
	position: absolute;
	top: 54px;
}

.global-nav li ul li {
	background: none;
	border-bottom: 1px solid #fff;
	display: block;
	float: none;
	height: 20px !important;
	margin: 0 10px;
	text-align: left;
	white-space: nowrap;
	width: auto;
}

.ie7 .global-nav li ul li a {
	width: 180px;
}

.oldie .global-nav li ul li.last {
	border-bottom: none;
}

.global-nav li ul li a {
	color: #000;
	display: block;
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	width: auto;
}

.global-nav li ul li a:hover {
	color: #fff;
}

.global-nav li ul li:last-child {
	border: none;
	padding-bottom: 5px;
}

.global-nav li ul li a:hover,
.global-nav li ul li:hover,
.global-nav li ul li:hover > a,
.global-nav li ul li:first-child,
.global-nav li.current ul li,
.global-nav li.current ul li a {
	background: none;
}

	/* Global Navigation Special Helpers */
.seven li a {
	width: 107px; /* needed for when there are more than 6 main navigation elements */
}

.global-nav li a.two-line {
	height: 28px;
	line-height: 14px;
	padding: 13px 0;
}

/*----------------------------------------------------------------------- 
    Page Footer
 ------------------------------------------------------------------------ */
.page-footer .site-identity {
  position: absolute;
  font-size: 18px;
  font-family: 'LinotypeUniversW01-Medi 723679', Sans-Serif;
  word-spacing: -.1em;
  letter-spacing: .01em;
  left: 21px;
  bottom: 24px;
  color: #000;
  text-decoration: none;
}

.page-footer a img {
	height: 40px;
	margin: 12px;
	width: 136px;
}

.page-footer p {
	color: #7d7d7d;
	font-size: 10px;
	position: absolute;
	right: 200px;
	top: 28px;
}

.page-footer p a {
	color: #7d7d7d;
	text-decoration: underline;
}

.page-footer p a:hover {
	color: #000;
}

.page-footer ul {
	position: absolute;
	right: 10px;
	top: 26px;
	width: 160px;
}

.page-footer li {
	float: left;
	margin-right: 5px;
}

.page-footer li a {
	direction: ltr;
	display: block;
	height: 16px;
	text-indent: -9999px;
	width: 16px;
}

.page-footer .more a {
	width: 31px;
}

/*---------------- DON'T USE THIS CSS FOR CONTENT ------------------*/
.content {
	background: url(../images/haas-now.png) no-repeat top left;
	height: 300px;
	padding: 100px 20px 10px;
}


/*----------------------------------------------------------------------- 
    Haas Now Styles
 ------------------------------------------------------------------------ */
 
 
 /* Main Structural Styles */

#newsroom-content {
	background: url(../images/haas-now.png) no-repeat top left;
	padding: 78px 0 0 0;
	position: relative;
}

#date {
	width: 170px;
	position: absolute;
	left: 38px;
	top: 50px;
}
	
.sidebar {
	background: url(../images/bg_sidebar.png) repeat-y top left;
	width: 280px;
	padding: 25px 20px 20px;
	float: right;
}

.page-content {
	width: 620px;
	padding: 25px 18px 25px 22px;
}

.page-content-left {
	width: 210px;
	float: left;
	padding: 25px 0 0 0;
	margin-right: 30px;
}

.page-content-right {
	width: 365px;
	float: right;
	padding: 25px 0 0 0;
	margin-right: 15px;
}

.page-content-topic {
	width: 540px;
	float: left;
	padding: 0;
	margin-right: 35px;
}

.page-content-story {
	width: 500px;
	float: left;
	padding: 0;
	margin-right: 35px;
}

.clear {
	clear: both;
	height: 10px;
}


/* Feature Stories Structure */

#feature-story {
	background: url(../images/div-shadow.png) no-repeat bottom left;
	min-height: 300px;
	padding-bottom: 15px;
}

.feature-3-content {
	width: 190px;
	min-height: 225px;
	padding: 0 9px 10px 9px;
	float: left;
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
}

.feature-3-photo {
	margin-bottom: 5px;
}

.first-story {
	padding: 0 9px 0 0;
	border: none;
}

.last-story {
	border: none;
}

.feature-1-content {
	width: 270px;
	margin: 25px 15px 0 0;
	float: right;
}

.feature-1-photo {
	width: 300px;
	float: left;
}


/* Main Content - Left Column Structure */

.events {
	background: url(../images/div-shadow.png) no-repeat bottom left;
	padding: 0 0 35px 0;
}
	

/* Main Content-  Right Column Structure */

.news-highlights {
	background: url(../images/div-shadow.png) no-repeat bottom left;
	padding: 0 0 40px 0;
}

.news-by-topic {
	padding: 20px 0 40px 0;
}

.newswire-link {
	display: block;
	padding: 11px 0;
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
}

.other-publications {
	padding: 40px 0 20px 0;
}

.magazine-cover {
	float: left; display: inline;
	margin-right: 60px;
}


/* Sidebar Structure */

.haas-facebook, .video-room, .story-topics {
	background: #fff;
	width: 246px;
	margin: 25px 0 0 0;
	padding: 20px 17px;
	border: 1px solid #c1c1c1;
}

.haas-tweets {
	margin: 25px 0 0 0;
}

.image-bank {
	margin-top: 40px;
}

.icon-right {
	float: right;
	margin: -5px 0 0 10px;
}

.no-margin {
	margin-top: 0;
}

.sidebar .events {
	background: none;
	padding: 0;
}


/* Newsroom Font Styling */


#date p {
	font: normal 12px/12px 'LinotypeUniversW01-Regu', Helvetica, Arial;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #fff;
}

.page-content h2 {
	color: #555555;
	font-weight: normal;
}

.news-highlights h2 {
	font: normal 30px/30px 'LinotypeUniversW01-Ligh 723631', Helvetica, Arial;
	margin-bottom: 20px;
}

.sidebar h2, .page-content-right h3 {
	font: normal 20px/18px 'LinotypeUniversW01-Regu', Helvetica, Arial;
	margin-bottom: 15px;
	
}

.sidebar h2 a, .sidebar h2 a:visited {
	font: normal 20px/18px 'LinotypeUniversW01-Regu', Helvetica, Arial;
	margin-bottom: 15px;
	color: #555555;
}

.page-content-left h2 {
	font: normal 22px/20px 'LinotypeUniversW01-Ligh 723631', Helvetica, Arial;
	margin-bottom: 15px;
}

.haas-in-news h2 {
	margin-top: 10px;
}

.page-content-left h4 {
	font: bold 12px/18px Verdana, Arial, sans-serif;
	color: #636363;
	margin: 20px 0 0 0;
}


/* Feature Stories */

.feature-1-content h2, .feature-1-content h2 a, .feature-1-content-h2 a:visited {
	font: normal 20px/20px Verdana, Arial, sans-serif;
	color: #3d79b5;
	margin-bottom: 25px;
}

.feature-1-content p {
	font: normal 12px/16px Verdana, Arial, sans-serif;
	color: #636363;
}

.feature-3-content p {
	font: normal 12px/14px Verdana, Arial, sans-serif;
	color: #636363;
	margin: 6px 0 0 0;
}


/* News Highlights */

.news-highlights article { 
	padding: 10px 0;
	border-bottom: 1px solid #bdbdbd;
}

article.last {
	border: none;
}


.news-highlights a {
	font: normal 14px/14px Verdana, Arial, sans-serif;
	color: #3d79b5;
}



/* News Topics */

.news-by-topic-list {
	display: inline-block;
	margin: 0 20px 0 0;
	padding: 0;
	zoom: 1;
	*display: inline;
}

.news-by-topic-list ul {
	padding: 0;
	margin: 0;
}

.news-by-topic li {
	margin-top: 4px;
}

.news-by-topic a, .news-by-topic a:visited {
	font: normal 13px/14px Verdana, Arial, sans-serif;
	color: #636363;
}

/* NewsWire */

.newswire-link a {
	color: #3d79b5;
	font: normal 14px/18px 'LinotypeUniversW01-Medi 723679', Verdana, Arial, sans-serif;
}

/* Other Publications */
.other-publications a {
	font: normal bold 12px/18px Verdana, Arial, sans-serif;
	color: #636363;
}


/* Events */

.events p {
	font: normal 11px/14px Verdana, Arial, sans-serif;
	color: #636363;
	margin-top: 6px;
}

.events hr, .video-room hr {
	color: #bdbdbd; 
	background-color: #bdbdbd; 
	height: 1px; 
	border:0; 
	margin: 10px 0;
}

.sidebar .events p {
	margin-top: 15px;
}


/* Haas in the News */

.haas-in-news p {
	font: normal 11px/15px Verdana, Arial, sans-serif;
}

.pub-title {
	text-transform: uppercase;
	margin-top: 18px;
}

p.media-contact {
	font: normal 11px/12px Verdana, Arial, sans-serif;
	color: #636363;
	margin-top: 6px;
}

a.grey-link {
	color: #636363;
}

/* Haas in Blogs */
.haas-blogs article {
	display: block;
	margin: 7px 0 0 0;
	width: 280px;
	clear: both;
	min-height: 37px; 
   	height:auto !important; 
   	height: 37px;
	padding: 6px 0 0 0;
	border-top: 1px solid #dfdfdf; 	/*Create div lines above listings */
}

.haas-blogs article a {
	width: 234px;
	display: inline-block;
	zoom:1; *display: inline; /*fix for IE7 */
}

article.haas-blogs-first {
	padding: 0;
	margin-top: 12px;
	border: none; /*Class added to first blog listing */
}

.haas-blogs article {
	display: block;
	margin: 12px 0 0 0;
	width: 280px;
	clear: both;
	min-height: 37px; 
   	height:auto !important; 
   	height: 37px; 	
}

.blog-icon {
	float: left;
	margin-right: 9px;
}

.haas-blogs a, haas-blogs a:visited {
	color: #636363;
}


.haas-blogs b {
	font: normal bold 11px/15px Verdana, Arial, sans-serif;
	color: #3d79b5;
	text-transform: uppercase;
	letter-spacing: .02em;
}

/* Facebook */
.haas-facebook p {
	color: #636363;
	margin: 15px 0 0 0;
}

/* Haas Tweets */

.haas-tweets p {
	margin-top: 15px;
}


/* Video Room */
	
.video-room article {
	width: 246px;
	display: block;
	min-height: 60px; 
   	height:auto !important; 
   	height: 60px;
	
}

p.video-room-entry {
	margin-top: 13px;
}

.video-room a {
	font: normal 12px/14px Verdana, Arial, sans-serif;
}


/* Topic Page */

.page-content-topic h2 {
	font: normal 24px/24px 'LinotypeUniversW01-Ligh 723631', Helvetica, Arial;
	margin: 0 0 20px 0;
	padding: 0;
	font-weight: normal;
	color: #555555;
}

.page-content-topic h2 strong {
	font-family: 'LinotypeUniversW01-Medi 723679', Verdana, Arial, sans-serif;
}

.page-content-topic p {
	font: normal 11px/14px Verdana, Arial, sans-serif;
	margin: 15px 0 0 0;
}

.page-content-topic p strong {
	font: bold 11px/14px Verdana, Arial, sans-serif;
}


/* Story Page */

.links {
	margin: 0;
}

.page-content-story h2 {
	font: bold 14px/14px Verdana, Helvetica, Arial;
	margin: 30px 0 0 0;
	color: #636363;
}

.page-content-story p {
	font: normal 11px/15px Verdana, Arial, sans-serif;
	margin: 20px 0 0 0;
}

.page-content-story ul {
	list-style-type: disc;
	font: normal 11px/15px Verdana, Arial, sans-serif;
	margin: 20px 0 0 16px;
}

.page-content-story li {
	margin: 11px 0;
	font: normal 11px/16px Verdana, Arial, sans-serif;
}

p.story-date {
	margin-top: 0;
}

/* Story Page Topics */

.story-topic-list {
	display: inline-block;
	margin-right: 10px;
	width: 110px;
	zoom: 1;
	*display: inline;
}

.story-topic-list ul {
	padding: 0;
	margin: 0;
}
	
.story-topic-list li {
	margin-top: 4px;
}

.story-topic-list a, .story-topic-list a:visited {
	font: normal 13px/14px Verdana, Arial, sans-serif;
	color: #636363;
}



/*----------------------------------------------------------------------- 
    Images
 ------------------------------------------------------------------------ */
 
img {
	 border: none;
 }
 
 .story-photo {
	 float: left;
	 margin: 20px 15px 15px 0;
 }
 
 .news-photo {
	 float: left;
	 margin: 0 10px 0 0;
 }



/*----------------------------------------------------------------------- 
    Image Sprites
 ------------------------------------------------------------------------ */
.facebook,
.linkedin,
.twitter,
.youtube,
.rss,
.more,
.podcast,
.chat,
.email,
.itunes,
.pdf,
.video,
.linkedin-small,
.crb {
	background: url(../images/sprites.png) no-repeat;
}

.facebook {
	background-position: 0 0;
}

.linkedin {
	background-position: 0 -16px;
}

.twitter {
	background-position: 0 -32px;
}

.youtube {
	background-position: 0 -48px;
}

.rss {
	background-position: 0 -64px;
}

.more {
	background-position: 0 -80px;
}

.podcast {
	background-position: 0 -310px;
}

.chat {
	background-position: 0 -327px;
}

.email {
	background-position: 0 -341px;
}

.itunes {
	background-position: 0 -359px;
}

.pdf {
	background-position: 0 -376px;
}

.video {
	background-position: 0 -392px;
}

.crb {
	background-position: 0 -421px;
}

a.linkedin-small {
	background-position: 0 -407px;
	color: #000;
	display: block;
	height: 13px;
	text-indent: 21px;
}

a:hover.linkedin {
	color: #000;
	font-weight: bold;
}

.podcast a {
	margin-left: 20px;
}

.icon {
	height: 17px;
	margin-right: 5px;
	vertical-align: middle;
	width: 17px;
}

/*----------------------------------------------------------------------- 
    Helper Classes
 ------------------------------------------------------------------------ */
/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before,
.clearfix:after,
.ui-helper-clearfix:before,
.ui-helper-clearfix:after,
.content:before,
.content:after { content: ""; display: table; }

.clearfix:after,
.ui-helper-clearfix:after,
.content:after { clear: both; }

.clearfix,
.ui-helper-clearfix,
.content { zoom: 1; }

.alignleft {
	float: left;
	margin: 0 7px 7px 0;
}

.alignright {
	float: right;
	margin: 0 0 7px 7px;
}