/* $Id: sdc-base-style.css,v 1.1.2.7 2010/07/04 01:51:31 sociotech Exp $ */

/* Basic Typography & Colors
-------------------------------------------------------------- */
/* Add general site styling here for typography and background */
body {
  font-size: 75%;   /* also set in sdc_base.info: settings[base-font-size] = font-size-12 */
  color: #5b5d5f;
  background-image: url(../bg.jpg);
}

div.hr {
  height: 9px;
  background: url(../dot.gif) repeat-x scroll center;
}
div.hr hr {
  display: none;
}

/* Default link styles - separate a:visited for a different visited link style */
a,
a:link {
  color: #4b68a7;
  font-weight:bold;
  text-decoration: underline;
}

/* Hover/active link styles. Don't forget :focus for accessibility */
a:visited {
  color: #4b68a7;
  font-weight:bold;  
  text-decoration: underline;  
}a:hover,
a:focus,
a:active {
}

/* Default Side Bar - separate a:visited for a different visited link style */
.sidebar-first a,
.sidebar-first a:link,
.sidebar-first a:visited {
  color: #000;
}

/* Side Bar - Hover/active link styles. Don't forget :focus for accessibility */
.sidebar-first a:hover,
.sidebar-first a:focus,
.sidebar-first a:active {
	color: #000;
}



/* Specific Typography
-------------------------------------------------------------- */
#site-name {
  font-size: 300%;
  line-height: 150%;
}

.footer-message {
  font-size: 90%;
}


/* HTML Elements
-------------------------------------------------------------- */
body {
}

/* Site Info
-------------------------------------------------------------- */
/* Wrapper around logo, site name, and slogan */
.header-site-info span {
  display: block;
}



/* Regions

  Classes (.region-name) should always be used instead of IDs (#region-name) so
  that Skinr 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 */

/* 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 Top region which sits above the header */
/* Works well with inline login or inline menu block style */
.header-site-info {
  height: 256px;
  margin-bottom: 0;
}
#header-site-info-inner {
  margin-left: 0;
  margin-right: 0;
}

/* Primary Menu
/-------------------------------------------------------------- */
/* Add general styles for primary menu here, such as typography, borders, floats,
  or spacing above/below */
.primary-menu {
  margin-bottom: 0;  
  background-color: #fff;
  color: #000;
  font-weight: 500;
  text-transform: uppercase; 
  /*border-bottom: 1px solid #fff;*/
}

/* styles for Superfish primary menu */
.primary-menu-inner ul.sf-menu {
  width: 960px;
}
.primary-menu-inner ul.sf-menu a {
  font-weight: 500;	
  line-height: 12px;
}
/* Link style for top level menu items, add padding here */
.primary-menu-inner ul.sf-menu a,
.primary-menu-inner ul.sf-menu a:visited  {
  font-weight: 500;
  display:block;
  color: #000;
}

.primary-menu-inner ul.sf-menu a:hover,
.primary-menu-inner ul.sf-menu a:active,
.primary-menu-inner ul.sf-menu a:focus {
  font-weight: 500;	
  background-color: #fff;
  color: #4b68a7;
}
.primary-menu ul li a, .primary-menu ul li .nolink {
  padding: 1.25em .0em .5em .0em;
  font-size: 15px;
  font-weight: 500;
  text-decoration:none;
}
/* These are the top level menu items, add border-right here for separators */
.primary-menu-inner ul.sf-menu li {
  display:block;
  border-right: none;
  padding:0px 12px 0px 12px;
  /*width: 135px;*/
}

/* Add border-right: 0; here to remove separator on last menu item */
.primary-menu-inner ul.sf-menu li.last {
  display:block;
  border-right: 0px;
}


/* Style for container of dropdown, add background or border */
.primary-menu-inner ul.sf-menu ul {
  font-weight: 500;
  margin: 5px 0px 0px 0px;
  width: 200px;
  display:block; 
  background-color: #fff;
}

/* Style for individual dropdown menu items, add border-bottom for separators */
.primary-menu-inner ul.sf-menu li li.first {
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;	
  border-top: 1px solid #eee;	  
  display:block; 
  font-weight: 500px;
}

.primary-menu-inner ul.sf-menu li li {
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  font-weight: 500px;
  display:block; 
  background-color: #fff;
}

.primary-menu-inner ul.sf-menu li li.last {
  padding:0px 12px 10px 12px;	
  display:block; 
  background-color: #fff;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;	  
  font-weight: 500px;
}

.primary-menu-inner ul.sf-menu li li li {
  background-color: #fff;
  display:block; 
}

