/*
Theme Name: BUMC Core Framework
Theme URI: http://www.bumc.bu.edu/
Description: Boston University Core Framework for BUMC
Version: 1.2
Author:  IST
Author URI: http://www.bu.edu/tech/
*/

/* header background color: #E4EDEF */
/* pnb background color: #5f8ca2 */
/* pnb link mouseover color: #739eb3 */
/* footer background color: #394728 */
/* dropdown menu background color: #739eb3 */
/* dropdown menu background mouseover color: #5f8ca2 - SAME AS PNB*/
/* dropdown menu item top border color: #7fa9bf */
/* dropdown menu item bottom border color: #5f8ca2 - SAME AS PNB*/
/* dropdown menu item BOTH top and bottom mouseover border color: #ffffff */

html {
	background: #ffffff;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content p, #content td {
	font-family: "Lucida Grande", Verdana, Trebuchet, Lucida, sans-serif;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	color: #669900;
}

#content a:link, #content a:visited, #content a:hover, #content a:active {
	background-color: transparent;
}

#content a:link {
	color: #0000CC;
	text-decoration: none;
}

#content a:visited {
	color: #990000;
	text-decoration: none;
}

#content a:hover, #content a:active {
	color: #CC0000;
	text-decoration: underline;
}

#hd {
	background: #E4EDEF;
}

/* ///// top padding (below) on titlebar needs to increase when titlebar is one line of text */

#sidebar div.widget_bu_pages div#contentnav {
	margin: 0 0 20px; /* taken from .widget class, which this should sort of sometimes mimic somewhat */
}

#sidebar div.widget_bu_pages div#contentnav ul#contentnavlist li a {
	color: #5894b0;
	text-decoration: none;
	border-bottom: 1px solid #e8eeee;
}

#sidebar div.widget_bu_pages div#contentnav ul#contentnavlist ul li a {
	border-bottom: none;
}

#sidebar div.widget_bu_pages div#contentnav ul#contentnavlist li a:hover {
	color: #CC0000;
	background-color: #f9f9f9;
}

#sidebar div.widget_bu_pages div#contentnav ul#contentnavlist li.current_page_item a.active, #sidebar div.widget_bu_pages div#contentnav ul#contentnavlist li.current_page_ancestor a.active_section {
	color: #CC0000;
}

#sidebar #contentnav li.current_page_ancestor > a
{
	color: #cc0000;
}

/* hide current_page_ancestor rule from IE <= 6 */
* html #right-column #contentnav li.current_page_ancestor > a
{
	color: #5894b0;
}

#sidebar div.widget_bu_pages div#contentnav
{
	font-family: "Lucida Grande", Verdana, Trebuchet, Lucida, sans-serif;
}

#sidebar div.widget_bu_pages div#contentnav h3.widgettitle 
{
	display: block;
	text-decoration: none;
	color: #5f8ca2;
	font-weight: bold;
	padding: .5em;
	border-bottom: 1px solid #5f8ca2;
	background-color: #E4EDEF;
	font-family: "Lucida Grande", Verdana, Trebuchet, Lucida, sans-serif;
	font-size: 1.2em;
}

#sidebar div.widget_bu_pages div#contentnav h3.widgettitle a
{
	text-decoration: none;
	padding:0px;
	font-family: "Lucida Grande", Verdana, Trebuchet, Lucida, sans-serif;
	font-size: 100%;
}

div.widget_bu_pages div#contentnav h3.widgettitle a:hover
{
	color: #5f8ca2;
}


#bd {
	background: #FFFFFF;


/* background bottom graphic */
}

#yui-main {
	background: transparent;


/* background 
	top-gradient graphic */
}

#ft {
	font-family: "Lucida Grande", Verdana, Trebuchet, Lucida, sans-serif;
	background-color: #394728;
}

a:link.pagesig {
	color: #0000CC;
	text-decoration: none;
}

a:visited.pagesig {
	color: #990000;
	text-decoration: none;
}

