/*
+-------------------------------------------------------------------------+
Title:		Base Styles
Author:		Lincoln Ward, Randy D. Oest II, Lindsay Clark, G. Jason Head  
			University Marketing Communications
Version:	Mar2009

Copyright:	2009 - University of Pittsburgh
+-------------------------------------------------------------------------+


/* Basic Styles
----------------------------------------------------------------------- */

body {
	background-color: #7fa7ed; 
	background-image:url(../images/main-bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	color: #111150;
	font:13px Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	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;
}
#sub-Sidebar hr{
display:block;
margin:10px 0;
border:none;
border-top: 1px dashed #ccc;
}

/* 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 {
	height: 49px;
	width: 960px;
	margin: 0 auto;
	position: relative
	clear:both;
	text-indent: -1000em;
}
#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/shared/pitt-logo-bluebkg.gif) left top no-repeat #111150;
}
/* banner border */ 			
#pitt-header {
	border-bottom:1px solid #3f2116;
	background: url(../images/shared/pitt-logo-whitebkg.gif) left top no-repeat #fff;

}
/*
* LINKS
*/

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

}
#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:29px;
}
#pitt-links a {
	display:inline-block;
	font-size:8px;

	margin-right:2px;
	margin-left:2px;
	text-decoration:none;
}
#pitt-links a:hover, #pitt-links a:active {
	text-decoration:underline;
}
/* Container
----------------------------------------------------------------------- */

#main-container {
	background:transparent url() repeat-y scroll right top;
	margin:0 auto;
	position:relative;
	padding-bottom:3em;
	text-align:left;
	width:1006px;
}
/* Header
----------------------------------------------------------------------- */


/* Layout options (container, nav, sidebar)
----------------------------------------------------------------------- */





#nav ul {font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; list-style: none;margin: 0 5px; background-color: transparent;}

#nav ul li a {color:#ed4914; font-size:11px; font-weight:bold;
	    background-color: transparent; 
		}
		
		
#nav ul li a.home {
	    background-color: transparent;
		background-image: url(../images/sidebar/home.gif);background-repeat:no-repeat;background-position:0; padding-left:22px
	
		}
		
		
		
#nav .home ul li a {color:#ed4914; font-size:11px; font-weight:bold;
	    background-color: transparent; 
		background-image: url(../images/sidebar/home.gif);background-repeat:no-repeat;background-position:0; padding-left:22px}
	
		
		
		




/* Content
----------------------------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	background: #fbf1c2 url() left bottom no-repeat;
	width:960px;
	position: relative;
	clear:both;
	z-index:1;
	/*background: #afdeff;*/
}
#content {
	width:666px;
	position:relative;
	float:right;
	color:#111150;
	margin-top:0px;
	margin-right:0px;
	margin-bottop:0px;
	margin-left:0px;
	border-left:0px solid #cccccc;
	/*background: transparent url(../images/bg_content-bottom.jpg) left bottom no-repeat;*/
	padding: 10px 10px 50px 0;


}

#content-header, #content-main {
	padding:0;
	margin:0;
	background: #ffffff url() right top repeat-y;
}
#content-main{
padding-bottom:100px;
}

#content-header h1 {
	font:30px Georgia, "Times New Roman", Times, serif;
	color: #ff3300;
	background:transparent url(../images/shared/rule.gif) bottom center no-repeat;
	padding:0px 20px 10px 20px;
	margin: 0px 30px 0px 20px;
}

#content-main {
	position:relative;
	margin-bottom:0;
	min-height:666px;
    height:auto !important;
    padding-left:15px;
	padding-right:50px;
	padding-top:0;
	padding-bottom:0px;
	background-image: url(../images/content-main-bg.jpg);
	background-repeat:no-repeat;
	background-color:#fcfbf7;
	border:1px solid #b7b780;
	color:#3f2116;
	

	
}

#content h2.section {
	font-size:16px;
	font-weight:normal;
	margin:0 30px 0 10px;
	padding:0px 20px 0px 30px;
}

#content h1, #content h2, #content h3, #content h4, #content h5 {
	font-family:Georgia;
	margin: 0 30px 0 0px;
	padding-top:0px;
	font-weight:normal;

}

#content h2 {
	margin: 0;
	font-size: 22px;
	line-height: 1.1em;
	color: #FF3401;
	
}


