/*
+-------------------------------------------------------------------------+
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 {
	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: left;
	background-color: #091841;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
}
.clear { clear:both; font-size: 1px; height: 1px; padding: 0px; margin: 0px;}

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

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:100%;
    position:absolute;
    margin: 0;
    font-size: 0.8em;
	z-index:-10;
}

/* Pitt Header
----------------------------------------------------------------------- */
/*  Three Pitt Banners have been styled.

	Simply apply one of the three classes to <div id="pitt-header">
	* white
	* gold
	* blue
	and one of two classes to the links
	* gold
	* blue
*/

/* Pitt Header
----------------------------------------------------------------------- */
/*  Three Pitt Banners have been styled.

	Simply apply one of the three classes to <div id="pitt-header">
	* white
	* gold
	* blue
	and one of two classes to the links
	* gold
	* blue
*/

/*
* BANNER
*/

#pitt-header {
        /* bottom banner border*/
        height: 49px; width: 960px;
		margin: 0;
		position: relative;
		text-indent: -1000em;
		background: #ffffff;
	}

/*
* LINKS
*/

/* University Logo Link */
#p-link {
  position: absolute; top: 0; left: 0;
  height: 49px; width: 279px;
  }
.white #p-link  { background: url(../images/shared/pitt-logo-whitebkg.gif) left top no-repeat #fff; }
.gold #p-link  { background: url(../images/shared/pitt-logo-whitebkg.gif) left top no-repeat #ffffff; }
.blue #p-link   { background: url(../images/shared/pitt-logo-bluebkg.gif) left top no-repeat #111150; }

#pitt-links {
	list-style-type: none;
	margin:0;
	position:absolute;
	top: 4px;
	color: #fff;
	height: 18px;
	width: 303px;
	right:1px;
}

/* banner link color */
#pitt-links.blue a { color:#111150;}
#pitt-links.gold a { color:#cccc99;}

#pitt-links li {
    color:#111150;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 0.9em; /* 10 x 0.9 = 9px */
	letter-spacing:.03em;
	text-transform:uppercase;
	display:inline;
	margin:0;
	padding:0;
	}

#pitt-links a {
	display:inline-block;
	font-size: 0.889em; /* 9 x .889 = 8px */
	line-spacing:normal;
	margin:0;
	padding: 0 0.75em 0 0.75em;
	text-decoration:none;
	}

#pitt-links a:hover{
text-decoration:none;
  }

#pitt-links .bar {
	color:#f4f4e8;
}

/* Container
----------------------------------------------------------------------- */
#bg {background: url() repeat-y center top; width: 1040px;
	margin:0 auto;}
#bg #bg-bottom {background: url() no-repeat center bottom; width: 1040px;}


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

/* Header
----------------------------------------------------------------------- */
#header {
	background:#fff;
	height:119px; /* height of image */
	margin:0px auto;
	position: relative;
	width:960px; /* width of image */
	
}
#header .site-name {
background-image:url(../images/logo.gif);
top left no-repeat;
		height: 119px; width: 960px;
		margin: 0;
		position: relative; float: left;
		text-indent: -1000em;
		display:block;
	}
	#header .site-name a {
		display: block;
		border: none;
		position: absolute; top: 0; left: 55px;
		height: 119px; width: 690px;
	}





/* Subpages Header
----------------------------------------------------------------------- */
#header-page {
	background:#fff;
	height:158px; /* height of image */
	margin:0px auto;
	position: relative;
	width:960px; /* width of image */
}
#header-page .site-name {
		background:url(../images/logo_page.gif) top right no-repeat;
		height: 158px; width: 516px;
		margin: 0;
		position: relative; 
		float: left;
		text-indent: -1000em;
		display:block;
	}
#header-page .site-name a {
		display: block;
		border: none;
		position: absolute; top: 0; left: 40px;
		height: 90px; width: 430px;
	}


/* Navigation (universal on states)
----------------------------------------------------------------------- */

#nav {
	/*position:absolute; top:329px; left:0;*/
	background-image: url(../images/menu_bg.gif);
	background-repeat: no-repeat;
	color:#FFFFFF;
	min-height:53px;
	margin:0 auto;
	padding-top:8px;
	padding-left:20px;
	width:940px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: normal;
}

