/*
Theme Name: Cornell University Department of Music
Theme URI: http://knowledgetown.com
Description: A custom theme developed for CUDM by Knowledge Town.
Version: 1.0
Author: KnowledgeTown
Author URI: http://knowledgetown.com
*/


/**************** Main Structure ****************/


/*
	The following rule sets up default global properties, such as
	font family and color, page margin and padding, and the
	background color of the footer.

	Note the font-size declaration. Its purpose is to reset the
	default font size to 10px instead of 16px, allowing font sizes to
	be specified in ems throughout the stylesheet (1.0em = 10px,
	1.3em = 13px, etc.). It is important to specify font sizes in ems
	instead of pixels, because IE/Win does not allow text to be resized
	by the user if it is specified in pixels.
*/
body {
 	margin: 0;
	padding: 0;
	/* font-family: 'Trebuchet MS', 'Lucida Grande', verdana, arial, sans-serif; */
	font-family: verdana, arial, sans-serif;
	font-size: 63.125%;		/* translate 1.0em to 10px, 1.5em to 15px, etc. */
}

/*
	This rule hides "skip to content" link from general users.
	Do not use display: none, as that will also hide it from some screen readers.
*/
#skipnav {
	position: absolute;
	top: -1000em;
	left: -1000em;
}

#container {
	margin: 0 auto;
	width: 940px;
	text-align: left;
}

#header {
	height: 105px;
}

#cu-identity {
	height: 75px;
	background: #000 url(images/violin.jpg) no-repeat 350px 0px;
}

#primary_nav {
	height: 30px;
	width: 940px;
	background-color: #7B3A00;
	float: left;
	overflow-x: hidden;
	position: relative;
	z-index: 10;
}

#primary_nav.fixed {
	position: fixed;
}
#banner {
	float: left;
	width: 940px;
	height: 200px;
}

#banner_heading_position {
	float: left;
	position: relative;
	top: 7px;
	left: 0px;
}

#banner_image_position {
	position: relative;
	top: 7px;
	left: 10px;
}

#left_bar {
	float: left;
	height: 46px;
	width: 240px;
}

/* This rule is necessary to prevent a gap in IE6. */
#left_bar img {
	display: block;
}

#right_bar {
	float: left;
	height: 26px;
	width: 680px;
	padding: 10px;
}

#wrapper {
	float: left;
	width: 940px;
	background: url(images/left_sidebar_background.jpg) repeat-y;
}

#left_sidebar {
	width: 240px;
	float: left;
}

#left_sidebar img{
	border: none;
}

#home_left_sidebar {
	width: 240px;
	float: left;
}

#secondary_nav {
	width: 100%;
}

#content {
	width: 680px;
	float: right;
	padding: 10px;
	background-color: #FFFFEE;
}

#content a {
	border-bottom: 1px dotted #ccc;
}

#hub_content {
	width: 440px;
	float: left;
	padding: 10px;
	background-color: #FFFFEE;
}

#hub_content a {
	border-bottom: 1px dotted #ccc;
}

#right_sidebar {
	width: 220px;
	float: right;
	margin: 10px;
}

#footer {
	color: #fff;
	height: 30px;
	background: #E8D296;
	padding: 5px 10px 0;
	margin-top: 3px;
	margin-bottom: 30px;
}

.clearness {
	clear: both;
}

#breadcrumbs {
	margin-top: -3px;
	margin-bottom: 12px;
}

/**************** End Main Structure ****************/



/**************** Common Elements ****************/

p, div.bio {
	margin-bottom: .8em;
	line-height: 1.6em;
	font-size: 1.1em;
	margin-top: 0;
	color: #333;
}

h1 {
	font-size: 1.5em;
	color: #7B3A00;
	margin-top: -8px;
	margin-bottom: .2em;
}

h2 {
	font-size: 1.2em;
	color: #9B6332;
	margin-bottom: .1em;
}

h2 a {
	color: #7B3A00;
	border-bottom: none !important;
}

h2 a:hover {
	color: #9B6332;
}