#content h1 {
	margin: 0;
	font-size: 26px;
	line-height: 1.1em;
	color: #3f2116;
	margin-top:-15px;
	
	
}

#content .block{ border-top:1px solid #B7B780; padding-top:30px; padding-bottom:20px; padding-left:5px;}
#content .block img{ display:block; float:right;}

#content-main .section {
font-size:12px;
font-weight:bold;
margin-top:30px; 
margin-left:7px;
font-family:Verdana;
text-transform:uppercase;
color:#3f2116;
}

.homepage #content h2{
  margin-top:25px;
  margin-bottom:20px;
  text-align:left;
  padding-left:5px;
}
.homepage #content .news-content, .backgroundtitle{
font-family:Verdana;
font-size:16px;
color:#262309;
line-height:1.5em;
 /* margin: 0px 30px 0px 20px;*/
  margin-top:25px;
  text-align:left;
  margin-bottom:2px;
  
 
}



#content .subpage h2{
  margin-top:0;
  margin-bottom:20px;
  text-align:left;
  padding-left:5px;
  font-size:26px;
  font-weight:bold;
  font-family:Verdana;
}


#content .news-content-sub{
font-family:Verdana;
font-size:13px;
color:#262309;
line-height:1.5em;
 /* margin: 0px 30px 0px 20px;*/
  margin-top:25px;
  margin-left:-20px;
  margin-bottom:30px;
  /*padding:0px 20px 12px 0px;*/
 
}

#content .news-content-pic{
font-family:Verdana;
font-size:13px;
color:#262309;
line-height:1.5em;
 /* margin: 0px 30px 0px 20px;*/
  margin-top:25px;
  margin-left:-20px;
  margin-bottom:30px;
  /*padding:0px 20px 12px 0px;*/
   background:transparent url(../images/shared/rule.gif) bottom left no-repeat;

 
}


.news-content-pic p {
	margin: 0 0 10px;
	line-height:1.5em;
	 margin-left:110px !important; }

#contentimage {

background-position:right center;
background-repeat:no-repeat;
float:right;
margin-right:-30px;
margin-top:-30px;
padding-bottom:20px;
padding-left:10px;
padding-right:20px;
}




 
#content .readmore a{
font-family:Verdana;
font-size:16px;
color:#1357d2;
font-style: normal;
text-decoration:none;}


#content .background-info{
font-family:Verdana;
font-size:13px;
color:#0066cc;
line-height:1.0em;
background:transparent url(../images/shared/rule.gif) bottom left no-repeat;
  margin-left:-20px;}

#content .background-info a
{color:#0066cc;}



.subpage #content #content-main-inner{

  margin: 0px 20px 0px 10px;
  padding:0px 10px 12px 10px;
}

#content h3 {
	margin: 1px 0 20px;
	font-size: 20px;
	font-family:Verdana;
	font-weight:bold;
	color: ##3f2116;
	font-weight:bold;}
	
	
#content h4 {
	margin: 1px 0 20px;
	font-size: 18px;
	font-family:Verdana;
	font-weight:bold;
	color: #3f2116;}

#content h5 {
	margin: 1px 0 20px;
	font-size: 14px;
	font-family:Verdana;
	font-weight:bold;
	color: #00000;}
	
#content p {
	display:block;
	margin: 0 0 0 0;
	line-height:1.4em;
	text-align:left;
	font-size:14px;
	margin-bottom:20px;
	
}





#content ul {
	margin: 10px 0 0 40px;
	list-style-type:circle;
	list-style-image:url(../images/shared/listbullet.gif);
}
#content ul ul {

	margin: 0 0 0 40px;
	list-style-type:circle;
	list-style-image:url(../images/shared/listbullet-nested.gif);
}
#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 {
	font-size:120%;
	line-height:135%;
	font-style:italic;
	color: #5b5948;
}
blockquote {
	padding: 10px 15px 10px 45px;
	margin-left: 0px;
	margin-bottom: 30px;

	background: url(../images/shared/quote.jpg) top left no-repeat;
	
}




/*  Tables
----------------------------------------------------------------------- */
#content table {
	margin: 10px 0;
	font-size: 0.846em;
}

#content th {
    background:#73abe3;
    color: #fff;
	padding: 5px;
	font-weight: bold;
	border-left: 1px solid #a9c6e3;
}

#content table tbody tr.evenrow{
  background:#d2ecff;
}