#nav h2{
	position:absolute;
	left:-1000em;
}


	#nav ul, #nav ul ul, #nav ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;

}
  

	#nav ul li { float: left;  overflow: hidden; border-left:1px solid #f4f4e8;}
	

	#nav ul li a {
	color: #FFFFFF;
	padding-left: 9px;
	padding-right: 40px;
	padding-top: 4px;
	padding-bottom: 10px;
	text-decoration: none;
	display:block;
    text-align: left;

	}

	#nav ul li a.on {
	padding-left: 9px;
	padding-right: 40px;
	padding-top: 4px;
	padding-bottom: 10px;
		color:#fff;
		background-color: transparent;
		background-image: url(../images/menu_clk.gif);background-repeat: repeat-x;
	
		}
		
		
		
	
	
	
	

/* Content
----------------------------------------------------------------------- */
#wrapper{
	margin:0 auto;
	background-color: #C5D9F4;
	background-image: url(../images/main_containter_bg.jpg);
	background-repeat: no-repeat;
	font-size:1.3em; /* 10 x 1.3 = 13px */
	width:960px;
	border: 0px solid #B0CDEF;	/* padding-top:75px; height of the navbar + desired top margin*/
	padding-top:20px;
	
}
#wrapper .border {padding: 0px;}
#content {
	width:600px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left:10px;
	padding-right:10px;
	color:#000000;
	float:left;
	background-color:#FFFFFF;
	border: 5px solid #d7e4f4;
}
#content h1, #content h2, #content h3, #content h4, #content p, #content h6{ padding-left: 20px; padding-right:20px; }
#content h1 { margin: 0 0 10px; font-size: 2.3em /* 13 * 2.3 = 30px */; color:#ff3300; font-weight:normal; margin-bottom: 35px; padding-top:20px;}
#content h2 {font-size: 1.85em /* 13 * 1.85 = 24px */;	color:#333333;font-weight:normal; margin-bottom: 5px; margin-top: 5px; padding-bottom: 20px; padding-left:25px}
#content h7 {font-size: 1.85em /* 13 * 1.85 = 24px */;	font-weight:normal; margin-bottom: 15px; margin-top: 40px; padding-left:30px;}

#content h3 {color:#333333; margin: 3px 0 5px; font-size: 1.385em /* 13 * 1.385 = 18px */;	font-weight:normal; }
#content h6 { margin: 8px 0 10px; font-size: 1.385em /* 13 * 1.385 = 18px */;	font-weight:normal; background-image:url(../images/facultyTitlebg.gif); background-repeat: repeat-x;}
#content p {
	margin: 0 0 0;
	line-height:1.692em; /* 13 * 1.692 = 22px */
	color:#666666;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

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

#content span.section {color: #ff6600; font-weight: normal; display: block;  padding-bottom: 5px;}

#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 li { padding: 0 0 6px 0; margin: 0 4px;}

#content .image-right {float: right; margin-left: 15px; display: block; margin-top: 5px;}
#content .image-right img {display: block;}

#home-content {
	width:540px;
	color:#333300;
	margin-right: 20px;
	float:left;
	padding-bottom: 20px;
	font-size: 1.1em
}
#home-content h1, #home-content h2, #home-content h3, #home-content h4 { padding-top:0px;}
#home-content h1 {
	margin: 0 0 15px;
	font-size: 1.714em /* 13 * 1.85 = 24px */;
	line-height: 1.1em;
	color: #ff3300;
	font-weight:normal;
}
#home-content h2 { margin: 15px 0 10px; font-size: 1.385em /* 13 * 1.385 = 18px */;	color: #333300; font-weight:normal;}
#home-content h3 { margin: 15px 0 10px; font-size: 1.077em /* 13 * 1.077 = 14px */;	color: #333300;}
#home-content p { margin: 0 0 10px; line-height:1.692em; /* 13 * 1.692 = 22px */ corlor:#666666;}

#home-content table { margin: 10px 0;}
#home-content th { background: #cccc99; padding: 5px; font-weight: bold;}
#home-content td { padding: 5px; border-top: 1px solid #8da8bd;}

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

