/* Waterloo Site Styles */
/* Expands upon basic type styles as defined in naked.css */
/* by White Whale Web Services */



/* Frequently used elements */
.event { margin:16px 0; }
	.event_details { font-size:0.85em; }
	.event img { margin-top:4px; }
	.event_title a { text-decoration:none; }
	.event_title a:hover { text-decoration:underline; }

.newslist,.eventslist { }
	.newslist li,.eventslist li { margin:0.4em 0; }

.spotlight { }
	.spotlight h3 a { color:#666; font-weight:bold; text-decoration:none; }
		.spotlight h3 a strong { color:#444; font-weight:bold; }
	.spotlight h3 a:hover { text-decoration:underline; }
	
.departmentlist { -moz-column-count:2; -webkit-column-count:2; column-count:2; }
	.departmentlist li { display:block; }

.quicklinks { position:relative; margin:0 -10px 20px -10px; }
	.quicklinks h5 { cursor:pointer; padding:5px 10px; }
	.quicklinks h5 a { cursor:pointer; background:url(../images/dropdown_arrow.png) no-repeat right center; padding-right:20px; }
	.quicklinks ul { display:none; position:absolute; width:100%; background-color:#eee; padding:10px; margin:0; padding:0 0 5px; }
		.quicklinks ul li { padding:3px 10px; }
	.quicklinks.hover h5 { background-color:#ddd; }
	.quicklinks.hover ul { display:block; }

.columns { overflow:auto; clear:both; }
	.column { float:left; }
	.column+.column { margin-left:20px; }

.divider { height:26px; line-height:26px; background-color:#923; color:#fff !important; padding:0 10px; margin:15px -20px 2px -10px; position:relative; z-index:50; }

h1 .subhead { font-size:0.5em; line-height:1.2em; display:block; }

a.rss { display:block; float:right; width:18px; height:18px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden; }
a.rss:hover { -moz-box-shadow:0 0 3px #fff; -webkit-box-shadow:0 0 3px #fff; box-shadow:0 0 3px #fff; }

ul.listbox { height:200px; background-color:#333; padding:0 4px; overflow:auto; border:1px solid #333; font-size:0.9em; position:relative; }
	ul.listbox li { padding:3px 6px; position:relative; }
		ul.listbox li a { font-weight:normal !important; color:#fff !important; }
	ul.listbox li.odd { background-color:#444; }
	
/* Navbars */
.navbar { clear:both; line-height:26px; font-size:0.9em; }
.navbar ul { margin:0 auto;  }
	.navbar li { float:left; margin:0 0 0 -6px; white-space:nowrap; }
	.navbar li+li { margin:0; }
	.navbar li:last-child { margin-right:-6px; }
		.navbar li a { text-decoration:none; padding:0 8px; display:block; }

/* Page structure */
#accessibility_links { padding:0; }
.skiplink { position:absolute; }

body { padding:0; background-color:#000; margin:0 auto; max-width:1820px; min-width:980px; }


#institutional_header { margin:0; position:relative; }
	#institutional_header .container { position:relative; }
	#institutional_header .navbar { background:url(../images/background_wbar.png) no-repeat left top; }
	#wordmark { float:left; margin:10px 0; }
		#wordmark img { height:34px; display:block; margin-left:-4px; }
	#search { float:right; margin:15px 0; }
		#search label { color: #fff; font-weight: normal; }
		#searchterm { background-color:#ffffff; color:#000000; border:none; padding:0 6px; height:26px; line-height:26px; width:15em; font-size:0.9em; }
		#search_submit { width:10px; height:26px;margin-left:10px; text-indent:-999em; overflow:hidden; background:#000 url(../images/search_submit.png) no-repeat center center; color:#fecb00; border:none; cursor: pointer}
	#institutional_gateways { display:none; float:right; clear:right; list-style-type:none; margin:0;  }
		#institutional_gateways li { float:left; margin-left:5px; padding-left:9px; line-height:12px; padding-bottom:2px; }
			#institutional_gateways li+li { border-left:1px solid #666; float:left; margin-left:10px; }
				#institutional_gateways li a { color:#fff; text-decoration:none; }
				#institutional_gateways li a:hover { color:#fc0; text-decoration:none; }
				#institutional_gateways li a.active { color:#fc0; }
	#wbar { border-top:2px solid #fecb00; background-color:#333; font-size:1em; position:relative; overflow:visible; }
		#wbutton { width:50px; height:26px; overflow:hidden; text-indent:-999em; position:absolute; right:0; bottom:-26px; background:#fecb00 url(../images/wbar.png) no-repeat top center; z-index:500; }
		#wbutton:hover { background-position:0 -26px; }
		#wbutton.active { background-position:0 -52px; }
		#wbutton.active:hover { background-position:0 -78px; }
		#wbar ul { }
			#wbar li+li {  }
			#wbar li a { color:#bbb; padding:0 15px; }
			#wbar li a:hover { color:#fff; background-color:#000; }
			#wbar li.active a { color:#fc0; background-color:#000; }
			#wbar_panel { background:#222 url(../images/background_panel.png) repeat-x bottom right; position:absolute; top:0; right:0; z-index:550; width:1400px; color:#999; }
				#panel_container { width:940px; padding:20px 20px 10px; min-height:260px; float:right; display:none; }
					#panel_container a { font-weight:bold; color:#fc0; text-decoration:none; }
					#panel_container a:hover { text-decoration:underline; }
					#panel_container h4 { font-size:1em; font-weight:bold; color:#fc0; margin-bottom:1em; }
					#panel_container ul {
					    margin-left: 0;
					    list-style: none;
					    }
					#panel_container .newslist,#panel_container .eventslist { list-style-type:none; line-height:1.3em; }
						#panel_container .newslist li,#panel_container .eventslist li { margin-bottom:1em; }
							#panel_container .news_title,#panel_container .event_title { font-size:1.2em; font-weight:normal; }
								#panel_container .news_title a,#panel_container .event_title a { color:#fff; text-decoration:none; font-weight:normal; }
								#panel_container .news_title a:hover,#panel_container .event_title a:hover { text-decoration:underline; }
					.spinner { position:absolute; top:0; left:0; z-index:600; position:absolute; width:100%; height:100%; background:#222 url(../images/spinner.gif) no-repeat 1450px center; }
			#wbar_panel #keep_open { position:absolute; bottom:2px; right:0; padding:0 10px; height:26px; line-height:26px; width:230px; font-size:0.9em; background-color:#000; z-index:300; }
				#wbar_panel #keep_open label { padding-left:3px; color:#ccc; }
			#wbar_panel ::-webkit-scrollbar { width:10px; }
			#wbar_panel ::-webkit-scrollbar-button:start:decrement,#wbar_panel ::-webkit-scrollbar-button:end:increment { display:block; background-color:#000; color:#999; height:0; }
			#wbar_panel ::-webkit-scrollbar-track-piece { background-color:#000; }
			#wbar_panel ::-webkit-scrollbar-thumb:vertical { height:50px; background-color:#444; -webkit-border-radius:8px; }

				/* About Waterloo panel */
				#panel_container.panel_about .column1 { width:180px; }
					#panel_container.panel_about .column1 ul { list-style-type:none; }
						#panel_container.panel_about .column1 ul li { margin-bottom:9px; }
							#panel_container.panel_about .column1 ul li a { color:#fc3; text-decoration:none; font-weight:bold; }
							#panel_container.panel_about .column1 ul li a:hover { text-decoration: underline; }
				#panel_container.panel_about .column2 { width:270px; }
					#panel_container.panel_about .column2 img { border:2px solid #222; }
				#panel_container.panel_about .column3 { width:430px; }
					#panel_container.panel_about .column3 blockquote { padding:0 0 15px 0; text-indent:-0.5em; margin:1em 0 0.9em 0.5em; font-size:1.8em; color:#fff; border-bottom:3px solid #333; font-weight:300; line-height:1.25em; width:390px; }
					#panel_container.panel_about .column3 cite { display:block; margin-left:1em; color:#fff; margin-bottom:30px;  }
				
				/* Today at Waterloo panel */
				#panel_container.panel_today h3 a {
				    font-size: 1em;
				    color: #fc0;
				    font-weight: bold;
				    font-size: .9em;
				    }
				    
				#panel_container.panel_today a {
 				 color: #fff;
 				 font-weight: normal;
 				}
 				
				#panel_container.panel_today h3 a.more {
					font-size: .65em;
					font-weight: normal;
					color: #bbb;
					margin-left: .5em;
				}
 				 #panel_container.panel_today ul {
  				 list-style: none;
  				 margin-left: 0;
  				 }
  				 
  	 				    
 				 #panel_container.panel_today li+li{
  				 width: 245px;
  				 }			 
  				 
				#panel_container.panel_today .column1 { width:508px; position: relative } 
						/*
						#panel_container.panel_today .column1  li.featured { background-color:#923; padding:5px 10px; width:268px; position: relative;z-index: 50;}
						#panel_container.panel_today .column1 li.featured a { font-weight:bold;color:#fff; }
						#panel_container.panel_today .column1  li.featured img { position:absolute; right:-10px; top:-10px; z-index:1; }
						*/
						#panel_container.panel_today .column1 ul#newsreleases li:first-child { background-color:#923; padding:5px 10px; width:268px; position: relative;z-index: 50;}
						#panel_container.panel_today .column1 ul#newsreleases li:first-child a { font-weight:bold;color:#fff; }
						#panel_container.panel_today .column1 ul#newsreleases li:first-child img { position:absolute; right:-10px; top:-10px; z-index:1; }
            #panel_container.panel_today #newsimage {
                float: right;
				position: absolute;
				top: 0;
				right: 0;
				width: 250px;
                /*margin-top: -6.5em;*/
                }
			#panel_container.panel_today #newsimage p {
				margin: 0;
				font-size: 70%;
				line-height: 120%;
				color: #FFF;
			}
				
				#panel_container.panel_today .column2 { width:109px; border-left:1px solid #333; margin-left:15px; padding-left:15px; }
					.calendar_box { text-transform:uppercase; font-weight:bold;  text-align:center; margin-bottom:12px; }
					.calendar_day { line-height:22px; text-transform:uppercase; background-color:#923; border:solid #812; border-width:3px 3px 0; color:#fff; }
					.calendar_month { background-color:#fff; line-height:1em; padding-top:6px; color:#333; border:solid #ccc; border-width:3px 3px 0; }
					.calendar_date { background-color:#fff; padding-bottom:5px; line-height:1em; font-size:3em; color:#333; border:solid #ccc; border-width:0 3px 3px; }
					.weather { font-size:0.9em; line-height:1.2em; margin-top:3px; }
					.weather h6 { background-color:transparent; padding:0; font-weight:bold; font-size:1em; color:#eee; }
					.weather img { margin-top:5px; margin-bottom:7px; }
				#panel_container.panel_today .column3 { width:268px; position:relative; margin:0px -30px 0 30px; padding:0px 20px 0 0; background-repeat:no-repeat; background-position:right top;}
					#panel_container.panel_today .column3 .vcalendar { width:270px; }
						#panel_container.panel_today .column3 .vcalendar li .event_details { color:#ccc; }
		       .vevent {margin-bottom: .5em;}
            .wordtime { font-size: .9em;}
            .location {display: none;}
			
			#panel_container.panel_today #bulletin-headlines {
				font-size: .9em;
				margin-top: -10px;
				width: 245px;
			}
			#panel_container.panel_today #bulletin-headlines li {
				margin: 2px 0 0 0;
			}
			#panel_container.panel_today #bulletin-headlines strong {
				/* Daily Bulletin headlines in RSS feed have <strong> tags for some reason, let's ignore them */
				font-weight: normal;
			}

/* weather */

#outerBox {height: 60px;}

#panel_container.panel_today #outerBox h3 {
              font-size  : 1em;
              color:#Fc0;
              width: 400px;
 }

#date {
       color:#FFF;
       font-size  : 80%; 
       font-weight: none;
       margin-left: 0px;
       text-align: center;
       width      : 100px;
       }

#weather-column1 { 
          font-size  : 90%; 
          color      : #FFFFFF;
		 }
		 
#temp {font-size: 150%; text-align: center; padding-left: 20px; padding-top: 6px; color: #ffffff }

#altTemp {padding-left: 17px;
          font-size: 80%;
          text-align: center;
          color: #ffffff;
          line-height: 1em;
          }

