/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .more-link, etc.
 */


/* Wrappers */
html {
}


body {
  background:#fff url(../images/bg-bkg.jpg) no-repeat center top;
  margin: 0;
}
body.not-front {
  background: none;
}


/* Page wrapper, includes the .container class which sets the overall page or
   section width */
#page  {

}

/* Leader board */
.region-leaderboard {
  padding: 5px 0;
  display: inline-block;
  clear: none;
  float: left;
}
.region-leaderboard .block {
  display: inline-block;
  float: right;
  margin-bottom: 0;
}
#top-page-links {
	float: right;
  line-height: 30px;
}
#top-page-links .content {
  color:#fff;  
  font-weight:700;
} 
#top-page-links  a {
  color: #fff;
  margin:0 3px;
}
#top-page-links .block:first-child {
  display: inline-block;
  font-size: 11px;
  float: left;
  margin-bottom: 0;
  padding:5px 0;
}
#top-page-links .content a:link,
#top-page-links  .content a:visited {
  color:#8AB4DF;
}
#top-page-links  .content a:hover,
#top-page-links  .content a:active {
  color:#fff;
  text-decoration: underline;
}




/* Main site header */
#header {
  background: #0b3d6e url(../images/bg-banner.jpg) center bottom no-repeat;
  /* height:155px; */
}

/* Wraps the 3 vertical columns - content, sidebar-first and sidebar-second */
#columns {
  margin: 0 auto;
  max-width: 1200px;
}

.page-width {
	margin: 0 auto;
	max-width: 1200px;
}
.print-only {
	display: none;
}

/* Floats the main content column */
#content-column {

}

/* Wraps the main-content-header, the content region and feed-icons. Use this
   wrapper to style the entire main content column */
#main-content  {
}


/* Wraps the content region, avoid applying styles to this wrapper, its used
   mainly for position and invisible gutters and can be problematic to style */
#content {
}
 
#content h2,
#content h3 {
  clear:left;
}

#content h2 {
  border-bottom: 1px solid rgb(204, 204, 204);
  margin-bottom:5px;
  margin-top:5px;
}

.node-type-news-release-page .label-above {
    border-bottom: none;
    color: #6C7073;
    margin-bottom: 0px;
    margin-top: 5px;
    text-decoration: underline;
}

#footer .block {
  margin: 0;
}
#footer {
  background-color: #B2B2B2;
}
#footer .content {
  background-color: #B2B2B2;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  padding: 6px 0px;
}
#footer .content a,
#footer .content a:link,
#footer .content a:visited {
  color:#fff;
}

/* Region wrapper, anything that adds width or positioning can break the layout! */
.region {
}


/* Add borders or other width to the region-inner */
.region-inner {
}


/* Regions can be nested, such as when using Panels module */
.region-inner .region-inner  {
}


/* Gutters - if gutters are set in theme settings they will override these
   values: see Extensions > Modify Output > Design */
#main-content,
.block-inner,
.pane-inner,
.menu-wrapper,
.branding-elements,
.breadcrumb-wrapper,
.attribution,
.at-panel .rounded-corner,
div.messages {
  margin-left: 10px;
  margin-right: 10px;
}

.branding-elements {
  float:left;
  height:130px;
  margin: 0;
  width:99%;
  background: url("../images/bg-senator-portrait.png") left 10px no-repeat;
  /* padding-bottom: 10px;  */
  padding-top:5px;
}


/* search box */

#search-box {
	clear: right;
	float:right;
	margin: 0 0 14px; /* 4px 15px 0 0 */
	position: relative;
	
}
#search-box .search-form {
  background: #4b78a6;
  margin: 5px 0;
  padding:5px;
  margin-bottom: 0;
}
#search-box {
	width: 160px;
}
#search-box .search-form .form-item input {
  width:135px; 
  height: 20px;
  border:0;
  background: none;
  color:#fff;
}
#search-box .search-form label {
  /* visually hidden */
  border: 0; 
  clip: rect(0 0 0 0); 
  height: 1px; 
  margin: -1px; 
  overflow: hidden; 
  padding: 0; 
  position: absolute; 
  width: 1px; 
}
#search-box .search-form .form-submit {

  background: transparent url('../images/search-btn.png') no-repeat center center;
  border:0;
  border-radius: 0;
  height:20px;
  position: absolute;
  top: 10px;
  right: 5px;
  width:20px;
  text-indent: -4000px;

}
#header #icons{
  float:right;
  clear:both
}

/* Panel pages need negative margin equal to the gutter width applied to #content,
  this is taken care of in theme settings as per above for normal gutters */
.page-panels #content {
  margin-left: -10px;
  margin-right: -10px;
}


/* AT Panels may need additional margin wrangling when in the content region */
#content .at-panel {
}


/* Logo */
#logo {
	margin-left: 10%;
	padding: 32px 0 0;
	float:left;
	width: 30%; /* 20% */
	display:none;/*hidden*/
}


#logo img {
  vertical-align: bottom;
  margin-left:8px;
}

#logo a {
  /*opacity: .85;*/
}
#logo a:hover {
  opacity: 1;
}

/* hgroup wrapper for website name and slogan, be careful with display properties
   as this can be hidden */
#name-and-slogan {
  
  
  margin:0px 0 0 2%;
  text-align: center;
  text-shadow: 0 -1px 0 #012;
  width:57%;
  float: left;/*show*/
  display:block;/*show*/
}



/* The name of the website */
#site-name {
  border: none;
  font-size: 38px;
  font-weight: 400;
  color: #fff;
  line-height: 1;
  padding: 0;
  margin: 22px 0 0 0;
  text-transform: uppercase;
 
  display:block;/*show*/
}