h3 {
	font-size: 1.2em;
	color: #9B6332;
	margin-bottom: 0;
}

h4 {
	font-size: 1.1em;
	color: #222;
	margin-bottom: 0;
}

h5 {
	font-size: 1.1em;
	color: #9B6332;
	margin-bottom: 0;
	font-style: italic;
}

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

a:hover {
	color: #B46A28;
	text-decoration: none;
}

/* added to control view of external links (no IE) */
a[target^="_blank"]{
	padding-right:18px;
	background:url(images/external.png) top right no-repeat;
}

a[href ^="mailto:"] {
	padding-right:20px;
	background:url(images/icon_mail.gif) top right no-repeat;
	border-bottom: none;
}

a[href $='.pdf'] {
	padding-right:20px;
	padding-bottom: 3px;
	background:url(images/icon_pdf.gif) top right no-repeat;
	border-bottom: none;
}

/* Added to format tables within content, Kevin Ernste */

table {
/*	margin-bottom: .8em;
*/	line-height: 1.5em;
	font-size: 10px;
	margin-top: 0;
    color: #333;
}

table h2 {
	font-size: 1.5em;
	color: #7B3A00;
	margin-bottom: .2em;
}

hr {
	color: #FFFFE1;
	background-color: #FFFFE1;
	border: 1px dotted #ccc;
	border-style: none none dotted;
}

p.hairline {
	color: #FFFFE1;
	background-color: #FFFFE1;
	border: 1px dotted #ccc;
	border-style: none none dotted;
}

ol {
	font-size: 1.1em;
}
/**************** On the Home Page ****************/

#home_wrapper {
	float: left;
	width: 940px;
	background: #FFF7EE;

}

#home_content {
	width: 450px;
	float: left;
	background-color: #FFF7EE;
}

#home_left_sidebar ul {
	padding: 10px;
}

#more_about_us {
	float: right;
	position: relative;
	top: -25px;
	left: -20px;
	text-align: right;
}

/*
.yellow_line {
	background: #FFD46A;
	height: 4px;
	margin-left: 10px;
}*/

.yellow_line {
	background: #E8D296;
	height: 3px;
	margin-left: 10px;
}

#home_left_sidebar h2 {
	margin-left: 10px;
	margin-bottom: 1em;
	color: #7B3A00;
}

#home_content h2 {
	margin-left: 10px;
	color: #7B3A00;
	margin-bottom: 1em;
}

#home_content p {
	margin-bottom: 0;
	line-height: 1.3em;
}

#home_content .event_date_location {
	margin-bottom: .5em;
}

#home_content ul {
	padding: 10px;
	position: relative;
	top: -14px;
	padding-bottom: 0;
	margin-bottom: 0;
}
#home_content #events_list td {
	padding-bottom: 1em;
}
.news_image {
	margin-left: 10px;
	margin-top: 7px;
	margin-bottom: 10px;
}
/*
.news li, .events li {
	list-style: url(http://cudm.knowledgetown.com/wordpress/wp-content/uploads/news_icon.gif) inside;
	margin-bottom: 12px;
}
*/

.event, .news {
	font-size: 1.1em;
	margin-left: 10px;
	margin-right: 10px;
}

.event img {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	position: relative;
	top: 2px;
}

/*.news a, .news em {
	font-weight: bold;
	font-size: 1.0em;
	color: #9B6332;
	line-height: 1.4em;
}

*/
.event a, .news a {
	font-weight: bold;
	color: #7B3A00;
	line-height: 1.4em;
	border: none;

}

.event a:hover, .news a:hover {
	color: #9B6332;
}

#newslink {
	border-bottom: none;
}

.news img {
	border: none;
}


/* Centering the player is necessary for type smaller than 17pt */
center_player {
	display: inline;
	height: 17px;
	width: 17px;
	position: relative;
	top: 4px;
	font-size: 1.2em;
}

.news_player {
	display: inline;
	height: 17px;
	width: 17px;
	position: relative;
	top: 0px;
	font-size: 1.2em;
}