#weather-column2  { 
           font-size  : 117%; 
           color      :#fff;
           padding-left: 24px;
           text-align: center;
           padding-top: 20px;
           }


#innerBox {background-image   : url(../images/weather_back.png); 
	       background-color   :transparent;
	       background-repeat  : no-repeat; 
           background-position: 0px 0px;
		   width: 132px;
		   height: 116px;
	
           }

#panel_container.panel_today p.weatherdata {
       font-size: .8em;
    line-height: 1.1em;
    margin-top: 0;
    width: 120px;
    }

#panel_container.panel_today p.weatherdata a{

    color: #888;
    }

#panel_container.panel_today p.weatherdata a:hover {
    color: #bbb;
    }
    
    
				/* Faculties and Academics panel */
				#panel_container.panel_faculties h3 { color:#999; margin-bottom:10px; }	
				#panel_container.panel_faculties .column1 { width:345px; font-size:0.9em; }
				#panel_container.panel_faculties .column2 { width:275px; }
				#panel_container.panel_faculties .column3 { width:275px; }
				#panel_container.panel_faculties .uc_subcolumn { float:left; width:58%; margin-right:6px; padding-top:5px; }
				#panel_container.panel_faculties .uc_subcolumn h3 { font-size:1.2em; color:#999; }
				#panel_container.panel_faculties .uc_subcolumn li { list-style-type: none; margin-right:10px; line-height: 1.3em;}
				#panel_container.panel_faculties .uc_subcolumn li a { color:#fff; font-size:0.9em; font-weight:normal; }

				#panel_container.panel_faculties .campuses_subcolumn { display:inline; float:left; width:37%; margin-right:6px; padding-top:5px; }
				#panel_container.panel_faculties .campuses_subcolumn h3 { font-size:1.2em; color:#999; }
				#panel_container.panel_faculties .campuses_subcolumn li { list-style-type: none; margin-right:6px; padding-bottom:5px; line-height: 1em; }
				#panel_container.panel_faculties .campuses_subcolumn li a { color:#fff; font-size:0.9em; font-weight:normal; }					
				#panel_container.panel_faculties .fac_subcolumn1 { float:left; width:58%; margin-right:6px; font-size:0.9em; }
				#panel_container.panel_faculties .fac_subcolumn2 { float:left; width:37%; margin-right:6px; font-size:0.9em; }
				#panel_container.panel_faculties .column1 ul { list-style-type:none; }
				#panel_container.panel_faculties .fac_subcolumn1 li,#panel_container.panel_faculties .fac_subcolumn2 li { color:#fff; font-size:1.1em; font-weight:bold; padding-left:16px; margin-left:-15px;  background-repeat:no-repeat; background-position:0 0.5em; }
				#panel_container.panel_faculties .fac_subcolumn1 li.fac_ahs {  background-image:url(../images/li_ahs.gif); }
				#panel_container.panel_faculties .fac_subcolumn1 li.fac_eng { background-image:url(../images/li_eng.gif); }
				#panel_container.panel_faculties .fac_subcolumn2 li.fac_sci { background-image:url(../images/li_sci.gif); }
				#panel_container.panel_faculties .fac_subcolumn1 li.fac_arts { background-image:url(../images/li_arts.gif); }
				#panel_container.panel_faculties .fac_subcolumn2 li.fac_math { background-image:url(../images/li_math.gif); }
				#panel_container.panel_faculties .fac_subcolumn2 li.fac_env { background-image:url(../images/li_env.gif); }
					#panel_container.panel_faculties .fac_subcolumn1 li a { color:#fff; font-size:1.1em; font-weight:bold; }
				#panel_container.panel_faculties .fac_subcolumn2 li a { color:#fff; font-size:1.1em; font-weight:bold; }
		
					/* Offices and Services panel */
					#panel_container.panel_offices .column1,#panel_container.panel_offices .column3 { font-size:0.9em; } 
					#panel_container.panel_offices .column3 { margin-left:40px; } 
						#panel_container.panel_offices .column1 ul li { list-style-type:none; display:block; float:left; width:25px; height:40px; font-size:1.2em; margin-right:10px; font-size:0.9em; } 
						#panel_container.panel_offices .column1 ul li a { color:#fff; } 
						#panel_container.panel_offices .column1 ul li a:hover { color:#bbb; text-decoration:none; }
									#panel_container.panel_offices h3 { color:#999; }	
									#panel_container.panel_offices .column1 { width:330px; }
									#panel_container.panel_offices .column2 { width:275px; }
										#panel_container.panel_offices .column2 ul.listbox { height:240px; }
									#panel_container.panel_offices .column2 { width:275px; }
									
		#faculties { z-index:100; }
		#faculties,#faculty_links ul { text-transform:uppercase; line-height:20px; list-style-type:none; }
		#faculties { position:absolute; bottom:-126px; right:0; }
			.navbar #wbar #faculties li,#faculty_links ul li { height:20px; }
			.navbar #wbar #faculties li { width:15px; margin:0; float:right; clear:right; text-align:right; overflow:hidden; }
				.navbar #wbar #faculties li a,#faculty_links ul li a { color:#fff; display:inline; font-weight:normal; text-decoration:none; }
				
				.navbar #wbar #faculties li a { padding:4px 15px; display:inline; }
				#faculty_links ul li a { display:block; margin-top:10px; padding:2px 15px 0; }
			#faculties a { display:block; overflow:hidden; height:20px; background-color:#444;}
			
