/*
+-------------------------------------------------------------------------+
Title:		Base Styles
Author:		Randy D. Oest II, Lindsay Clark, G. Jason Head, Mark Frey
			University Marketing Communications
Version:	Mar2009
Copyright:	2009 - University of Pittsburgh
+-------------------------------------------------------------------------+


/* Basic Styles
----------------------------------------------------------------------- */
body {
	background: #0b7ba9 url(../images/shared/pagebg/pagebg.jpg) no-repeat center top;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:100%; /* 100% = 16px #main-container and #footer get sized */	
	line-height: 1.4em;
	margin: 0; padding: 0;
	text-align: center;}
.clear { clear:both; }

a:link, a:visited { color:#0066cc; text-decoration:none; }
a:hover { text-decoration:underline; }

img.right { float:right; margin-left:10px; margin-bottom:10px;}
img.left { float:left; margin-right:10px; margin-bottom:10px;}

hr { background:none; border-top:1px dotted #999966; padding:0; margin:0; }

/* Skip-to-nav*/

#skip-to-nav{
	width:0%;
    position:absolute;
    margin: 0;
    font-size: 1px;
	z-index:-10;
}



/* Pitt Header
----------------------------------------------------------------------- */

/* banner link color */ 				#pitt-links.blue a { color:#111150;} 
																#pitt-links.gold a { color:#cccc99;}
/* banner li color (pipes) */ 	#pitt-links li { color:#979797;} 


#pitt-header.white  { background: url(../images/shared/pitt-logo-whitebkg.gif) left top no-repeat #fff; }
#pitt-header.gold   { background: url(../images/shared/pitt-logo-goldbkg.gif) left top no-repeat #cccc99; }
#pitt-header.blue   { background: url(../images/banner-seal.gif) left top no-repeat #111150; }
#pitt-header {
		height: 49px; width: 960px;
		margin: 0;
		position: relative; 
		text-indent: -1000em;
		background: url(../images/banner-seal.gif) left top no-repeat #111150;
	}	
	#p-link {
		position: absolute; top: 0; left: 0;
		height: 49px; width: 279px;
	}
#pitt-links { list-style-type: none;
margin:0;
 }
#pitt-links li {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9px; 
	letter-spacing:.03em;
	position: absolute; top:17px; 
	text-transform:uppercase;
	}
#p-home {right:20px;  }
#pitt-links a {
	display:inline-block;
	font-size:8px;
	margin-right:2px; margin-left:2px; 
	}

/* Container
----------------------------------------------------------------------- */
#main-container {
	font-size: 0.625em; /* 16 x .625 = 10px */
	/* sub-element font sizes should be determined in ems, relative to 10px */	
	margin:0 auto;
	position:relative;
	padding-bottom:3em;
	text-align:left;
	width:970px;
	
}

/* Header
----------------------------------------------------------------------- */
#header { 
	background:transparent;
	height:170px;
	margin:0px auto;
	position: relative;
	float:left;
	width:970px;
}

#header-inner{background:#fff url(../images/shared/pagebg/contentbg.jpg) left top repeat-x;
width:960px;}
#header .site-name {
		background: transparent url(../images/shared/header-title.jpg) left top no-repeat;
		height: 170px; width: 700px;
		margin: 0;
		position: relative;
		text-indent: -1000em;
		display:block;
	}
	#header .site-name a:link, #header .site-name a {
		display:block;
		border: none;
		position: absolute; top: 0; left: 0;
		width:100%; height:100%;
	}
#header #header-links li{
width:269px;
height:49px;
float:right;
position:absolute;
left: 701px;
font:14px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform:uppercase;
background: transparent url(../images/shared/header/header-link.gif) left top no-repeat;
}

#header #header-links li a{
display: block;
width:100%;
height:100%;
padding: 15px 0 0 16px;
}

#header #header-links li#hltop{
top:7px;
}
#header #header-links li#hlmid{
top:62px;
}
#header #header-links li#hlbot{
top:116px;
}
#header #header-links a.on{color: #ea3802;}