.caption {padding: 0px; margin: 0px; font-size: 11px; display: block; color: #333300; line-height: normal;}

#home-content .callout-box {background-color: #cccc99; padding: 30px; padding-top: 24px; margin-bottom: 10px;}
#home-content .callout-box h1 {font-weight: normal; margin-top: 0px; margin-bottom: 15px; padding-top: 0px; line-height: normal; font-size: 1.7em}
#home-content .callout-box img {display: block; margin-bottom: 4px;}
#home-content .callout-box h5 {padding: 0px; margin: 0px; margin-bottom: 10px;}
#home-content .callout-box p {padding: 0px; margin: 0px; margin-bottom: 10px;}

#home-content ul.news-list {list-style: none; padding: 0px; margin: 0px;}
#home-content ul.news-list h1 {margin-bottom: 0px;}
#home-content ul.news-list li {margin: 0px; padding-left: 30px; padding-right: 10px; padding-bottom: 17px; padding-top: 17px;
	background-image: url(../images/shared/border-dot.gif); background-repeat: repeat-x; background-position: bottom;}
#home-content ul.news-list li a {font-weight: bold; font-size: 0.8em; white-space: nowrap; text-transform: uppercase;}
#home-content ul.news-list li img {display: block; margin-right: 10px; margin-top: 5px; float: left;}

/*BlockQuotes*/

blockquote {
	font-size: 1.714em; 
	line-height:1.3; 
	color: #999966;
	padding: 20px 15px 40px 65px; 
	margin-left: 15px;
	background: url(../images/shared/quote.gif) top left no-repeat;
	}

/* Sidebar
----------------------------------------------------------------------- */


	#sidebar h2 {
		font-size: 1.85em /* 13 * 1.85 = 24px */;
		font-weight:normal;
		color:#000000;
		margin-bottom:15px;
		line-height:normal;
		}
		
	
	
	#sidebar p { margin-bottom: 10px; }
	#sidebar .box a { color:#0066cc; }
	
	
	/*#sidebar .exhibit-title { font-size:16px; font-weight:bold; line-height:20px; margin-bottom:7px; }
	#sidebar .exhibit-info {font-size:12px; font-weight:bold; line-height:15px; margin-bottom:16px; }
	*/
	
#sidebar .box {
	padding:20px;
	margin-top:11px;
}
#sidebar .box img { margin-bottom: 15px; }




#call-out a { margin-top:10px;margin-bottom:11px;display:block;}	
#call-out { margin-top:6px;}

#sidebar #news .box a { color:#666666; }



#sidebar {
    margin:0;
	padding:0;
    width:302px;
	color:#000000;
	float:left;
}

#sidebar img {border: none; display: block; float: none;}

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

	
 #sidebar .about{
	background-image: url(../images/callouts/sideAbout_us.bg.gif);
	background-repeat:repeat-x;
	border: 4px solid #d7e4f4;
 }
 
 
 #sidebar .UPMC{
	background:#4e8fda;
	color:#FFFFFF;
	background-image: url();
	
	}
	
 #sidebar .UPMC a { color:#ffff33; }
 

#sidebar ul.links {list-style: none;  padding-top: 5px; padding-bottom: 20px; margin: 0px;  margin-bottom: 10px; background-color: #247bd3;}
#sidebar ul.links li {padding: 9px 20px; background-image: url(../images/shared/borderside.gif); background-repeat: no-repeat; background-position: bottom; font-size: 1.1em}
#sidebar ul.links li.on {font-weight: bold; background-image:url(../images/menu_clk.gif); background-repeat: repeat-x;}
#sidebar ul.links li h1 {font-size: 14px; font-weight: bold; color:#FFFFFF; margin: 0px; padding: 0px; margin-bottom: 9px;}
#sidebar ul.links li a {color:#FFFFFF; font-weight: bold; font-size: 12px;}
#sidebar ul.links li a:hover {color: #ffff99; }
#sidebar ul.links li .orange {color: #ff6600;}





#sidebar ul.events {list-style: none; padding-left: 10px; margin: 0px;}
#sidebar ul.events li {padding: 9px 10px;background-color: #4e8fda; background-image: url(../images/shared/border-dot.gif); background-repeat: repeat-x; background-position: bottom;}
#sidebar ul.events li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#sidebar ul.events li h1 {font-size: 1.0em; font-weight: bold; text-transform: uppercase;}
#sidebar ul.events li h2 {font-size: 24px; color: #666633; display: block; width: 45px; padding-bottom: 7px; float: left;
	background-image: url(../images/shared/border-dot-v.gif); background-repeat: repeat-y; background-position: right;}
#sidebar ul.events li h2 span {font-size: 13px; display: block; padding-left: 2px;}
#sidebar ul.events li p {font-size: .9em; margin-left: 55px; color: #0066cc; line-height: 1.25em; padding-top: 2px; margin-bottom: 0px;}