#page { margin:0; padding:0; border:none;}
	#header .container { background-color:#fff; }
		#header #heading { padding:38px 0; margin:0; overflow:auto; }
			#header #heading a { float:left; margin-left:-10px; }
			#header #heading img { display:block; }
			#header #heading a+a { margin-left:10px; }
	#section_navigation { background:url(../images/background_dark.png) left top repeat-y; }
		#section_navigation .container,#footerbar .container { background-color:#444; color:#fff; }
			#section_navigation a,#footerbar a { color:#fff; }
			#section_navigation li.active a,#footerbar li.active a { background-color:#ccc; color:#222; }
			#section_navigation li a:hover,#footerbar li a:hover { background-color:#000; color:#fff; }
	#content .container { background-color:#fff; padding:20px; position:relative; }

	#subnavigation { margin:0; float:left; width:170px; padding:20px 14px 20px 0; border-right:1px solid #ccc; }
		#subnavigation li { margin-bottom:0.5em; }
		#subnavigation li a { text-decoration:none; }

	.photo_feature { float:right; width:720px; height:300px; position:relative; margin:0 20px 20px; background-color:#ddd; }
		.photo_feature ul { margin:0; padding-top:40px; }
			.photo_feature .feature_title { float:right; clear:right; position:relative; }
				.photo_feature li .feature_title a { color:#fff; padding:2px 10px; background-color:rgba(0,0,0,0.8); text-decoration:none; float:right; }
				.photo_feature li .feature_title a:hover { color:#6cf; }
				.photo_feature li+li .feature_title a { background-color:rgba(0,0,0,0.6); }
				.photo_feature li+li+li .feature_title a { background-color:rgba(0,0,0,0.4); }
				.photo_feature li.selected .feature_title a { color:#6cf; background-color:#000; }
				.photo_feature li.selected .feature_title a:hover { color:#fff; }
				.photo_feature ul li img { position:absolute; top:0; left:0; }
				.photo_feature ul li .caption { position:absolute; bottom:0; left:0; width:680px; padding:10px 20px; background-color:rgba(0,0,0,0.8); font-style:normal; color:#fff; margin:0; }
					.photo_feature ul li .caption a { color:#6cf; }
	
	#main { float:right; width:740px; margin:0; }
		#body { width:440px; float:left; }
		#sidebar { width:260px; margin:0; padding:0; float:right; }
			#sidebar_cap { margin:-20px -20px 0 -10px; }
				#sidebar_cap img { display:block; }
			#sidebar_cap+.divider { margin-top:2px; }
			#sidebar .multimedia { margin:8px -10px 20px; }
			#sidebar .fullbleed { margin:0 -20px 0 -10px; display:block; }
	#gutter { width:170px; margin:0; position:relative; padding-bottom:200px; float:left; }
		#teaser { margin-top:-110px; }
		#teaser.hasphoto { margin-top:-200px; }
			#teaser h5 { margin-bottom:5px; }
			#teaser img { height:120px; margin-top:2px; }
		#gateways { position:absolute; bottom:0; left:10px; margin:0; padding:10px 10px 20px; }
			#gateways h5 { color:#666; margin-bottom:5px; }
			#gateways a { text-decoration:none; }
			#gateways a:hover { text-decoration:underline; }
				
#footerbar { margin:0; background:url(../images/background_dark.png) left top repeat-y; }
	#footerbar #section { float:left; }
	#footerbar ul { float:right; }

#institutional_footer { line-height:26px; margin-bottom:20px; background:url(../images/background_dkgray.png) left top repeat-y; }
	#institutional_footer .container { background-color:#333; }
		#institutional_footer ul { float:left; padding:0; margin:0 0 0 -6px; }
		#institutional_footer li { margin:0; }
			#institutional_footer li a { padding:0 6px; color:#fff; }
		#institutional_footer ul.socialmedia { float:right; padding-top:5px; }
			#institutional_footer ul.socialmedia li { float:left; height:18px; margin-left:12px; }
			#institutional_footer ul.socialmedia li a { padding:0; display:block; height:18px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden; }
			#institutional_footer ul.socialmedia li a:hover { -moz-box-shadow:0 0 3px #fff; -webkit-box-shadow:0 0 3px #fff; box-shadow:0 0 3px #fff; }
				
/* Body classes */
body#homepage { }
	body#homepage #content .container { height:556px; padding:0 20px; min-height: 46em; }
		body#homepage #photo_background { height:100%; width:1400px; 
		position:absolute; top:0; right:0; background-position: top right; 
		 background-repeat:no-repeat; 
		 /* set background image in index.php since it changes regularly and occasionally needs to be on a timed basis */
		 background-color: #333;
		 z-index:100; }
		body#homepage #tagline { position:absolute; top:175px; left:20px; z-index:150; overflow:hidden; text-indent:-999em; width:650px; height:344px; 
		 background:url(../images/homepage_everything_shadow_recreated.png) left top no-repeat;
	}
	 /* **** REMEMBER - put this back in the ie7.css stylesheet too !! **** */

   body#homepage #newsite-notice, body#homepage #emerg {
   	background-color: #eee;
   	background-color: rgba(232,232,232,0.8);
   	padding: 10px;
   	position: absolute;
   	right: 0;
   	/*top: 320px;*/
   	bottom: 75px;
   	width: 216px;
   	z-index: 150;
	
   }
   
body#homepage #feature-stories-block {
	padding: 0;
	position: absolute;
	right: 0;
	top: 308px;
	z-index: 150; }
	body #feature-stories-block ul {
		list-style-type: none; }
		body #feature-stories-block ul li {
			background-color: #fff;
			display: block;
			padding: 0;
			outline-style: none;
			outline-width: medium;
			line-height: 26px;
			margin: 12px 0;
			text-transform: uppercase;
			font-size: 1em;
			font-weight: inherit; }
			body #feature-stories-block ul li a {
				display: inline-block;
				padding: 0 5px 0 15px;
				width: 230px;
				color: #000;
			    text-decoration: none; }
			body #feature-stories-block ul li a:hover {
				background-color: #ccc; }
		body #feature-stories-block ul li.special {
		    background-color: #fc0; }
			body #feature-stories-block ul li.special a:hover {
				background-color: #cca300; }
		body #feature-stories-block .w3d_bottom {
			display:none; }
				   
    body#homepage #emerg {
        top: 30px;
		width: 230px;
		height: 250px;
		background-color: rgba(255,255,244,0.9);
		overflow-y: auto;
        }

   body#homepage #newsite-notice h2, body#homepage #emerg h2 {
          text-transform:uppercase; 
          font-size: 1.2em;
          font-weight: bold;
          letter-spacing: 0;
          }
          
   body#homepage #newsite-notice p, body#homepage #emerg p  {
      font-size: .9em;
      color: #111;
     } 
  
   body#homepage #newsite-notice p+p, body#homepage #emerg h2 p+p {
      margin-bottom: 0;
      }  
   
   body#homepage #newsite-notice a:visited, body#homepage #emerg h2 a:visited {
      color: #333;
      }  
   
 