/* Homepage second-header / horizontal content space
----------------------------------------------------------------------- */
#home-top-content{
width:900px;
height:270px;
margin:0 10px 10px;
font-size:14px;
padding:20px;
background: url(../images/shared/home/home-top-bg.jpg) left top no-repeat;
}

#home-top-content #home-top-callout{
position:relative;
width:280px;
height:256px;
padding:7px;
background: url(../images/shared/home/home-top-callout-bg.jpg) left top no-repeat;
color:#fff;
line-height:normal;
float:left;
}
#home-top-content #home-top-callout h2{
position:absolute; left:-1000em;
}
#home-top-content #home-top-callout p{
margin:15px 20px;
}
#home-top-content #home-top-callout h3{margin:15px 0;}
#home-top-content #home-top-callout a:link,
#home-top-content #home-top-callout a:visited
{color:#ffff99;}

#home-top-content #home-top-pic{
float:right;}

#home-top-content ul#logoslist li a{
display:block; width:100%; height: 64px; text-indent:-1000em;
}


/* Homepage Content
----------------------------------------------------------------------- */
#content-feature{
  background: url(../images/shared/home/home-box-gradient.jpg) no-repeat;
  margin: -10px -10px 10px;
  min-height: 170px;
  padding: 10px;
}

#content-feature-inner{
  background: #ffffff;
  padding: 5px;
}

#content #content-feature-inner h2{
  border: 1px solid #ccc;
  color: #006699;
  float: left;
  margin: 0; padding: 15px 25px 0;
  min-height: 125px;
  text-transform: uppercase;
  width: 105px;
}

#content #content-feature-inner h2 .science{
  font-size: .9em;
}

#content #content-feature-inner h2 .technology{
  font-size: .7em;
  line-height: 1em;
}

#content #content-feature-inner h2 .tours{
  font-size: 1.45em;
  line-height: 1.3em;
}

#content #content-feature-inner h2 .day{
  font-size: .83em;
  line-height: 2em;
}

#content #content-feature-inner h2 .date{
  font-size: .68em;
  line-height: 0em;
}

#content #content-feature-inner div.details{
  border: 1px solid #ccc;
  float: right;
  line-height: 1.4em;
  margin: 0; 
  min-height: 115px;
  padding: 25px 25px 0;
  width: 420px;
}

#content #content-feature-inner div.details .top{
  color: #006699;
  font-size: 1.4em;
  font-weight: bold;
}

#content #content-feature-inner div.details a.morelink{
	background: url(../images/shared/home/home-button-more.gif) no-repeat;
	color: #fff;
	display: block;
	font-size: .8em;
	font-weight: bold;
	margin: 10px 0;
	min-height: 27px;
	padding: 5px 0 0 8px;
	text-transform: uppercase;
	width: 188px;
}

#content a.viewmore {
text-transform:uppercase;
font-size:.8em;
font-weight:bold;
line-height:1.1em;
}



h2#schoolsdepts{
padding:5px 20px; 
margin: 0 0 10px 10px;
width:646px;
background: #b5b5b5 url(../images/shared/home/home-subtitle.jpg) left top repeat-x;
text-transform:uppercase;
}

div.feature{
padding:30px;
background: #fff url(../images/shared/home/itemrule.gif) center bottom no-repeat;
line-height:normal;
}

div.feature .ft-pic{
float:left;
width:206px;
margin:0; padding:0 30px 30px 0; clear:none;}
div.feature .ft-content { margin:0; padding:0;font-size:0.923em; line-height:1.416em; }
#content div.feature .ft-content h3{margin-top:0; padding-top:0; text-transform:uppercase; font-size:1.125em;}

div.feature .morelink{
text-transform:uppercase;
color: #ea3802;
font-size:0.833em;
}
div.feature .clear{clear:both;}

/*
* Collabs Page and others */

div.collabo{
padding:30px;
background: #fff url(../images/shared/home/itemrule.gif) center bottom no-repeat;
line-height:normal;
width: 585px;
}

div.collabo h2{margin-top:0; padding-top:0;}