#site-name a{ 
  color:#fff;
}

#site-name a:link,
#site-name a:visited {
  text-decoration:none;
}


#site-name a:hover,
#site-name a:focus {
  text-decoration: none;
}


/* The slogan (or tagline) of a website. */
#site-slogan {
    background: url("../images/bg-from-state.svg") no-repeat scroll center center rgba(0, 0, 0, 0);
    display: block;
    text-indent: -4000px;
}

.lt-ie9 #site-slogan{
        background: url("../images/bg-from-state.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}


/* Wrapper for any blocks placed in the header region. */
.region-header {
}


/* Highlighted region */
.region-highlighted {
}


/* Wraps the page title, tabs and actions links. */
#main-content-header {
}


/* The title of the page. */
h1#page-title {
}


/* Important messages (status, warning, and error) for the user. See also the
   declarations in messages.css. */
div.messages  {
  margin: 1.5em 10px; /* Drupal core uses "6px 0" margin */
}


/* Multiple message of the same type are output as a list */
div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}


/* Normal priority messages */
div.status {
}


/* Medium priority messages */
div.warning,
tr.warning  {
}


/* High priority messages. See also the .error declaration below */
div.error,
tr.error  {
}


/* Errors that are separate from div.messages status messages */
.error {
}


/* Warnings that are separate from div.messages status messages */
.warning {
}


/* Unpublished nodes - set here to supply a global style in one place */
.node-unpublished,
.comment-unpublished {
}


/* The word "Unpublished" displayed underneath the content */
.node-unpublished p.unpublished,
.comment-unpublished p.unpublished {
  color: pink; /* target browsers that do not support rgba */
  color: rgba(239, 170, 170, 0.4);
  font-family: Impact, Haettenschweiler, 'Franklin Gothic Bold', Charcoal, 'Helvetica Inserat', 'Bitstream Vera Sans Bold', 'Arial Black', sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.2;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  text-align: center;
  text-transform: uppercase;
  word-wrap: break-word;
}


/* Otherwise these elements will appear below the "Unpublished" text. */
.lt-ie8 .node-unpublished > *,
.lt-ie8 .comment-unpublished > * {
  position: relative;
}


/* Help text on a page */
.region-help {
}


/* Link to more help */
.more-help-link  {
}


/* Wrapper for the actual page content */
.region-content {
}


/* Akin to a content-bottom region */
.region-aside {
}


/* List of links generated by theme_links(). */
ul.links  {
  margin: 0;
  padding: 0;
}


/* Let the links be inline, but the container be a block. */
ul.links.inline {
  display: block;
}


ul.links li {
  display: inline;
  list-style-type: none;
  padding: 0 10px 0 0; /* LTR */
}


/* The link to the RSS or Atom feed for the current list of content */
.feed-icon {
}


/* Aggregator, blog, and forum more link */
.more-link  {
}


/* Aggregator feed source */
#aggregator .feed-source .feed-icon {
  display: inline;
  float: none;
  margin-right: 10px;
}
.feed-details dt,
.feed-details dd {
  display: inline;
  margin: 0;
} 


/* Search results are an ordered list so we reset the margin */
.search-results  {
  margin: 0;
}


/*
 * First sidebar
 * Remember to NOT add padding or margin to your .region-sidebar-first.
 */

.region-sidebar-first {
}

.region-sidebar-first .block-menu .content li {
  background-color:#6CA3D9;
}

/*
 * Second sidebar
 * Remember to NOT add padding or margin to your .region-sidebar-second.
 */

.region-sidebar-second {
}


/*
 * Full Width Wrappers - these are used in the optional
 * page--full-width-wrappers.tpl.php template.
 */

#page-wrapper {
}


#leaderboard-wrapper {
}


#header-wrapper {
  background: #ddd; /* Debug style, is this working? */
}


#nav-wrapper {
}


#breadcrumb-wrapper {
}


#messages-help-wrapper {
}


#secondary-content-wrapper {
}


#content-wrapper {
}


#tertiary-content-wrapper {
}


#footer-wrapper {
  background: #666; /* Debug style, is this working? */
  color: #fff; /* Debug style, is this working? */
}


#content-banner .block-inner {
  margin:0;
}

.not-front #content-banner div{
  margin-bottom:0;
  padding-bottom:0;
}

/* Devel Module */
.dev-query {
  background: #eee;
  padding: 30px;
}

span.flickr-wrap, span.flickr-photoset-single {
    display: inline-block;
    margin: 0 15px 15px 0;
    vertical-align: top;
}
span.flickr-title, span.flickr-metadata {
	display:none;
	
	}
/* Sharing */

/*
.followsharing {color:#fff;display:block;float:left;display:block; font-weight:bold;line-height:1.5;text-shadow:1px 1px 3px #012;}
.sharinglinks {
 
  display:block;

}
.sharinglinks a.fb, .sharinglinks a.tw, .sharinglinks a.ma, .sharinglinks a.yt {
  padding:0;
  margin:0;
  display:inline-block;
  clear:none;
  float:left;
  width:20px; 
  height:20px; 
  margin-right:3%;
  overflow:hidden;
  background: url("../images/icon-share-sprite.png"); 
}
.sharinglinks a span {display:none;}
.sharinglinks a.fb {background-position: left -40px; }
.sharinglinks a.tw {background-position: -66px -40px }
.sharinglinks a.ma {background-position: -20px -40px ;width:22px;}
.sharinglinks a.yt {background-position: -130px -40px}


*/