/* --- Photo Credit ---- */

body#homepage #photo_credit {
	display: block;
	position: absolute;
	right: 0;
	bottom: -26px;
	z-index: 500;
}
body#homepage #photo_credit h6 {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 26px;
	text-align: center;
	background-color: #444;
	color: #fff;
	
	height: 26px;
	margin: 0;
	padding: 0;
	width: 7.5em;
	
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	
	cursor: pointer;
}

body#homepage #photo_credit_content {
	background-color: #000;
	color: #ccc;
	font-size: 0.85em;
	padding: 10px;
	
   display: none;
	position: absolute;
	width: 450px;
	bottom: 26px;
	right: 0;
  
  }
body#homepage #photo_credit p {
	margin: 0;
	display: inline;
}

body#homepage #photo_credit p a {
    white-space: wrap; /* chrome needed this for some strange reason */
    }

body#homepage #photo_credit p.credit {
	font-style: italic;
	}

body#homepage #photo_credit p.submit {
   text-align: right;
   display: block;
	}




body#homepage #photo_credit ul {
   margin: 3px 0;
   text-align: right;
   }


body#homepage #photo_credit ul li {
   display: inline;
   padding-right: 6px;
   margin-right: 6px;
	border-right: 1px solid #ccc;
   }
   
   body#homepage #photo_credit ul li+li {
       border-right: none;
       padding-right: 0;
       }   

