@charset "UTF-8";
/*
Theme Name: Milk and Bookies
Author: Also

*/
* { margin: 0; padding: 0; font-size:100%;}
body {background:url(images/bg_book.jpg) repeat-y; background-color:#e2dfce; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; line-height:15px; color:#3A3A3A;}
a {text-decoration:none; color:#EF4634;}
a:hover {color:#0E7E99}
img {border:none;}
.left {float:left;}
.right {float:right}
.clear {clear:both;}
.alignleft {float:left; padding-right:12px;}
.line {background-image:url(images/line.gif); background-repeat:repeat-x; background-position:center; height:10px; clear:both; font-size:1px;}
.line_white {background-image:url(images/line_white.gif); background-repeat:repeat-x; background-position:center; height:10px; clear:both; font-size:1px; margin:2px 0 2px 0;}
h1, h3, .wpaudio {text-transform:uppercase; letter-spacing:1px; font-family: 'nevisBold' ,Verdana, Geneva, sans-serif; font-size:13px; height:16px; font-weight:normal; font-style:normal; color:#EF4634}
h1 a {color:#3A3A3A;}
h1 a:hover {color:#EF4634;}
h2 {font-family: 'nevisBold' ,Verdana, Geneva, sans-serif; font-size:78px; line-height:80px; font-weight:normal; clear:both;}
h4 {font-size:38px; line-height:42px; font-family:'nevisBold', Verdana, Geneva, sans-serif; font-weight:normal; color:#0E7E99; margin-bottom:-7px}
h5 {font-size:20px; line-height:26px; font-family:'nevisBold', Verdana, Geneva, sans-serif; font-weight:normal; color:#0E7E99; margin:2px 0 5px 0}
h6 {text-transform:uppercase; letter-spacing:1px; font-family: 'nevisBold',Verdana, Geneva, sans-serif; font-size:12px; line-height:17px; font-weight:normal; font-style:normal; color:#0E7E99; background-image:url(images/line.gif); background-repeat:repeat-x; background-position:bottom; margin:5px 0 2px 0; padding-bottom:7px;}
form {margin:0; padding:0;}
input, textarea {padding:5px; width:260px; border:none; background-color:#e8edef; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:13px; margin-top:3px;}
input[type=text]:focus, input[type=password]:focus {outline: 0 none;}
textarea {resize:none;}
.submit_form {width:270px; text-align:left; font-size:18px; padding:10px 0 10px 10px; background-color:#0E7E99; color:#FFF}

ol {margin:0 20px 0 25px; padding:0;}
ul {list-style:disc; margin:0 30px 0 30px; padding:0;}
li {padding:0px 0 0px 0px; margin:0;}
form {margin:0; padding:0;}
.home-title sup, .home-community sup {height: 0; line-height: 1; font-size:40%; vertical-align: baseline; _vertical-align: bottom; position: relative;bottom: 2.3ex;}
sup {height: 0; line-height: 1; font-size:45%; letter-spacing:1px; vertical-align: baseline; _vertical-align: bottom; position: relative;bottom: 2ex; font-family: 'nevisBold' ,Verdana, Geneva, sans-serif; }


.main {width:100%;}
.content {float:left; width:595px;}
.pages {margin:30px 0px 0 40px;}
.pages_header .left {font-style:italic; font-size:14px; margin:13px 0 0 0; padding:0; color:#0E7E99}
.pages_header .right {text-transform:uppercase; font-size:12px; letter-spacing:1px; font-family:'nevisBold', Verdana, Geneva, sans-serif; margin:10px 0 5px 0; padding:0; position:relative; color:#0E7E99}
.logo {margin-right:-14px;}

/* Navigation */
#main-nav li a.current, #main-nav ul li.sub-nav a.current {color:#3A3A3A;}
#main-nav, #mailing-list, div.sdmenu {display: block; width: 262px;}
#main-nav ul, #mailing-list ul {margin: 0px; padding: 0px; list-style:none}
#main-nav li, #mailing-list li, div.sdmenu div span {background-image:url(images/line3.gif); background-repeat:repeat-x; background-position:bottom; margin:0 0 5px 0; padding: 0px; position: relative; width: 100%;}
#main-nav a, #mailing-list span, div.sdmenu div span font {position: relative; top:5px; padding-left:5px; background-image:url(images/nav-bg.jpg); background-position:right; text-transform:uppercase; letter-spacing:1px; font-family: 'nevisBold' ,Verdana, Geneva, sans-serif; font-size:12px; height:16px; font-weight:normal; font-style:normal; color:#EF4634;}
#main-nav a:hover, #mailing-list span, div.sdmenu div.collapsed span font:hover {color: #3A3A3A;}
#main-nav ul li.sub-nav a {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; text-transform:inherit; letter-spacing:0px; color:#0E7E99}
#main-nav ul li.sub-nav a:hover, div.sdmenu div a:hover, div.sdmenu div a.current {color:#3A3A3A;}
div.sdmenu div {overflow: hidden; }
div.sdmenu div:first-child {}
div.sdmenu div.collapsed {height: 20px;}
div.sdmenu div span {display: block; cursor: pointer;}
div.sdmenu div a {display: block;font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; text-transform:inherit; letter-spacing:0px; color:#0E7E99; line-height:18px}


.follow-us {margin-bottom:10px;}
.navigation {float:left; margin:25px 0px 0 0px; text-align:right; width:272px;}
.navigation_links {padding-right:5px;}
/* .navigation_links ul {list-style:none; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; letter-spacing:1px; position:relative; left:-6px; white-space:nowrap; text-align:right; margin:15px 0 0 0;}
.navigation_links li {padding:0; margin:0;} */

/* Home */
.home {margin:64px 0px 0 50px;}
.home_event {position: absolute; margin:480px 0 0 0; text-align:center; width:290px; color:#FFF; font-size:13px; line-height:18px;}
.home_image {margin:5px 0 5px 0;}
.home-readgivegrow {font-family: 'ClarendonFSLight', Georgia, serif; font-size:62px; line-height:80px; padding-left:20px; color:#0E7E99; clear:both}
.home-paragraph {width:550px; padding:10px 15px 15px 15px; background-color:#007b95; color:#FFF; font-family: 'ClarendonFSLight', Georgia, serif; font-size:25px; line-height:32px;}
.home-title {font-family:'nevisBold',Verdana, Geneva, sans-serif; font-size:19px; letter-spacing:1px; text-transform:uppercase}
.home-title-small {font-size:16px;}
.home-community {float:left; width:257px; height:138px; padding:15px; background-color:#e53a2b; text-align:center; color:#FFF; font-family: 'ClarendonFSLight', Georgia, serif; font-size:24px; line-height:30px;}
.home-left {float:left; width:268px; padding:15px 10px 15px 10px; background-color:#e53a2b; text-align:center; color:#FFF;}
.home-left a, .home-right a {color:#FFF; text-decoration:underline;}
.home-left a:hover, .home-right a:hover {text-decoration:none;}
.home-middle, .home-right, .home-left {height:175px; color:#FFF; font-family: 'ClarendonFSLight', Georgia, serif; font-size:20px; line-height:24px; margin-top:10px;}
.home-middle {float:left; width:4px; background-color:#e53a2b; padding:15px 0px 15px 0px; background-image:url(images/line_white.gif); background-repeat:repeat-y;}
.home-right {float:left; width:268px; padding:15px 10px 15px 10px; background-color:#e53a2b; text-align:center; }
.footer {margin:0px 0 0px 295px; padding:100px 0 10px 0; clear:both}

.isabella {background:url(images/nav-banner.png) no-repeat; width:234px; height:39px; margin:80px 0 0px 0; clear:both; padding:5px 0 0 60px; line-height:14px; color:#FFF; text-align:center}
.isabella-content {text-align:center; padding:0 0px 5px 60px; color:#EE4734; width:234px;}
.isabella a {color:#FFF;}
.isabella a:hover {color:#3A3A3A;}

/* Blog */
.date {width:115px; float:left; background:url(images/blog_date.gif) no-repeat; height:130px; text-align:center; padding:25px 10px 0 0; margin-top:10px;}
.blog {width:470px; margin:10px 0 60px 0; float:left}
.blog p {padding:3px 0 7px 0; margin:0;}
.comment_icon {float:left; padding-right:5px;}
.comments {color:#EF4634;}
.commentlist {margin:0px 0 20px 0; clear:both; list-style:none}
.commentlist li {list-style:none; padding:10px 0 20px 0;}
#respond {margin-top:0px;}
span.cap {float:left; font-size:66px; font-family:'nevisBold', Verdana, Geneva, sans-serif; line-height:60px; margin:0px 7px -5px 0px; position:relative;}
.page-navigation {padding:10px 20px 0 20px; margin-bottom:40px}

/* About */
.about, .mb {font-size:22px; line-height:29px;}
.about_image {float:right; margin:-4px -39px 0 0;}
.about p {margin:0; padding:0 5px 16px 0;}
.about p strong {color:#EF4634; font-weight:normal; letter-spacing:1px; font-size:18px;}
.about p.first-child span.cap {color:#EF4634; float:left; font-size:66px; line-height:50px; font-family:'nevisBold', Verdana, Geneva, sans-serif; margin:5px 3px 0 0px; position:relative;}
.about li {margin:0 0 12px 0;}
.small {font-size:13px; line-height:21px; margin-bottom:15px; font-weight:normal}

/* Contact */
.contact_image {float:left; margin:5px 7px 0 0px;}
.contact {float:left; width:445px; background-color:#e8edef; height:110px; font-size:22px; line-height:30px; margin:5px 0 10px 0; padding:20px 15px 0 15px;}

/* Donors/Partners */
.donors {margin:5px 0px 0 0px;}
.donors p {padding:0 0 14px 0;}
.donors h1 {margin:15px 0 10px 0;}
.dp_left {float:left; width:280px; text-align:center; background-color:#FFF}
.dp_right {float:left; width:280px; margin-left:35px; text-align:center; }
.dp_right h1 {color:#FFF; margin:0 0 2px 0;}
.dp_right .blue {background-color:#0E7E99; color:#FFF; margin-bottom:10px; padding-top:15px;}
.dp_right .red {background-color:#ef4634; color:#FFF; margin-bottom:10px; padding-top:15px;}


/* Story Time */
.storytime_image {float:left; margin:5px 0 20px 0}
.storytime {float:left; background:url(images/storytime_bg.gif) no-repeat; width:275px; height:363px; text-align:center; padding:30px 15px 15px 15px;  margin:5px 0 20px 0}
.storytime  p {padding:0 0 14px 0; margin:0; font-size:18px; line-height:24px;}
.storytime  strong {font-size:10px; letter-spacing:1px; font-weight:normal}
.slideshow_corners {position:absolute; background:url(images/slideshow_corners.png) no-repeat; width:600px; height:400px; margin:-5px 0 0 -5px; z-index:100}
.storytime-text {font-size:22px; line-height:26px; margin:15px 0 10px 0}

/* M&B Class Project */
.smallcaps {font-size:14px; letter-spacing:1px; font-weight:normal; text-transform:uppercase}
.mb_first, .mb_second {background-color:#EF4634; margin-top:5px; padding:15px 15px 20px 15px; margin-bottom:10px; color:#FFF}
.mb_second {background-color:#0E7E99; margin-bottom:10px;}
.mb_first a, .mb_second a  {color:#fff; text-decoration:underline}
.mb_first a:hover, .mb_second a:hover {text-decoration:none}
.mb p.first-child {padding:15px 15px 15px 15px}
.mb p {padding:0px 15px 15px 15px}
.mb p font {font-size:20px; letter-spacing:1px; text-transform:uppercase; color:#3A3A3A;}
.mb_submission {float:left; width:280px; padding:5px 0px 5px 15px; margin:0;}
.mb_line {background-image:url(images/line2.gif); background-repeat:repeat-y; background-position:right}
.mb_submission p {padding:5px 0 5px 0; margin:0;}
.mb_joblist {clear:both; background:url(images/mb_checklist.gif); background-position:0 20px; font-size:13px; line-height:21px; padding:20px 0 0px 0; margin-bottom:5px;}
.mb_joblist_ol strong {font-size:11px; letter-spacing:1px; text-transform:uppercase; font-weight:bold;  color:#EF4634; font-family:Verdana, Geneva, sans-serif}
.mb_joblist_ol li {padding:0px 0 0px 0}
.about .mb_joblist .mb_joblist_ol li {margin-bottom:22px;}
.mb_downloads {margin:0px 0 5px 0;}
.m_b {margin-bottom:10px;}
.mb_downloads p {padding:0 0 10px 0;}
.mb p strong {color:#EF4634; font-weight:normal}
.submit_password {width:70px; float:left; text-align:left; font-size:14px; line-height:14px; height:25px; text-align:center; padding:5px 5px 6px 5px; margin:3px 0 0 5px; background-color:#0E7E99; color:#ffffff}

/* FAQ */

.faq p {padding:0px 15px 15px 0px; margin:0; font-size:13px; line-height:18px; clear:both}

/* Submission Form */
.wpcf7 {margin:0; padding:0;}
div.wpcf7-response-output {}
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-mail-sent-ok {background: #0E7E99; color:#fff; width:250px; border:none; padding:10px;}
span.wpcf7-form-control-wrap {position: relative;}
html>body span.wpcf7-not-valid-tip {position:absolute; float:left; z-index:100; background:#0E7E99; color:#FFF; width:200px; padding:4px; left:0; top:-15px}
span.wpcf7-not-valid-tip {position:absolute; float:left; z-index:100; background:#0E7E99; color:#FFF; width:200px; padding:5px; left:0; top:0px; margin-top:10px}
span.wpcf7-not-valid-tip-no-ajax {color: #f00; display: block;}
span.wpcf7-list-item {margin-left: 0.5em;}
.wpcf7-display-none {display: none;}
img.ajax-loader {border:none; vertical-align: middle;}

.corners_left {position:absolute; background:url(images/photo_corners_left.png) no-repeat; width:100px; height:390px; margin:-5px 0 0 -5px; z-index:100}
.corners_right {position:absolute; background:url(images/photo_corners_right.png) no-repeat; width:100px; height:390px; margin:-5px 0 0 540px; z-index:100}

/* Calendar */
.calnk {margin:0; padding:0;}
.calnk a:hover {background-position:0 0; color:#0E7E99; text-decoration:none;}
.calnk a:visited {text-decoration:none;}
.calnk a {text-decoration:none; color:#3A3A3A;}
.current-day span.event a {color:#fff;}
.current-day span.event a:hover {color:#3A3A3A;}
.calnk a span { display:none;}
.calnk a:hover span {color:#fff; background:#0E7E99; display:block; position:absolute; margin:-10px 0 0 30px; padding:5px; width:150px; z-index:100;}
.calendar-table {border:none; width:595px; border-color:#f7f6f6; background-color:#f7f6f6}
.calendar-heading {height:15px; text-align:center;}
.calendar-next {width:33%;text-align:left; font-style:italic}
.calendar-prev {width:33%;text-align:right; font-style:italic}
.calendar-month {width:33%; text-align:center;}
.normal-day-heading {text-align:center;}
.weekend-heading {text-align:center;}
.day-without-date {height:95px; background-color:#f7f6f6;}
.day-with-date {vertical-align:text-top;text-align:left; height:95px; width:73px; padding:5px; background-color:#e8edef}
.current-day {vertical-align:text-top;text-align:left; height:95px; width:73px; padding:5px; background-color:#EF4634; color:#FFF;}
.no-events { }
span.non-weekend, .current-day span.non-weekend, .current-day span.weekend, span.weekend {font-size:16px; line-height:19px; font-style:italic}
span.non-weekend {color:#0E7E99;}
.current-day span.non-weekend {color:#FFF;}
span.weekend {color:#EF4634;}
span.event {font-size:11px; line-height:14px; font-style:normal;}
.kjo-link {font-size:0.75em; text-align:center;}
.event-title {}
.calnk span strong, .shop_info span {font-size:10px; letter-spacing:1px; font-weight:normal; text-transform:uppercase}
.event-title-break {width:96%; margin-left:2%; margin-right:2%; margin-top:5px; margin-bottom:5px; text-align:center; height:1px; background-color:#000000;}
.event-content-break {width:96%; margin-left:2%; margin-right:2%; margin-top:5px; margin-bottom:5px; text-align:center; height:1px; background-color:#000000;}
.calendar-date-switcher {height:25px; text-align:center; border:1px solid #D6DED5; background-color:#E4EBE3;}
.calendar-date-switcher form {margin:0; padding:0;}
.calendar-date-switcher input {border:1px #D6DED5 solid;}
.calendar-date-switcher select {border:1px #D6DED5 solid;}
.cat-key {width:100%; margin-top:10px; padding:5px; border:1px solid #D6DED5;}

/* Press */
.press {margin-top:10px;}
.press_thumb {padding:0 8px 8px 0; float:left;}
.press_source {width:95px; float:left; background-color:#EF4634;  text-align:center; padding:25px 10px 25px 10px; margin:10px 10px 0 0; color:#FFF}
.press_source em {color:#3A3A3A;}
.press_source a {color:#FFF; font-style:italic}
.press_source a:hover {color:#3A3A3A; font-style:italic}
.press_content {width:470px; margin:10px 0 60px 0; float:left}
.press_content p {padding:0px 0 10px 0; margin:0;}

/* Mailing List */
.maling_list_form {margin:25px 4px 25px 0px;}
.mailinglist {width:130px; padding:3px; margin:2px 4px 3px 4px; background-color:#FFF; border:#999 solid 1px; float:right;}
.mailinglist_submit {padding:2px 0 0 0; margin:2px 0 0 0; background:none; border:none; font-family: 'nevisBold' ,Verdana, Geneva, sans-serif; font-size:13px; height:16px; color:#EF4634; text-transform:uppercase; letter-spacing:1px; float:right; cursor:pointer; width:30px; height:20px}
.mailinglist_submit:hover{color:#3A3A3A}
#Twitter, #youtube, #wiki, #flickr {margin-right:5px;}
#Facebook {margin-right:10px;}

/* Shop */
.shop_thumbnail {float:left; padding:0px 10px 5px 0px; width:325px;}
.shop_info {float:left; width:250px; padding:0px 0 5px 0;}
.price {height:32px; margin:5px 0 5px 0;}
.price_content {background-image:url(images/shop_price_bg.gif); background-repeat:repeat-x; float:left; height:25px; color:#FFF; padding:7px 5px 0 2px; font-size:15px; text-align:center}
.select-size {float:left; margin:7px -10px 0 0px; width:100px;}
.select-color {float:left; margin:7px 0px 0 15px; width:70px;}
.shop_line {padding:5px 0 10px 0;}
.shop_info p {margin:10px 0 10px 0;}


/* Map */
.map-books-raised {position:absolute; margin:23px 0 0 80px; font-family: 'ClarendonFSLight', Georgia, serif; font-size:29px; line-height:30px; color:#fff;}
.map-date {position:absolute; margin:116px 0 0 80px; font-style:italic; color:#157F99}
.map-philanthropists {position:absolute; margin:86px 0 0 80px; text-transform:uppercase; letter-spacing:1px; color:#fff; font-family: 'nevisBold' ,Verdana, Geneva, sans-serif; font-size:17px;}
.map {background-color:#e9f2f5; margin-bottom:20px; padding-bottom:10px;}
.map-h1 {text-align:center; color:#292C2D; padding:9px 0 9px 0;}
.map-content {padding:20px 0px 20px 40px}
.map-content strong {font-weight:normal; letter-spacing:1px; font-size:10px; text-transform:uppercase; color:#157F99}
.map-content p {padding:0 0 15px 0;}
.map-content div {float:left; width:185px;}

/* Recipients */
.recipients {line-height:22px; margin-bottom:40px; text-align:center; font-size:13px;}
.recipients em {color:#5DB9C5;}
.crocodile {margin-top:-4px;}
/* Fonts */
/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      FontSite Inc.
 * License URL: http://www.fontspring.com/fflicense/fontsite
 *
 *
 */

@font-face {
	font-family: 'ClarendonFSLight';
	src: url('fonts/Clarendon-Light-webfont.eot');
	src: local('☺'), url('fonts/Clarendon-Light-webfont.woff') format('woff'), url('fonts/Clarendon-Light-webfont.ttf') format('truetype'), url('fonts/Clarendon-Light-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'nevisBold';
	src: url('fonts/nevis-webfont.eot');
	src: local('☺'), url('fonts/nevis-webfont.woff') format('woff'), url('fonts/nevis-webfont.ttf') format('truetype'), url('fonts/nevis-webfont.svg#webfontTFz0o60z') format('svg');
	font-weight: normal;
	font-style: normal;
}