/* Basic Typography & Colors
-------------------------------------------------------------- */
/* Add general site styling here for typography and background */
body { font-size: 75%;   /* also set in fusion_starter.info: settings[base-font-size] = font-size-12 */ }
/* Default link styles - separate a:visited for a different visited link style */
a, a:link, a:visited { }
/* Hover/active link styles. Don't forget :focus for accessibility */
a:hover, a:focus, a:active { }
.button a, .button a:link, .button a:visited, a.button, a.button:link, a.button:visited { }
.button a:hover, .button a:active, a.button:hover, a.button:active { }
/* Specific Typography
-------------------------------------------------------------- */
#site-name { font-size: 300%; font-weight: normal; line-height: 150%; margin: 0; margin-top: 10px; }
.footer-message { font-size: 90%; }
/* HTML Elements
-------------------------------------------------------------- */
body { }
/* Site Info
-------------------------------------------------------------- */
/* Wrapper around logo, site name, and slogan */
.header-site-info span { display: block; }
/* Add float here to put logo and site name side by side, also add margins as
  needed */
#logo { float: left;/*margin-right: 20px;*/ }
/* Link and hover styles for site name */
#site-name a:link, #site-name a:visited, #site-name a:hover, #site-name a:active { }
/* Typography for site slogan */
#slogan { }
/* Regions

  Classes (.region-name) should always be used instead of IDs (#region-name) so
  that skin styles can override them with a class later
-------------------------------------------------------------- */

/* All Regions
-------------------------------------------------------------- */
/* By default this wrapper is set to 100% width and centered -- override here to
  narrow wrapper or align left or right */
.page { width:100%; float:left; }
/* The 0 values here remove padding and spacing at the bottom of the page.
  Remove to add a gap at the very bottom of the page */
.page-inner { border: 0; margin-bottom: 0; padding: 0; }
/* Header Regions
-------------------------------------------------------------- */
/* Header Top region to the bottom of Header region */
/* For full-width header background, add background image/color here */
.header-group-wrapper { }
.header-group { }
/* Header Top region which sits above the header */
/* Works well with inline login or inline menu block style */
.header-top-wrapper { }
.header-top { }
/* Main Menu
/-------------------------------------------------------------- */
/* Add general styles for main menu here, such as typography, borders, floats,
  or spacing above/below */
.main-menu { }
/* These styles work well with the Superfish module. 
 * http://www.drupal.org/project/superfish */
 