span.linkarrow{color: #ea3802;}


/* Layout options (container, nav, sidebar)
----------------------------------------------------------------------- */
	/* Total width: 960px */

#content { 	margin:0; padding:20px; width:644px;}

#sidebar { 	margin:0; margin-right:10px; width:248px; } /* right column */
#nav { margin:0 0 0 26px; margin-bottom:26px; width:170px; padding-top:30px; position:absolute; top:170px; left:0;} /* left column */
		  /* top = pitt header (49px) + header */
			/* nav-horizontal.css and nav-vertical-expanded.css overwrite #nav */
			
/* Navigation (universal on states)
----------------------------------------------------------------------- */

#nav a.on{
	color:#111150;
}

#nav h2{
	text-indent:-1000em;
	max-height:0px;
}
			
			
/* Content
----------------------------------------------------------------------- */
#wrapper {
	  
	font-size:1.3em; /* 10 x 1.3 = 13px */
	color:#333;
	width:960px;
	float:left;
	margin:  0 10px 0 0;
    margin:0 auto; padding-top:5px;
    background:#fff url(../images/shared/pagebg/contentbg.jpg) left -170px repeat-x;}

#content {
	border:1px solid #f2f2f2;
	
	background:#fff;
	float:left;
	position:relative;
	margin: 0 0 36px 9px;
}

#content h1, #content h2, #content h3, #content h4 { padding-top:10px;}
#content h1, #content h2.hometitle { 
margin: 0 0 20px; 
font-size: 2.153em /* 13 * 2.153 = 28px */; 
line-height: 1.1em; 
color: #ea3802;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;}
#content h2 { margin: 15px 0 10px; font-size: 1.385em /* 13 * 1.385 = 18px */;	color: #333;}
#content h3 { margin: 15px 0 10px; font-size: 1.230em /* 13 * 1.230 = 16px */;	color: #333;}
#content h4 { margin: 15px 0 10px; font-size: 1em /* 13 * 1.230 = 16px */;	color: #333;}
#content p { margin: 0 0 10px; line-height:1.692em; /* 13 * 1.692 = 22px */ }

#content table { margin: 10px 0;}
#content th { background: #c0d8e5; padding: 5px; font-weight: bold;}
#content td { padding: 5px; border-top: 1px solid #79c7de;}

#content ul { margin: 10px 0 0 40px; list-style:disc; }	
#content ol { margin: 10px 0 0 40px; list-style: decimal;}
#content li { line-height: 20px; padding-bottom: 15px; }
#content ul li { padding: 0 0 6px 0; margin: 0 4px;}
#content ol ul li {	padding: 0 0 6px 0; margin: 0 4px 0 0; }
#content ol li { padding: 0 0 6px 0; margin: 0;	}
	

/*BlockQuotes*/
blockquote.indented-line, blockquote.largequote {
font-size:120%; line-height:135%; font-style:italic; color: #666666;}

blockquote.indented-line {
	padding: 10px 15px 10px 15px; margin-left: 10px; margin-bottom: 30px;
	border-left: 10px solid #111150;
	}
	
blockquote.largequote {
	padding: 10px 15px 10px 45px; margin-left: 0px; margin-bottom: 30px;
	background: url(../images/shared/quote.jpg) top left no-repeat;
	}


/* Sub-pages
----------------------------------------------------------------------- */
strong.section{
display:block;
padding:0 0 10px 0;
font-size: 1.231em;
text-transform:uppercase;
background: url(../images/shared/section-rule.jpg) center bottom no-repeat;
}


/* Sidebar
----------------------------------------------------------------------- */
#sidebar {
	float:right;
}

#sidebar div{
	padding:10px;
	margin-bottom:20px;
}

#sidebar #contact,
#sidebar #neighbors{
font-size:0.923em;
line-height: normal;
background: url(../images/shared/sidebar/contact-box-bottom.jpg) left bottom no-repeat;
width:249px;
padding: 0 0 5px 0;
}

#sidebar #contact-inner,
#sidebar #neighbors-inner{
padding: 0px 30px 20px;
background: url(../images/shared/sidebar/contact-box-top.jpg) left top no-repeat;
width:189px;
min-height:205px;
height:auto; !important
height:205px;
padding: 20px 30px 0px;
}

