html{background-color:#797467;}
body {font-weight: normal; font-style: normal; line-height:normal; font-family: 'Georgia', sans-serif; padding-top:2em; background-color:#797467;}
@font-face { /* thanks font-squirrel!*/
font-family: 'CallunaRegular';
src: url('/font/calluna-regular-webfont.eot');
src: local('☺'), url('/font/calluna-regular-webfont.woff') format('woff'), url('/font/calluna-regular-webfont.ttf') format('truetype'), url('/font/calluna-regular-webfont.svg#webfontrO0C4qR0') format('svg');
font-weight: normal;
font-style: normal;
}
/* home page-specific stuff*/
#home_container{/*margin-top:45px;height:360px;*/font-size:93%;}
#home_p1{width:240px;float:right;position:relative;right:95px;}
#home_p2{width:400px;float:left;position:relative;left:-65px}
#homebox{margin-left:5px; width:493px; background-color:white; border:solid; border-color:white; border-width:10px; -moz-box-shadow: 3px 3px 10px #c2c0a8; -webkit-box-shadow: 3px 3px 10px #c2c0a8; box-shadow: 3px 3px 10px #c2c0a8;}
/*end home page-specific stuff*/
#bd{background-image:url('/images/gradient.jpg');background-repeat:no-repeat;min-height:600px; background-color:white; border-style:solid; border-width:medium; border-color:#e8e8e8;}
#trees{position:relative; top:-164px;}
#head{text-transform: uppercase; color:white; font-size:167%; text-align: right;margin-right:34px;padding-top:51px; letter-spacing: 4px;}
.para_text{color: #797467;}
#nav_bar{text-transform: lowercase; color: #e8e8e8;text-align: right;margin-right:36px; letter-spacing: 1px; font-size:108%;}
#head a,#nav_bar a{color: #e8e8e8;text-decoration: none;}
#nav_bar a:hover, #head a:hover, .poet a:hover{color: #cc4600;}
.nav{margin-left:20px;}
.link{color: #cc4600; text-decoration:none;}
.link:hover{text-decoration:underline;}
#ft{text-transform: uppercase;color: #e8e8e8;background-color:black;position:relative;top:-8px; border-style: solid; border-width:medium; border-color:#e8e8e8; border-top:none; letter-spacing:.3px;}
.ft_img{padding-top:8px; padding-left:5px;height:20px;}
.ft_right{text-transform: none;font-size:77%;}
#content{min-height:360px;margin-top:45px;margin-left:25px;}
.page_heading{text-transform: uppercase;color: #cc4600;font-size:131%; letter-spacing:.75px;}
.poet{text-transform: uppercase;margin-top:0.5em;margin-bottom:0.5em; font-size:108%;}
.poet a{color: #797467;text-decoration: none;}
.poet_column{padding: 2em;}
/* poet page */
em{font-style: italic;}
a.p_nav{color:#cc4600;font-size:85%;cursor:pointer;margin-right:1em; letter-spacing:.5px;}
.p_nav, .ui-tabs-selected{color:#cc4600; text-decoration:underline;}
#poem_area{color:#797467; width:470px; border-left-color:#e8e8e8;border-left-style: dotted; border-left-width: 2px; padding-left:15px;}
.poem_title{color:#797467; margin-bottom:1em;cursor:pointer; font-size:116%;}
.poem_title a{color: #797467; text-decoration:none;}
.poem_title:hover{color:#cc4600;}
.poet_thumb{margin-top:1.2em; margin-right:1em; width:100px; height:100px; background-color:grey; float:left;}
.thumb{cursor:pointer;}
.poemtitle{font-size:116%;margin-bottom:0.5em;}
.selected{color:#cc4600;}
/* for teachers page */
#teachersleft {margin-top:1em; padding-bottom:3em; width:450px; float:left; color: #797467;}
#teacherscenter {margin-top:1em; padding-bottom:3em; width:250px; float:left; color: #797467;}
#teacherslinks {margin-top:1em; margin-right:30px; margin-bottom:30px; clear:both; color: #797467;}
/*for map page*/
.mapimg{width:100px;float: left;padding-right:10px;}
/*for tinyMCE styline*/
em{font-style: italic;}
strong{font-weight:bold;}
#bio p{margin-bottom: 0.5em; color: #797467;}
#bio a{color: #cc4600; text-decoration:none;}
#bio a:hover{text-decoration:underline;}
.pub_notes{margin-top: 2em;font-size:77%;}
#large_image{margin-left:5px; width:200px; background-color:white; border:solid; border-color:white; border-width:10px; -moz-box-shadow: 3px 3px 10px #c2c0a8; -webkit-box-shadow: 3px 3px 10px #c2c0a8; box-shadow: 3px 3px 10px #c2c0a8;}
#content_pane{background-color:white; min-height:200px;margin-bottom:15px; width:640px; margin-right:34px; padding: 10px; -moz-box-shadow: 3px 3px 10px #c2c0a8; -webkit-box-shadow: 3px 3px 10px #c2c0a8; box-shadow: 3px 3px 10px #c2c0a8;}
.boxshadow{}
#reading_window{background-color:white; min-height:200px;margin-bottom:15px; margin-right:34px; padding: 10px; -moz-box-shadow: 3px 3px 10px #c2c0a8; -webkit-box-shadow: 3px 3px 10px #c2c0a8; box-shadow: 3px 3px 10px #c2c0a8;}
.event{margin-bottom:2em;}
.event_title{text-transform: uppercase;}
/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; }
.ui-tabs .ui-tabs-nav li a:hover {color: #cc4600; text-decoration:underline;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*jplayer*/
#jpId{background-color: #797467;}
/*
* Skin for jPlayer Plugin (jQuery JavaScript Library)
* http://www.happyworm.com/jquery/jplayer
*
* Skin Name: Blue Monday
*
* Copyright (c) 2010 Happyworm Ltd
* Dual licensed under the MIT and GPL licenses.
* - http://www.opensource.org/licenses/mit-license.php
* - http://www.gnu.org/copyleft/gpl.html
*
* Author: Silvia Benvenuti
* Skin Version: 2.1
* Date: 13th May 2010
*/
#jquery_jplayer{min-height:1.4em;}
div.jp-single-player,
div.jp-playlist-player {
/* Edit the font-size to counteract inherited font sizing.
* Eg. 1.25em = 1 / 0.8em
*/
font-size:1.25em;
/* font-family:Verdana, Arial, sans-serif; */
line-height:1.6;
color: #797467;
margin-top:-20px;
margin-bottom:10px;
}
div.jp-interface {
position: relative;
background-color:#eee;
width:/*418px*/350px;
height:60px;
border:2px solid /*#009be3*/#e8e8e8;
}
div.jp-single-player div.jp-interface {
/*border-bottom:none; */
}
div.jp-playlist-player div.jp-interface {
}
div.jp-interface ul.jp-controls {
list-style-type:none;
padding:0;
margin: 0;
}
div.jp-interface ul.jp-controls li {
position: absolute;
}
div.jp-interface ul.jp-controls a {
position: absolute;
overflow:hidden;
text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
top:10px;
width:40px;
height:40px;
}
div.jp-single-player a.jp-play,
div.jp-single-player a.jp-pause {
left:10px; /*was 40*/
}
div.jp-playlist-player a.jp-play,
div.jp-playlist-player a.jp-pause {
left:48px;
}
a.jp-play {
background: url("jplayer.blue.monday.jpg") 0 0 no-repeat;
}
a.jp-play:hover {
background: url("jplayer.blue.monday.jpg") -41px 0 no-repeat;
}
a.jp-pause {
background: url("jplayer.blue.monday.jpg") 0 -42px no-repeat;
/* display: none; */
}
a.jp-pause:hover {
background: url("jplayer.blue.monday.jpg") -41px -42px no-repeat;
}
a.jp-stop {
top:16px;
background: url("jplayer.blue.monday.jpg") 0 -83px no-repeat;
width:28px;
height:28px;
}
div.jp-single-player a.jp-stop {
/*left:90px;*/
left:60px;
}
div.jp-playlist-player a.jp-stop {
left:126px;
}
a.jp-stop:hover {
background: url("jplayer.blue.monday.jpg") -29px -83px no-repeat;
}
a.jp-previous {
left:20px;
top:16px;
background: url("jplayer.blue.monday.jpg") 0 -112px no-repeat;
width:28px;
height:28px;
}
a.jp-previous:hover {
background: url("jplayer.blue.monday.jpg") -29px -112px no-repeat;
}
a.jp-next {
left:88px;
top:16px;
background: url("jplayer.blue.monday.jpg") 0 -141px no-repeat;
width:28px;
height:28px;
}
a.jp-next:hover {
background: url("jplayer.blue.monday.jpg") -29px -141px no-repeat;
}
div.jp-progress {
position: absolute;
overflow:hidden;
top:22px;
background-color: #ddd;
width:122px;
height:15px;
}
div.jp-single-player div.jp-progress {
/*left:130px;*/
left:100px;
}
div.jp-playlist-player div.jp-progress {
left:164px;
}
div.jp-load-bar {
background: url("jplayer.blue.monday.jpg") 0 -202px repeat-x;
width:0px;
height:15px;
cursor: pointer;
}
div.jp-play-bar {
background: url("jplayer.blue.monday.jpg") 0 -218px repeat-x ;
width:0px;
height:15px;
}
a.jp-volume-min {
top:22px;
background: url("jplayer.blue.monday.jpg") 0 -170px no-repeat;
width:18px;
height:15px;
}
div.jp-single-player a.jp-volume-min {
/*left:274px;*/
left:244px;
}
div.jp-playlist-player a.jp-volume-min {
left:296px;
}
a.jp-volume-min:hover {
background: url("jplayer.blue.monday.jpg") -19px -170px no-repeat;
}
a.jp-volume-max {
top:22px;
background: url("jplayer.blue.monday.jpg") 0 -186px no-repeat;
width:18px;
height:15px;
}
div.jp-single-player a.jp-volume-max {
/* left:346px;*/
left:316px;
}
div.jp-playlist-player a.jp-volume-max {
left:368px;
}
a.jp-volume-max:hover {
background: url("jplayer.blue.monday.jpg") -19px -186px no-repeat;
}
div.jp-volume-bar {
position: absolute;
overflow:hidden;
top:27px;
background: url("jplayer.blue.monday.jpg") 0 -250px repeat-x;
width:46px;
height:5px;
cursor: pointer;
}
div.jp-single-player div.jp-volume-bar {
/* left:292px; */
left:262px;
}
div.jp-playlist-player div.jp-volume-bar {
left:314px;
}
div.jp-volume-bar-value {
background: url("jplayer.blue.monday.jpg") 0 -256px repeat-x;
width:0px;
height:5px;
}
div.jp-play-time,
div.jp-total-time {
position: absolute;
top:39px;
width:122px;
font-size:.64em;
font-style:oblique;
}
div.jp-total-time {
text-align: right;
}
div.jp-single-player div.jp-play-time,
div.jp-single-player div.jp-total-time {
left:130px;
}
div.jp-playlist-player div.jp-play-time,
div.jp-playlist-player div.jp-total-time {
left:164px;
}
div.jp-playlist {
width:/*418px*/300px;
}
div.jp-playlist ul{
list-style-type:none;
margin:0;
padding:0 20px;
background-color:#ccc;
border:2px solid #e8e8e8;
border-top:none;
width:/*378px*/310px;
font-size:.72em;
}
div.jp-single-player div.jp-playlist li {
padding:5px 0 5px 0px;
font-weight:normal;
}
div.jp-playlist-player div.jp-playlist li {
padding:5px 0 4px 0px;
border-bottom:1px solid #eee;
}
div.jp-playlist-player div.jp-playlist li.jplayer_playlist_item_last {
padding:5px 0 5px 20px;
border-bottom:none;
}
div.jp-playlist-player div.jp-playlist li.jplayer_playlist_current {
list-style-type:square;
list-style-position:inside;
padding-left:8px;
}
div.jp-playlist-player div.jp-playlist a {
color: #666;
text-decoration: none;
}
div.jp-playlist-player div.jp-playlist a:hover {
color:#0d88c1;
}
div.jp-playlist-player div.jp-playlist a.jplayer_playlist_current {
color:#0d88c1;
}
#jqip_flash_0{display:none;}
#listen{text-transform: uppercase; color:white;padding-top:10px;width:175px;}
#listen:hover{color:#cc4600;}