.more {
	font-weight: bold;
	font-size: 1.2em;
	color: #9B6332;
	text-align: right;
	font-style: italic;
	margin-right: 10px;
	margin-top: -20px;
}

.more .more_left {
	text-align: left;
	margin-top: 40px;
}

.more a {
	color: #9B6332;
}

.more a:hover {
	color: #7B3A00;
}

#quick_links h2 {
	color: #68645B;
	font-size: 1.3em;
	margin-top: 3px;
}

#right_sidebar #quick_links p {
	color: #68645B;
	font-size: 1.2em;
	font-style: italic;
}

#quick_links ul {
	padding: 0;
	margin-left: 16px;
	margin-bottom: -10px;
}

#quick_links li {
	list-style: url(images/bullet_white_bg.gif) outside;
	margin-bottom: 8px;
}

#quick_links li a {
	font-weight: normal;
	font-size: 1.2em;
	color: #9B6332;
	line-height: 1.4em;
}

#quick_links li a:hover {
	color: #7B3A00;
}

#right_sidebar a {
	color: #7B3A00;
	line-height: 1.6em;
}

#right_sidebar a:hover {
	color: #9B6332;
}


/**************** In the Header ****************/

#primary_nav ul {
	position: relative;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

/* For IE6 it is necessary to float left both the li and the a. */
#primary_nav li {
	float: left;
	text-align: center;
}

#primary_nav .menu-item a,
#primary_nav .page_item a {
	float: left;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
	display: block;
	color: #E8D296;
	height: 20px;
	padding: 7px 25px 3px;
}

#primary_nav .menu-item a:hover,
#primary_nav .page_item a:hover {
	color: #FFD46A;
	background: url(images/top_menu_highlight.gif);
}

/* This rule is set by using $page_root in header.php in order for the proper first level current page to be highlighted
in a website with three levels of navigation. */
#primary_nav .current_page_item a,
#primary_nav .current_page_parent a,
#primary_nav .current-page-ancestor a{
	color: #FFD46A;
	background: url(images/top_menu_highlight.gif);
}

/**************** In the Banner ****************/

#right_bar .caption,
#right_bar .caption p {
	font-weight: normal;
	font-size: 1.0em;
	color:  #E8D296;
	margin-top: 0px;
}

#right_bar .caption a {
	font-weight: normal;
	font-size: 1.0em;
	color:  #E8D296;
    border-bottom: 1px dotted #E8D296;
}

#right_bar .caption a:hover {
	font-weight: normal;
	font-size: 1.0em;
	color:  #FFD46A;
	border-bottom: 1px dotted #444;
}

#right_bar a[target^="_blank"]{
	color:#E8D296;
	padding-right:0px;
	background:none;
}

.player_background {
/*	background: url(images/white_circle.gif) no-repeat center;
	height: 17px;
	width: 17px;
*/	float: left;
	margin-right: 2px;
	position: relative;
	top: 1px;
}

/**************** In the Left Sidebar ****************/

#secondary_nav ul {
	list-style: none;
}

#secondary_nav ul ul {
	list-style: none;
}

#secondary_nav li {
	font-size: 1.2em;
	font-weight: bold;
}

#secondary_nav li li {
	font-size: 1em;
	font-weight: normal;
}

#secondary_nav li a {
	text-decoration: none;
	display: block;
/*	color: #9B6332;
*/	color: #7B3A00;
	margin: 3px 0 0 -40px;
	padding: 5px 10px;
/* The following rule is necessary to prevent double gaps between the list elements in IE6. This may not work in IE7. */
/*	height: 15px;
*/}

#secondary_nav li li a {
	text-decoration: none;
	display: block;
	color: #360600;
	margin: 0 0 0 -60px;
	padding: 3px 10px;
/* The following rule is necessary to prevent double gaps between the list elements in IE6. This may not work in IE7. */
/*	height: 15px;
*/}

#secondary_nav li a:hover {
	color: #222;
	background: url(images/side_menu_highlight.gif);
}

#secondary_nav li li a:hover {
	color: #360600;
	background: url(images/side_menu_highlight_sub.gif);

}

