/* Colors Library collection: #97122A, Events and Classes: #333399 Using your library: #509EB3 Great Reads: #CC3300 Your Community: #336600 */ /*----------------------------------------------------------------------------------- Global Reset v0.2 (based on http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212) -----------------------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } /*--------------------------- Elements ---------------------------*/ body { background: #509EB3 url(../images/header_bg.png) repeat-x; color: #222; font-size: 62.5%; font-family: Arial, sans-serif; } /* h tags */ h1 { color: #FFFFFF; font-size: 1.4em; font-weight: normal; line-height: 1.4em; padding: 0 0 0 12px; } h2, h3, h4, h5, h6 { font-weight: normal; } hr { background-color: #D1D1D1; border: 0; clear: both; color: #D1D1D1; height: 1px; } p {} strong {} /* links */ a { color: #222; text-decoration: none; } a:hover { text-decoration: underline; } a:focus {} a:visited {} blockquote { background: url(../images/blockquote_left.png) no-repeat left top; color: #222; font-size: 1.4em; margin: 10px 0; padding: 0 0 0 35px; } blockquote p { background: url(../images/blockquote_right.png) no-repeat right bottom; padding: 0 35px 0 0; } /*--------------------------- Global ---------------------------*/ .clear { clear: both; } .left { float: left; } img.left { margin: 0 15px 15px 0; } .right { float: right; } img.right { margin: 0 0 15px 15px; } .back { border-bottom: 1px solid #D1D1D1; margin: 0 0 10px 0; padding: 0 0 5px 0; } .back a { background: url(../images/back_arrow.png) no-repeat left top; color: #858585; display: block; font-size: 1.8em; font-weight: normal; height: 22px; line-height: 22px; /*margin: 0 0 5px 0;*/ padding: 0 0 0 20px; text-indent: -9999em; } .back a:hover { background-position: left bottom; } /* Flexible columns */ .column { float: left; } .full_width { width: 100%; } .three_quarter_width { width: 75%; } .half_width, .column_2 { width: 50%; } .third_width { width: 33%; } .quarter_width { width: 25%; } .padded { padding: 15px; } .button { background: url(../images/button_bg.png) repeat-x; border: 1px solid #858585; color: #222; display: block; font-size: 1.4em; height: 23px; line-height: 23px; text-align: center; } /* Drop-down */ .dropdown { background-color: #fff; height: 20px; position: relative; width: 170px; z-index: 1000; } .dropdown dt { border: 1px solid #858585; font-size: 1.2em; height: 20px; line-height: 20px; overflow: hidden; padding: 0 0 0 5px; width: 163px; } .dropdown dt a { background: url(../images/dropdown_arrow.png) no-repeat; border-left: 1px solid #858585; display: block; height: 20px; position: absolute; right: 1px; text-indent: -9999em; top: 1px; width: 20px; } .dropdown dd { background-color: #fff; border: 1px solid #858585; left: 0; position: absolute; top: 21px; width: 168px; } .dropdown ul.options { margin: 0; padding: 0; } .dropdown .options a { border-bottom: 1px solid #d1d1d1; color: #666; cursor: pointer; display: block; font-size: 1.2em; padding: 5px; } .dropdown .options a.selected, .dropdown .options a:hover { background-color: #417bd9; border-bottom: 1px solid #417bd9; color: #fff; } .dropdown .options .last a { border-bottom: 0; } .view_in_catalog { display: block; margin-bottom: 8px; } /* Options list */ .options_list dt { background-color: #858585; font-size: 1.4em; height: 25px; line-height: 25px; padding: 0 0 0 10px; } .options_list dd { padding: 0 0 0 5px; } .options_list dd p { color: #222; font-size: 1.1em; } .options_list dl { margin-bottom: 10px; } /* rate/comment/share */ .social { padding: 10px 0 5px 0; } .social a { color: #575757 !important; } .social .rating { border: 0; border-right: 1px solid #D1D1D1; float: left; list-style: none; margin: 0 8px 0 0; padding: 0 8px 0 0; } .social .rating li { display: inline; font-size: 1em; padding: 0 0 0 0; } .social .rating .star { background: url(../images/rating_star.png) no-repeat left top; display: block; float: left; height: 10px; text-indent: -9999em; width: 10px; } .social .rating .full, .social .rating .selected { background-position: left bottom; } .add_comment { border-right: 1px solid #D1D1D1; color: #575757; font-size: 1.1em; line-height: 13px; margin: 0 8px 0 0; padding: 0 8px 0 0; } .add_comment span { background: url(../images/comment_bubble.png) no-repeat left center; color: #fff; display: block; float: left; font-size: 0.9em; margin: 0 5px 0 0; text-align: center; width: 16px; } .social .share_this { background: url(../images/share_this.png) no-repeat left center; color: #575757; font-size: 1.1em; padding: 0 0 0 23px; } .register { border-right: 1px solid #D1D1D1; color: #575757; font-size: 1.1em; line-height: 13px; margin: 0 8px 0 0; padding: 2px 8px 0 18px; background: url(../images/register.png) no-repeat left center; } .register_white { border-right: 1px solid #BEBFD6; color: #FFF; font-size: 1.1em; line-height: 13px; margin: 0 8px 0 0; padding: 2px 8px 0 18px; background: url(../images/register_white.png) no-repeat left center; } .social_small { overflow: hidden; padding: 5px 0 5px 0; } .social_small .rating { border: 0; list-style: none; margin: 0 0 5px 0; overflow: hidden; padding: 0; } .social_small .rating li { display: inline; font-size: 1em; } .social_small .rating .star { background: url(../images/rating_star.png) no-repeat left top; display: block; float: left; height: 10px; text-indent: -9999em; width: 10px; } .social_small .rating .full, .social_small .rating .selected { background-position: left bottom; } #other_books .social_small .rating { margin: 0 0 7px 0; } .social_small .add_comment { background: url(../images/comment_bubble.png) no-repeat left center; border-right: 1px solid #D1D1D1; color: #fff !important; display: block; float: left; font-size: 0.9em; line-height: 13px; margin: 0 8px 0 0; padding: 0 8px 0 0; text-align: center; width: 16px; } .social_small .share_this { background: url(../images/share_this.png) no-repeat left center; color: #575757; display: block; float: left; height: 10px; text-indent: -9999em; width: 19px; } #header { height: 125px; margin: 0 auto; position: relative; width: 1000px; } #logo { background: url(../images/logo.png) no-repeat; display: block; height: 125px; text-indent: -9999em; width: 201px; } #top_nav { position: absolute; right: 0; top: 10px; } #top_nav li { display: inline; } #top_nav a { background: #09181F url(../images/top_nav_bg.png) repeat-x left top; color: #788084; display: block; float: left; font-size: 1.2em; margin: 0 0 0 1px; padding: 5px 22px; } #top_nav a:hover { } #search { bottom: 25px; position: absolute; right: 0; } #search label { color: #fff; font-size: 1.4em; line-height: 1.6em; } #search_option { background: url(../images/search_option.png) no-repeat left top; display: block; height: 19px; text-indent: -9999em; width: 146px; } #search_option.website { background-position: left bottom; } #search input { float: left; margin: 0; padding: 0; } #search p { overflow: hidden; } #search #q { border: 0; font-size: 1.3em; padding: 3px; width: 204px; } /* Primary Nav */ #nav { background: url(../images/nav_bg.png) repeat-x; height: 37px; position: relative; z-index: 2; } #nav ul { display: none; left: 0; padding: 10px 1px 8px 1px; position: absolute; top: 35px; width: 186px; } #nav li { float: left; margin: 0 3px 0 0; position: relative; } #nav li:hover ul, #nav li.hover ul { display: block; } #nav li a { border-bottom: 2px solid #fff; color: #fff; display: block; font-size: 1.2em; height: 35px; line-height: 35px; text-align: center; text-indent: -9999em; width: 188px; } #nav a:hover { text-decoration: none; } #nav ul li { margin: 0; } #nav ul li a { border: 0; height: 24px; line-height: 24px; margin: 0; padding: 0 0 0 10px; text-align: left; text-indent: 0; width: 176px; } #nav li.digital-library a { background: #97122A url(../images/digital-library.png) no-repeat; width: 189px; } #nav li.digital-library ul { background-color: #97122A; width: 187px; } #nav li.digital-library a.active { border-bottom: 2px solid #97122A; } #nav li.digital-library li a { width: 177px; } #nav li.events-and-classes a { background: #339 url(../images/events-and-classes.png) no-repeat; } #nav li.events-and-classes ul { background-color: #339; } #nav li.events-and-classes a.active { border-bottom: 2px solid #333399; } #nav li.using-your-library a { background: #509EB3 url(../images/using-your-library.png) no-repeat; } #nav li.using-your-library ul { background-color: #509EB3; } #nav li.using-your-library a.active { border-bottom: 2px solid #509EB3; } #nav li.great-reads a { background: #CC3300 url(../images/great-reads.png) no-repeat; } #nav li.great-reads ul { background: #CC3300; } #nav li.great-reads a.active { border-bottom: 2px solid #CC3300; } #nav li.your-community { margin: 0; } #nav li.your-community a { background: #336600 url(../images/your-community.png) no-repeat; width: 189px; } #nav li.your-community ul { background-color: #336600; width: 187px; } #nav li.your-community a.active { border-bottom: 2px solid #336600; } #nav li.your-community li a { width: 177px; } #nav li.digital-library li a, #nav li.events-and-classes li a, #nav li.using-your-library li a, #nav li.great-reads li a, #nav li.your-community li a { background: url(../images/black_12_hr.png) repeat-x left bottom; border: 0; } #nav li.digital-library:hover li a, #nav li.events-and-classes:hover li a, #nav li.using-your-library:hover li a, #nav li.great-reads:hover li a, #nav li.your-community:hover li a { border: 0; } #nav li.digital-library li a:hover, #nav li.events-and-classes li a:hover, #nav li.using-your-library li a:hover, #nav li.great-reads li a:hover, #nav li.your-community li a:hover { background: url(../images/black_20.png); border: 0; } /* Secondary nav */ .subnav { padding: 10px 1px; } .subnav li a { background: url(../images/black_12_hr.png) repeat-x left bottom; color: #fff; display: block; font-size: 1.2em; height: 24px; line-height: 24px; padding: 0 0 0 10px; } .subnav li.active a, .subnav li.subactive a { font-weight: bold; } #sidebar li.active a { background: url(../images/black_20.png) repeat; } .subnav li.lower li.active a { font-weight: normal; } .subnav li.lower li.active { background: url(../images/nav_bullet.gif) no-repeat 12px center; } .subnav li a:hover, .subnav li.lower a:hover { background: url(../images/black_20.png); text-decoration: none; } .subnav li.lower ul { background: url(../images/black_20.png); margin: 0; min-height: 0; padding: 0;} .subnav li.lower a { background-image: none; padding: 0 0 0 20px; } #background-left { background: url(../images/background-left.jpg) no-repeat center top; height: 354px; left: 0; position: absolute; top: 125px; width: 791px; z-index: 1; } #background-right { background: url(../images/background-right.jpg) no-repeat center top; height: 354px; position: absolute; right: 0; top: 125px; width: 791px; z-index: 1; } #home #background-left, #home #background-right { width: 950px; } #events-and-classes #background-left { background-image: url(../images/bg/events-and-classes_left.jpg); } #events-and-classes #background-right { background-image: url(../images/bg/events-and-classes_right.jpg); } #digital-library #background-left { background-image: url(../images/bg/digital-library_left.jpg); } #digital-library #background-right { background-image: url(../images/bg/digital-library_right.jpg); } #using-your-library #background-left { background-image: url(../images/bg/using-your-library_left.jpg); } #using-your-library #background-right { background-image: url(../images/bg/using-your-library_right.jpg); } #great-reads #background-left { background-image: url(../images/bg/great-reads_left.jpg); } #great-reads #background-right { background-image: url(../images/bg/great-reads_right.jpg); } #your-community #background-left { background-image: url(../images/bg/your-community_left.jpg); } #your-community #background-right { background-image: url(../images/bg/your-community_right.jpg); } #about-us #background-left, #employment #background-left, #contact-us #background-left { background-image: url(../images/bg/get-in-touch_left.jpg); } #about-us #background-right, #employment #background-right, #contact-us #background-right { background-image: url(../images/bg/get-in-touch_right.jpg); } #wrapper { background-color: #fff; margin: 0 auto 50px auto; padding: 0 23px 23px 23px; position: relative; width: 954px; z-index: 2; } #content_header { background-color: #666; height: 70px; } #sidebar { background-color: #666; float: left; width: 195px; } #sidebar #links { background-color: #EFEFEF; border-right: 2px solid #fff; border-top: 20px solid #fff; } #links ul.nav { padding: 5px 12px 25px 12px; } #links .padded { padding: 15px 12px 25px 12px; } #links ul.nav li a { color: #001017; display: block; font-size: 1.2em; line-height: 2em; } #links dt.sifr { background-color: #858585; color: #FFFFFF; font-size: 1.4em; height: 25px; line-height: 25px; padding: 0 0 0 12px; } #links .divider { margin: 15px 0; } .subnav_container { background: url(../images/subnav_bg.png) repeat-x left top; min-height: 227px; } /* Breadcrumbs */ #breadcrumb { border: 0; list-style: none; margin: 0 0 25px 0; padding: 0; } #breadcrumb li { display: inline; font-size: 1em; } #breadcrumb li a { font-size: 1.1em; } /* Calendar */ #calendar { overflow: hidden; padding: 10px 0 20px 10px; } #calendar .ui-datepicker-header { background-color: #858585; color: #fff; font-size: 1.2em; font-weight: bold; height: 25px; line-height: 25px; position: relative; text-align: center; width: 176px; } #calendar .ui-datepicker-inline { display: block; float: left; } #calendar .ui-datepicker-prev, #calendar .ui-datepicker-next { color: #fff; font-size: 1.8em; font-weight: bold; height: 25px; position: absolute; text-align: center; text-indent: -9999em; top: 0;} #calendar .ui-datepicker-prev { left: 5px;} #calendar .ui-datepicker-next { right: 5px;} #calendar .ui-datepicker-next, #calendar .ui-datepicker-prev { cursor: pointer; display: block; height: 25px; width: 8px; } #calendar .ui-datepicker-next { background: url(../images/calendar_next.png) no-repeat center center; } #calendar .ui-datepicker-prev { background: url(../images/calendar_prev.png) no-repeat center center; } #calendar table { border: 1px solid #c2c2c2; } #calendar td { border: 1px solid #c2c2c2; } #calendar td.ui-state-disabled { background-color: #e7e7e7; } #calendar td .ui-state-default { background-color: #fff; color: #858585; cursor: pointer; display: block; font-size: 0.9em; height: 24px; line-height: 24px; text-align: center; width: 24px; } #calendar td .ui-state-hover, #calendar td .ui-state-active { background-color: #dadada; color: #212121; } #calendar td a:active { background-color: #fff; color: #222; } #calendar thead th { background-color: #fff; border: 0; color: #222; font-size: .9em; padding: .3em 0; text-align: center; text-transform: uppercase; } #calendar thead th a { color: #222; } #footer { background-color: #001016; color: #fff; height: 147px; padding: 15px; } #footer a { color: #fff; font-size: 1.2em; line-height: 1.6em; padding: 0 12px 0 0; } #footer p { color: #606A6E; font-size: 1.1em; padding: 8px 0; } #footer p a { color: #606A6E; font-size: 1em; } #footer .left { border-right: 1px solid #001016; height: 100%; width: 531px; } #footer .right { border-left: 1px solid #001016; height: 100%; margin: 0 0 0 -1px; width: 378px; } /* sIFR styles */ @media screen { .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } /*.sIFR-active .sifr { visibility: hidden; }*/ } @media print { .sIFR-flash { display : none !important; height : 0; width : 0; position : absolute; overflow : hidden; } .sIFR-alternate { visibility : visible !important; display : block !important; position : static !important; left : auto !important; top : auto !important; width : auto !important; height : auto !important; } } /*------------------------------------------- Templates -------------------------------------------*/ #content { background: url(../images/content_bg.png) repeat-y; min-height: 0; position: relative; z-index: 1; } #content h2, #content h3 { color: #818181; } .page_content a { color: #818181; } .page_content a:hover { text-decoration: underline; } .page_content { background-color: #EFEFEF; float: left; min-height: 0; padding: 25px 15px 45px 15px; width: 729px; } .page_content hr { margin: 15px 0; } .page_content h2 { font-size: 2em; padding: 0 0 2px 0; } /*.page_content h2.sifr { padding: 0 0 15px 0; }*/ .page_content h3 { font-size: 1.6em; padding: 0 0 5px 0; } .page_content h4 { font-size: 1.4em; padding: 0 0 5px 0; } .page_content h5 { font-size: 1.2em; padding: 0 0 5px 0; } .page_content p { font-size: 1.2em; line-height: 1.4em; } .page_content ul { border: 1px solid #D1D1D1; border-left: 0; border-right: 0; list-style-image: url(../images/list_bullet.png); margin: 0 0 10px 0; padding: 5px 0 5px 25px; } .page_content ol { border: 1px solid #D1D1D1; border-left: 0; border-right: 0; list-style-type: decimal; margin: 0 0 10px 0; padding: 5px 0 5px 25px; } .page_content li { color: #222; font-size: 1.2em; line-height: 1.2em; padding: 0 0 5px 0; } .page_content li p { font-size: 1em; } .page_content #column_left { float: left; padding: 15px 10px 0 0; width: 354px; } .page_content #column_right { float: right; padding: 15px 10px 0 0; width: 354px; } .page_content td { font-size: 1.2em; line-height: 1.4em; } .page_content dl dt { font-weight: bold; margin: 10px 0 0 0; } .page_content dl { margin: 0 00 20px 0; } .page_content .dropdown dt { margin: 0; } .page_content .options_list dt { font-weight: normal; } .no_padding { padding: 0; width: 759px; } /* Custom colors per section */ #digital-library h2, #digital-library h3, #digital-library .page_content a, #digital-library #breadcrumb li { color: #97122A; } #digital-library table.styled { border-bottom: 2px solid #9D3E50; } #digital-library table.styled th { background-color: #9D3E50; } #digital-library table.styled tr.even td { background-color: #CD99A3; } #digital-library table.styled tr.odd td { background-color: #DCC0C5; } #digital-library #content_header, #content.digital-library h1 { background-color: #97122A; } #digital-library .subnav_container { background: #97122A url(../images/digital-library_bg.png) repeat-x left top; } #events-and-classes h1, #events-and-classes #content_header { background-color: #333399; } #events-and-classes h2, #events-and-classes h3, #events-and-classes .page_content a, #events-and-classes #breadcrumb li { color: #333399; } #events-and-classes table.styled { border-bottom: 2px solid #7E7EBA; } #events-and-classes table.styled th { background-color: #7E7EBA; } #events-and-classes table.styled tr.even td { background-color: #E2E2F0; } #events-and-classes table.styled tr.odd td { background-color: #D3D3E7; } #events-and-classes .subnav_container { background: #339 url(../images/events-and-classes_bg.png) repeat-x left top; } #events-and-classes .options_list dt { background-color: #303193; } #events-and-classes .options_list dd p { color: #313295; clear: both; height: 24px; } #events-and-classes .options_list dd p input { float: left; margin-right: 5px; } #events-and-classes .options_list dd p span { float: left; padding-top: 3px; } #about-us table.styled { border-bottom: 2px solid #9A9A9A; } #about-us table.styled th { background-color: #9A9A9A; } #about-us table.styled tr.even td { font-size: 1.15em; background-color: #C6C6C6; } #about-us table.styled tr.odd td { font-size: 1.15em; background-color: #D9D9D9; } #about-us table.style td {font-size: .8em; width: 90px;} #using-your-library h1, #using-your-library #content_header { background-color: #509EB3; } #using-your-library h2, #using-your-library h3, #using-your-library .page_content a, #using-your-library #breadcrumb li { color: #509EB3; } #using-your-library table.styled { border-bottom: 2px solid #8CBDCA; } #using-your-library table.styled th { background-color: #8CBDCA; } #using-your-library table.styled tr.even td { background-color: #E5F0F3; } #using-your-library table.styled tr.odd td { background-color: #D8E8ED; } #using-your-library .subnav_container { background: #509EB3 url(../images/using-your-library_bg.png) repeat-x left top; } #great-reads h1, #great-reads #content_header { background-color: #CC3300; } #great-reads h2, #great-reads h3, #great-reads .page_content a, #great-reads #breadcrumb li { color: #CC3300; } #great-reads #breadcrumb li { } #great-reads table.styled { border-bottom: 2px solid #C73200; } #great-reads table.styled th { background-color: #D77E60; } #great-reads table.styled tr.even td { background-color: #F6E2DC; } #great-reads table.styled tr.odd td { background-color: #F2D3C9; } #great-reads table.styled th a.sort { display: block; float: left; padding-right: 15px; color: #FFF; } #great-reads table.styled th a.active { background: url(../images/sort_arrow.png) no-repeat right center; } #great-reads .subnav_container { background: #CC3300 url(../images/great-reads_bg.png) repeat-x left top; } #great-reads .options_list dt { background-color: #C73200; } #great-reads .options_list dd p { color: #CC3300; clear: both; height: 24px; } #great-reads .options_list dd p input { float: left; margin-right: 5px; } #great-reads .options_list dd p span { float: left; padding-top: 3px; } #your-community h1, #your-community #content_header { background-color: #336600; } #your-community h2, #your-community h3, #your-community .page_content a, #your-community #breadcrumb li { color: #336600; } #your-community table.styled { border-bottom: 2px solid #C73200; } #your-community table.styled th { background-color: #D77E60; } #your-community table.styled tr.even td { background-color: #F6E2DC; } #your-community table.styled tr.odd td { background-color: #F2D3C9; } #your-community .subnav_container { background: #336600; /*background: #336600 url(../images/great-reads_bg.png) repeat-x left top;*/ } #small-business h1, #small-business #content_header { background-color: #235A98; } #small-business h2, #small-business h3, #small-business .page_content a, #small-business #breadcrumb li { color: #235A98; } #small-business table.styled { border-bottom: 2px solid #C73200; } #small-business table.styled th { background-color: #D77E60; } #small-business table.styled tr.even td { background-color: #F6E2DC; } #small-business table.styled tr.odd td { background-color: #F2D3C9; } #small-business .subnav_container { background: #235A98 /*url(../images/great-reads_bg.png) repeat-x left top*/; } #parents h1, #parents #content_header { background-color: #60173F; } #parents h2, #parents h3, #parents .page_content a, #parents #breadcrumb li { color: #60173F; } #parents table.styled { border-bottom: 2px solid #C73200; } #parents table.styled th { background-color: #D77E60; } #parents table.styled tr.even td { background-color: #F6E2DC; } #parents table.styled tr.odd td { background-color: #F2D3C9; } #parents .subnav_container { background: #60173F/* url(../images/great-reads_bg.png) repeat-x left top*/; } #adults h1, #adults #content_header { background-color: #60173F; } #adults h2, #adults h3, #adults .page_content a, #adults #breadcrumb li { color: #60173F; } #adults table.styled { border-bottom: 2px solid #C73200; } #adults table.styled th { background-color: #D77E60; } #adults table.styled tr.even td { background-color: #F6E2DC; } #adults table.styled tr.odd td { background-color: #F2D3C9; } #adults .subnav_container { background: #60173F/* url(../images/great-reads_bg.png) repeat-x left top*/; } #web-style-guide table.styled { border-bottom: 2px solid #9A9A9A; } #web-style-guide .styled th { background-color: #9A9A9A; } #web-style-guide .styled tr.even td { font-size: 1.15em; background-color: #C6C6C6; } #web-style-guide .styled tr.odd td { font-size: 1.15em; background-color: #D9D9D9; } #web-style-guide .style td {font-size: .8em; width: 90px;} #teens #background-left { background: url(../images/teen/teen-background-left.jpg) no-repeat center top; height: 422px; left: 0; position: absolute; top: 125px; width: 1000px; z-index: 1; } #teens #background-right { background: url(../images/teen/teen-background-right.jpg) no-repeat center top; height: 422px; position: absolute; right: 0; top: 125px; width: 1000px; z-index: 1; } #teens #links dt { background: #EFEFEF url(../images/teen/teen-sidebar-bg.jpg) no-repeat; color: #FFFFFF; font-size: 1.3em; height: 25px; line-height: 25px; padding: 3px 0 0 12px;} #teens #links .dropdown dt { background-color: #fff; background-image: none; color: #222; font-size: 1.2em; height: 20px; line-height: 20px; padding: 0 0 0 5px; } #teens #content_header { background: #839C21 url(../images/teen/teen-content-header-bg.jpg) no-repeat 0 0; } #teens .subnav_container { background: #839C21 /*url(../images/using-your-library_bg.png) repeat-x left top*/; } #teens .subnav_container .subnav{ background: #839C21 ; } #teens h1, #teens #content_header { background-color: #839C21; } #teen h3, #teens .page_content a { color: #839C21; } #teens table.styled { border-bottom: 2px solid #8CBDCA; } #teens table.styled th { background-color: #8CBDCA; } #teens table.styled tr.even td { background-color: #E5F0F3; } #teens table.styled tr.odd td { background-color: #D8E8ED; } #teens .page_content { background: #EFEFEF url(../images/teen/teen_page_content_bg.jpg) no-repeat 0 0; padding: 25px 15px 45px 15px; } #teens h2, #teens h3, #teens .page_content a { color: #839C21; } table.styled { background-color: #fff; } table.styled th { color: #fff; font-size: 1.4em; font-weight: normal; padding: 5px 15px; text-align: left; } table.styled td { font-size: 1.2em; padding: 5px 15px; } /* Staff Lists */ #featured_lists { margin: 0 0 35px 0; } #featured_lists_header h3 { float: left; padding: 15px 0 0 15px; width: 120px; } #featured_lists_header { background-color: #EBDCD7; height: 37px; } #featured_lists_tabs { border: 0; float: left; list-style: none; margin: 0 0 0 10px; padding: 11px 0 0 0; } #featured_lists_tabs li { display: inline; float: left; font-size: 1em; padding: 0 0 0 0; } #featured_lists_tabs a { background-color: #E5C0B3; color: #DA8E75; display: block; float: left; font-size: 1.4em; height: 26px; line-height: 26px; margin: 0 2px 0 0; text-align: center; width: 26px; } #featured_lists_tabs a.selected { background-color: #fff; color: #C63200; font-weight: bold; } #featured_lists .list { background: #fff url(../images/staff_lists_bg.png) repeat-x left bottom; border: 1px solid #fff; height: 155px; padding: 20px; } #featured_lists .list .info { border: 1px solid #D1D1D1; height: 25px; margin: 0 0 15px 0; padding: 0 10px; } #featured_lists .list p.left { color: #C73200; font-size: 1.2em; line-height: 25px; } #featured_lists .list p.right { color: #575757; font-size: 1.1em; line-height: 25px; } #featured_lists .carousel { position: relative; width: 100%; } #featured_lists .carousel .previous { border-right: 1px solid #D6D0CD; display: block; height: 68px; left: 5px; padding: 37px 0 0 0; position: absolute; text-indent: -9999em; top: 0; width: 20px; } #featured_lists .carousel .previous span { background: url(../images/staff_lists_previous.gif) no-repeat left top; display: block; height: 30px; margin: 0 auto; width: 10px; } #featured_lists .carousel .next { border-left: 1px solid #D6D0CD; display: block; height: 68px; padding: 37px 0 0 0; position: absolute; right: 5px; text-indent: -9999em; top: 0; width: 20px; } #featured_lists .carousel .next span { background: url(../images/staff_lists_next.gif) no-repeat left top; display: block; height: 30px; margin: 0 auto; width: 10px; } #featured_lists .carousel .disabled span { background-position: left bottom; } #featured_lists .carousel_container { height: 105px; margin: 0 auto; overflow: hidden; position: relative; width: 625px; } #featured_lists .carousel_items { border: 0; height: 105px; left: 0; list-style: none; margin: 0; padding: 0 0 0 0; position: absolute; width: 5000px; } #featured_lists .carousel_items li { display: block; float: left; margin: 0 10px 0 0; } #featured_lists .carousel_items li img { margin: 0; } /* List Detail */ #branches_staff { overflow: hidden; padding: 10px 0 25px 0; } #great-reads #branches_staff a { color: #858585; font-size: 1.1em; line-height: 1.4em; padding: 0 10px 0 0; } #branches_staff strong { color: #575757; display: block; font-size: 1.4em; font-weight: normal; padding: 0 0 5px 0; } #branches { border-right: 1px solid #D1D1D1; float: left; margin: 0 15px 0 0; padding: 0 15px 0 0; } #staff { float: left; width: 175px; } .options_list { border-left: 1px solid #fff; float: right; width: 177px; } /*------------------------------------------- Home -------------------------------------------*/ #home #nav { background-color: transparent; background-image: none; margin: 0 auto; padding: 0 0 0 12px; position: relative; width: 970px; z-index: 2; } #home #nav li a { border-bottom: 0; } #home #nav li.digital-library:hover a { border-bottom: 2px solid #97122A; } #home #nav li.events-and-classes:hover a { border-bottom: 2px solid #333399; } #home #nav li.using-your-library:hover a { border-bottom: 2px solid #509EB3; } #home #nav li.great-reads:hover a { border-bottom: 2px solid #CC3300; } #home #nav li.your-community:hover a { border-bottom: 2px solid #336600; } #home #nav li.digital-library:hover li a, #home #nav li.events-and-classes:hover li a, #home #nav li.using-your-library:hover li a, #home #nav li.great-reads:hover li a, #home #nav li.your-community:hover li a { border: 0; } #home .staff_recommendations { background: #CC3300 url(../images/orange_gradient_bg.png) repeat-x; height: 25px; } #home .staff_recommendations span { background: url(../images/staff_recommendations.png) no-repeat 10px center; display: block; height: 25px; text-indent: -9999em; } #main { border-top: 20px solid #fff; float: left; width: 758px; } #feature { background-color: #fff; color: #fff; height: 300px; margin: 9px auto 8px auto; position: relative; width: 900px; z-index: 1; } #feature #events li { display: block; float: left; font-size: 1.2em; margin: 0 4px 0 0; text-align: center; width: 50px; } #feature #events a { background-color: #161745; color: #2C2E88; display: block; height:33px; padding: 7px 0 0 0;} #feature #events a.selected { background-color: #333399; color: #fff; } #feature #events a span { font-size: 1.25em; font-weight: bold; height:33px; padding: 7px 0 0 0;} #feature #events li.disabled{ background-color:#18194C; display:block; width:50px; height:33px; padding: 7px 0 0 0; color:#1F2060;} #feature #events li.disabled span { font-size: 1.25em; font-weight: bold; height:33px; padding: 7px 0 0 0;} #feature_left h2.sifr, #feature_left small.sifr, #feature_right h2.sifr, #feature_right small.sifr, { color: #FFFFFF; } #feature_left { background-color: #540D17; float: right; height: 100%; width: 50%; } #feature_left .top { height: 112px; position: relative; } #feature_left .tabs { bottom: 0; height: 20px; left: 20px; position: absolute; } #feature_left .tabs li { float: left; } #feature_left .tabs a { background-color: #430A12; color: #fff; display: block; float: left; font-size: 1.2em; height: 20px; line-height: 20px; margin: 0 3px 0 0; padding: 0 10px; text-align: center; text-transform: uppercase; } #feature_left .tabs a.selected { background-color: #97122A; } #feature_left .bottom { background: #97122A url(../images/search_feature_bg.png) repeat-x left bottom; height: 188px; } #feature_left .bottom p { padding: 20px; } #feature_left .bottom input { float: left; } #feature_left .bottom .query { border: 0; font-size: 2em; padding: 4px; width: 330px; } #feature_left h2 { font-size: 2.4em; padding: 20px; width: 85px; float: left; } #feature_left small { font-size: 1.2em; padding: 29px 0 0 0; float: left; margin-left: -15px; width: 240px; } #feature_left .bottom .catalog_link { color:#D5A0AA; font-size: 1.4em; margin-top: 10px; } #feature_left .bottom .catalog_link a { color: #FFF; } #feature_right { background-color: #1B1C53; float: left; height: 100%; width: 50%; } #feature_right .top { height: 112px; position: relative; } #feature_right .previous { background: url(../images/event_calendar_prev.gif) no-repeat; bottom: 5px; display: block; height: 30px; left: 20px; position: absolute; text-indent: -9999em; width: 10px; } #feature_right .next { background: url(../images/event_calendar_next.gif) no-repeat; bottom: 5px; display: block; height: 30px; position: absolute; right: 15px; text-indent: -9999em; width: 11px; } #feature_right #events { bottom: 0; left: 40px; position: absolute; width: 412px; } #feature_right .bottom { background: #333399 url(../images/events_feature_bg.png) repeat-x left bottom; height: 158px; padding: 15px; } #feature_right .share_this { background: url(../images/share_this_white.png) no-repeat left center; color: #fff; font-size: 1.1em; line-height: 1.2em; padding: 0 0 0 23px; } #feature_right h2 { font-size: 2.4em; padding: 20px; width: 110px; float: left; } #feature_right small { font-size: 1.2em; padding: 29px 0 0 0; float: left; margin-left: -15px; width: 240px; } #featured_event img { max-width: 175px; max-height: 158px; } #featured_event p.date { color: #ABADCA; padding: 0 0 5px 0; font-size: 1.1em; } #featured_event p.title { font-size: 1.8em; padding: 0 0 5px 0; } #featured_event p.title a { color: #fff; } #featured_event .description a { color: #fff; } #featured_event .description a:hover { text-decoration: underline; } #featured_event .featured_event_image { float: left; margin: 0 15px 5px 0; max-height: 158px; max-width: 175px; overflow: hidden; } #featured_event p.branch { color: #7C7FAD; font-size: 1.1em; padding: 0 0 5px 0; } #featured_event p.description { color: #BEBFD6; font-size: 1.2em; line-height: 1.4em; padding: 0 0 8px 0; } /* Recommended Books */ #recommended_book { border-right: 1px solid #fff; float: left; width: 521px; } #home #recommended_book { min-height: 285px; padding: 15px; } #recommended_book p { font-size: 1.2em; line-height: 1.4em; } #recommended_book .cover { float: left; margin: 0 15px 10px 0; width: 188px; } #recommended_book .book_content { margin: 0 0 0 203px; } #recommended_book .title { color: #BB3002; font-size: 2.2em; margin: 10px 0 0 203px; width: 300px; } #recommended_book .details { padding-right: 15px; } #recommended_book .details p { line-height: 1.4em; padding: 0 0 15px 0; } #home #recommended_book .title { margin: 0; width: 310px; } #recommended_book .author { color: #575757; font-size: 1.3em; font-style: italic; padding: 5px 0; } #recommended_book .librarian { color: #B62F02; font-size: 1.2em; padding: 10px 0 0 0; } #recommended_book .librarian a { color: #B62F02; } #recommended_book .read_more { color: #B62F02; } #rec_buttons { overflow: hidden; } #great-reads .page_content .rec_button { background-color: #CB3100; color: #fff; display: block; float: left; font-size: 1.2em; margin: 0 10px 0 0; padding: 5px 8px; } #great-reads .page_content .rec_button:hover { background-color: #858585; text-decoration: none; } #featured_recs { margin: 0 0 35px 0; } #featured_recs_header h3 { float: left; padding: 15px 0 0 15px; width: 240px; } #featured_recs_header { background-color: #EBDCD7; height: 37px; } #featured_recs_tabs { border: 0; float: left; list-style: none; margin: 0 0 0 10px; padding: 11px 0 0 0; } #featured_recs_tabs li { display: inline; float: left; font-size: 1em; padding: 0 0 0 0; } #featured_recs_tabs a { background-color: #E5C0B3; color: #DA8E75; display: block; float: left; font-size: 1.4em; height: 26px; line-height: 26px; margin: 0 2px 0 0; text-align: center; width: 26px; } #featured_recs_tabs a.selected { background-color: #fff; color: #C63200; font-weight: bold; } #featured_recs .rec { background: #FFFFFF url(../images/staff_lists_bg.png) repeat-x scroll left bottom; overflow: hidden; padding: 15px; } #featured_recs .rec p { font-size: 1.2em; line-height: 1.4em; } #featured_recs .rec .cover { float: left; margin: 0 15px 0 0; width: 148px; } #featured_recs .rec .book_content { float: left; width: 535px; } #featured_recs .rec .title { color: #BB3002; font-size: 1.8em; margin: 0; width: 532px; } #featured_recs .rec .details p { line-height: 1.4em; padding: 0 0 15px 0; } #featured_recs .rec .author { color: #575757; font-size: 1.3em; font-style: italic; padding: 5px 0; } #featured_recs .rec .librarian { color: #B62F02; font-size: 1.2em; padding: 10px 0 0 0; } #other_books { float: left; padding: 10px; position: relative; width: 158px; } #home #other_books { height: 285px; } #other_books ul { border: 0; margin: 0; padding: 0; } #other_books li { border-bottom: 1px solid #D1D1D1; font-size: 1em; list-style-image: none; margin: 0 0 6px 0; min-height: 0; /*overflow: hidden;*/ padding: 0 0 6px 0; } #other_books li .rating li { border: 0; } #other_books img.left { margin-bottom: 0; } #other_books p.title { font-size: 1.1em; padding: 3px 0 3px 0; } #other_books span.author { color: #575757; font-size: 1.1em; font-style: italic; padding: 5px 0; } #other_books a.previous, #other_books a.next { bottom: 0; display: block; float: left; height: 13px; width: 31px; position: absolute; } #other_books .carousel_container { height: 275px; overflow: hidden; position: relative; } #other_books .carousel_items { height: 5000px; position: absolute; top: 0; width: 100%; } #other_books .book_details { float: left; width: 90px; } #other_books a.previous { background: url(../images/up_btn.png) no-repeat left top; left: 55px; } #other_books a.next { background: url(../images/down_btn.png) no-repeat left top; left: 85px; } #other_books a.disabled { background-position: left bottom; } #other_books #rec_results { padding-top: 10px; } #other_books .dropdown { margin: 10px 0 0 0; } #other_books .dropdown ul.options li { border: 0; font-size: 1em; margin: 0; padding: 0; } #other_books .dropdown ul.options a { border-bottom: 1px solid #d1d1d1; color: #666; display: block; font-size: 1.2em; padding: 5px; } #other_books .dropdown ul.options a.selected, #other_books .dropdown ul.options a:hover { color: #fff; } #feature_carousel { background-color: #8D1026; height: 212px; } #feature_carousel .header { background-color: #540D17; height: 35px; } #feature_carousel .tabs { height: 20px; padding: 15px 0 0 0; } #feature_carousel .tabs li { display: block; float: left; } #feature_carousel .tabs span { color: #fff; display: block; font-size: 14px; height: 20px; line-height: 20px; padding: 0 10px; width: 65px; } #feature_carousel .tabs a { background-color: #430A12; color: #fff; display: block; float: left; font-size: 1.2em; height: 20px; line-height: 20px; margin: 0 3px 0 0; padding: 0 10px; text-align: center; text-transform: uppercase; } #feature_carousel .tabs a.selected { background-color: #8D1026; } #feature_carousel .carousel { margin: 0 auto; padding: 25px 0 0 0; position: relative; } #feature_carousel .carousel .previous { border-right: 1px solid #780E20; display: block; height: 78px; left: 5px; padding: 47px 0 0 0; position: absolute; text-indent: -9999em; top: 25px; width: 20px; } #feature_carousel .carousel .previous span { background: url(../images/carousel_arrow_left.png) no-repeat left top; display: block; height: 30px; margin: 0 auto; width: 10px; } #feature_carousel .carousel .next { border-left: 1px solid #780E20; display: block; height: 78px; padding: 47px 0 0 0; position: absolute; right: 5px; text-indent: -9999em; top: 25px; width: 20px; } #feature_carousel .carousel .next span { background: url(../images/carousel_arrow_right.png) no-repeat left top; display: block; height: 30px; margin: 0 auto; width: 10px; } #feature_carousel .carousel .disabled span { background-position: left bottom; } #feature_carousel .carousel_items { height: 125px; left: 0; position: absolute; width: 5000px; } #feature_carousel .carousel_items li { display: block; float: left; } #feature_carousel .carousel_items a { display: block; float: left; margin: 0 10px 0 0; overflow: hidden; width: 90px; } #feature_carousel .carousel_container { height: 125px; margin: 0 auto; overflow: hidden; position: relative; width: 695px; } #home_content { position: relative; z-index: 2; } #home .blog h4 { background: url(../images/in_the_blog.png) no-repeat; height: 25px; text-indent: -9999em; } #home .blog h5 { color: #3F8092; font-size: 1.8em; } #home .blog p { font-size: 1.2em; line-height: 1.4em; } #home .blog p.contributor { color: #3E7D8F; padding: 10px 0 5px 0; } #home .news { background-color: #336600; color: #fff; } #home .news img { margin: 0 0 10px 0; } #home .news h4.sifr { color: #FFFFFF; font-size: 1.8em; padding: 0 0 5px 0; } #home .news p { font-size: 1.2em; line-height: 1.4em; } #home .news a { color: #fff; } #options_list dl dt { color: #FFFFFF; margin: 0; } .options_list dl dt { color: #FFFFFF; margin: 0; } /*------------------------------------------- Events -------------------------------------------*/ #featured_events { margin: 0 0 35px 0; } #featured_events_header h3 { float: left; padding: 15px 0 0 15px; } #featured_events_header { background-color: #E9E9F1; height: 37px; } #featured_events_tabs { border: 0; float: left; list-style: none; margin: 0 0 0 15px; padding: 11px 0 0 0; } #featured_events_tabs li { display: inline; float: left; font-size: 1em; padding: 0; } #featured_events_tabs a { background-color: #BABAC1; color: #858585; display: block; float: left; font-size: 1.4em; height: 26px; line-height: 26px; margin: 0 2px 0 0; text-align: center; width: 26px; } #featured_events_tabs a.selected { background-color: #fff; color: #26297B; font-weight: bold; } #featured_events .event { background: #fff url(../images/featured_events_bg.png) repeat-x left bottom; border: 1px solid #fff; height: 180px; padding: 20px; } .event img.event_image { float: left; margin: 0 20px 20px 0; } .event p.time { color: #83838B; font-size: 1.1em; padding: 0 0 5px 0; } .event p.title { color: #303192; float: left; font-size: 1.8em; padding: 0 0 5px 0; width: 500px; line-height: 1em; } .event .event_details p.title { width: 100%; } .event p.title a { color: #303192; text-decoration: none; } .event p.location { color: #3E3E3F; font-size: 1.3em; font-weight: bold; padding: 0 0 5px 0; } .event p.description { font-size: 12px; line-height: 1.1em; } .event a.more { color: #303193; } /* Single Event */ #event .back_to_calendar { background: url(../images/event_back.png) no-repeat left center; color: #323296; display: block; font-size: 1.4em; height: 15px; line-height: 15px; margin: 0 0 20px 0; padding: 0 0 0 10px; } #event_images { float: left; padding: 0 20px 0 0; width: 234px; } #event_images img { margin: 0 0 10px 0; } #event_details { float: left; width: 475px; } #event_details p { font-size: 1.4em; line-height: 1.4em; } #event_details p.date { color: #303192; font-size: 1.6em; padding: 0; } #event_details p.time { color: #83838B; font-size: 1.4em; padding: 0; } #event_details h2 { color: #303192; font-size: 2.8em; padding: 10px 0 0 0; } #event_details p.location { color: #3E3E3F; font-size: 1.2em; font-weight: bold; } #event_details .view_all { color: #212570; font-size: 1.2em; padding: 0 0 0 4px; } #event_details .comment { background-color: #fff; border: 1px solid #ccc; margin: 0 0 4px 0; padding: 15px; } #event_details .comment p { color: #686464; font-size: 1.2em; padding: 7px 0 0 0; } #event_details .comment .name { color: #242877; font-size: 1.2em; font-weight: bold; } #event_details .comment .date { border-left: 1px solid #B0A9A9; color: #B0A9A9; font-size: 1.2em; font-style: italic; margin: 0 0 0 5px; padding: 0 0 0 5px; } /* Events calendar */ #event_picker { background: #fff url(../images/featured_events_bg.png) repeat-x scroll left bottom; border: 1px solid #fff; min-height: 0; padding: 20px; } #event_picker h3 { color: #858585; font-size: 14px; font-weight: bold; } #event_date { color: #fff; float: left; padding: 20px; width: 160px; } #event_date p { font-size: 1.4em; padding: 0 0 0 0; } #event_date span { color: #8585B0; font-size: 1.2em; } /* Calendar */ #event_calendar { float: left; overflow: hidden; position: relative; width: 300px; } #event_calendar table { border-collapse: separate; border-spacing: 4px; } #event_calendar .ui-datepicker-title { display: none; } #event_calendar .ui-datepicker-prev, #event_calendar .ui-datepicker-next { display: none; } #event_calendar .ui-state-disabled { background-color: #E8E9F1; /*height: 24px; width: 34px; padding: 0;*/ } #event_calendar tbody td { /*border: 4px solid #fff; border-top: 0; border-left: 0;*/ } #event_calendar .ui-state-default { background-color: #bec0d5; color: #fff; cursor: pointer; display: block; font-size: 1.365em; height: 30px; line-height: 30px; text-align: center; width: 38px; } #event_calendar td .ui-state-hover, #event_calendar .ui-state-active { background-color: #22236B; color: #fff !important; text-decoration: none; } #event_calendar thead th { border: 0; color: #22236B; font-size: 10px; font-weight: bold; padding: 4px 0 6px 0; text-align: center; text-transform: uppercase; } #event_months { border-right: 1px solid #dddddd; float: left; margin: 0 20px 0 0; padding: 0 20px 0 0; } #event_months ul { border: 0; list-style-image: none; margin: 20px 0 0 0; padding: 0; } #event_months li { margin: 0 0 5px 0; padding: 0; } #event_months li a { background-color: #E8E9F1; color: #22236B !important; display: block; font-size: 16px; font-weight: bold; height: 31px; line-height: 31px; padding: 0 5px; width: 148px; } #content #event_months li a:hover, #content #event_months li a.selected { background-color: #22236B; color: #fff !important; text-decoration: none; } .event { background-color: #E9E9EB; border-bottom: 1px solid #d1d1d1; overflow: hidden; padding: 20px; } .event_image { float: left; padding: 0 15px 0 0; width: 235px; } .event_details { float: left; width: 565px; } .event .event_image { width: 138px; } .event .event_details { width: 530px; } .event p { font-size: 1.2em; line-height: 1.4em; padding: 0 0 10px 0; } p.no_events { font-size: 1.6em; font-style: italic; padding: 25px; } form.event_registration { } form.event_registration label { display: block; margin: 6px 0; font-size: 1.2em; } form.event_registration input { display: block; width: 350px; } form.event_registration input.submit { width: auto; } /*------------------------------------------- Book(s) -------------------------------------------*/ #book h2.title { font-size: 2.2em; padding: 0; } #book h3 { font-size: 1.4em; margin: 10px 0 5px 0; padding: 0; } #book p { font-size: 1.2em; line-height: 1.4em; padding: 0 0 5px 0; } #book .details { margin: 0 0 0 205px; } #book .author, .book .author { color: #575757; font-size: 1.3em; font-style: italic; padding: 0 0 5px 0; } #book .jacket { float: left; margin: 0 15px 10px 0; width: 188px; } #book .jacket div { border: 1px solid #D1D1D1; margin: 2px 0 0 0; padding: 4px; } #book .read_more { color: #B62F02; } #book .name, #book .title { color: #B62F02; font-size: 1.2em; font-weight: bold; } #book h3.title { font-size: 2.2em; font-weight: normal; } #book .date { border-left: 1px solid #B0A9A9; color: #B0A9A9; font-size: 1.2em; font-style: italic; margin: 0 0 0 5px; padding: 0 0 0 5px; } #book .view_all { color: #B62F02; font-size: 1.2em; padding: 0 0 0 4px; } #book .box { background-color: #fff; border: 1px solid #ccc; margin: 0 0 4px 0; padding: 15px; } #book .box p { padding: 7px 0 0 0; } /* List Detail */ .book { overflow: hidden; } .book h3.title { padding: 0; font-size: 13px; padding-bottom: 5px; } .book p { font-size: 1.2em; line-height: 1.4em; padding: 0 0 10px 0; } .book .details { margin: 0 0 0 100px; } .book .genre { border-left: 1px solid #d1d1d1; color: #575757; font-size: 1.4em; margin: 0 0 0 5px; padding: 0 0 0 5px; } .book .cover { float: left; margin: 0 15px 0 0; width: 90px; } .book .social { padding: 0 0 5px 0; } #recommendations, #lists, #comments { border-bottom: 1px solid #D1D1D1; padding: 0 0 20px 0; } #recommendations p { color: #686464; } #comments .comment { background-color: #fff; border: 1px solid #ccc; margin: 0 0 4px 0; padding: 15px; } #comments .comment span.name { color: #CC3300; font-size: 1.2em; font-weight: bold; border-right: 1px solid #ccc; margin: 0 5px 0 0; padding-right: 5px; } #comments .comment span.date { color: #818181; font-size: 1.2em; font-style: italic; } #comments .comment p { padding: 5px 0 0 0; } #comments p { color: #686464; padding: 0; } #comment_form { margin-top: 15px; } #comment_form textarea, #comment_form input { border: 1px solid #CCCCCC; margin: 0 0 2px 0; padding: 4px; } #comment_form input { width: 200px; } #comment_form textarea { width: 400px; } #comment_form input.button { font-size: 11px; margin:0; padding:0 8px; width: auto; } /*Magazines and Newspapers*/ .magazines_and_newspapers { padding: 0 0 15px 0; } .magazines_and_newspapers dt { font-size: 1.2em; line-height: 1.4em; } #content.digital-library .magazines_and_newspapers dt a { background: url(../images/arrow_accordian.png) no-repeat 0 2px; color: #222; cursor: pointer; padding: 0 0 0 8px; } /*Branch Locations*/ #branch_locations { border: solid 1px #D1D1D1; border-left: none; border-right: none; /*height: 390px;*/ /*min-height: 0; overflow: hidden;*/ padding: 10px 0 0 0; } #branch_locations ul {border: none; } #branch_locations ul li {margin: 0 0 20px 0; } /*------------------------------------------- Pagination Styles -------------------------------------------*/ .results_found { border-bottom: 1px solid #D1D1D1; overflow: hidden; padding-bottom: 3px; } .results_found h3 { float: left; margin: 0; padding: 0; } .results_found ul.page_set { float: right; border: 0px; list-style-type: none; margin: 0; padding: 0; } .results_found ul.page_set li { display: block; float: left; padding: 0; margin: 0; } .results_found ul.page_set li a { display: block; text-align: center; width: 18px; font-size: 10px; padding: 4px 0; background: #E4E4E4; color: #989898; margin-right: 2px; } .results_found ul.page_set li span { display: block; text-align: center; width: 18px; font-size: 10px; padding: 4px 0; background: #E4E4E4; color: #989898; margin-right: 2px; } .results_found ul.page_set li a.active { background: #FFFFFF; color: #696969; } .results_found ul.page_set li a.previous { background: transparent url(../images/gray-left.jpg) no-repeat; height: 10px; width: 8px; } .results_found ul.page_set li a.next { background: transparent url(../images/gray-right.jpg) no-repeat; height: 10px; width: 8px; } #great-reads .results_found { border: 0px; width: auto; margin-top: 10px; } #great-reads .results_found span { float: left; margin-right: 10px; color: #CC3300; font-size: 12px; padding-top: 4px; } #great-reads .results_found ul.page_set { float: left; } #great-reads .results_found ul.page_set li a { background: #EBDCD7; color: #B88673; } #great-reads .results_found ul.page_set li a.active { background: #FFF; color: #C73200; } #great-reads .results_found ul.page_set li a.previous { background: transparent url(../images/orange-left.jpg) no-repeat; height: 10px; width: 8px; } #great-reads .results_found ul.page_set li a.next { background: transparent url(../images/orange-right.jpg) no-repeat; height: 10px; width: 8px; } .result { border-bottom: 1px solid #D1D1D1; margin-top: 20px; padding-bottom: 20px; } .result h4 { font-size: 14px; font-weight: bold; margin-bottom: 6px; } .result p { font-size: 12px; margin-bottom: 4px; } /* Google Search */ #cse .gsc-control-cse { background:none; border:none; padding:0; margin:0; width:100%; color: #333; font-family: Arial, sans-serif; font-size: 13px; line-height: 1.3;} #cse .gsc-tabsArea, #cse .gsc-resultsHeader { display:none; } #cse .gsc-search-box { border-bottom: solid 1px #EEEEEE; padding:0 0 20px 0; } #cse table.gsc-search-box { border:none; } #cse .gsc-search-box td {border:none; padding:0; } #cse .gsc-search-box input.gsc-input { border: 1px solid #333; padding:4px; width:96%; } #cse .gsc-search-box input.gsc-search-button { padding:4px 15px; } #cse .gsc-result { padding:0 0 20px 0; margin-top:20px; border-bottom: 1px solid #D1D1D1; border-top: none; border-left: none; border-right: none; } #cse .gs-no-results-result .gs-snippet { background-color: #eee; border: solid 1px #999; color:#999; margin:0;} #cse .gs-title { text-decoration:none; text-transform: capitalize; padding: 0 0 5px 0; } #cse .gs-title b { font-weight: bold; color: #818181; text-decoration:none; } #cse a.gs-title { color: #818181; font-size: 15px; } #cse a.gs-title:hover { text-decoration:underline; } #cse .gs-snippet { color: #333; font-size: 12px; } #cse .gs-visibleUrl { color: #818181; font-size: 10px; line-height: 16px; font-style: italic; } #cse .gs-visibleUrl-short { display: none; } #cse .gs-visibleUrl-long { display: block; overflow: visible; } #cse .gsc-cursor-box { } #cse .gsc-cursor { } #cse .gsc-cursor-page { background: #E4E4E4; color: #989898; display: block; float: left; font-size: 10px; height: 20px; line-height: 20px; text-align: center; width: 22px; text-decoration: none; margin-right: 2px; } #cse .gsc-cursor-current-page { background-position: left bottom; color: #696969; background: #FFF; font-weight: normal; } #cse .gsc-trailing-more-results { display:none; } /*------------------- FAQs --------------------*/ .result h5 { color: #666666; font-size: 15px; padding: 0; } .result h2 { font-size: 13px; font-weight: normal; padding: 0 0 15px 0; } .first { margin-top: 0; } #faq ul li { font-size: 12px; line-height: 1.4em; } #faq ul { border: none; list-style-image: url(../images/list_bullet.png); margin: 0 0 5px 0; padding: 5px 0 5px 25px; }