/* Footer
----------------------------------------------------------------------- */
#footer {
	color: #9a9a9a;
	clear: both;
	font-size: 0.67em; /* 10 x 1.1 = 11px */
	line-height:normal;
	padding-top: 8px;
	padding-bottom: 10px;
	margin: 0 auto;
	background: transparent;
	text-align: left;
	width: 960px;
}
#footer p { line-height:normal; }

#footer a {color: #9a9a9a; text-decoration:none;}

#footer p.left { float:left; padding-left:24px; }
#footer p.right { float:right; width:225px; }

/* Photogallery
----------------------------------------------------------------------- */
#gallery-adv .content{
margin:0; padding:0;
width:535px;
}
.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{
width:535px;
text-align:left;
margin:0; padding:0;
padding-left:30px;
padding-top:4px;
}

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

#caption-adv{
width:503px;
background: #d7e4f7;
padding:16px;
margin: 0 30px;
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:25px;
	text-align:center;
	padding-top:8px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	background:#2e7ed2;
	text-transform:uppercase;
	
}


#controls-adv a.prev{
width:164px;
left:30px;
}
#controls-adv a.next{
width:131px;
left: 434px;
}

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

#controls-adv a.next{color:#fdf34a;}

#controls-adv a.play{
	color: #ffffff;
	background-color:#0B56A7;
}


/* Faculty Member Image and Contact Info
----------------------------------------------------------------------------------- */

#image-and-contact {width:533px; height:220px; display: block;background-image:url(../images/facultyTitlebg.gif); background-repeat: repeat-x;
 padding-left: 20px; padding-right:20px;} 
	#image-and-contact h2 {
	color: #663;
	font-size: 24px;	
	padding: 0; margin: 6px 0 8px 0;}
	#facultyimage {float:left; width:326px;}
	#contactinfo {float:right; width:207px; height:198px; background:#BFD9F2; padding-top:3px;}
	#contactinfo a.downloadcv 
	{background:url(../images/downloadArrow.jpg) top right no-repeat; padding-right: 17px; font-weight:bold;}	
			
	#contactinfo ul {list-style: none; margin: 0px 0 17px 5px; margin-top:20px;}
	#contactinfo li {font-size: 12px; margin: 0 0 5px 0; padding: 8px 5px 5px 4px;
		background: url(../images/dot-nav.gif) left top repeat-x; width: 188px;}
	
	#profilelink a {
	float: left;
	width:98px;
	height:38px;
	background-image:url(../images/facultyTitlebg.gif);
	background-repeat: repeat-x;
	font-family: verdana;
	font-weight:bold;
	font-size:11px;
	padding-top:8px;
}
	

#publicationslink a{
	float:left;
	width:139px;
	height:38px;
	font-family: verdana;
	background-image:url(../images/facultyTitlebg.gif);
	font-weight:bold;
	font-size:11px;
	margin-left: 2px;
	padding-top:8px;
}

#publicationslink a.on, #profilelink a.on{ 
background-image:url(../images/menu_clk.gif); background-repeat: repeat-x; #ffcc33; COLOR: #ffffff;}  
 
#publicationslink a:hover, #profilelink a:hover {
background-image:url(../images/menu_clk.gif); background-repeat: repeat-x; #ffcc33; COLOR: #ffffff;}  










 

	
	/* post-doctor Contact Info  it is different from the faculty css so please keep this
	----------------------------------------------------------------------------------- */
	#image-and-contact2 {width:533px; height:180px; display: block;background-image:url(../images/facultyTitlebg.gif); background-repeat: repeat-x;
 padding-left: 15px; padding-right:20px;} 
	#image-and-contact2 h2 {
	color: #663;
	font-size: 24px;	
	padding: 0; margin: 6px 0 8px 0;}
	
	#contactinfo2 {float:left; width:533px;  background:#BFD9F2; padding-top:3px;}
	#contactinfo2 a.downloadcv 
	{background:url(../images/downloadArrow.jpg) top right no-repeat; padding-right: 17px; font-weight:bold;}	
			
	#contactinfo2 ul {list-style: none; margin: 0px 0 17px 5px; margin-top:20px;}
	#contactinfo2 li {font-size: 12px; margin: 0 0 5px 0; padding: 8px 5px 5px 4px;
		background: url(../images/dot-nav.gif) left top repeat-x; width: 515px;}