a:hover.pagesig {
	color: #CC0000;
	text-decoration: underline;
}

a:active.pagesig {
	color: #CC0000;
	text-decoration: underline;
}

input#qt {
	border: 1px solid #CCCCCC;
}

#pnb {
	background-color: #5f8ca2;
}

#nav {
	font-family: "Lucida Grande", Verdana, Trebuchet, Lucida, sans-serif;
}

#nav li a, #nav li a:link, #nav li a:active, #nav li a:visited {


/*  background: transparent; */
  color: #FFFFFF;
}

#nav li a:hover {
	background: #739eb3;
	color: #ffffff;
}

#nav li {
	font-family: "Lucida Grande", Verdana, Trebuchet, Lucida, sans-serif;
}

/* mouseover color for PNB links */

#nav li:hover a,
#nav li.sfHover a {
  background: #739eb3;
  color: #ffffff;
}

/* dropdown menu item top border color: #7fa9bf */

/* dropdown menu item bottom border color: #5f8ca2 - SAME AS PNB*/

/* specs for dropdown menu items */
#nav li:hover ul a, 
#nav li.sfHover ul a,
#nav li:hover ul a:visited,
#nav li.sfHover ul a:visited {
  background: #739eb3;
  color: #ffffff;
	border-top: 1px solid #7fa9bf;
	border-bottom: 1px solid #5f8ca2;
}

/* specs for mouseover dropdown menu items */
#nav li:hover ul a:hover, 
#nav li.sfHover ul a:hover {
	background: #5f8ca2;
	color: #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

/* background color for PNB item in active state */

#nav li a.active {
	background-color: #739eb3;
	color: #ffffff;
}

#nav li.current_page_ancestor > a {
	background-color: #739eb3;
	color: #ffffff;
}

#nav ul {
	
}

#nav ul a:hover {
	background: #cccccc;
	color: #000000;
/*

not seen in this theme */
}

code {
	color: #868c31;
	background-color: transparent;
}

/* ///// below is all specific to the BUMC theme footer and pagesigs */

#bu_pagesig {
	float: left;
	padding-top: 0.82em;
	color: #ffffff;
	font-size: .923em;
	line-height: 150%;
	background-color: transparent;
	text-align: left;
}

#bu_pagesig a, #bmc_pagesig a {
	color: #fbdc59;
	text-decoration: none;
	background-color: transparent;
}

#bu_pagesig a:hover, #bmc_pagesig a:hover {
	border-bottom: #fbdc59 1px solid;
}

#bu_pagesig span {
	font-weight: bold;
	padding: 0 .82em 0 .82em;
}

#ft_left {
	margin-right: 4em;
}

#bmc_logo {
	float: left;
	margin-right: 3em;
}

#bmc_pagesig {
	float: left;
	padding-top: 0.82em;
	font-size: .923em;
	color: #ffffff;
}

/* search form */


#searchform fieldset.radiogroup {
	margin: 0 0 0.5em 0;
	text-align: left;
	padding: 0;
}

#quicksearch input.radio {
	vertical-align: middle;
}

#searchform label {
	font-size: 90%;
	color: #878d94;
	padding: 0 0 0 6px !important;
	padding: 0 0 0 0;
	margin-right: 6px !important;
	margin-right: 3px;
}

#searchform input.image,
#searchform input.radio,
#searchform label {
	cursor: pointer;
}


#quicksearch input.button {
	background: white;
	border: 1px solid #ccc;
	color: #7a7a7a;
	font-weight: bold;
	margin: 0 0 0 0px;
	padding: 2px 0px;
	text-transform: uppercase;
	width: 66px;
	height: 22px;
	font-size: 0.8em !important;
	cursor: pointer;
}

#quicksearch select#qs_search_scope {
	font-size: 0.9em;
}
#quicksearch input#q {
	height: 1.3em;
}


/* misc */

#no-pnb {
	height: 1px;


/* rule to separate header from content when PNB is turned off */
}

