/*------------------------------------------------------------------
[Master Stylesheet]

Project:	    Sasana
Version:	    1.0
Last change:	07/10/08
Assigned to:	Curt Hasselschwert
Primary use:	Website
-------------------------------------------------------------------*/
@import url(/css/tripoli.simple.css);
/*------------------------------------------------------------------
[Table of contents]

1. Base Styles

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[1. Base Styles]
*/
html,body
{
  height: 100%;
  margin: 0;
  padding: 0;
  background: #103854;
}
.content
{
  font-size: 1.2em;
  line-height: 1.5em;
}
div#content-wrapper
{
  background: #fff;
}
/* slightly enhanced, universal clearfix hack */
.clearfix:after 
{
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

blockquote > *:first-child:before
{
  content: "";
  margin-left: 0;
  font-family:georgia,serif;
  padding-right:0;
  color:#aaa;
  line-height:0;
}

.content a:link { color: #af0101; }
.content a:hover { color: #dc2222; }
.content a:visited { color: #840202 }

.content h1, .content h2, .content h3,
.content h4, .content h5, .content h6
{
  color: #444;
  font-family: Verdana,Geneva,Arial,sans-serif;
  font-weight: normal;
}
.content h2
{
  margin: 1em 0;
  padding: 0;
  font-size: 1.5em;
  line-height: 1em;
}
.content p
{
  margin: 1.63em 0;
  font-size: .916em;
  font-family: Verdana,Geneva,Arial,sans-serif;
  line-height: 1.63em;
}

.flash-notice
{
  width: 936px;
  padding: .69em;
  margin: 1.38em auto;
  font-size: 1.083em;
  font-weight: bold;
  text-align: center;
  border-width: 2px;
  border-style: solid;
  line-height: 1.38em;
}
.flash-positive
{
  color: #247321;
  border-color: #598527;
  background: #baff6c;
}
  .flash-positive span
  {
    padding: 0 30px;
    background: url(/images/frontend/accept.png) no-repeat top left;
  }
.flash-negative
{
  color: #B30000;
  border-color: #990000;
  background: #FFB3B3;
}
  .flash-negative span
  {
    padding: 0 30px;
    background: url(/images/buttons/exclamation.png) no-repeat top left;
  }
.jqmWindow 
{
    display: none;
    position: fixed;
    top: 30%;
    left: 50%;
    margin-left: -250px;
    width: 500px;
}
.jqmOverlay 
{ 
  background-color: #000; 
}
/*------------------------------------------------------------------
[2. Link Styles ]
*/
a.archive-link
{
  font-weight: bold;
}

/*------------------------------------------------------------------
[2. Header / #header]
*/
#header-wrapper
{
  min-height: 1%;
  background: #431204;
  border-bottom: 4px solid #782811;
}
#header
{
  width: 936px;
  margin: 0 auto;
  position: relative;
}
  #header h1
  {
    width: 112px;
    height: 34px;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 1em;
    font-size: 1.2em;
    font-family: times,"Times New Roman",times-roman,georgia,serif;
    font-weight: bold;
    text-transform: uppercase;
  }
    #header h1 a
    {
      width: 112px;
      height: 34px;
      display: block;
      color: #fff;
      text-indent: -9000px;
      text-decoration: none;
      background: url(/images/frontend/logo.png) no-repeat top left;
    }
    #header h1 a:hover
    {
      background-position: 0 -34px;
    }
/*------------------------------------------------------------------
[2. Navigation / #nav]
*/
#nav
{
  padding-left: 310px;
}
  #nav ul
  {
    width: 185px;
    margin: 0;
    padding: 1.2em 11px 1.2em 11px;
    float: left;
    list-style: none;
  }
    #nav li
    {
      margin: 0;
      padding: 1px 0;
      text-align: right;
      border-bottom: 1px dotted #6d1c05; 
    }
    #nav li.last
    {
      border-bottom: none;
    }
      #nav li a
      {
        width: 100%;
        margin: 0;
        padding: 1px 5px 1px 0;
        color: #fff;
        line-height: 1em;
        font-size: .83em;
        font-family: Verdana,Arial,sans-serif;
        text-transform: uppercase;
        text-decoration: none;
        border-right: 3px solid #6d1c05;
      }
    ul#activity-nav li
    {
      border-bottom-color: #5f6b0c;
    }
      ul#activity-nav li a
      {
        border-right-color: #b7d204;
      }
      ul#activity-nav li a:hover
      {
        color: #e8fd58;
        border-right-color: #e8fd58;
      }
      ul#activity-nav li.active a
      {
        color: #e8fd58;
        border-right-color: #e8fd58;
      }
    ul#about-nav li
    {
      border-bottom-color: #176f90;
    }
      ul#about-nav li a
      {
        border-right-color: #00aeef;
      }
      ul#about-nav li a:hover
      {
        color: #8fc9df;
        border-right-color: #78cae9;
      }
      ul#about-nav li.active a
      {
        color: #8fc9df;
        border-right-color: #78cae9;
      }
    ul#contact-nav li
    {
      border-bottom-color: #b02f36;
    }
      ul#contact-nav li a
      {
        border-right-color: #b9121b;
      }
      ul#contact-nav li a:hover
      {
        color: #ff898f;
        border-right-color: #e9444d;
      }
      ul#contact-nav li.active a
      {
        color: #ff898f;
        border-right-color: #e9444d;
      }
/*------------------------------------------------------------------
[3. Section Title / #section-title]
*/
.section-title
{
  background: url(/images/frontend/section-title-bg.png) repeat-x bottom left;
}
  .section-title div
  {
    width: 936px;
    margin: 0 auto;
    padding-bottom: 1.5em;
  }
  .section-title h1
  {
    margin: 0;
    padding: .5em 0;
    color: #666;
    font-size: 3em;
    font-family: times,"Times New Roman",times-roman,georgia,serif;
    line-height: 1em;
  }
div#inicio-header div
{
  min-height: 151px;
  height: auto !important;
  height: 151px;
  margin-top: 1.5em;
  background: url(/images/frontend/section-header-inicio.jpg) no-repeat bottom left;
}
#wrapper
{
  width: 936px;
  margin: 0 auto;
  padding: 0 0 1.5em 0;
}
/*------------------------------------------------------------------
[5. Left Column / #left-column]
*/
.left-column
{
  width: 624px;
  padding: 0 0 0 0;
  float: left;
}
  .left-column p
  {
    margin: 1.5em 0;
    font-size: 1em;
    line-height: 1.5em;
  }
/*------------------------------------------------------------------
[6. Sidebar / #sidebar]
*/
.sidebar
{
  width: 254px;
  padding: 0 0 0 0;
  margin: 0;
  float: right;
}
/*------------------------------------------------------------------
[6. Activity List Styles / .activity-item]
*/
.activity-item
{
  padding: 1.5em 0 1.5em 0;
  border-top: 1px dotted #888;
  border-bottom: 1px dotted #888;
}
.activity-item + .activity-item
{
  border-top: none;
}
  .activity-item a
  {
    padding: 0 0 0 18px;
    display: block;
    text-decoration: none;
    border-left: 11px solid #bdce4a;
  }
  .activity-item a:hover
  {
     padding-left: 29px;
     border-left-color: #b7d204;
     background: #f5ffb1 url(/images/frontend/activity-item-link-bg.gif) no-repeat left center;
     border-left: none;
     cursor: pointer;
  }
    .activity-item a img
    {
      margin: 0 9px 0 0;
      float: left;
      border: 3px solid #9eb120;
      opacity: .75;
      filter: alpha(opacity=75);
    }
    .activity-item a:hover img
    {
      opacity: 1;
      filter: alpha(opacity=100);
      border-color: #b7d204;
    }
    .activity-item a h2
    {
      margin: 0;
      padding-right: 20px;
      color: #9e2711;
      font-size: .916em;
      font-weight: bold;
      line-height: 1.63em;
      text-transform: uppercase;
      background: url(/images/frontend/magnifier.png) no-repeat 576px 4px;
    }
    .activity-item a:hover h2
    {
      color: #ff004e;
    }
    .activity-item a h2 + p
    {
      margin-top: 0;
    }
    .activity-item a p
    {
      margin: 0 0 0 80px;
      padding-right: 20px;
      color: #444;
      font-size: .916em;
      line-height: 1.63em;
    }
    .activity-item a:hover p
    {
      color: #111;
    }
/*------------------------------------------------------------------
[3. Homepage Specific Items ]
*/
p#home-intro
{
  margin: 0;
  padding: .75em 18px 1.5em 241px;
  color: #afb100; /*color: #676361;*/ 
  font-size: 2em;
  font-weight: bold;
  font-style: italic;
  font-family: times,"Times New Roman",serif;
  line-height: .75em;
}
#proximos-eventos
{
  background: url(/images/frontend/proximos-eventos-bg.png) repeat-y top center;
}

  #proximos-eventos div
  {
    padding-right: 24px;
    width: 286px;
    float: left;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
  }
  #proximos-eventos div h2
  {
    font-size: 1.33em;
    font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
    font-weight: bold;
  }
  #proximos-eventos dt
  {
    margin-bottom: 0;
  }
  #proximos-eventos dd
  {

  }
    /* Individual Activity Specific Styling */
    #proximos-eventos div#proximos-espacios
    {
      padding: 0;
      margin: 0 4px 0 20px;
    }
    #proximos-eventos div#proximos-programas
    {
      padding: 0;
      margin: 0 0 0 24px;
    }
/*------------------------------------------------------------------
[3. Additional Info / #additional-info]
*/    
#additional-info
{
  padding-bottom: 1.5em;
  background: #d1d1d1 url(/images/frontend/additional-info-bg.png) repeat-x bottom left;
  border-top: 6px solid #c2c2c2;
}
  #adtl-info-wrapper
  {
    width: 936px;
    margin: 0 auto;
  }
/*------------------------------------------------------------------
[3. Form Styles ]
*/
.content fieldset ul
{
  margin-left: 0;
  list-style: none;
}
  .content fieldset ul li
  {
    margin-bottom: .75em;
    padding-bottom: .75em;
    font-size: 1em;
    line-height: 1.5em;
  }
    .content fieldset li label
    {
      display: block;
    }
/*------------------------------------------------------------------
[2. Pagination]
*/
.pagination
{
  margin: 1.5em 0 .375em 0;
  padding: 0;
  color: #555;
  font-size: 1em;
  line-height: 1.5em;
  font-weight: bold;
  text-align: right;
}
.activity-item + .pagination
{
  margin-top: .375em;
}
  .pagination span
  {
    padding-left: .15em;
  }
  .pagination span.pager-results-details
  {
    padding-left: 0;
    padding-right: 2em;
    float: left;
    color: #666;
    font-weight: normal;
  }
  .pagination a:link
  {
    color: #4b7cd0;
    text-decoration: none;
  }
  .pagination a:visited
  {
    color: #4b7cd0;
    text-decoration: none;
  }
  .pagination a:hover
  {
    color: #6c9fdd;
  }
  .pagination img
  {
    vertical-align: center;
  }
/*------------------------------------------------------------------
[3. Footer / #footer]
*/
#footer
{
  padding-top: .75em;
  padding-bottom: 2.25em;
  background: #285372 url(/images/frontend/footer-bg.png) repeat-x top left;
}
  #footer p
  {
    width: 936px;
    margin: 0 auto;
    color: #fff;
    line-height: 1.63em;
  }
  #footer p + p
  {
    margin-top: 0;
  }
    #footer-address span
    {
      padding: 0 .5em;
      color: #888;
    }