#content td {
	padding: 5px;
	border-left: 1px solid #a9c6e3;
}

#content td.first,
#content th.first{
border-left:none;
}

#content table.people-list-table{
width:100%;
}

#content .seminar-table td{
border:none;
}





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


/* Footer
----------------------------------------------------------------------- */

#footer {
	color: #ffffff;
	clear: both;
	font-size: 11px;
	line-height:normal;
	margin: 10px 0px 10px 9px;
	text-align: left;
	width: 960px;
	position:relative;
}
#footer p {

	line-height:normal;
	display:inline;
	padding:0px 15px
}
#footer a {
	color: #f9e588;
	text-decoration:none;
}
#footer a:hover {
	text-decoration: underline;
}



 #bios img { float:left; margin-top:5px; }
#bios p, #bios h3 { margin-left:100px !important; }
p.bio-contact { font-size:14px; margin-top:-10px; margin-bottom:10px; padding-bottom:0;}



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

#titlenav-outer {
	position: relative;
	float:left;
	clear:none;
	margin: 0 0 0 40px;
	padding-top:10px;
	padding-bottom:10px;
	width:225px;
	z-index:3;
}

.innerpage #titlenav-outer {
	margin-top: -150px;
}

.subpage #titlenav-outer {
	margin-top: -250px;
}

#homepageTitle{background-image: url(../images/sidebar/home.gif);background-repeat:no-repeat;background-position:0 0 ;
margin-top: 10px;

}

#titlenav-inner {
	background:#transparent url() left top repeat-x;
	border:0px solid #fff;
	position: relative;
}


#titlenav-inner li {
	border-bottom:1px solid #B7B780;
	margin: 0 5px;
	font-size:16px;
	color:#3f2116;
	padding: 10px;
	font-weight:bold;
	font-family:Verdana;
}






#titlenav-inner li .nav-arrow
 {
	color: #ff3300;
	padding: 0 5px;
}



#titlenav-inner ul li a.home {
	    background-color: transparent;
		background-image: url(../images/sidebar/home.gif);background-repeat:no-repeat;background-position:0; padding-left:22px
	
		}


#titlenav-inner ul li a.home.on {
	    background-color: transparent;
		background-image: url(../images/sidebar/home.gif);background-repeat:no-repeat;background-position:0; padding-left:22px
	
		}



#titlenav-inner li a{color:#3f2116;}

#titlenav-inner li li {
	display:inline;
	border:none;

}
#titlenav-inner li li a {color: #265dc0; font-size:12px; font-weight:normal}

#titlenav-inner li li a:hover {color: #102750;}

#titlenav-inner ul, #titlenav-inner li li {
	font:11px Verdana;
	color: #265dc0;
	padding:0;
	margin:0;
	
	


}

#titlenav-inner li li a.on {
	color: #ff3300;
}
#titlenav-inner {
	padding-bottom: 0;
}





#sidebar {
	margin: 0 0 0 24px;
	position:relative;
	float:left;
	padding: 0 0 0 0;
	
} /* left column */
/* title & nav block */


#sidebar #researchTravel {}

#sidebar #researchTravel h2 a {

	display:block;
	position:relative;
	margin: 10px 0 80px 20px;
	width:217px;
	height:134px;
	background-image:  url(../images/sidebar/sidebar_researchTravel.jpg);
	text-indent:-1000em;
	background-color:#29162d;

}

#sidebar #yourworld h2 a {

	display:block;
	position:relative;
	margin: 10px 0 80px 20px;
	width:150px;
	height:80px;
	background-image:  url(../images/sidebar/yourworld-icon.jpg);
	text-indent:-1000em;
	background-color:#29162d;

}




#sidebar #newsletter{margin-left: 30px;
    width: 216px;}

#sidebar #newsletter h3{margin-bottom:-12px;}

#sidebar #eventUpdates h2 a {

	display:block;
	position:relative;
	margin: 10px 0 0 20px;
	width:217px;
	height:115px;
	background-image:  url(../images/sidebar/sidebar_eventUpdates.jpg);
	text-indent:-1000em;
	background-color:#29162d;

}


#sidebar #medievalStudies h2 a {

	display:block;
	position:relative;
	margin: 10px 0 0 20px;
	width:217px;
	height:135px;
	background-image:  url(../images/sidebar/sidebar_medievalStudies.jpg);
	text-indent:-1000em;
	background-color:#29162d;

}

