/**
 * @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, .pager, .more-link, etc.
 */


/*
 * Body
 */

body {
  margin: 0;
  padding: 0;
  background: url("../images/bg-tile-ad.gif") repeat-x scroll 0 0 #C3DDFF;
}

#page {
}

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 * See the element-focusable rule in system.base.css.
 */

#skip-link {
  margin: 0;
}
#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}

/*
 * Header
 */

#header {
  display: block;
  position: relative;
  height: 72px;
  background: #334087 url(../images/bg-header.jpg) top center no-repeat;
  border-bottom: #334087 4px solid;
}
#headerWrap { 
  height: 69px; 
  width: 960px; 
  position: relative; 
  margin: 0 auto; 
}
#siteTabs
{
  height: 42px;
  width:500px;
  position: absolute;
  left: 0px;
  bottom: -6px;
  border-bottom: 2px solid #334087;
}

#siteTabs a
{
  float: left;
  display: inline;
  text-indent: -9999px;
  margin-right: 1px;
}
/* ACTIVE AD Main Site Tabs (Default) */
#siteTabs a#democracy, #siteTabs a#democracy:hover { 
  height: 42px;
  width: 203px;
  background: transparent url(/sites/all/themes/ad2013/images/tab-ad.png) 0 -85px  no-repeat;
}

.section-impact #siteTabs a#democracy, .section-landscape #siteTabs a#democracy
{
  background: transparent url(/sites/all/themes/ad2013/images/tab-ad.png) 0 10px  no-repeat;
}

.section-impact #siteTabs a#democracy:hover, .section-landscape #siteTabs a#democracy:hover { background-position: 0 -40px; }

#siteTabs a#impact
{
  height: 42px;
  width: 80px;
  background: transparent url(/sites/all/themes/ad2013/images/tab-impact.png) 0px 10px no-repeat;
}

#siteTabs a#impact:hover { background-position: 0 -40px; }

/* ACTIVE Impact Tabs */
.section-impact #siteTabs a#impact { background-position: 0 -85px; }
.section-impact #siteTabs a#impact:hover { background-position: 0 -85px; }

#siteTabs a#landscape
{
  height: 42px;
  width: 114px;
  background: transparent url(/sites/all/themes/ad2013/images/tab-landscape.png) 0 10px  no-repeat;]
/*  border: 1px solid blue;*/
}

#siteTabs a#landscape:hover { background-position: 0 -40px; }

/* ACTIVE Landscape Tabs */
.section-landscape #siteTabs a#landscape { background-position: 0 -85px; }
.section-landscape #siteTabs a#landscape:hover { background-position: 0 -85px; }


#headerAux { 
  width: 495px; 
  height: 63px; 
  float: right; 
  display: inline; 
/*  position: relative; */
  z-index: 999; 
}


#block-search-form { 
  float: right;
}

.region-header {
  width: 495px;
  float:right;
  margin-top: 10px;
}

/*#headerAux #search-block-form label { display: none; }*/

#search-block-form .form-text {
  width: 300px; 
  height: 19px; 
  border: 1px solid #ccc; 
  font-family: Georgia, Arial, serif; 
  color: #666; 
/*  position: absolute;
  left: 70px;*/
}
#search-block-form .form-submit { 
  position: relative;
  top: 1px;
  right: 24px;
  height: 21px; 
  width: 21px; 
  background: transparent url(/sites/all/themes/ad2013/images/btn-search-submit.gif) 0 0 no-repeat; 
  border: none; 
  line-height: 0px; 
  text-indent: -9999px; 
  cursor: pointer; 
}  
      
/*#headerAux form#user-login { position: absolute; top: 34px; }
      #headerAux form#user-login label, #headerAux form#user-login .description, #headerAux form#user-login-0 label, #headerAux form#user-login-0 .description, #headerAux form#user-login-1 label, #headerAux form#user-login-1 .description { display: none; }
      #headerAux form#user-login input#edit-name, #headerAux form#user-login-0 input#edit-name-0, #headerAux form#user-login input#edit-name-1 { position: absolute; top: 0px; left: 0px; width: 153px; height: 19px; border: 1px solid #ccc; font-family: Georgia, Arial, serif; color: #666; background-color: #fff; }      
      #headerAux form#user-login input#edit-pass, #headerAux form#user-login input#edit-pass-0, #headerAux form#user-login input#edit-pass-1 { position: absolute; top: 0px; left: 158px; width: 153px; height: 19px; border: 1px solid #ccc; font-family: Georgia, Arial, serif; color: #666; background-color: #fff; }
      #headerAux form#user-login input.form-submit, #headerAux form#user-login input.form-submit, #headerAux form#user-login input.form-submit { position: absolute; top: 0px; left: 316px; height: 21px; width: 53px; background: transparent url(/sites/all/themes/ad2013/images/btn-login-submit.gif) 0 0 no-repeat; border: none; line-height: 0px; text-indent: -9999px; cursor: pointer; }
  */