/* Style for hover of dropdown menu items (add background-color here) */
.primary-menu-inner ul.sf-menu li li a:hover,
.primary-menu-inner ul.sf-menu li ul li.sfHover {
  font-weight: 500;
  background-color: #fff;
  color: #4b68a7;
  line-height:110%;
}


.primary-menu-inner ul.sf-menu li li a {
	font-weight: 500;
	line-height:110%;
}


/* Secondary menu
-------------------------------------------------------------- */
/* This menu usually appears in the header as a set of simple text links */

/* Set general style for menu here -- background, alignment, etc. */

/* Add a border-right here for a separator */

/* Add border-right: 0; here to remove right separator on last menu item */

/* Styles for links */
.secondary-menu-inner ul.links li a:link,
.secondary-menu-inner ul.links li a:visited {
  padding: 3px;
}



/* Search
-------------------------------------------------------------- */
#search-block-form {
  text-align: center;
}
#edit-search-block-form-1-wrapper {
  width: 170px;
  margin-top: 2px;
  margin-bottom: 2px;
}
#edit-search-block-form-1 {
  width: 160px;
}
#edit-search-block-form-1-wrapper label {
  display: none;  
}

/*  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 {
  background-color: #fff;
}

.preface-top-inner {
  padding: 0px 10px 0px;
}
.preface-bottom {
	background-color: #ffffff;
	padding: 20px 10px 20px 10px;
}
.preface-bottom-inner {
}
.prefaceLeft {
  width: 420px;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  float: left;
}
.prefaceRight {
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  float: right;
  width: 420px;
}

/*  Main Area (content + sidebars + preface bottom + postscript top)
-------------------------------------------------------------- */
.main {
  background: url(../mainBG.jpg) repeat-y;
}

#main-group {	
  min-height: 575px;
}


/* Sidebar Regions
-------------------------------------------------------------- */
/* Sidebar widths can be controlled through theme settings */
#sidebar-first {
  padding-bottom:20px;
  color: #6e6f71;
}

#sidebar-first-inner .inner {
  padding-top: 0px;
  padding-left:23px;
  padding-right:23px;	
  padding-bottom: 0px;
}




/* Content Regions
-------------------------------------------------------------- */
.content-group-inner {
  padding: 0px 0px 0px 10px;
}
.content-inner-inner {
  padding: 32px 10px 20px;
}


/* 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 */

/*  Postscript & Footer Regions
-------------------------------------------------------------- */

.footer {
  background: url(../mainBG.jpg) repeat-y;
  line-height: 14px;
}
.footerinfo {
  font-size:12px;
  padding-top: 196px;
  text-align: left;
}

.footer-inner {
	height: 235px;
	  background: url(/sites/latinocaucus.legislature.ca.gov/themes/latinocaucus/images/CLLCLfooter.png) no-repeat center;
	}

/* Page titles
/-------------------------------------------------------------- */
/* Page and full node titles */
h1.title {
  color:#0d203e;
  font-size: 20px;
}
h1 {
  color: #000;	
  font-size: 20px;
  line-height: 22px;
}

/* Default node styles
/-------------------------------------------------------------- */
/* Change unpublished and preview colors for dark background themes */
.node-unpublished {
  background-color: #fff4f4;
}
.preview .node {
  background-color: #ffffea;
}

.sidebar-first h2.title {
  font-size:18px;
  color: #000;
}
.main-content h2.block-title {
  font-size:18px;
  color: #000;
}

/*.content h1 {
  color: #004f92;
  font-size:24px;
}*/

.content h2 {
  color: #004f92;
  font-size:18px;
}

/* Typography for node titles */
h2.title {
  color: #004f92;
}

/* Colors and styles for linked node titles, ie. teaser listing at /node */
h2.title a:link,
h2.title a:visited {
  color: #000;;
  text-decoration:underline;
}


/* Separators and padding for node teasers */

/* Author/date info */
.date-display-single, .date-display-start, .date-display-separator, .date-display-end {
	color:#000; 
	font-size:12px;
	font-weight:bold;
 }

/* Links for nodes (taxonomy, commenting, read more, etc) */
div.terms {
  display: none;
}
/* Only more/read more links */
.more-link a {
  font-weight: bold;
}

/* Drupal Messages
/-------------------------------------------------------------- */
/* General style for all errors/messages (border, padding, etc.) */
/* 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
/-------------------------------------------------------------- */
.block {
  margin-bottom: 0em;
}