body#homepage #photo_credit a {
	color: #fc0;
   text-decoration: none;
}

body#homepage #photo_credit h6 a {
	color: #fff;
}

body#homepage #photo_credit a:hover {
   text-decoration: underline;
   }

body#homepage #photo_credit:hover #photo_credit_content {
   display: block;
   } 
		body#homepage #institutional_footer ul.socialmedia { margin-right:6em; }
				body#homepage #institutional_footer ul.socialmedia li { margin-left:0; }
				body#homepage #institutional_footer ul.socialmedia li+li { margin-left:12px; }
				
body.institutional #wordmark img { height:70px; }
body.institutional #institutional_gateways { display:block; }
body.institutional #page { background-repeat:no-repeat; }
	body.institutional #content .container { background-color:transparent; }
		body.institutional #subnavigation { border:solid #444; border-width:1px 0; padding:1px 0 0; width:180px; }
			body.institutional #subnavigation li { background-image:url(../images/90black.png); padding:3px 10px; border:solid #444; border-width:1px 0; margin-bottom:1px; }
				body.institutional #subnavigation li a { color:#fff; }
				body.institutional #subnavigation li a:hover { color:#fc0; }
		body.institutional #main { background-color:#fff; padding:20px 20px 20px 30px; margin:-20px -20px -20px -10px; }
		body.institutional #sidebar { margin-bottom:-20px; }