.aligncenter {
	margin: 0 auto;
}



/* Table styles */

#content table td {
	padding: 4px;
}

#content table td p {
	padding: 0;
	margin: 0 0 1em 0;
}

/* The styled_table class (below) is a copy of the cf-course style. There was no styled_table class before cf-course was created. You could modify this to be different from cf-course, if you'd like. */

div#content table.styled_table th
{
	background-color:#e4edef;
	font-weight: bold;
}
div#content table.styled_table
{
	width:100%;
}

div#content table.styled_table, div#content table.styled_table th, div#content table.styled_table td
{
	border: 1px solid #A0A0A0;
	padding:.8em;
	margin-bottom:2em;
}


#content form table td {
	padding: 0 1em 1em 0;
}



blockquote {
	padding: 0 2em 0 2em;
}

.bold {
	font-weight: bold;
}

#content table.triple td {
	background-color: #EDEDED;


/* for 3 info boxes on error (404) page */
	border: solid 1px #727272;
	padding: 12px;
	width: 30%;
	margin-right: 16px;
}

b, strong {
	font-weight: bold;
}

i, em {
	font-style: italic;
}

b i, b em, strong i, strong em, i b, em b, i strong, em strong {
	font-weight: bold;
	font-style: italic;
}

#content ul, #content ol {
	margin: 1em 0 1em 3em;
}

/* contact page styles */

.contactForm label {
	width: 90px;
	display: block;
	float: left;
	padding-bottom: 5px;
}

.contactForm .formfield {
	padding: 12px 0 12px 0;
	border-bottom: 1px dotted #CCCCCC;
	width: 350px;
	padding-left: 12px;
}

.contactForm .noBorder {
	padding-top: 12px 0 12px 12px;
	width: 90px;
}

.contactForm em {
	color: #CC0000;
	padding-right: 4px;
	font-weight: bold;
}

.contactForm input, .contactForm textarea {
	border: 1px solid #ccc;
	background-color: white;
}

.formbuttons {
	padding: 20px 50px 0 0;
}

.formbuttons input {
	border: none;
}

.required {
	font-size: 11px;
	text-align: left;
	margin-bottom: 6px;
	width: 300px;
}

.contactForm input#submit {
	width: 60px;
	height: 23px;
	background: white url(media/submit-button.gif) no-repeat;
	margin-right: 8px;
}

.contactForm input#reset {
	width: 60px;
	height: 23px;
	background: white url(media/clear-button.gif) no-repeat;
}

.address {
	width: 200px;
	float: right;
	height: 100%;
	border-left: 1px dotted #CCCCCC;
	padding-left: 15px;
}

.contactForm .address p {
	font-size: 11px;
}

.contactForm .youAre {
	width: 350px;
	height: 40px;
	padding: 0px;
	margin: 0px;
}

.contactForm .youAre .options {
	margin-left: 102px;
}

.contactForm .youAre label {
	width: 90px;
	display: block;
	float: left;
}

.contactForm .youAre .options:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.contactForm .youAre:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.contact_container {
	background-color: #F5F5F5;
	padding: 20px;
	width: 650px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #EEE;
}

.contact_container h5 {
	font-size: 11px;
	padding: 0px;
	color: #5F8CA2;
	margin: 13px 0px 0px 0px;
}

.contact_container form {
	height: 1%;
}

.contact_container form:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* sidebar items */

div.sidebar-section {
	padding: 0;
	margin: 1em 0;
	font-size: 0.923em;
}

/* calendar topics */

div#calendar-topics ul {
	padding: 0;
}

div#calendar-topics ul ul {
	padding: 0;
}

div#calendar-topics ul li {
	font-weight: bold;
	font-size: 1.077em;
}

div#calendar-topics ul ul li {
	font-weight: normal;
	font-size: .846em;
	padding-left: 1em;
}

div#calendar-topics ul ul ul li {
	font-size: 100%;
}

div#calendar-topics li a {
	padding: .308em;
	display: block;
}

