/* $Id: local-sample.css,v 1.1 2009/08/19 04:28:52 sociotech Exp $ */

/****************************/
/* LOCAL CSS                */
/****************************/

/* Put your custom CSS and CSS overrides in this file and  */
/* rename it local.css.  By restricting your CSS changes   */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme.  You can also */
/* use a local-rtl.css file for the equivalent in RTL.     */

/* Steps to activate local.css:                       */
/* 1. Add your custom CSS to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Clear cached data at admin/settings/performance */


/* This section resets colors and padding for the regions */
/* ------------------------------------------------------ */
html {
	background: #003366;
}

body {
  background: #f4f4f4;
}

.header-top-region {
	padding-top: 5px;
}

.header-group-wrapper, 
.header-group .inner, 
.postscript-bottom-wrapper {
  background: #006699;
}

.header-group-inner {
	padding:10px 0;
}

.header-top-wrapper, 
.footer-wrapper, 
.footer-message-wrapper {
  background: #003366;
}
.header-primary-menu-wrapper {
  background: #004681;
  border-bottom:5px solid #003366;
}


.header-primary-menu-inner ul.menu li {
	font-size: 1em;
}

.footer-wrapper {
	border-top:3px solid #004681;
}

.footer {
	padding: 3px 0 0;
}

.footer-message {
	padding: 0;
}

/* These are to correct blocks and sections with too much padding near the bottom of the page */ 
#block-block-9, 
#block-block-27 p{
	margin-bottom: 0;
	padding-bottom: 0;
}

#main-wrapper {
	padding-bottom: 0;
}


/* This section makes the login and search blocks horizontal */
/* --------------------------------------------------------- */
div#block-hmcpl_search_block-0, 
#block-hmcpl_ibistro_login-0, 
#block-textsize-0,
div#hmcplloginbox {
	margin-bottom: 0px;
}

#block-hmcpl_search_block-0 .form-item, 
#block-hmcpl_ibistro_login-0 .form-item,
#hmcplloginbox .form-item {
	display: inline;
	/*float: left; */
	margin: 0;
}

#block-hmcpl_search_block-0 .form-item label,
#hmcplloginbox .form-item label {
	display: inline;
	/*float: left; */
	font-size: 0.9em;
	margin: 0px 3px 0px 3px;
}


#block-hmcpl_search_block-0 textarea,
#block-hmcpl_search_block-0 .form-submit,
#hmcplloginbox .form-submit {
	display: inline;
	/*float: left; */
	padding: 0px;
}

#block-hmcpl_search_block-0 .form-text {
	display: inline;
	/*float: left; */
	padding: 0px;
	font-size: 0.8em;
}

#hmcplloginbox .form-text {
	display: inline;
}

#edit-searchchoice-wrapper, 
#edit-user-id-wrapper,
#edit-password-wrapper, 
#edit-remember-wrapper {
	display: inline;
	/*float: left; */
	margin: 0px;
}

#block-hmcpl_search_block-0 .form-item input, 
#block-hmcpl_search_block-0 .form-item select, 
#block-hmcpl_search_block-0 .form-item textarea,
#block-hmcpl_ibistro_login-0 .form-item input, 
#block-hmcpl_ibistro_login-0 .form-item select, 
#block-hmcpl_ibistro_login-0 .form-item textarea {
	padding: 0;
	font-size: 0.9em;
	/*float: left; */
	display: inline;
}

/* Change menu colors */
/* ------------------ */
.primary-menu-inner ul.sf-menu li a:hover, 
.primary-menu-inner ul.menu li.active-trail a, 
.primary-menu-inner ul.sf-menu li:hover a, 
.primary-menu-inner ul.sf-menu li.hover a {
background:#FFFFFF none repeat scroll 0 0;
color:#8B8B8B;
}





/* This section alters colors and display of default block styling */
/* --------------------------------------------------------------- */
.prosper-grayborder-darkbackground .inner {
	background:#003366 none repeat scroll 0 0;
	border-bottom:1px solid #004681;
	border-top:1px solid #004681;
	color:#8B8B8B;
	padding:20px;
}

.prosper-rounded-title h2.block-title {
	background:#0099cc none repeat scroll 0 0;
}

.prosper-gray-rounded-style .content {
	border-bottom:2px solid #0099cc;
}

.prosper-lightgraybackground-border .inner {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
	background:#fff none repeat scroll 0 0;
}

.prosper-gray-rounded-style ul li a:link, .prosper-gray-rounded-style ul li a:visited {
	color:#AF0000;
}


/* This section alters book jacket display */
/* --------------------------------------- */
.views-field-field-book-jacket-image-value, 
.bookjacket, 
.authorimage {
	float: left;
	padding-right: 0.5em;
	padding-top: 0.2em;
}