#sidebar #contact h2,
#sidebar #neighbors h2{
font-size: 18px;
font-weight:bold;
text-transform:uppercase;
color:#065e89;
}

#sidebar #contact p,
#sidebar #contact p{
margin:15px 0;
}

#sidebar #relatedlinks,
#sidebar #main-leaders,
#sidebar #collablinks{
width:189px;
background: #fff;
padding: 20px 30px 20px 40px;
margin: 1px 0 10px -9px;
z-index:5;
position:relative;
border-bottom:1px solid #f2f2f2;
}
#sidebar #relatedlinks h2,
#sidebar #main-leaders h2,
#sidebar #collablinks h2{
text-transform:uppercase;
padding-bottom:10px;
background: url(../images/shared/sidebar/menu-rule.jpg) center bottom no-repeat;
}

#sidebar #relatedlinks li,
#sidebar #main-leaders li,
#sidebar #collablinks li{
padding:8px 0 11px 0;
background: url(../images/shared/sidebar/menu-rule.jpg) center bottom no-repeat;
line-height:1.1em;
}
#sidebar #relatedlinks a.on,
#sidebar #main-leaders a.on{color: #ea3802;}




/* Footer
----------------------------------------------------------------------- */
#footer {
	color: #85bdd4;
	clear: both;
	font-size:1.1em; /* 10 x 1.1 = 11px */
	line-height:normal;
	margin-top:10px;
	text-align: left;
	width: 960px;
}
#footer p { line-height:normal; }

#footer a {color: #85bdd4; text-decoration:underline;}
#footer a:hover {text-decoration: underline;}

#footer p.left { float:left; margin:0; padding:0;}
#footer p.right { float:right; width:225px; }

/* Expert Pages
----------------------------------------------------------------------- */
div.expgroup{
background:#ddf1f7;
padding:5px;
margin:20px 0;
}
div.expgroup-inner{
background:#ddf1f7;
border:2px solid #fff;
padding:20px;
margin:0px;
}
#content div.expgroup-inner h3{
margin:0; padding:0 0 10px 0;
color: #065e89;
text-transform:uppercase;
border-bottom: 1px solid #a7ccdb;}

#content div.exp{
padding:10px 0;
margin:0;
border-bottom: 1px solid #a7ccdb;
clear:both;
}

#content div.exp .exp-image {
float:left;
clear:none;
padding: 0 20px 20px 0;
margin: 10px 0px;
}

.exp-contact{
float:left;
clear:none;
width: 140px;
margin: 10px 0px;
}

.exp-about {
display:block;
float:right;
width: 240px;
padding: 0 20px;
margin: 10px 0px;
border-left:1px solid #a7ccdb;
}

.clearfix:after
{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Photogallery
----------------------------------------------------------------------- */

#content ul.thumbs,
#content ul.thumbs li{
list-style-type:none;
list-style-image:none;
margin:0; padding:0;
}

#content ul.thumbs{
margin-left:-3px;
}

ul.thumbs li{
display:inline;

}

ul.thumbs li a {
width:75px;
height:75px;
margin: 0;
}

ul.thumbs li a img{
width:75px;
height:75px;
border: 1px solid #fff;
padding:2px;
margin: 0 2px 2px 0;
}

ul.thumbs li.selected a img{
border: 1px solid #ea3802;
}

#image-container{
text-align:left;
margin:0; padding:0;
}

#controls-adv{
position:relative;
width:600px;
clear:both;
background:#fff;
height:30px;
margin: 0 0 5px 0; padding:0;
}

#caption-adv{
width:568px;
background: #ddf1f7;
padding:16px;
margin: 0 0 10px 0;
font-size:0.846em; /* 11px */
}

#caption-adv .image-title{
text-transform:uppercase;
font-weight:bold;
}

#controls-adv a.prev,
#controls-adv a.next,
#controls-adv a.play,
#controls-adv a.pause{
display:block;
position:absolute;
top:0px;
height:22px;
text-align:center;
padding-top:8px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#065e89;
background:#e5e5e5;
text-transform:uppercase;
}

