/**
 * Defaults and Resets
 */
html, body {margin: 0; padding: 0; background: #ffffff;}

body {font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif; font-size: 62.5%; color: #333; text-align: left;}

form {margin: 0; padding: 0;}

img {border: 0;}

td {vertical-align: top;}

p {margin: 0 0 20px 0;}

h1 { 	border-bottom:2px dotted #D9D9D9;
		color:#660033;
		font:35px MetaPlusMediumRoman,"Trebuchet MS","Lucida Grande",Helvetica,Arial,sans-serif;
		letter-spacing:-0.03em;
		margin:5px 0;
		/*margin: 0 0 20px 0; font-size: 2.5em; font-weight: bold; color: #660033;*/ background: transparent; left: 0; width: auto; height: auto; overflow: auto;}
h2 {margin: 0; font-size: 2em; font-weight: normal; color: #660033;}
h2 a {color: #660033;}
h3 {margin: 0 0 5px 0; font-size: 1.6em; font-weight: normal; color: #666;}
h5 {margin: 0 0 20px 0; font-size: 1.2em; font-weight: normal;}

a {color: #7e9db9; text-decoration: none;}

:focus {outline: 0;}

/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}

.noMarginAfter {margin-bottom: 0;}

a.pillButton {display: block; margin: 0 0 25px 0; padding: 0 0 0 15px; font-size: 1.7em; line-height: 1.59em; color: #fff; text-decoration: none; background: url(../../images/shared/bg-pill-button.gif) no-repeat;}

.defaultCopy {font-size: 1.6em; line-height: 1.25em;}

img.right {float: right; margin: 0 0 10px 10px;}

div.separator {margin: 20px 0; height: 1px; background: #666; font-size: 1px; line-height: 1px;}

.overlayLarge {width: 358px; height: 289px; position: relative;}
.overlayLarge img {position: absolute; top: 0; left: 0;}
.overlayLarge .overlay {position: absolute; top: 0; left: 0; width: 358px; height: 289px; background: url(../../images/shared/overlay-lrg.gif) no-repeat;}
.overlayLarge .overlay img {position: relative;}

.overlay {width: 195px; height: 160px; position: relative;}
.overlay img {position: absolute; top: 0; left: 0;}
.overlay .overlay {position: absolute; top: 0; left: 0; width: 195px; height: 160px; background: url(../../images/shared/overlay.gif) no-repeat;}
.overlay .overlay img {position: relative;}

div.pageNav {margin: 20px 0; font-size: 1.6em; font-weight: bold; text-transform: lowercase;}
div.pageNav .previous {float: left;}
div.pageNav .next {float: right;}

div.podcastControl {margin: 0 0 20px -6px;}

/**
 * Lists
 */
ul li {list-style-type: none;}

ul.inline {margin: 0; padding: 0; list-style-type: none;}
ul.inline li {display: inline;}

ul.list {margin: 0; padding: 0; list-style-type: none;}

ul.media {height: 25px; margin: 0; padding: 0; list-style-type: none; font-size: 1.1em; line-height: 2.27em;}
ul.media li {float: left; margin: 0 5px 0 0; padding: 0 7px 0 0; background: url(../../images/shared/bg-media-separator.gif) no-repeat right 4px;}
ul.media li a {float: left; display: block; height: 25px; color: #660033; text-decoration: none; padding: 0 0 0 30px; background: no-repeat;}
ul.media li.audio a {background-image: url(../../images/shared/audio.gif);}
ul.media li.video a {background-image: url(../../images/shared/video.gif);}
ul.media li.last {background: none;}

ul.share {margin: 0; padding: 0; list-style-type: none; vertical-align: top; float: right;}
ul.share li {float: left; margin: 0 5px 0 0; padding: 0 7px 0 0; background: url(../../images/shared/bg-media-separator.gif) no-repeat right 8px;}
ul.share li a {color: #660033; font-style: normal; line-height: 2.29em;}
ul.share li.last {background: none;}

div.newsList > div {padding-bottom: 20px;}
div.newsList .content {float: right; width: 100%; margin-left: -110px;}
div.newsList .content > div {margin-left: 110px;}
div.newsList .thumb {float: left; width: 110px;}
div.newsList .date {margin: 0; font-size: 1.2em;}
div.newsList .source {font-size: 1.2em; font-weight: bold;}
div.newsList .media { height: auto; }

div.archiveNewsList .content {margin-left: -110px;}
div.archiveNewsList .content > div {margin-left: 110px;}
div.archiveNewsList .source {margin: 0;}

ul.categoryNav {margin: 0 -2px 20px -2px; padding: 0; list-style-type: none; font-size: 1.2em;}
ul.categoryNav li {display: inline;}
ul.categoryNav li a {padding: 0 2px; color: #603;}
ul.categoryNav li.on {font-weight: bold;}

div.pager {margin: 0 0 20px 0; font-size: 1.2em; text-align: center;}
div.pager ul {margin: 0; padding: 0; list-style-type: none; display: inline;}
div.pager ul li {display: inline; padding: 0 5px;}

/**
 * Layout
 */
#master {width: 990px; margin: auto;}
/* height was 100px */
#header {position: relative; height: 90px; background: url(../../images/shared/bg-logo.gif) no-repeat left 3px;}
/*#header .logo {position: absolute; top: 17px; left: 88px;}*/
#header .logo {position: absolute; top: 3px; left: 0px;}
#header .cmuLogo {position: absolute; top: 8px; right: 29px;}
/*#header .department {position: absolute; top: 65px; left: 160px;}*/
#header .department {position: absolute; top: 65px; left: 153px;}
#header .nav {position: absolute; top: 33px; right: 162px; font-size: 1.4em;}
#header .nav ul {margin: 0; padding: 0; list-style-type: none;}
#header .nav ul li {display: inline; padding: 0 10px 0 5px; background: url(../../images/shared/bg-dots.gif) no-repeat right 7px;}
#header .nav ul li.last {background: none;}
#header .nav ul li a {color: #510027; text-decoration: none;}

#nav {height: 37px; background: url(../../images/shared/bg-nav.gif) repeat-x;}
#nav ul {float: left; margin: 0; padding: 0; list-style-type: none;}
#nav ul li {float: left; padding: 0 2px 0 0; background: url(../../images/shared/bg-nav-separator.gif) no-repeat right top;}
#nav form {float: right; padding: 7px 30px 0 0;}
#nav form input[type="text"] {float: left; width: 120px;}
#nav form input[type="image"] {float: left; margin: 2px 0 0 3px;}

#body {padding: 15px 25px 0 20px;}

#content {float: left; width: 685px; padding: 0; line-height: normal;}

#breadcrumbs {float: left; margin: 11px 0 0 0; width: 465px; padding: 0 0 0 15px; background: url(../../images/shared/bg-breadcrumbs.gif) no-repeat; font-size: 1.1em; line-height: 2.55em; height: 28px;}
#breadcrumb-trail {padding: 8px 20px 0 0; background: url(../../images/shared/bg-breadcrumbs.gif) no-repeat right top; padding-left: 0; height: 28px;}

/* #contentHeader bottom margin used to be 35px */
#contentHeader {margin: 0 0 15px 0; border-bottom: solid 2px #ccc;}
#contentHeader .breadcrumbs {float: left; margin: 11px 0 0 0; width: 465px; padding: 0 0 0 15px; background: url(../../images/shared/bg-breadcrumbs.gif) no-repeat; font-size: 1.1em; line-height: 2.55em;}
#contentHeader .breadcrumbs > div {background: url(../../images/shared/bg-breadcrumbs.gif) no-repeat right top;}
#contentHeader .breadcrumbs span {margin: 0 5px 0 0; padding: 0 10px 0 0; background: url(../../images/shared/boomerang.gif) no-repeat right 3px;}
#contentHeader .breadcrumbs a {color: #333;}
#contentHeader .search {float: right; width: 190px; padding: 0 0 0 10px; background: url(../../images/shared/bg-corners.gif) no-repeat;}
#contentHeader .search > div {height: 36px; padding: 10px 10px 0 0; background: url(../../images/shared/bg-corners.gif) no-repeat right top;}
#contentHeader .search input[type="text"] {float: left; width: 145px; margin: 3px 5px 0 0; padding: 3px; border: solid 1px #ccc; color: #666; font-family: Arial, Verdana, Sans-Serif; font-size: 1.1em;}
#contentHeader .search input[type="image"] {float: left;}

#sidepanel {float: right; padding: 0;}
#sidepanel ul#sidenav li a {font-size: 1.2em;}
#sidepanel .block {margin: 0 0 25px 0; background: #7c0e42 url(../../images/shared/bg-block.gif) no-repeat; font-size: 1.3em; line-height: 1.08em;}
#sidepanel .block > div {width: 100%; background: url(../../images/shared/bg-block.gif) no-repeat -235px bottom;}
#sidepanel .block a {color: #fff;}
#sidepanel .block .content {padding: 5px 15px;}
#sidepanel .block .title {padding: 13px 8px 7px 15px; border-bottom: solid 1px #cc9900;}
#sidepanel .block .title .heading {float: left;}
#sidepanel .block .title .more {float: right; margin: 4px 0 0 0;}
#sidepanel .block .title .more a {padding: 0 12px 0 0; font-size: 0.71em; background: url(../../images/shared/bg-block-arrow.gif) no-repeat right 4px; color: #999; text-transform: lowercase;}
#sidepanel .photoBlock {margin: 0 0 25px 0;}
#sidepanel .photoBlock h4 {height: 41px; margin: 0; padding: 0 15px; font-size: 1.7em; font-weight: normal; line-height: 2.42em; color: #fff; background: url(../../images/shared/bg-sidebar-heading.gif) no-repeat;}
#sidepanel .photoBlock h4 a {color: #fff;}
#sidepanel .photoBlock img {display: block;}
#sidepanel .newsReleases p {margin-bottom: 10px;}
#sidepanel .blockOutline {color: #666; background: #fff url(../../images/shared/bg-block-outline.gif) repeat-y -234px 0;}
#sidepanel .blockOutline > div {background: url(../../images/shared/bg-block-outline.gif) no-repeat;}
#sidepanel .blockOutline > div > div {background: url(../../images/shared/bg-block-outline.gif) no-repeat -468px bottom;}
#sidepanel .blockOutline h4 {margin: 0 0 10px 0; padding: 0 15px; font-size: 1.7em; font-weight: normal; line-height: 2.42em; color: #660033; border-bottom: dotted 1px #ffdb9b;}

#div_BannerAdRotator {font-size: 1.2em;}
#div_BannerAdRotator p {margin: 12px 0;}

#prefooter {font-size: 1.25em; line-height: 1.375em;}

#footer {font-size: 1.25em; line-height: 1.375em;}
#footer p {margin: 0;}

/**
 * Front Page
 */
#frontFeatures {margin: 0 0 20px 0;}
#frontFeatures .featuredVideo {float: left; width: 404px; font-size: 1.3em; line-height: 1.08em;}
#frontFeatures .featuredVideo .description {padding: 10px 0 0 25px; width: 310px;}
#frontFeatures .newsList {float: right; width: 270px; left: 0; padding: 5px 0 0 0; border-top-width: 0;}
#frontFeatures .newsList h2 {font-size: 1.7em; line-height: 1.12em;}

body.front #contentHeader {margin-bottom: 5px;}

body.front div.newsList {position: relative; left: 25px; width: 660px; padding: 10px 0 0 0; border-top: solid 1px #cc9900;}
body.front div.newsList h2,
body.front div.newsList h2 a {color: #525252;}
body.front div.newsList .date {color: #999999;}

/**
 * Articles
 */
#article {width: 635px; font-size: 1.375em; line-height: 1.25em;}
#article h2 {font-size: 1.375em; line-height: normal;}
#article h3 {font-size: 1.175em; line-height: normal;}
#article h4 {font-size: 1.25em; line-height: normal; color: #660033;}
#article ul.media {margin: 25px 0 20px 0; font-size: 0.69em;}
#article .date {margin-bottom: 10px; font-size: 1em; color: #cc9900;}
#article .photo {float: right; width: 384px; margin: 0 0 0px 10px; font-size: 0.75em; font-style: italic;}
#article .photo .caption {padding: 10px 0 0 0;}
#article .photo .credit {font-size: 0.86em;}
#article .topics,
#article .categories {margin: 0 0 5px 0; padding: 0 0 5px 0; font-size: 0.875em; line-height: normal; color: #333; border-bottom: solid 2px #e0c266;}
#article .categories {border-bottom-width: 0;}
#article .copy ul {
	padding: 3px 0 10px 0;
	margin: 5px 0 0 17px;
}		
#article .copy ul li {
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 0;
	list-style-image: url("../../images/template/arrows/arrow-gold-on-yellow.gif");
}


/**
 * Faculty Guides
 */
#facultyGuideFeature > div {margin: 0;}
#facultyGuideFeature .photo {width: 357px;}
#facultyGuideFeature .content {width: 300px;}
#facultyGuideFeature p {font-size: 1.8em; line-height: 1.11em;}

div.facultyGuide > div {margin: 0 0 20px 0;}
div.facultyGuide .photo {float: left; width: 195px; padding: 0 20px 0 0;}
div.facultyGuide .content {float: left; width: 455px;}
div.facultyGuide h1 {margin: 0; font-size: 2.8em; font-weight: normal;}
div.facultyGuide h2 {margin: 0 0 10px 0;}
div.facultyGuide p {font-size: 1.6em; line-height: 1.25em; color: #666;}

/**
 * Search
 */
div.searchResults {font-family: "Lucida Grande", Helvetica, "Trebuchet MS", sans-serif; font-size: 1.2em; line-height: normal;}
div.searchResults > div {padding: 0 0 20px 0;}
div.searchResults div.indent {padding-left: 50px;}
div.searchResults a {color: #760; text-decoration: underline;}
div.searchResults .title {font-size: 1.33em;}
div.searchResults .title .type {font-size: 0.63em;}
div.searchResults .url {color: blue;}