#sidebar #studyAbroad h2 a {

	display:block;
	position:relative;
	margin: 10px 0 0 20px;
	width:217px;
	height:162px;
	background-image:  url(../images/sidebar/sidebar_studyAbroad.jpg);
	text-indent:-1000em;
	background-color:#29162d;

}








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

.header-callout-inner{
font:11px Verdana, Arial, Helvetica, sans-serif; 
display: all;
}
.header-callout-inner h2{
font:18px Verdana;
font-weight:bold;

}

.header-callout-outer {
	position:absolute;
	top:0;
	right:0;
	width:260px;
	height:179px;
	z-index:2;
	display: all;
	
}
.header-callout-inner {
	background: transparent;
	position:relative;
	width:240px;
	height:162px;
	margin:0;
	overflow:hidden;
	color:#3f2116;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	top:10px;
	
}

.subpage .header-callout-inner .header-callout-section,
 .header-callout-inner .header-callout-link{
  position:absolute;
  left:0px;
  padding:10px 0;
  margin: 0 10px;
  font:11px Verdana, Arial, Helvetica, sans-serif; 
  height:15px;
  width: 172px;

}
 .header-callout-inner .header-callout-section{
top: 0px; font-weight:bold;
}

.header-callout-link{
display:none;}

 .header-callout-inner .header-callout-link,
 .header-callout-inner .header-callout-link{
  bottom: 0px;
 
}

 .header-callout-inner h2
{
padding: 0 0 0 0;
margin-left:20px;
}
  .header-callout-inner p{padding:5px 0; margin-left:30px;}
  .header-callout-inner p a{font-size:10px; color:#265dc0;}


.innerpage #header {
	/*background:#fff url(../images/header-sub/header-sub.jpg) no-repeat top left;*/
	height:160px; /* height of image */
	width:985px; /* width of image */

	margin:0px auto;
	position: relative;
	float:left;
	z-index:1;
	overflow:hidden;
}

.header-callout-link .nav-arrow{
color:#FF3300;}

.homepage #header {
	height:181px;
	width:960px;
	margin:0px auto;
	background:url() no-repeat left top;
	position: relative;
	z-index:1;
	overflow:hidden;
}

.subpage #header {
	height:181px;
	width:960px;
	margin:0px auto;
	background:url() no-repeat left top;
	position: relative;
	z-index:1;
	overflow:hidden;
}

#img-ctrl{
	width:172px;
	height:20px;
	position:absolute;
	top:90px;
	left: 743px;
	z-index:3;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-bottom:10px;
	border-bottom:1px solid #afdeff;
	overflow:hidden;
}

#img-ctrl img{vertical-align: middle;margin:0 3px;}

#header-callout-arrow{
display:inline-block;
text-indent:-1000em;
width: 15px;
height: 15px;
background-image:url(../images/shared/arrow-next.jpg);
display: all;
}

/*Images for Rotator*/
.homepage #header .rotate-item img {
	width:960px; 
	height:180px;
	margin:0;
	padding:0;
	border-bottom:1px solid #3f2116;
}

.subpage #header .rotate2-item img {
	width:960px; 
	height:181px;
	margin:0;
	padding:0;
}

.callout-arrow {
  width:15px;
  height:30px;
  position:absolute;
  left:708px;
  background:transparent url(../images/shared/callout-arrow.gif) left top no-repeat;
  display: all;

}

.homepage .callout-arrow,
.subpage .callout-arrow {
	top:144px;
}



/*************************************************************************
faculty page
**************************************************************************/
#falcultyblock{ height:auto;border-top:1px solid #B7B780; padding-top:20px; padding-bottom:40px; padding-left:5px; font-size:12px;margin-bottom:15px; z-index:1; width:auto; margin-top:10px;}



#falcultyblock h3 {
	margin: 0;
	font-size: 20px;
	font-family:Verdana;
	font-weight:bold;
	color: #3f2116;
	font-weight:bold;}





#falcultyblock .picture img {
float:left;
margin-right:10px;
padding-bottom:25px;
padding-right:0;
font-size:12px;
width:70px;height:76px;}


#picture img{ width:70px;height:76px; float:left; margin-top:5px;}
#people-info p{ float:none; padding-left:80px;margin-top:0px; z-index:8;}