#secondary_nav .current_page_item a {
	color: #222;
	background: url(images/side_menu_highlight.gif);
}

#secondary_nav .current_page_parent a {
	color: #222;
	background: url(images/side_menu_highlight.gif);
}

#secondary_nav .page_item li a {
	color: #9B6332;
	background: none;
}

#secondary_nav li .current_page_item a {
	color: #222;
	background: none;
}

#related_links {
	margin: 50px 10px;
	border: 1px solid #e9d398;
}

#related_links p {
	margin: 10px;
	font-size:1em;
	line-height:1.5em;
}


/**************** In the Content ****************/

#content ul {
	padding: 0 0 0 20px;
	line-height: 1.38em;
	font-size: 1.2em;
	color: #333;
}

#content li {
	margin-left: 20px;
	color: #333;
}

#content blockquote {
	font-size: 1.0em;
	color: #333;
	font-weight: 500;
}

#hub_content ul {
	padding: 0 0 0 20px;
	line-height: 1.38em;
	font-size: 1.2em;
    color: #333;
}

#hub_content li {
	margin-left: 20px;
        color: #333;
}

#hub_content blockquote {
        font-size: 1.0em;
        color: #333;
}


/********* In the Content, News ***********/

.news_archive h1 {
	margin-top: 5px;
}

h2.news {
	margin: 0;
	display: inline;
}

.headline {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 10px;
}

.news_archive .entry {
	margin-left: 40px;
}

.news_archive .entry img.alignleft,
.news_single .entry img.alignleft {
	margin: 0 10px 10px 0;
}

.news_archive .post {
	clear: both;
}

/********* In the Content, Gallery ***********/

.alignright {
	float: right;
	margin-right: 23px;
}

.alignleft {
	float: left;
	margin-left: 23px;
}
.attachment, .photo_caption {
	text-align: left;
	margin: 5px 0px;
	font-size: 12px !important;
}

.gallery-caption {
	padding: 10px;
	text-align: left;
}

/**************** In the Content, Database-Driven Pages ****************/

/* For the news detail pages */

.news_detail_image {
	float: left;
	margin-right: 10px;
	margin-top: 15px;
}

#detail_page h1 {
	margin-bottom: 0px;
}

.faculty_index td {
	font-size: 1.1em;
}

.sort_by {
	text-align: right;
	padding-right: 40px;
}

.sort_by .selected {
	padding-top: 7px;
	background: url(images/triangle.gif) no-repeat top;
}

#photo {
	float: left;
	width: 200px;
	margin-right: 20px;
	padding-top: 4px;
}

#edit_profile,
#bio {
	float: left;
	width: 490px;
}

#profile_links,
#contact_info,
#personal_info {
	float: left;
	width: 280px;
	padding-top: 5px;
}

#profile_links,
#contact_info {
	padding-top: 1em;
}
/* When there is no photo, allows dissertation title to take the whole width */
#profile_links.personal_info_wide,
#contact_info.personal_info_wide,
#personal_info.personal_info_wide {
	width: 490px;
}

.view_cv {
	line-height: 2em;
}

.view_works {
	line-height: 1.7em;
}
#bio h2 {
	margin-top: 0;
}

#bio .intro {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	font-size: 1.0em;
}

.hairline {
	border-bottom: 1px solid #DBCFAD;
}

.instructor {
	font-size: 1.1em;
	line-height: 1.6em;
	margin: 0 0 .8em 40px;
}

#sponsors h2,
#instrument_list h2,
#instructors h2 {
	margin-bottom: .8em;
}
#instrument_list,
#faculty_list {
	float: right;
	width: 150px;
	padding: 10px;
	background:#ffffef;
/*	background: #F4E5BC;
*/	border-top: 1px solid #DBCFAD;
	border-left: 1px solid #DBCFAD;
	border-bottom: 1px solid #DBCFAD;
}

#instrument_list a,
#faculty_list a {
	border-bottom:none;
}

#instrument_list p,
#faculty_list p {
	margin: 0 0 10px 20px;
	padding: 0;
	line-height: 1.2em;
	text-indent: -10px;
	font-size: 1em;
}

