/*
+-------------------------------------------------------------------------+
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: #999999;
	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; height:1px;  padding:0; margin:0px -15px 0px -15px;  border-top:1px solid #829FBB; border-bottom:none;border-left:none;border-bottom:right; }

/* 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: #cccc99;
	}

/*
* 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-goldbkg.gif) left top no-repeat #cccc99; }
.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: 17px; right: 10px;
}

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

#pitt-links li {
	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:underline;
  }

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

/* Container
----------------------------------------------------------------------- */
#bg {background: #999999; width: 1040px;
	margin:0 auto;}
#bg #bg-bottom {background: #999999; 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:260px; /* height of image */
	margin:0px auto;
	position: relative;
	width:960px; /* width of image */
}
#header2 {
	background:#000;
	height:210px; /* height of image */
	margin:0px auto;
	position: relative;
	width:960px; /* width of image */
}
#header .site-name {
		background:url(../images/logo.jpg) top right no-repeat;
		height: 280px; width: 516px;
		margin: 0;
		position: relative; top:0px; left:0px;
		text-indent: -1000em;
		display:block;
	}
	#header .site-name a {
		display: block;
		border: none;
		position: absolute; top: 0; left: 40px;
		height: 150px; width: 430px;
	}

#header #header-L,
#header #header-R{
position:absolute;
height:280px;
top:0;
overflow:hidden;
}

#header #header-L img,
#header #header-R img{
top:0; left:0;
}

#header #header-L{
width:222px;
left:516px;
}
#header #header-R{
width:222px;
left:738px;
}

/* 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.jpg) top right no-repeat;
		height: 158px; width: 516px;
		margin: 0;
		position: relative; top:0px; left:0px;
		text-indent: -1000em;
		display:block;
	}
#header-page .site-name a {
		display: block;
		border: none;
		position: absolute; top: 0; left: 40px;
		height: 90px; width: 430px;
	}

#header-page #header-L,
#header-page #header-R{
position:absolute;
height:158px;
top:0;
overflow:hidden;
}

#header-page #header-L img,
#header-page #header-R img{
	display: block;
}

#header-page #header-L{
width:222px;
left:516px;
}
#header-page #header-R{
width:222px;
left:738px;
}

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

#nav {
	/*position:absolute; top:329px; left:0;*/
	background:#9dbfdf;
	color:#282214;
	min-height:52px;
	margin:0 auto;
	margin-bottom:30px;
	padding-top:0px;
	width:960px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:13px;text-transform: uppercase;
}
#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; }

	#nav ul li a {
	color: #282214;
	padding: 14px 14px 16px 14px;
	text-decoration: none;
	display:block;
	border-right:1px solid #f4f4e8;
	}

	#nav ul li a.on{
		color:#fff;
		background-color: #829fbb;
		background-image: url(../images/shared/nav-on-corner.gif);
		background-repeat: no-repeat;
		background-position: right;
	}

	#nav ul li a.home{
	width:65px; height:52px; margin:0; padding:0;
	background:url(../images/home_icon.png) no-repeat center center;
	text-indent:-1000em;
	}
	#nav ul li a.home-on{
		width:65px; height:52px; margin:0; padding:0;
		background:url(../images/home-on.gif) no-repeat center center;
		text-indent:-1000em;
	}
	#nav ul li a:hover {
	color:#cb2127;
	}
	#nav ul li a.home:hover{
	background: url(../images/home_icon.png) no-repeat center center;
	}
	#nav ul li:hover {
	}
	#nav ul li a.last { border-right:0;
	}

/* Content
----------------------------------------------------------------------- */
#wrapper{
	margin:0 auto;
	padding-bottom:50px;
	background:#fff;
	font-size:1.4em; /* 10 x 1.3 = 13px */
	width:960px;
	/* padding-top:75px; height of the navbar + desired top margin*/
}
#content {
    margin:0px 20px 48px 30px;
	width:540px;
    padding:0px 0px 25px 10px;
	color:#333300;
	
	float:left;
	position:relative;
}
#content h1, #content h2, #content h3, #content h4 { padding-top:0px;}
#content h1 { margin: 0 0 10px; font-size: 1.714em /* 13 * 1.85 = 24px */; line-height: 1.1em; color: #cb2127; font-weight:normal;}