div#calendar-topics li a {
	color: #5894b0;
	text-decoration: none;
	border-bottom: 1px solid #e8eeee;
}

div#calendar-topics ul ul li a {
	border-bottom: none;
}

div#calendar-topics li a:hover {
	color: #CC0000;
	background-color: #f9f9f9;
}

div#calendar-topics a.activelink {
	color: #CC0000;
}

/* calendar event list */

table.event-list {
	margin: 0 2em;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

table.event-list tr th {
	color: #6b6b6b;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	padding: 0.25em;
}

table.event-list tr.day th {
	color: #669900;
	padding-top: 1em;
}

table.event-list tr.ampm th {
	border-bottom: 1px solid #f5f5f5;
	text-transform: uppercase;
	color: #999999;
	padding-top: 0.5em;
}

table.event-list td {
	vertical-align: top;
	padding: 0.125em;
}

table.event-list td a, table.event-list td a:visited {
	color: #555555;
	text-decoration: none;
}

table.event-list td a:hover {
	color: #cc0000;
	text-decoration: none;
}

/* calendar month calendar */

table.calendar, table.monthCalendar {
	border-spacing: 0;
	border-collapse: collapse;
	border-color: #e8eeee;
	border: 1px solid #e8eeee;
}

table.calendar caption, table.monthCalendar caption {
	color: #5894b0;
	background-color: #E4EDEF;
	font-weight: bold;
	border-bottom: 1px solid #5f8ca2;
	text-align: center;
	padding: 0.5em;
	font-size: 1.2em;
}

table.calendar caption a, table.monthCalendar caption a {
	color: #5894b0;
	;
text-decoration: none;
}

table.calendar th, table.monthCalendar th {
	background: #efefef;
	color: #cccccc;
	border: none;
	padding: 2px;
}

table.calendar td, table.monthCalendar td {
	text-align: right;
	font-size: 0.9em;
	width: 20px;
	padding: 4px 4px 4px 4px;
	border: 1px solid #e8eeee;
}

table.calendar td div, table.monthCalendar td div {
	padding: 0;
	margin: 0;
}

table.calendar td a, table.calendar td a:visited, table.monthCalendar td a, table.monthCalendar td a:visited {
	color: #6b6b6b;
	text-decoration: none;
}

table.calendar td a:hover, table.monthCalendar td a:hover {
	color: #cc0000;
	text-decoration: none;
}

table.calendar td.busy, table.monthCalendar td.busy {
	background-color: #ffffff;
	background-image: url(http://www.bu.edu/phpbin/calendar/interface/graphics/browse/indicator.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

table.calendar td.out a, table.monthCalendar td.out a {
	color: #cccccc;
}

table.calendar td.selected, table.monthCalendar td.selected {
	background-color: #efefef;
	font-weight: bold;
}

table.eventDetail th, table.eventDetail td {
	padding: 0.25em;
}

table.eventDetail th {
	font-weight: bold;
}

/* sidebar widgets */

.widget-bottom
{
	height:12px;
	width:180px;
	background: url(media/rounded-bottom.png);
	background-repeat:no-repeat;
	clear:both;
}

.widget-top
{
	height:12px;
	width:180px;
	background: url(media/rounded-top.png);
	background-repeat:no-repeat;
	clear:both;
}

.widget_bu_pages .widget-bottom
{
	display:none;
}

.widget_bu_pages .widget-top
{
	display:none;
}

#sidebar .widget {
	width: 180px;
	margin: 0 0 20px 0;
}

#sidebar .widget h3 {
	background-color: #ffffff;
	text-decoration: none;
	color: #5F8CA2;
	min-height: 18px;
	margin: 0;
}

#sidebar .widget h3 a {
	text-decoration: none;
	color: #5F8CA2;
	padding: 0 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#sidebar .widget h3 a:hover {
	color: #CC0000;
}