.bookclub_colophon {
	display: inline;
}

.views-field-field-author-value {
	clear: left;
}

.bookclubs-date-links {
	text-align: center;
	font-weight: bold;
	font-size: 0.9em;
	border:1px solid #EDEDED;
	color:#535353;
	padding: 1em;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	background:#FFFFFF none repeat scroll 0 0;
	margin-bottom: 1em;
}

h3.bookclub, .bookclubs-month h3 {
	clear:both;
	margin-top: 1em;
}

/* This alters how events are shown on calendars */
/* --------------------------------------------- */
.calendar-calendar td .inner .view-field, 
.calendar-calendar td .inner .view-field a {
	display: inline;
}

.calendar-calendar td .inner div.calendar div, 
.calendar-calendar td .inner div.calendar div a {
	background: none;
	line-height: normal;
	padding: 0;
}

#views-exposed-form-calendar-calendar-1, 
#views-exposed-form-calendar-calendar-1 .form-item input, 
#views-exposed-form-calendar-calendar-1 .form-item select, 
#views-exposed-form-calendar-calendar-1 .form-item textarea {
	font-size: 0.9em;
}


/* This removes extra padding from the top of quicktabs */
/* ---------------------------------------------------- */
.prosper-quicktabs .quicktabs_main { 
	margin: 0;
}
/* ---- It turns out this line was causing problems with quicktabs in IE7
.prosper-quicktabs .quicktabs_wrapper ul.quicktabs_tabs {
	padding:0 0 8px;
}
*/
/* This makes all headlines in the dark blue bottom area white */
/* ----------------------------------------------------------- */
#postscript-bottom-wrapper h2 {
	color: #fff;
}

/* These are table fields that need to be centered */
/* ----------------------------------------------- */
#view-id-computers_list-page_1 .views-field-field-computers-full-svc-value, 
#view-id-computers_list-page_1 .views-field-field-computers-quick-email-value, 
#view-id-computers_list-page_1 .views-field-field-computers-kids-value, 
#view-id-computers_list-page_1 .views-field-field-computers-teens-value, 
#view-id-computers_list-page_1 .views-field-field-computers-genealogy-value, 
#view-id-computers_list-page_1 .views-field-field-computers-research-value, 
#view-id-computers_list-page_1 .views-field-field-computers-catalog-value,
#view-id-meeting_rooms-page_1 .views-field-field-meetingroom-capacity-value, 
#view-id-meeting_rooms-page_1 .views-field-field-meetingroom-deposit-value, 
#view-id-meeting_rooms-page_1 .views-field-field-location-kitchenette-value, 
#view-id-meeting_rooms-page_1 .views-field-field-location-projection-screen-value,
.view-computers-single-location-list .views-row-last {
	text-align: center;
}

/* These provide different background colors for items on
   the events calendars, based on age appropriateness */
/* -------------------------------------------------- */

.taxonomy-adults, .taxonomy-library-event {
	background: #d3e7fd none repeat scroll 0 0 !important; /* blue */
	line-height: normal;
	margin-bottom: 3px;
}

.taxonomy-children {
	background: #eee none repeat scroll 0 0 !important; /* gray */
	line-height: normal;
}

.taxonomy-family-friendly {
	background: #ddc9da none repeat scroll 0 0 !important; /* lilac */
	line-height: normal;
}

.taxonomy-teens {
	background: #cef3aa none repeat scroll 0 0 !important; /* green */
	line-height: normal;
}

.taxonomy-closed {
	background: #d99494 none repeat scroll 0 0 !important; /* red! */
	border: 1px solid #a40000 !important; /* red! */
	line-height: normal;
	font-weight: bold;
}

.taxonomy-community-event {
	background: #fff none repeat scroll 0 0 !important; /* white */
	line-height: normal;
	margin-bottom: 3px;
}


/* Alter the breadcrumb trail */
/* -------------------------- 
.breadcrumbs .inner {
	background: none;
	border: none;
}
*/


#computer-class-date-info {
	display: none;
}


/* Front page views formatting. */
#view-id-front_page-page_1 .views-row {
	clear: both;
}

#view-id-front_page-page_1 div.node {
	margin-bottom: 0.2em;
}

#view-id-front_page-page_1 .teaser {
	border-bottom: none;
	padding: 0 0 5px;
}

#view-id-front_page-page_1 h2 {
	margin: 0;
}


/* If we float images we get problems. */
.view-og-ghp-ron h2 {
	margin-top: 0.5em;
	clear: both;
}

/* This gets rid of the top border of tables in the inner header. */
#header-group-inner tbody {
	border-top: none;
}



/* Try to remove excess padding from top margin of paragraphs only on the front page. */
.front #content-inner p {
	margin-top: 0px;
}