#instrument_list .selected,
#faculty_list .selected {
	font-weight: bold;
	color: #222;
}

#faculty_index h2 {
	color: #222;
}

.faculty_member img {
	width: 70px;
	float: left;
	margin-left: 20px
}

.faculty_member .column_1 {
	width: 100px;
	padding-right: 10px;
	float: left;
}

.faculty_member .column_2 {
	width: 300px;
	float: left;
}

.faculty_member .column_3 {
	width: 180px;
	float: left;
}

.faculty_member .department,
.faculty_member .discipline,
.faculty_member .discipline_description {
	padding-left: 20px;
}

.faculty_member {
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 8px 0;
}
.works {
	text-indent: -20px;
	margin-left: 40px;
	margin-right: 20px;
	line-height: 1.4em;
}

.works_button {
	float: right;
	position: relative;
	top: 100px;
	right: 30px;
}

.works_button a {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #FFEFDB;
	padding: 3px 5px;
	border: 1px solid #999 !important;
}

.works_button a:hover {
	background-color: #FDF3D8;
}

.people_list {
	margin-left: 40px;
	clear: left;
}

#dissertation_index span.selected {
	font-weight: bold;
	color: #222;
}
.dissertation_title {
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	border-bottom: none !important;
}

.dissertation_title {
	margin-top: 1em;
	font-size: x-small;
}

.dissertation_title,
.dissertation_author,
.dissertation_committee,
.dissertation_box {
	padding-left: 40px;
}

/* Take the padding back out of the old table-style markup */
td .dissertation_title {
	padding-left: 0;
}

.dissertation_detail_title {
	margin: 30px 0 0 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4em;
}

.grad_table {
	padding-left: 30px;
}

.grad_student {
	overflow:hidden;
	line-height: 1.8em;
	margin-top: .8em;
}
.grad_student .grad_text {
	text-align: left;
	float: left;
	display: block;
}

.grad_student img {
	width: 70px;
	float: left;
	margin-left: 30px
}

.grad_student .grad_image_placeholder {
	width: 74px; /*70 of the image + 2 borders*/
	float: left;
	margin-left: 30px
}
#current_grad_students .grad_text {
	margin-left: 10px;
}


#personal_info .degree_program,
#personal_info .email_phone,
#personal_info .office_location,
#personal_info .office_hours,
#personal_info .website {
	line-height: 1.5em;
}

#personal_info h2 {
	margin-top: 0;
}

#calendar a {
	border-bottom: none !important;
}

#calendar table {
	font-size: .9em;
}

#calendar tr {
	font-size: 1.2em;
	line-height: 1.4em;
	display: block;
	width: 100%;
	border-top: 1px dotted #ccc;
	border-bottom: 1px solid #ffffe1;
	border-right: 1px solid #ffffe1;
	border-left: 1px solid #ffffe1;
}

#calendar tr:hover {
	background-color:#FFEFDB;
	border-top: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
}

.calendar_previous {
	text-align: left;
	width: 100px;
	float: left;
}

.calendar_next {
	text-align: right;
	width: 100px;
	float: right;
}

.staff_member {
	font-size: 1.1em;
	line-height: 1.6em;
}
.staff_image {
	float: left;
	margin: 0 20px 20px 40px;
	width: 200px;
	min-height: 7em;
}
.staff_title {
	font-weight: bold;
}
/**************** In the Right Sidebar ****************/

#right_sidebar_inner {
	padding: 5px 10px;
	border-top: 2px solid #E8D296;
	border-left: 2px solid #E8D296;
	border-right: 2px solid #E8D296;
	background: #fff;
	color: #68645B;
	width: 196px;
	float: left;
}

#right_sidebar p {
	font-size: 1em;
	line-height: 1.4em;
}

/* This rule prevents a space between the sidebar photo and text. */
.no_margin {
	margin: 0;
}

#right_sidebar  {
	margin-bottom: .2em;
}

#content img {
	border: 2px solid #E8D296;
}

/**************** In the Footer and Inner-Footer ****************/