#headerAux .advSearch { 
  position: absolute; 
  top: 16px; 
  right: 0px; 
  width: 115px; 
} 

#headerAux .advSearch a { 
  color: #fff; 
  font-size: 10px; 
}


#headerAux #loggedMsg { 
  position: absolute; 
  top: 50px; 
  right: 0; 
  color: #fff; 
  font-size: 14px; 
  text-align: right; /* IE7 fix */
}
#headerAux #loggedMsg #hello { 
  position: relative;
  top: 2px;
}
#headerAux #loggedMsg  a { 
  color: #fff; 
  font-weight: bold; 
}

#loggedMsg .logintab {
  color: white;
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  float: right;
  text-align: center;
  width: 82px;
  height: 26px;
  position: relative;
}

#loggedMsg .logintab a {
  background-image: url(/sites/all/themes/ad2013/images/header_login_off.png);
  background-repeat: no-repeat;
  display: block;
  width: 82px;
  height: 26px;
  padding-top: 4px;
  text-transform: uppercase;
}

#loggedMsg .logintab a:hover {
  background-image: url(/sites/all/themes/ad2013/images/header_login_on.png);
  background-repeat: no-repeat;
  text-decoration: none;
}
.separator {
 background: url(/sites/all/themes/ad2013/images/bg-sep-ad.gif) no-repeat scroll center center transparent;
 clear: both;
 height: 8px;
 width: 960px; 
}
.region-header { /* Wrapper for any blocks placed in the header region */
  clear: both; /* Clear the logo */
}

/* Custom switching logos/banners based on theme variables set in the Context module to define 3 site sections */
#top-banner a:hover {
  text-decoration: none;  
}
#banner-logo {
  cursor: pointer;
  width: 960px;
  height: 138px;
  border: none;
  background: transparent url(/sites/all/themes/ad2013/images/newfromscreenbanner.jpg) center no-repeat;  
} 

.section-ad-main #banner-logo {
/*  background: transparent url(/sites/all/themes/ad2012/images/top-banner-ad.gif) center no-repeat;
  background: transparent url(/sites/all/themes/ad2012/images/top-banner-ad.png) center no-repeat;
  background: url(/sites/all/themes/ad2012/images/top-banner-ad.png) center no-repeat;*/
  background: transparent url(/sites/all/themes/ad2013/images/newfromscreenbanner.jpg) center no-repeat;  
}

.section-impact #banner-logo {
  background: transparent url(/sites/all/themes/ad2013/images/top-banner-impact.png) center no-repeat;  
}
.section-landscape #banner-logo {
  background: transparent url(/sites/all/themes/ad2013/images/top-banner-landscape.png) center no-repeat; 
}

/*
 * Main (container for everything else)
 */

#main {
  box-shadow: 0 7px 7px #CED9E9;
  background-color: #FFFFFF;
  border-left: 1px solid #D1DEEF;
  border-right: 1px solid #D1DEEF;
  height: auto !important;
  margin: 0 auto;
  min-height: 400px;
  width: 960px;
  padding-bottom: 10px;
}
/*
 * Content
 */

#content {
}

.region-highlighted {
}

.breadcrumb { /* The path to the current page in the form of a list of links */
}
.breadcrumb ol {
  margin: 0;
  padding: 0;
}
.breadcrumb li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

h1.title, /* The title of the page */
h2.node-title, /* Title of a piece of content when it is given in a list of content */
h2.block-title, /* Block title */
h2.title, /* Comment section heading */
h2.comment-form, /* Comment form heading */
h3.title { /* Comment title */
  margin: 0;
}
h1.title {
  color: #334087;
  font-size: 2.0em;
  font-weight: normal;
  padding: 5px 0;
}