#content h2 { margin: 0px 0 10px; font-size: 2.30em /* 13 * 1.85 = 24px */;line-height:36px;	color: #333300; font-weight:normal;padding-bottom:35px;padding-left:15px;}
#content h3 {
	margin: 0px;
	font-size: 1.846em /* 13 * 1.385 = 18px */;
	color: #333333;
	font-weight:normal;	padding-top:5px;padding-bottom:20px;
}
#content h4{font-size:1.385em; font-weight:normal;color:#333333;margin:15px 0px;}

#content h4.top-border{border-top:1px solid #829FBB;}
#content h5{font-size:1.23em; font-weight:normal;color:#333333;margin:15px 0px;}
#content p { margin: 0 0 10px; color:#666666; font-size:12px; line-height:24px; /* 13 * 1.692 = 22px */ }
#content p.breadcrumb{ margin: 0px; line-height:1.692em; padding-left:15px;/* 13 * 1.692 = 22px */ color:#0066cc;text-transform:capitalize;}
#content table { margin: 10px 0;}
#content table caption h5{margin-bottom:0px;color:#333333; margin-top:20px;}
#content th { background: #999966; padding: 5px; font-weight: bold;}
#content td { padding: 5px 10px; border-right:1px solid #cccc99;font-size:11px;color:#666666;}
#content thead tr th { padding: 5px 10px;  border-right:1px solid #cccc99;color:#ffffff;font-weight:normal;text-transform:uppercase;font-size:1em;}
#content ul { margin: 0px 0 0 40px; list-style:disc; color:#666666;}
#content ol { margin: 10px 0 0 40px; list-style: decimal;color:#666666;font-size:12px;}
#content li { line-height: 20px; padding-bottom: 15px; }
#content ul li { padding: 0 0 1px 0; margin: 0 1px;font-size:12px; line-height:24px;}

#content ul li a{ padding: 0 0 1px 0; margin: 0 1px;font-size:12px; line-height:24px;}
#content ol ul li {	padding: 0 0 6px 0; margin: 0 4px 0 0; }
#content ol li { padding: 0 0 6px 0; margin: 0;	}

#pad{border-top:1px solid #829fbb;
	border-bottom:1px solid #829fbb;padding:20px 15px 15px  15px;}

#speaker-title{border-top:1px solid #999966; border-bottom:1px solid #cccc99;padding-top:20px;padding-bottom:15px; margin-bottom:15px;}
#home-content {
	margin:0px 20px 48px 40px;
	width:515px;
	padding:0px 15px 25px 10px;
	color:#333300;
	/*border-top:1px solid #999966;*/
	/*border-bottom:1px solid #999966;*/
	float:left;
	position:relative;
	background-color: #fff;
}
#home-content h1, #home-content h2, #home-content h3, #home-content h4 { padding-top:0px;}
#home-content h1 { margin: 0 0 10px; font-size: 1.714em /* 13 * 1.85 = 24px */; line-height: 1.1em; color: #333300; font-weight:normal;padding-top:15px;}
#home-content h2 { margin: 0px 0 10px; font-size: 24px/* 13 * 1.846 = 24px */;	line-height: 30px;color: #333300;font-weight:normal;padding-top:15px;}
#home-content h3 { margin: 15px 0 10px; font-size: 1.077em /* 13 * 1.077 = 14px */;	color: #333300;}
#home-content h4 {
	font-size: 12px /* 13 * 1.077 = 14px */;
	color: #60768c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 40px;padding-bottom:5px;
	top: 20px; text-transform:uppercase;letter-spacing:3px;
}
#home-content p { margin: 0 0 10px; line-height:1.692em; /* 13 * 1.692 = 22px */ }

#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;	}

 #keynote{
	width:530px;
	min-height:430px;
	background-color:#cedfef;
	padding-top: 20px;padding-bottom:20px;
}
 #keynote_title{
	border-top-color: #fff;
	border-top-width: 1px;
	border-top-style: solid;
	margin-left: 30px;
	margin-right: 30px;padding-left:10px;
}
#keynote_title h1{
	font-size:30px;
	color: #333300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top:15px;
	margin-bottom:5px;
}
#keynote_title h4.subtitle{
	font-size:12px;line-height:22px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;padding:0px;text-transform:none;letter-spacing:0px;
}

 #keynote_body{
	padding-top:15px;padding-left:10px;
	margin-left: 30px;
	margin-right: 30px;
}
#keynote-text{width:215px; height:235px;float:right;margin-right:20px;}
#keynote-text p{color:#333333; font-size:14px;font-family: Verdana, Geneva, sans-serif;margin-top:-5px;}
#main-body{ width:490px;
	margin-bottom:20px;
	border-top-color: #829fbb;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #829fbb;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom:10px;
	padding-left:20px;
