/* OPA Skin for Yale Calendar
   6-10-09 (vv)
   6-25-09 (vv)
   6-29-09 (vv)
   7-6-09 (vv)
--------------------------------- */

/*
Set your base font-family, color and size on the body tag style.
Font sizes on individual elements are set in ems.
Most line-heights are not expressed in units, they are unitless.
Colors indicated as color: ; show the default color, these can be overridden.
*/

/* Base Styles
--------------------------------- */
body {
background: #fff; /* set page backgrounds here */
color: #585858; /* base font color */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; /* base font size */
line-height: 1.5; /* most line-heights do not use units */
}

/* base link colors apply to all except where overridden */
a:link { text-decoration: none; color: #004F92; }
a:visited { text-decoration: none; color: #004F92; }
a:hover { text-decoration: none; color: #1d81f1; }
a:focus { text-decoration: none; }
a { text-decoration: none; }

#head-top { 
/* change banner image and background color here,
   banner image must be 960 wide X 90 tall  */
background: #0e4c92 url(http://stm.yale.edu/img/cal_header.jpg) no-repeat top left;
}

div.left_column { /* columns always have white hairline borders */
background-color: #f6f6f6; /* set background color */
}

div.right_column {
background-color: ;
}

/* Main Horizontal Nav
--------------------------------- */
#nav-search-wrap { /* nav background color */
background: #ababab;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding-top: 0.3em;
}

ul#nav-main {
font-weight: bold;
margin-left: 10px;
}

ul#nav-main li a {
margin: 0;
padding: 0.2em 1em 0.5em 1em;
font-size: 1.1em;
line-height: 1.2em;
color: #fff;
background: transparent url(/skin-images/common/nav-bullet.gif) no-repeat 3% 40%; /* vert-horiz */
}

ul#nav-main li a:hover {
color: #fe6;
}

ul#nav-main li a.current {
color: #1f64a0;
background: #f6f8e0 url(/skin-images/common/nav-bullet-current.gif) no-repeat 15% 40%; /* vert-horiz */
padding-left: 1.5em;
border-right: 3px solid #ffffff;
margin-right: 0.8em;
}

ul#nav-main li a.current:hover {
color: #eeeeee;
}

/* Search Form
--------------------------------- */
form#gsa_search {
margin: 0 12px 0 0;
}

form#gsa_search input { /* input field */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
padding: 2px;
border: none;
background: #fff;
margin-left: 5px
}

form#gsa_search #basicsearchbox { /* width of text box */
width: 150px;
}

form#gsa_search #searchSubmit { /* search button */
font-size: 0.9em;
color: #fff;
border: solid 1px #fff;
background: transparent;
margin-left: 5px
background-color: #999;
padding: 2px 7px;
*padding: 1px 3px; /* for IE */
}

form#gsa_search #searchSubmit.over { /* button mouseover */
background: #f6f8e0;
color: #1f64a0;
}

#nav-search-wrap a.rss {
margin-top: 3px;
margin-left: 4px;
margin-right: 0px;
}

#nav-search-wrap a.ical {
margin-top: 3px;
margin-left: 6px;
margin-right: 1px;
}

/* Calendar
--------------------------------- */
.yui-calendar .calheader { /* month at top of calendar */
background-color: #585858;
color: #fff;
}

.yui-calendar .calnavleft { /* left-right arrows for calendar month */
background: url(/skin-images/common/left-arrow.gif) no-repeat;
}

.yui-calendar .calnavright {
background: url(/skin-images/common/right-arrow.gif) no-repeat;
}

.yui-calendar .calweekdaycell { /* days of the week at top of calendar */
background-color: #333333;
color: #fff;
}

.yui-calendar .today a { /* current day highlighted */
background-color: #00346a;
color: #fff;
}

.yui-calendar .selected { /* selected day highlight */
background-color: #ddd;
}

/* Main Column Headings
--------------------------------- */
.secondaryColHeader {
background: #585858;
}

.secondaryColHeader h3 {  /* column heading font styles */
font: normal 1.8em/1.2 Georgia, "Times New Roman", Times, serif;
color: #fff;
}

a#prevViewPeriod, a#nextViewPeriod {
font: normal 1.8em/1.2 Georgia, "Times New Roman", Times, serif;
color: #fff;
text-decoration: none;
padding: 0 .4em;
}

a#prevViewPeriod:hover, 
a#nextViewPeriod:hover { /* hover color for middle column date arrows */
color: #fc6;
}

/* Display Options Link
--------------------------------- */
ul#calDisplayOptions {
font-size: 0.8em;
margin: 0.8em 0 0 0;
}

ul#calDisplayOptions li {
list-style: none outside;
color: #fff;
margin: 0 0.7em;
*padding: 0 0.7em; /* for IE 6, 7 */
}

ul#calDisplayOptions li a {
margin: 0 0 0 -3px;
color: #fff;
text-decoration: none;
}

ul#calDisplayOptions li a:hover { /* Show Details hover color */
color: #fc6;
}

/* Calendar View List Menu
--------------------------------- */
ul.viewList {
margin: 0 1em;
font-weight: bold;
font-size: 1.1em;
line-height: 1.2em;
list-style-type: none;
}

ul.viewList li {
padding: 0.5em 0 0.5em 17px; /* see span */
border-bottom: 1px solid #ccc;
}

ul.viewList li a {
color: ;
}

ul.viewList li a:hover {
color: ; 
}

ul.viewList li a.current {
color: #1d81f1;
}

ul.viewList li span { 
font-weight: bold;
padding: 0;
margin: 0;
float: left;
font-size: 1.1em;
line-height: 1em;
cursor: pointer;
margin-left: -17px; /* offsets LI padding */
}

*html ul.viewList li { /* for IE 6 */
padding-left: 15px;
}

*html ul.viewList li span { /* offset for IE 6 */
margin-left: -15px; 
}

ul.subviewList {
margin: 0;
padding-left: 0;
font-size: 0.8em;
list-style-type: none;
overflow: hidden;
}

ul.subviewList li {
border-bottom: none;
padding-left: 10px;
padding-bottom: 0;
}

ul.subviewlist li a {
color: ;
}

ul.subviewlist li a:hover {
color: ;
}

ul.subviewlist li a.current {
background: #85c13d;
color: #0e4d94;
}

ul.subviewlist li a.current:hover {
color: #fff;
}

/* Events Table, Center Column
--------------------------------- */
table.eventList tr td { /* table row base styles */
font-size: .9em;
border-bottom: 1px solid #C5C5C5;
}

table.eventList tr td.dateRow a { /* date heading at top of table */
color: #004f92; 
font-weight: bold;
}

table.eventList tr td.dateRow a:hover {
color: ;
}

table.eventList tr td.time { /* time of event on left side */
text-align: center;
background: #ececec;
}

table.eventList tr td.description a { /* colors for linked events */
color: #585858;
}

table.eventList tr td.description a:hover {
color: #2a85ee;
}

/* Single Event Detail Heading
--------------------------------- */
div.singleEvent h2 {
font-size: 1.4em;
border-bottom: 1px solid #ccc;
}

/* Ongoing Events List
--------------------------------- */
ul.eventList li {
padding: .7em 1em;
font-size: .9em;
}

ul.eventList li a {
color: #585858;
}

ul.eventList li a:hover {
color: #2a85ee;
}

.ongoingEventDates {
font-weight: normal;
font-style: normal; /* change date style if desired */
}


/* Responsive Header-Top */
#head-top,
#head-top h1 { width: 100%; height: auto; }
#head-top h1 { margin-left: -9999em; }
#head-top:before { content: " "; display: block; padding-top: 9.375%; }