tr.even { /* Some tables have rows marked even or odd. */
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

tr.odd {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

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

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

div.warning,
tr.warning { /* Medium priority messages */
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}

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

.error { /* Errors that are separate from div.messages status messages. */
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}

.warning { /* Warnings that are separate from div.messages status messages. */
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}

.tabs { /* See also the tabs.css file. */
}

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

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

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

ul.inline { /* List of links generated by theme_links() */
  display: inline;
  padding: 0;
}
ul.inline li {
  display: inline;
  list-style-type: none;
  padding: 0 1em 0 0; /* LTR */
}

span.field-label { /* The inline field label used by the Fences module */
  padding: 0 1em 0 0; /* LTR */
}

.item-list .pager { /* A list of page numbers when more than 1 page of content is available */
  padding: 0;
}
.item-list .pager li { /* Each page number in the pager list */
  padding: 0 0.5em;
}

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

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

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */

.region-sidebar-first {
}

/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */

.region-sidebar-second {
}

/*
 * Footer
 */

#footer {
  background-color: #334087;
  border-top: 3px solid #161E5A;
  clear: both;
  height: 160px;
  margin: 0;
  padding-top: 25px;
  position: relative;
  text-align: center;
}
.footer-inner {
  height: 160px;
  margin: 0 auto;
  position: relative;
  width: 690px;
}

.footer-inner a {
  border-right: 1px solid #161E5A;
  display: inline;
  float: left;
  height: 50px;
  overflow: visible;
  padding: 0 35px;
}

.footer-inner a.impact {
  border: none;
  padding-top: 10px;
}
.footer-inner a.landscape {
  padding-top: 10px;
  height: 40px;
}

#pre-footer-nav {
  color: #666;
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;  
}
#pre-footer-nav ul {
  text-align: center;
}
#pre-footer-nav ul li.leaf {
  display: inline;
  margin-left: 10px;
  background: url(/sites/all/themes/ad2013/images/footer-menu-bullet.gif) right no-repeat;
  padding-right: 15px;
}
#pre-footer-nav ul li.leaf.first {
  margin-left: 0;
}
#pre-footer-nav ul li.leaf.last {
  background: none;
  padding-right: 0;
}

#pre-footer-nav a {
  color: #608acd;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
}
#pre-footer-nav li a {
  text-transform: uppercase;
  font-size: 12px;  
}
#pre-footer-nav .footer-orange {
  text-transform: uppercase;
  color: #e26a14;
  font-family: arial, helvetica, sans-serif;
  font-size: 10px;  
  font-weight: bold;
}
#pre-footer-nav .block p {
  text-align: center;
}


/*
 * Page bottom
 */

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

/* Sister Site Ribbon - Added by Danielle Williams, ArtsUSA, April 2014
----------------------------------------------------------------------------------------------------*/
.region-header-utility {
    background-color: #fff;
    background-image: none;
}
 .region-header-utility .block {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    margin-bottom: 0;
}
.header-utility-wrap {
  background-color: #fff;
}

#header-utility-nav, #header-social {
    float: left;
}
#header-utility-nav {
    width: 750px;
}
#header-social {
  width: 210px;
 background-color: rgba(0, 148, 179, 0.8);
}
#block-block-4 {
    margin-bottom: -3px;
    overflow: hidden;
}
#header-utility-nav {
    height: 45px;
    line-height: 45px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#header-utility-nav li {
    float: left;
    margin-right: 18px;
  margin-left: 0px;
  margin-top: 0px;
}
#header-utility-nav a {
    color: #696A6F;
    font-family: "Trade Gothic W01 Cn 18";
    font-size: 16px;
    text-decoration: none;
}
#header-utility-nav li.active a {
    font-family: "TradeGothicW01-BoldCn20 675334";
}
#header-utility-nav a:hover {
    color: #292522;
}
#header-utility-nav .active a {
    color: #292522;
}
#header-utility-nav .active {
    background: url(../images/header-strip-active.png) repeat-x scroll left bottom rgba(0, 0, 0, 0);
}

#header-social .block .content {
  padding: 0;
}
#header-social ul {
    background-position: 20px 5px;
    cursor: default;
    height: 45px;
    margin: 0;
    padding: 0;
    text-align: center;
}
#header-social li {
    display: inline-block;
    height: 26px;
    margin-top: 10px;
    width: 26px;
  margin-left: 0px;
}
#header-social a {
    background-image: url(../images/afta-sprite.png);
    background-repeat: no-repeat;
    display: block;
    height: 26px;
    overflow: hidden;
    text-indent: -400px;
    width: 26px;
}
.facebook a {
    background-position: -2px -322px;
}
.twitter a {
    background-position: -32px -322px;
}
.linkedin a {
    background-position: -62px -322px;
}
.instagram a {
    background-position: -92px -322px;
}
.youtube a {
    background-position: -122px -322px;
}
.facebook a:hover {
    background-position: -2px -362px;
}
.twitter a:hover {
    background-position: -32px -362px;
}
.linkedin a:hover {
    background-position: -62px -362px;
}
.instagram a:hover {
    background-position: -92px -362px;
}
.youtube a:hover {
    background-position: -122px -361px;
}