#controls-adv a.prev{
width:130px;
left:0px;
}
#controls-adv a.next{
width:130px;
left: 470px;
}

#controls-adv a.play,
#controls-adv a.pause{
width:330px;
left: 135px;
}

#controls-adv a.pause{
color: #ea3802;
}

#sidebar #collablinks li div,
#main-leaders ul li div.list-title,
#main-leaders ul li div.list-pic,
#main-leaders ul li div.list-name{
margin:0; padding:0;
}


#main-leaders ul li div.list-pic{padding:0 10px;}

#sidebar #collablinks li div.title,
#main-leaders ul li div.list-title{
text-transform:uppercase;
font-size:.85em;
font-weight:bold;
padding:10px 10px 5px;
}

#sidebar #collablinks li div.players{
font-size:.85em;font-style:italic;padding:5px 10px 5px;}
#sidebar #collablinks li div.description{
  line-height:1.1;
  font-size:.85em;
  padding:5px 10px 5px;
}
#sidebar #collablinks p{
padding:5px 10px 5px;
}
#sidebar #collablinks a.viewmore,
#sidebar #collablinks span.linkarrow{
text-transform:uppercase;
font-size:.8em;
font-weight:bold;
line-height:1.1em;
}



#main-leaders ul li div.list-name{
padding:10px;
}
#main-leaders ul li div.list-name a{
font-size:.85em;
text-decoration:none;
}

.person-title{
text-transform:uppercase;
font-weight:bold;
padding:10px 0 5px;
}

p.neighbors{
padding:20px 0;
}
 span.morelink{
 color:#CC3300;
 }

#sidebar div.totaldollars, #sidebar div.rlcontact{
 font-size:0.85em;
 margin: 5px 0px 5px 10px;
 padding:0;

 }

  .totaldollars h3, .rlcontact h3{
  margin:0;
  padding:0;
  font-weight:normal;
  }
  
  .collabo{
  float:left;
  clear:both;
  }
  
    #content .collabo h2{margin-top:0; padding-top:0;}

  .collabo img{
  float:left;
  padding:0;
  margin: 5px 10px 10px 0;
  }
  
 
  #content table#bythenumbers td,
  #content table#bythenumbers th{
    border-top:none;
	margin:0; padding:0;
	border:2px solid #fff;
	width: 200px;
  }
  
  #content table#bythenumbers th{
  text-transform:uppercase; 
  padding:5px 10px ;
  }
  
  #content table#bythenumbers td ul,
    #content table#bythenumbers td ul li{
	margin:0; padding:0; list-style-type:none; list-style-image:none;
	}
	
	#content table#bythenumbers td ul li{
	padding:20px 10px;
	background:url(../images/shared/sidebar/menu-rule.jpg) no-repeat bottom center;
	}
	
a#tourslink{
display:block; 
padding-bottom:1.4em; 
position:relative; 
margin:0 0 0 -40px;
}

/*
/* Exhibit form results page */

#sidebar div.ex_facets,
#sidebar .ex_facets div{
  margin:0; padding:0;
}

#content ol.exhibit-tileView-body,
#content ol.exhibit-tileView-body li{
  margin:0; padding:0;
  list-style-type:none;
  list-style-image:none;
}

div.entry{
padding:15px 10px;
background: #fff url(../images/shared/home/itemrule.gif) center bottom no-repeat;}

div.entry  div.name h2{
width:100%;
font-weight:bold;
font-size: 1.286em;
float:left;
clear:both;
margin:0; padding:0;
}

div.entry table{
width:100%;
float:left;
}

div.entry table th, div.entry table td{
font-size:0.857em;
width:33%;
padding:10px;
border-left:1px dashed #ccc;
border-right:1px dashed #ccc;
}

div.entry table td p{
  padding:3px 10px;
  }

#sidebar .ex_facets div.exhibit-flowingFacet{
padding:10px;
margin: 10px 0;
border:1px solid #ccc;
}
#sidebar h2.exhibit-sidebar {padding:0 10px 0;}
#sidebar p.exhibit-sidebar{
font-size:0.857em; color:#464646; line-height:1.3; padding:0 10px 0;}