.view-TEST-frontpage tr.row-1  {
	vertical-align: top;
}

.view-TEST-frontpage td {
	width: 19%;
}

.view-TEST-frontpage td .views-field-field-photos-embed img {
	border: 1px solid #000;
	margin-left: auto;
	margin-right: auto;
}

/* Flow the 'text size' line in the text resizer around the buttons. */
.inline {
	display: inline;
}

#header-top-region .clearfix {
	margin-bottom: 0px;
}




#view-id-front_imageview-page_1 h2, 
#view-id-front_imageview-page_1 h3, 
#view-id-front_imageview-page_1 h4 {
	color:#AF0000;
	margin-top: 3px;
}

#view-id-front_imageview-page_1 h2 {
	color:#AF0000;
	margin:3px 0 0.2em;
}

#view-id-front_imageview-page_1 .view-display-id-attachment_1, 
#view-id-front_imageview-page_1 .view-display-id-attachment_2 {
	margin-top: 2.5em;
	line-height: normal;
}

#view-id-front_imageview-page_1 .view-display-id-attachment_1 td {
	width: 33%;
	padding-right: 1em;
	vertical-align: top;
}

#view-id-front_imageview-page_1 .view-display-id-attachment_2 td {
	width: 50%;
	padding-right: 1em;
}

#view-id-front_imageview-page_1 .view-display-id-attachment_2 h3, 
#view-id-front_imageview-page_1 .view-display-id-attachment_2 h4 {
	font-weight: bold;
}

/* Flow twitter icons inline in the recent-tweets box */
.view-tweets-recent img {
	float: left;
	padding-right: 2px;
}

/* The mission statement block in the header needs as little vertical
  padding and margins as possible. */

#block-block-75 .content p {
	line-height: normal;
	margin: 0;
}

/* These sidebar blocks need as little vertical
  padding and margins as possible. */

#block-block-8, #block-block-76, #block-block-65 {
    margin-bottom: 0px;
}


/* Testing a slideshow */
/* --------------------------------------- */
div.hmcplfront .pane-front-slideshow {
    display: block;
}

div.view-front-slideshow {
      overflow: visible;
    width: 100%;
    clear: both;
}

div.pane-front-three-ads {
      overflow: visible;
    width: 100%;
    clear: both;

}

div.mini-panel-front_three_ads {
        text-align: center;
}

#mini-panel-front_second_row {
      overflow: visible;
    width: 100%;
    clear: both;
}

#views_slideshow_thumbnailhover_teaser_section_front_slideshow-default {
    float: left;
    width: 670px;
    padding-right: 10px;
}

#views_slideshow_thumbnailhover_teaser_section_front_slideshow-default img{
    border: 1px solid #e9e9e9;
}

#views_slideshow_thumbnailhover_breakout_teasers_front_slideshow-default {
    padding-left: 0.25em;
}

#views_slideshow_thumbnailhover_breakout_teasers_front_slideshow-default  .views_slideshow_thumbnailhover_div_breakout_teaser{
    padding-left: 1em;
    padding-bottom: 0.25em;
    border: 1px solid #fff;
}

#views_slideshow_thumbnailhover_breakout_teasers_front_slideshow-default .activeSlide {
    background-color: #e9e9e9;
    border: 1px solid #e9e9e9;
}

ul.decisions_selection_1click li {
    list-style-image: none;
}

div#hmcplsocialmedia {
    text-align: right;
    vertical-align: middle;
}

div#hmcplsocialmedia img, div#hmcplsocialmedia iframe {
        vertical-align: middle;
}

div#hmcplsocialmedia img {
    border: none;
    margin: 3px;
}

div#hmcplfront .panel-col-middle {
    display: block;
}


/* Styling for panes on panels for branch pages. */


div#hmcpl-location-branch-image-panel, div#hmcpl-location-meetingroom-info-panel, div#hmcpl-location-meetingroom-image-panel {
  float: left;	
}

.panel-pane {
	margin-bottom: 1em;
}

.node-type-location .center-wrapper {
	clear: both;
}


.node-type-location .views-field-field-directions-value label,
.node-type-location #hmcpl-location-meetingroom-info-panel label {
	font-weight: bold;
}

.node-type-location .views-field-field-directions-value .field-content p {
	display: inline;
}

.node-type-location .views-field-field-directions-value {
	margin-top: 1em;
}

/* Views Accordion has funky paragraph spacing... */
.views-accordion-item .accordion-content p {
    margin: 1em 0;
}

/* Weather Closures block doesn't need such huge padding! */
div#block-block-69 .inner {
	padding: 3px;
}
div#block-block-69 .inner p {
	margin: 3px;
}