body.fullwidth #body { width:auto; padding-right:10px; }
	body.fullwidth #body .divider { margin-right:-30px; }
body.fullwidth #sidebar { display:none; }	


/* 3D effect */
.w3d_face { position:absolute; -webkit-transform-origin:0 0; -moz-transform-origin:0 0; -o-transform-origin:0 0; transform-origin:0 0; background-color:#000; }
	.w3d_color { position:absolute; height:100%; width:100%; background-position:right top; }
.w3d_right { right:-10px; top:0; width:10px; height:100%; -webkit-transform:skewY(30deg); -moz-transform:skewY(30deg); -o-transform:skewY(30deg); transform:skewY(30deg); background-repeat:repeat-x; }
	.w3d_right .w3d_color { opacity:0.8; }
.w3d_bottom { right:0; bottom:-6px; width:100%; height:6px; -webkit-transform:skewX(60deg); -moz-transform:skewX(60deg); -o-transform:skewX(60deg); transform:skewX(60deg); }
	.w3d_bottom .w3d_color { opacity:0.6; }

/* hide bottom part */	
.container>.w3d_bottom,#newsite-notice>.w3d_bottom,#emerg>.w3d_bottom,#gallery_title>.w3d_bottom,#photo_credit_content>.w3d_bottom,.divider>.w3d_bottom,body.gateway_internal #faculty_links li a>.w3d_bottom,body#homepage #photo_background>.w3d_bottom,body#homepage #homepage_features .w3d_bottom,#wbar_panel>.w3d_bottom { display:none; }

body.institutional #content>.container>.w3d_right>.w3d_color { background-color:#fff; }
#institutional_footer .container>.w3d_bottom { display:block; width:1404px; }
body.gateway_internal #content>.container>.w3d_right { background-color:#222; opacity:0.8; }
	body.gateway_internal #content>.container>.w3d_right>.w3d_color { display:none; }
#wbar_panel>.w3d_right { background-color:#777; }
#wbar_panel>.w3d_right>.w3d_color { background-position:right bottom; background-repeat:no-repeat; }
body#homepage #wbutton_face { display:none; }
body#homepage #photo_background>.w3d_right>.w3d_color { background-position:right center; }

#wbar>.w3d_right { border-top:2px solid #da0; top:-2px; z-index:100; opacity:1; background-color:#222; }
	#wbar>.w3d_right>.w3d_color { display:none; }
	#wbutton_face { background-color:#da0; height:26px; position:absolute; left:0; bottom:-26px; width:100%; }
	#fac_faces { position:absolute; left:0; bottom:-126px; height:100px; width:100%; }
		#fac_faces div { height:20px; }
#homepage_features li.active>.w3d_right { background-color:#da0; }
	#homepage_features li.active>.w3d_right>.w3d_color { display:none; }

/* right side highlight block */
#highlight-block {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 200;
		width: 230px;
		padding: 0 10px;
		background-image: url('../images/block-bg.png');
}
#highlight-block>.w3d_right {background-color: transparent;}