#sidebar .widget ul.widgetnav, #sidebar .widget ul.blogroll, #sidebar .widget_bu_links ul
{
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	background-color: #fcfcfc;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E4E4E4;
	border-left-color: #E4E4E4;
}

#sidebar .widget ul.widgetnav li, #sidebar .widget ul.blogroll li, #sidebar .widget_bu_links ul li
{
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	width: 178px;
}

#sidebar .widget ul.widgetnav li .date {
	color: #669900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E4E4E4;
	padding-right: 5px;
	margin-right: 5px;
}

#sidebar .widget ul.widgetnav li a, #sidebar .widget ul.blogroll li a, #sidebar .widget_bu_links ul li a
{
	display: block;
	padding: 4px 5px 5px 10px;
	text-decoration: none;
	margin: 0;
	color: #505050;
}

#sidebar .widget ul.widgetnav li a:hover, #sidebar .widget ul.blogroll li a:hover, #sidebar .widget_bu_links ul li a:hover
{
	color: #669900;
}

#sidebar .widget ul.widgetnav ul
{
	display: none;
	border: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar .widget ul.widgetnav ul ul {
	border: none;
	list-style: none;
}
#sidebar #bu-news-widget ul.widgetnav li.excerpt, #sidebar #bu-news-widget ul.widgetnav li.noexcerpt, #sidebar .widget-bu-posts ul.widgetnav li.noexcerpt, #sidebar .widget-bu-posts ul.widgetnav li.excerpt {
	padding: 0 10px;
	width: 158px;
	margin-bottom: 10px;
}
#sidebar #bu-news-widget ul.widgetnav li.excerpt a, #sidebar .widget-bu-posts ul.widgetnav li.excerpt a {
	padding: 3px 0;
	font-size: 120%;
	text-decoration: underline;
}
#sidebar #bu-news-widget ul.widgetnav li.noexcerpt a, #sidebar .widget-bu-posts ul.widgetnav li.noexcerpt a {
	padding: 3px 0;
	font-size: 110%;
	text-decoration: none;
}

/* Course-feeds */

div.cf-course th, div.course-feed div.course th
{
	background-color:#e4edef;
	font-weight: bold;
}

div.cf-course table, div.course-feed div.course table
{
	width:100%;
}

div#content div.cf-course table, div#content div.cf-course table th, div#content  div.cf-course table td, div#content div.course-feed div.course table, div#content div.course-feed div.course table th,div#content div.course-feed div.course table td
{
	border: 1px solid #A0A0A0;
	padding:.8em;
	margin-bottom:2em;
}



/* All BUMC News page */

table.all-news td {
	vertical-align: top;
}

.all-news-date {
	font-size: .846em;
	color: #5F8CA2;
}

td.all-news-headline a {
	display: block;
	padding: 0 4em .5em 1.538em;
	font-size: .923em;
}

#content table.all-news .all-news-headline a {
	color: #41800d;
}

#content table.all-news .all-news-headline a:hover {
	color: #669900;
}

td.all-news-dept {
	font-size: .846em;
	color: #5F8CA2;
}

tr.all-news-row {
	border-top: 1px solid #E4EDEF;
}

tr.all-news-row:hover {
	background-color: #f9f9f9;
}

/* Departmental News pages */

#content h2.news-headline {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
}

#content p.news-timestamp {
	font-size: .846em;
	margin: 0;
	padding: 0;
	line-height: 1em;
	color: #505050;
}

#content .entry p {
	margin: .75em 0 1.5em 0;
	padding: 0;
}

#content p.wp-caption-text {
	text-align: center;
	font-family: Georgia, Times, serif;
	font-size: 1.077em;
	font-style: italic;
}


/* 404 styles */
#content.not-found {
    width: 750px;
    color: #555f6a;
    font-size: 0.95em;
}

#content.not-found h3 {
    font-family: arial, helvetica, verdana, sans-serif;
    font-size: 120%;
    color: #555f6a;
    padding: 4px 12px;
    margin: 0 10px 0 10px;
    text-transform: uppercase;
}