padding-right:20px;
}

/*BlockQuotes*/

blockquote {
	font-size: 1.35em; font-style:italic;
	line-height:1.1; 
	color: #666666;
	padding: 10px 15px 20px 55px; 
	margin-left:5px;
	background: url(../images/shared/quote.jpg) top left no-repeat;
	}


/* Speakers Page
----------------------------------------------------------------------- */

#speakers img{
	float:left;
	padding: 5px 15px 0 0;
	padding-bottom: 15px;
	clear:both;
}

#speakers h5{
	margin-top: 0px;
}

#speakers ul, #speakers li {
	list-style:none;
	margin-left: 0px;
	clear:both;
}

#speakers p {
	line-height: 1.5em;
}

#speakers .bio {
	margin-top: -13px;
}

#speakers h3 {
	padding-top: 20px;
	margin-top: 0px;
}




/* Sidebar
----------------------------------------------------------------------- */
#sidebar {
    margin:0;
	padding:0;
    margin-right:48px;
    width:312px;
	float:right;
}

#sidebar div{
	background:#e6edf3;
	padding:0px;
	margin-bottom:10px;
}
#sidebar #abstract{padding:15px 10px;
position:relative;
width:291px;background:#cccc99;}
 #abstract h2{margin: 0px 0px 10px; font-size: 24px /* 13 * 1.85 = 24px */;	color: #333300; font-weight:normal;padding: 0px 10px 15px 10px; border-bottom:1px solid #e6e6cc;}
 #abstract p{color:#333333; font-size:12px;padding:0px 10px 5px 10px;line-height:20px;}
 #abstract p a{font-size:14px;}
#sidebar #confhosts{margin-top:-20px;
position:relative;
width:311px; height:200px;
background:url(../images/shared/sponsors-trans.png) no-repeat left top;
}
#sidebar #confhosts h2{position:absolute; left:-1000em;}
#sidebar #confhosts ul, #sidebar #confhosts li{margin:0; padding:0; list-style-type:none; list-style-image:none;}
#sidebar #confhosts ul li a{
display:block;
text-indent:-1000em;
width:210px;
height:52px;
position:absolute;
left:10px;
}

#sidebar #confhosts ul li a#midas{
top:50px;left:8px;
background:url(../images/shared/midas.gif) no-repeat left top;
}


#sidebar #confhosts ul li a#cps{
top:103px;
background:url(../images/shared/ps.gif) no-repeat left top;
}
#sidebar #confhosts ul li a#gsph{
top:150px;left:12px;
background:url(../images/shared/ph.gif) no-repeat left top;
}
#sidebar #mission{
width:311px; height:70px;
}
#sidebar #mission a{
display:block;
text-indent:-1000em;
width:311px; height:70px;
background:url(../images/callouts/mission-statement.jpg) no-repeat left top;
}
#sidebar #whattodo{
width:311px; height:148px;
}
#sidebar #whattodo a{
display:block;
text-indent:-1000em;
width:311px; height:148px;
background:url(../images/callouts/whattodo.jpg) no-repeat left top;
}
#sidebar #wheretoeat{
width:311px; height:148px;
}
#sidebar #wheretoeat a{
display:block;
text-indent:-1000em;
width:311px; height:148px;
background:url(../images/callouts/wheretoeat.jpg) no-repeat left top;
}
#sidebar #newsletter{
width:311px; height:118px;
}
#sidebar #newsletter a{
display:block;
text-indent:-1000em;
width:311px; height:118px;
background:url(../images/callouts/newsletter_subscription.jpg) no-repeat left top;
}

/* 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: #999999;
	text-align: left;
	width: 960px;
}
#footer p { line-height:normal;color:#efefef; }

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

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

#calendar{position:absolute; top:162px; left:355px;}
#calendar2{position:absolute; top:132px; left:355px;}