.highlight-item {padding: 10px 0;}
.highlight-item .date {color: #ccc; font-size: .9em;}
.highlight-item a {display: block; color: #fecb00; text-decoration: none; pointer: cursor;}
.highlight-item a:hover {text-decoration: underline;}
.highlight-item a strong {font-size: .9em;}
.highlight-item a strong:after {content: ' \00bb'; color: #fff; text-decoration: none;}

#learn-about {padding: 40px 0 0 0;}

#highlight-block h3 {font-size: .9em; color: #fff; text-transform: uppercase;}
#highlight-block ul {list-style-type: none; margin: 0 -10px 10px 0; width: 240px;}
#highlight-block ul li {
		background-color: #fff;
		display: block;
		padding: 0;
		outline-style: none;
		outline-width: medium;
		line-height: 26px;
		margin: 10px 0 0;
		text-transform: uppercase;
		font-size: 1em;
		font-weight: inherit;
}
#highlight-block ul li a {
		display: inline-block;
		padding: 0 5px 0 10px;
		width: 230px;
		color: #000;
		text-decoration: none;
}
#highlight-block ul li a:hover {text-decoration: underline;}
#highlight-block ul li .w3d_right {z-index: 300;}		
#highlight-block .w3d_bottom {display:none;}


/* just moved this to the end b/c generated content interfering wtih syntax highlighting in Bluefish */
	
.container { width:940px; padding:0 20px; margin:0 auto; max-width:none; }
.container:after { clear:both; content:'.'; display:block; height:0; overflow:hidden; visibility:hidden; }

/**
* Markup free clearing.
*
* @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack
*/
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
/* IE6 */
* html .clearfix {
 height: 1%;
}
/* IE7 */
*:first-child + html .clearfix {
 min-height: 1%;
}