/* styles for Superfish main menu */
.main-menu-inner ul.sf-menu { }
/* Link style for top level menu items, add padding here */
.main-menu-inner ul.sf-menu a, .main-menu-inner ul.sf-menu a:visited { }
.main-menu-inner ul.sf-menu a:hover, .main-menu-inner ul.sf-menu a:active, .main-menu-inner ul.sf-menu a:focus { }
/* These are the top level menu items, add border-right here for separators */
.main-menu-inner ul.sf-menu li { }
/* Add border-right: 0; here to remove separator on last menu item */
.main-menu-inner ul.sf-menu li.last { }
/* Style for container of dropdown, add background or border */
.main-menu-inner ul.sf-menu ul { }
/* Style for individual dropdown menu items, add border-bottom for separators */
.main-menu-inner ul.sf-menu li li { background-color: #fff; }
.main-menu-inner ul.sf-menu li li.last { }
.main-menu-inner ul.sf-menu li li li { }
/* Style for hover of dropdown menu items (add background-color here) */
.main-menu-inner ul.sf-menu li ul li:hover, .main-menu-inner ul.sf-menu li ul li.sfHover { }
/*  Preface Regions
-------------------------------------------------------------- */
/* The Preface Top region sits between the header and the Main Area
 (columns, sidebars, and main content).  The Preface Bottom region
 is inside the Main Area. */
.preface-top-wrapper { }
.preface-top { }
.preface-top-inner { }
.preface-bottom { }
.preface-bottom-inner { }
/*  Main Area (content + sidebars + preface bottom + postscript top)
-------------------------------------------------------------- */
.main-wrapper { }
/* Sidebar Regions
-------------------------------------------------------------- */
/* Sidebar widths can be controlled through theme settings */
.sidebar-first { }
.sidebar-second { }
/* Content Regions
-------------------------------------------------------------- */
.content { }
.content-inner { }
/* This region only appears on full node pages. It's useful for ads or other
  content between the body of the node and its comments */
.node-bottom { }
/*  Postscript & Footer Regions
-------------------------------------------------------------- */
.postscript-top { }
.postscript-top-inner { }
.postscript-bottom-wrapper { }
.postscript-bottom { }
.postscript-bottom-inner { }
.footer-wrapper { }
.footer { }
.footer-inner { }
/* Page titles
/-------------------------------------------------------------- */
/* Page and full node titles */
h1.title { }
/* Default node styles
/-------------------------------------------------------------- */
/* Change unpublished and preview colors for dark background themes */
.node-unpublished { background-color: #fff4f4; }
.preview .node { background-color: #ffffea; }
/* Typography for node titles */
h2.title { }
/* Colors and styles for linked node titles, ie. teaser listing at /node */
h2.title a:link, h2.title a:visited { }
h2.title a:hover, h2.title a:focus, h2.title a:active { }
/* Separators and padding for node teasers */
.node-teaser { }
/* Author/date info */
.meta { }
.submitted { }
/* Links for nodes (taxonomy, commenting, read more, etc) */
.node ul.links li { }
.node ul.links a { }
/* Only more/read more links */
div.node .read-more a, div.node .more-link a { }
/* Drupal Messages
/-------------------------------------------------------------- */
/* General style for all errors/messages (border, padding, etc.) */
div.content-messages div.messages, div.content-help div.help { }
/* Status messages: green */
div.content-messages-inner div.status { }
/* Warning messages: yellow */
div.content-messages-inner div.warning { }
/* Error messages: red */
div.content-messages-inner div.error { }
/* Help messages: blue */
div.content-help-inner div.help { }
/* Error that appears when a required form field is not filled out */
.form-item input.error, .form-item textarea.error, .form-item select.error { border: 1px solid #aa1144; }
/* "New" text and required form field asterisk (default = red) */
.marker, .form-required { color: #aa1144; }
/* Default block title styles
/-------------------------------------------------------------- */
h2.block-title { }
/* Breadcrumbs
-------------------------------------------------------------- */
.breadcrumbs { }
.breadcrumbs a:link, .breadcrumbs a:visited { }
/* Tab Menus
/-------------------------------------------------------------- */
#content-tabs { background-color: transparent; float: left; /* LTR */ margin: 20px 0; padding: 0; }
#content-tabs ul.primary, #content-tabs ul.secondary { border-bottom: 1px solid #000; clear: both; float: left; /* LTR */ margin: 0; padding: 0 10px; }
#content-tabs ul.secondary { border-bottom: 1px solid #555; margin-top: 10px; text-transform: lowercase; }
#content-tabs ul.primary li, #content-tabs ul.secondary li { border-style: none; display: inline; float: left; /* LTR */ list-style: none; margin: 0 10px; padding: 0; }
#content-tabs ul.primary li a:link, #content-tabs ul.primary li a:visited, #content-tabs ul.secondary li a:link, #content-tabs ul.secondary li a:visited { /*background-color: transparent;*/ border: none; color: #000; float: left; /* LTR */ font-weight: bold; margin: 0; padding: 6px 6px; text-decoration: none; white-space: nowrap; }
#content-tabs ul.secondary li a:link, #content-tabs ul.secondary li a:visited { color: #555; }
#content-tabs ul.primary li a.active:link, #content-tabs ul.primary li a.active:visited { /* border-bottom: 4px solid #000;
  color: #555;
  padding-bottom: 2px; */ }
#content-tabs ul.secondary li a.active:link, #content-tabs ul.secondary li a.active:visited { border-bottom: 4px solid #555; color: #777; padding-bottom: 2px; }
#content-tabs ul.primary li a:hover, #content-tabs ul.primary li a:focus, #content-tabs ul.secondary li a:hover, #content-tabs ul.secondary li a:focus { /* border-bottom: 4px solid #777;
  color: #777;
  padding-bottom: 2px; */ }
/* Pagers
-------------------------------------------------------------- */
ul.pager { }
ul.pager li { }
ul.pager a, ul.pager li.pager-current { border-color: #333; }
ul.pager li.pager-current { background-color: #777; color: #fff; }
ul.pager a:hover, ul.pager a:active, ul.pager a:focus { background-color: #777; border-color: #333; color: #fff; }
/* Forms
/-------------------------------------------------------------- */
/* Typography and backgrounds for all form buttons */
form input.form-submit { margin: 2px; padding: 3px 5px; }
/* Hover style for form buttons */
form input.form-submit:hover, form input.form-submit.hover, form input.form-submit:focus { }
/* Typography, background, borders, padding for form fields */
.form-item input, .form-item select, .form-item textarea { }
/* Remove backgrounds and border on radios and checkboxes */
.form-item .form-radio, .form-item .form-checkbox { background: none; border: none !important; }
/* Fieldset wrapper around groups of form elements -- add border here */
fieldset { }
/* Typography and spacing for legend of fieldsets */
fieldset legend { }
/* Link style for legend of fieldsets */
fieldset legend, legend.collapse-processed, legend.collapse-processed a:link, legend.collapse-processed a:visited { }
/* Custom icons on (open) collapsible fieldsets */
html.js fieldset.collapsible legend a:link, html.js fieldset.collapsible legend a:visited { }
/* Custom icons on (closed) collapsible fieldsets */
html.js fieldset.collapsed legend a:link, html.js fieldset.collapsed legend a:visited { }
/* Tables
-------------------------------------------------------------- */
table { }
/* Body of tables */
tbody { border-top: 1px solid #ccc; }
/* Header of tables */
thead th, th { border-bottom: 3px solid #ccc; }
tbody th { border-bottom: 1px solid #ccc; }
/* Alternating row background styles */
tr.even, tr.even td { background-color: #eee; border-bottom: 1px solid #ccc; }
tr.odd, tr.odd td { background-color: #fff; border-bottom: 1px solid #ccc; }
td.active { }
tr.drag td, tr.drag-previous td { color: #000; }
/* Maintenance Page
/-------------------------------------------------------------- */
/* Maintenance page tpl file in Fusion Core has simplified layout, but you can
  also add specific styles, such as a background, just for your offline page */
.in-maintenance { }
/*--------------------------------------------------------------*/
/* Module styles
/-------------------------------------------------------------- */


/* Book
/-------------------------------------------------------------- */
.book-navigation .menu { border-top: 1px solid #ccc; }
.book-navigation .page-links { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
/* Comments
/-------------------------------------------------------------- */
/* Style for each individual comment */
div.comment { padding: 0px; }
/* Subject (title) of each comment */
div.comment h3.title { }
/* Links (edit, reply, delete) for each comment */
div.comment div.links a, div.comment ul.links a { }
/* Alternating styles for even/odd comments */
.comments .comment.odd { background-color: #fff; }
.comments .comment.even { background-color: #eee; }
/* A special highlight style for a comment by the author of the node */
.comments div.comment-by-author { background-color: #ddd; }
/* Comment signatures */
.signature { border-top: 1px solid #d6ddb9; }
/* User avatars in comments */
.comment-wrapper .picture img { }
/* Forum
/-------------------------------------------------------------- */
#forum .description { }
.forum-topic-navigation { border-top: 1px solid #888; border-bottom: 1px solid #888; }
/* Poll
/-------------------------------------------------------------- */
div.poll div.bar { background-color: #ddd; }
div.poll div.bar div.foreground { background-color: #999; }
/* Profiles
/-------------------------------------------------------------- */
.profile .picture { float: none; }
/* Styles for sub-headings on user profiles */
.profile dt { background-color: #ccc; }
.jewish-col { width:225px; text-align:justify; }
#panel_left { width:505px; }
#panel_width { width:735px; }
.panel_width { width:735px; }
.panel-width { width:735px; }
.panel-full-width { width:100%; }
/* gallery image effect - start */
/* --- Container configuration ---------------------------------------------------------- */
.viewport { /*border: 3px solid #eee;*/ float: left; height: 139px; /*margin: 0 9px 9px 0;*/ overflow: hidden; position: relative; width: 139px; }
/* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
   class to the last thumbnail in each row to get rid of the margin-right. */
.no-margin { margin-right: 0; }
/* --- Link configuration that contains the image and label ----------------------------- */
.viewport a { display: block; position: relative; }
.viewport a img { /*left: -20px;
    top: -20px;*/ position: absolute; height: 139px; width: 139px; }
/* --- Label configuration -------------------------------------------------------------- */
.viewport a span { display: none; /*font-size: 3.0em;*/ font-weight: bold; padding-top: 10px; position: absolute; text-align: center; text-decoration: none; width: 100%; z-index: 100; }
.viewport a span em { display: block; font-size: 0.45em; font-weight: normal; }
/* --- Dark hover background ------------------------------------------------------------ */
.dark-background { background-color: #1b75bc; color: #fff; text-shadow: #000 0px 0px 20px; }
.dark-background em { color: #ccc; }
/**
 * You could create multiple hover background classes for different looks depending on the
 * image type. Use your imagination!
 */
/* gallery image effect - end */

.pane-views .view-content .views-row .views-field-description p { font-family:'Open Sans', sans-serif; color: #8E8683; text-align:left; margin:8px 0 0px 0; float:left; }
.pane-views .view-content .views-row .views-field-description p a { font-family:'Open Sans', sans-serif; color: #1b75bb; background: url("../images/header-menu-aroow-hover.png") no-repeat right center; padding: 0 8px 2px 0; font-weight:700; }
.lowercasefont { text-transform: lowercase; }