#content.not-found #error-message {
    height: auto;
    margin: 0 10px;
    padding: 18px 12px 24px 12px;
}

#content.not-found #error-message p {
    margin-bottom: 1.1em;
}

#content.not-found #error-message h4 {
    font-family: arial, helvetica, verdana, sans-serif;
    font-size: 120%;
    color: #c00;
    margin-bottom: 0.8em;
    text-transform: uppercase;
}

#content.not-found #error-message p.error {
    /* width: 719px; /* for IE */
    padding: 6px 0 12px 32px;
    margin-bottom: .6em;
}

/* Ron should this still be here.   There is code above line 290 that is actually styling the table because of its higher degree of specifity. */
table.triple td {
    width: 33%;
    padding: 0 12px;
    vertical-align: top;
}

table.triple #not-found-step1 {
    padding-left: 0;
}

table.triple #not-found-step3 {
    padding-right: 0;
}

table.triple #not-found-step1,
table.triple #not-found-step2 {
}

/*Edit Page link*/
#content p.edit-link {
	background-color: #fffbcc;
	padding: 4px 4px 2px 8px;
	margin: 0 0 0 0;
	font-weight: normal;
	color: #2583b0;
	width: 4em;
	float: right;
	border: 1px solid #e6db55;
}
#content p.edit-link a {
	padding: 2px 0 4px 20px;
	color:#5F8CA2;
	background: url(media/write-post.gif) no-repeat;
}
	
#content p.edit-link a:hover {
	color: #d54e21;
	text-decoration: underline;
}

/* table classes currently under development that are intended for use by web editors -- */
#content table.design1 {
	margin-left: 2em;
}

#content table.design1 thead th {
	background-color: #e3f6bd;
	color: black;
	font-weight: bold;
	padding: 4px 20px 4px 20px;
}

#content table.design1 th.center, #content table.design1 td.center {
	text-align: center;
}

#content table.design1 tbody tr {
	border-bottom: 1px solid #e3f6bd;
}

#content table.design1 tbody td {
	padding: 4px 20px 4px 20px;
}

body #content ul.double li, body #content ol.double li{
	line-height: 2em;
}

/* ------------- { custom news option } ------------- */ 

h2.news-headline {
	margin:1.2em 0 0.2em 0;	
}


p.news-timestamp {
	font-size: 90%;
	font-weight: bold;
}

div.entry {
	margin-bottom: 2em;
}

div.meta {
	margin-bottom: 2em;
	font-style: italic;
	font-size: 90%;
}

#subscribe-container {
	margin-top: 0.4em;
	float: right;
	width: 10em;
}

#subscribe-label {
	float: left;
	width: 5em;
}

#subscribe-content {
	float: right;
	margin-top: 1px;
}

a.rss-link {
	background: transparent url(media/rss-icon.gif) no-repeat 0 0;
	text-decoration: none;
	margin: 0 0 0 6px;
}

#content a.rss-link:hover, #content a.rss-link:active {
	background: transparent url(media/rss-icon-o.gif) no-repeat 0 0;
	text-decoration: none;
}

a.rss-link span {
	visibility: hidden;
}

div.headline_thumb {
	clear:left;
	float:left;
	margin-right:1em;
}

div.headline_thumb img {
	padding:4px;
}

div.navigation {
	margin-top: 1.6em;
}
#content.custom_news_page .post {
	border-bottom: solid 1px #E8EEEE;
	margin-bottom: 2em;	
}
#content .gform_footer input {margin-top: 1em;}

/*
Handles pages/posts with attachments, such as the image.php template
clrux@bu.edu
*/
#content.attachment {
	width: 73em;
	margin: auto;
}

#content.attachment .attachment {
	text-align: center;
}

#content.attachment .attachment img {
	background: #f8f8f8;
	padding: 4px;
	border: 1px solid #e5e5e5;
}

#content.attachment .navigation img {
	border: 2px solid #cfcfcf;
}