/* Additional block styling
/-------------------------------------------------------------- */
.latest {
  margin-bottom: 7px;
}
.views-row {
	padding-bottom: 10px;
}
#block-block-9 iframe {
  display: block;
  margin: 0 auto;
}
#block-block-3 table {
  padding:0px 10px 0px 10px;	
  background: url(../frontFeatureBG.png) no-repeat;
  font-size: 125%;
}

/* Pagers
-------------------------------------------------------------- */
ul.pager a,
ul.pager li.pager-current {
  border-color: #333;
}

ul.pager li.pager-current {
  background-color: #777;
  color: #000;
}

ul.pager a:hover,
ul.pager a:active,
ul.pager a:focus {
  background-color: #777;
  border-color: #333;
  color: #000;
}

/* Forms
/-------------------------------------------------------------- */
/* Typography and backgrounds for all form buttons */
form input.form-submit {
  margin: 2px;
  padding: 3px 5px;
  color:#fff; 
  background-color:#4b68a7; 
  border: 1px solid; 
  border-color: #4b68a7;
  text-transform: uppercase;
}

/* Hover style for form buttons */
form input.form-submit:hover,
form input.form-submit.hover,
form input.form-submit:focus {
  color: #000;
}
/* Typography, background, borders, padding for form fields */

/* 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 */

/* Typography and spacing for legend of fieldsets */

/* Link style for legend of fieldsets */

/* Custom icons on (open) collapsible fieldsets */

/* Custom icons on (closed) collapsible fieldsets */


/* Tables
-------------------------------------------------------------- */

/* Body of tables */
tbody {
  border-top: none;
}

/* 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;
}

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
/-------------------------------------------------------------- */

/* Image styles */
.view .image-gallery-nodes ul li {
  vertical-align:top;
  width: 194px;
  height: 198px;
}
ul.images {
  margin-left: 0px;
}

ul.galleries {
	margin-left: 0px; 	
	list-style: none;
}
.newsletterTitle {
  font-weight: bold;
}

body.mceContentBody {
background: #fff;
color: #000;
}
#slider-wrapper {
  height: 264px
}
#slider {
  height: 264px
}
 
/* The Nivo Slider styles */
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:600px;
	height:auto;
	overflow: hidden;
	background: url(../../files/promo/promo1.png) no-repeat;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
 height: auto !important
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	position: relative;
	padding: 7px 0;
	width:25%;
	float: right;
	top: 215px;

}
.nivo-controlNav a {
	cursor:pointer;
	padding: 5px 7px 5px 6px;
	/*background: url(/sites/sd06.senate.ca.gov/files/promo/button.png) no-repeat center;*/
	color: #fff;
}
.nivo-controlNav a.active {
	font-weight:bold;
}


.view-featured-content  {
  height: 275px;
}

.views_slideshow_singleframe_slide  {
  width: 590Px;
  height: 264px
  
}
.view-featured-content .views-field-field-feature-video-embed {
  float: left;
}

.views-field-field-feature-video-embed H2 {
	color: #004f92;
	font-size: 24px;
}

.views-slideshow-controls-bottom {
  padding-left: 290px;
  padding-bottom:20px;
  margin-top: -2px;
}

.view-featured-content .views-field-teaser {
  padding: 5% 0;
}

.views-slideshow-controls-bottom .pager-item {
  background: url(../feature-nav-bg.png) no-repeat top;
  text-align: center;
  color:#fff;
  padding: 0px 6px 4px;
}

.views-slideshow-controls-bottom .pager-item a, 
.views-slideshow-controls-bottom .pager-item a:link,
.views-slideshow-controls-bottom .pager-item a:visited {
  color:#fff;
}
 

.vidtext  {
	width:290px;
	float:right;	
}

.vidtext h1 {
	color:#0d203e;
	font-size:26px;
	line-height:110%;
}

.vidtext p {
	margin: 0px;	
}

.vidembed {
	padding-top:4px;
	width:290px;
	float:left;
}

/*.panel-pane {
	padding-bottom: 10px;
}*/

#block-block-11, #block-views-in_the_news-block_1 {
	padding-top:20px;	
}

#block-block-10 {
	padding-top:10px;
}

div.sharethis-buttons {
padding-bottom: 10px;
}

.view-id-Featured {
  background: url(../dot.gif) repeat-x scroll bottom;
}
 
 .views_slideshow_singleframe_pager div a img {
    height: 45px;
    width: 45px;
}
 
.pane-calendar  {
	background: url(../dot.gif) repeat-x scroll top;
	padding-top: 30px;
}

.upcomingevents ul {
	list-style: none; 
	padding: 0; 
	margin: 0;
}

.upcomingevents ul li {
	list-style: none;	
	padding-bottom: 10px;
}