#footer p {
	color: #68645B;
	font-size: 1em;
	margin-top: 4px;
}

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

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

#footer a[target^="_blank"]{
	padding-right:0px;
	background:none;
}

#facebook_img {
	height: 28px;
}

#twitter_link {
	position: relative;
	float: left;
	top: -3px;
	left: 190px;
}

#facebook_link {
	position: relative;
	float: left;
	top: -3px;
	left: 200px;
}

/****************************************
 * Cornell Identity
 ****************************************/
/*
	The following set of rules controls the appearance of the topmost
	banner on the page, including height, background color, and text color.
	The Cornell identity banner should appear on every page of the site.

	The version of the logo that appears in the XHTML code is hidden from
	browsers that can read this stylesheet, and it is replaced by a version
	of the logo that corresponds to the background color of the banner.
	This logo is placed in the background of two elements below (rather than
	one) to prevent flickering when moused over by IE/Win users who have
	disabled the browser cache.
*/
#cu-logo {
	margin-left: 7px;
	width: 940px;
	height: 75px;
	background: url(images/DM_2line_blk.gif) no-repeat -8px -1px;
	}

#cu-logo a {
	position: absolute;
	display: block;
	border: none;
	/* hide text link */
	text-indent: -1000em;
	}

#insignia-link {
	width: 68px;
	height: 75px;
	}

#unit-signature-links a {
	left: 40px;
	width: 450px;
	}

#cornell-link {
	height: 38px;
	}

#unit-link {
	top: 38px;
	height: 37px;
	}

#cu-logo img {
	display: none;
	}

/*
	Search Form
	-------------------------
	The following rules control the appearance of the search form interface.
	The form is displayed in the Cornell banner, and it is aligned with the
	right edge of the page. The search form should appear on every page
	of a site.
*/

#search-form {
	position: absolute;
	top: 18px;
	right: 50%;
	margin-right: -385px;
	}

#search-form form {
	margin: 0;
	padding: 0;
	text-align: right;
	}

#search-form label {
	color: #fff;
	}

#search-form-query {
	padding: 3px;
	width: 145px;
	border: none;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	background: #4c4c4c url(images/header_search.gif) no-repeat top left;
	vertical-align: middle;
	}

#search-form-submit {
	padding: 0px 2px 3px 2px;;
	border-top: 1px solid #8c8c8c;
	border-left: 1px solid #8c8c8c;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #fff;
	background: #4c4c4c;
	vertical-align: middle;
	}

#search-filters {
	margin: 5px 0 0 0;
	}

#search-filters input {
	vertical-align: middle;
	margin: 0;
	}

#search-filters label {
	vertical-align: middle;
	margin: 0 10px 0 0;
	}

#search-form a {
	color: #fff;
	border-bottom: 1px solid #666;
	}

#search-form a:hover {
	border-bottom: 1px solid #fff;
	}

/*	Cornell Styles
	Search Navigation
	-------------------------
	The following rules control the appearance of the search navigation
	links. These links are displayed horizontally in the Cornell banner,
	and they are aligned with the right edge of the page. The baseline
	of the links is aligned with the baseline of the unit name in the unit
	signature. Search navigation links should appear on every page of a
	site.
*/

#search-navigation {
	position: absolute;
	top: 37px;
	right: 50%;
	margin-right: -385px;
	}

#search-navigation ul {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	}

#search-navigation li {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
	}

#search-navigation a {
	float: left;
	padding: 5px 15px;
	color: #fff;
	text-decoration: none;
	border: none;
	}

#search-navigation a:hover {
	background: #555;
	}

/* Additions to accommodate Cornell Chronicle copy/past with divs and tables */

/*
.caption {
        font-size: .7em;
        color: #68645B;
        padding: 5px ;
}

.caption  a {
        font-size: .7em;
        padding: 5px ;
        background-color: #fff;

}

*/

.credit {
        font-size: .9em ;
        font-style: italic ;
        color: #777;
        padding: 5px ;
        text-align: left ;
        vertical-align: text-top ;
 }