/*
$Id: layout-fixed.css,v 1.5 2008/09/14 10:39:32 johnalbin Exp $ */

/*
 * LAYOUT STYLES
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Border Politics Layout Method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 */

/*Errors, warnings, and notifications*/
div.warning, div.error{background-color: #a20e27 !important; color: white;}
div.messages, div.status, tr.warning{
  background-color: #61316a;
  color: white !important;
  border-color: white !important;
}
.page-content-vino-fiesta-annual-spring-fundraiser .field-field-date {
  display: none;
}

/*End Errors and notifications*/

/*Sidebar Slideshow*/
#sidebar-right-inner .block-views{margin:20px 0px 20px 0px;}

.summaryOnclick-processed:hover {background-color: #8C5096 !important;}
#content-inner img{padding:5px;}
#logo-image{width:1000px; height:240px; position: relative;}
body.front #content-inner #content-header .title{display:none;}

/*Headers*/
h1, h2, h3, .view-id-press_releases div .views-field-title span a{font-weight:normal; text-transform:uppercase;}
h2{font-size:1.3em;}
.view-id-press_releases div .views-field-title span a{font-size:2em;}

/*Mouse Over Calendar Styles*/
#overDiv table{margin:0px;}
div.popup-event-list-item{border-bottom: 1px solid black; width:80%; padding-top: .5ex; padding-bottom: .5ex;}

/*Admin Stuff*/
.views-tabset{color: white;}
.tabs li a.active{color: black !important;}
.tabs li a{color: gray !important;}
#sidebar-left .title{visibility: hidden;}
#content-area form table .draggable{background-color: #613F6A !important;}
.defaultSkin table tr{background-color: #F0F0EE !important;}
#views-tabset li, .ui-tabs-container div, .views-category-title, .views-category-title a, .views-tabs .extra{background-color: #613f6a !important;}
#edit-display-wrapper.form-item{margin:0px;}
#views-ajax-form div, .form-buttons{background-color: #613F6A !important;}
table.views-entry{color:white;}
table.views-entry td.view-name, table.views-entry td.view-ops a{color:black !important;}
#views-ajax-pad pre{color: black !important;}
#tinymce{color:white;}
div.preview div{background-color: #61116A;}
table.update tr.error{background-color:#FFCCCC;}
/*End admin stuff*/

/*Member List Styles*/
.view-id-member_list .view-content div.views-row-even span.field-content, .view-id-member_list .view-content div.views-row-odd span.field-content{line-height: 1em;}
.view-id-member_list .view-content div.views-row-even, .view-id-member_list .view-content div.views-row-odd{margin: 0 0 1ex 0;border-bottom: 2px solid white; padding: 0 0 1ex 0;}
.views-field-value-3 span.field-content{text-transform: uppercase; font-weight:bold;}
.view-id-member_list div.views-field-value span, .view-id-member_list div.views-field-value-1 span, .view-id-member_list div.views-field-value-5 span, .view-id-member_list div.views-field-value-6 span{font-style: italic; margin-left: 1ex;}
.view-id-member_list div.views-field-value{margin-top:1ex;}
.view-id-member_list div.views-field-value-6{margin-bottom:1ex;}

/*Calendar Styles*/
.calendar-calendar tr, .calendar-calendar div.date-nav,.calendar-calendar td .inner div, .calendar-calendar td .inner div a,
.day-view th{background-color: #61116a !important; padding: 0px !important;}
.calendar-calendar tr td.today, .calendar-calendar tr.odd td.today, .calendar-calendar tr.even td.today{border: 1px solid white; background-color: #8c5096 !important;}
.calendar-calendar tr td.has-events.today div.inner div a{font-style:italic; font-weight: bold;}
.calendar-calendar tr td.mini.today.has-events{ border:1px solid white;}
.calendar-calendar tr td.has-events, .calendar-calendar tr td.has-events .day , .calendar-calendar tr td.has-events div.inner div a,
.calendar-calendar tr td.has-events .inner .day, .calendar-calendar tr td.has-events .inner .view-item div{background-color: #8c5096 !important;}
.calendar-calendar td .inner div{border-style: none;}
.view-display-id-calendar_1 .calendar-calendar div.date-nav h3{color: white; position: relative; left: -295px; top: -30px;}
.calendar-calendar th.days{color: white;background-color: #61116a;border-top: none; font-weight:normal; !important;}
.calendar-calendar .empty{visibility: hidden;}
.calendar-calendar td .inner .view-field{color: white !important;}
.calendar-calendar td .inner .calendar{text-align: center;}
.calendar-calendar td {border: 1px solid white !important;}
.calendar-calendar td a {text-decoration: none}
span.date-display-separator, span.date-display-end{visibility: hidden;}
#block-views-calendar-block_1 .field-content{line-height: 1em;}
.calendar-calendar div.calendar{margin: 0px;}
.calendar-calendar td.calendar-agenda-items div.calendar{background-color: gray;}
.view-id-calendar .view-content .calendar-calendar ul.links{visibility: hidden;}
#search-block-form .form-item label{display:none; !important}
#search-block-form .form-item input{font-size: 11px;}

.date-nav div.date-prev {width:14% !important;}
.date-nav div.date-next {width:14% !important;}
.date-nav div.date-heading {width:70% !important;}

/*End Calendar Styles*/

#sidebar-left ul li.collapsed, #sidebar-left ul li.expanded{padding-bottom:1em !important;}
#sidebar-left ul.menu li.leaf{list-style:none;}
#sidebar-left ul.menu li{padding-bottom: 1em;}
#sidebar-left ul li a{ 
  text-decoration: none; 
  font-family: serif;
  font-family: geneva, arial, helvetica, san-serif; 
  letter-spacing: 0.2px;  
}
#sidebar-right
#login-wrapper{text-align: center; margin-top: 1em;}
.logout-button{
  border: 1px solid white;
  padding: .3ex;
  text-align: center;
  background-color: #8c5096;
}
#user-login-form div.form-item input{font-size: 10px; border:1px solid white; background-color: #8c5096; color: white;}
.form-item label{ display:inline; font-size: 14px !important;}
#user-login-form label{font-weight:normal; font-family:serif;}
/*#user-login-form  .item-list li.first{visibility:hidden;}*/
#user-login-form  .item-list ul{margin: 0px;}
#user-login-form  .item-list li{list-style:none; text-align:left;}
#user-login-form  .item-list li a{font-size:13px;}

/*Blog Stuff*/
#block-audio-2{text-align:center;}
.view-id-Blog div.view-content{}
.view-id-Blog div.views-field-title a{font-size: 2em; text-decoration: none;}
.view-id-Blog div.views-field-title a:hover{text-decoration: underline;}
.view-id-Blog div.views-field-title, .view-id-press_releases div.view-content, .node-type-product #content-header .title{margin-bottom: 10px; margin-top: 10px; border-bottom:2px solid white; width:100%}
.view-id-Blog div.views-field-body, .view-id-Blog span.views-field-created {margin: 1ex;}
.view-id-Blog span.views-field-created,.view-id-press_releases span.field-content{width: 95%; display:block;}
.view-id-press_releases div .views-row-odd, .view-id-press_releases div .views-row-even{margin-top: 2ex; margin-bottom: 2ex;}
.view-id-press_releases div .views-field-created{margin:1ex;}
.view-id-Blog span.views-field-created, .view-id-press_releases div .views-field-created span.field-content{background-color: #8C5096; opacity: .75; padding: 2px;}

/** body **/
  body
  {
    background-repeat: no-repeat;
    background-color: #61116a;
    background-position: top center;
    font-family: geneva, arial, helvetica, san-serif;   
  }

  #content-inner p,
  .field-content
  {
  line-height: 2em;
  letter-spacing: 0.2px;  
  }

  /*Conditional background image for front page*/
  .front{background-image: url(header.jpg) !important;}
  .not-front{background-image: url(basic_header.jpg) !important;}
  /*End Cond. bg image*/

  #page,
  #closure-blocks
  {
    /*
     * If you want to make the page a fixed width and centered in the viewport,
     * this is the standards-compliant way to do that. See also the ie.css file
     * for the necessary IE5 hack to center a div.
     */
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    position: relative;
    top: 200px;
    color: white;
  }

  #page a:link, #page a:visited, #page a:active {
    color: white;
  }

  /*#page a:visited{
    color: #dac17f;
  }*/
    #page-inner
  {
  }

  #navigation-top,
  #navigation
  {
    position: absolute; /* Take the named anchors out of the doc flow    */
    left: -10000px;     /* and prevent any anchor styles from appearing. */
  }

  #skip-to-nav
  {
    float: right;
    margin: 0 !important;
    font-size: 0.8em;
  }

  #skip-to-nav a:link, #skip-to-nav a:visited
  {
    color: #fff; /* Same as background color of page */
  }

  #skip-to-nav a:hover
  {
    color: #000;
    text-decoration: none;
  }

  /* Alternatively, the skip-to-nav link can be completely hidden until a user tabs
     to the link. Un-comment the following CSS to use this technique. */
  /*
  #skip-to-nav a, #skip-to-nav a:hover, #skip-to-nav a:visited
  {
    position: absolute;
    left: 0;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }

  #skip-to-nav a:active, #skip-to-nav a:focus
  {
    position: static;
    width: auto;
    height: auto;
  }
  */

/** header **/
  #header
  {margin-top: -215px; }

  #header-inner
  {
  }

  #logo-title
  {
  }

  #logo
  {
    float: left;
  }

  #site-name
  {
  }

  #site-slogan
  {
  }

  #header-blocks
  {
    clear: both; /* Clear the logo */
  }

/** main (container for everything else) **/
  #main
  {
    position: relative;
  }

  #main-inner
  {
  }

/** content **/
  #content,
  .no-sidebars #content
  {
    float: left;
    width: 960px;
    margin-left: 0;
    margin-right: -960px; /* Negative value of #content's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
  }

  .sidebar-left #content
  {
    width: 760px;
    margin-left: 200px; /* The width of #sidebar-left. */
    margin-right: -960px; /* Negative value of #content's width + left margin. */
  }

  .sidebar-right #content
  {
    width: 760px;
    margin-left: 0;
    margin-right: -760px; /* Negative value of #content's width + left margin. */
  }

  .two-sidebars #content
  {
    width: 560px;
    margin-left: 200px; /* The width of #sidebar-left */
    margin-right: -760px; /* Negative value of #content's width + left margin. */
  }

  #content-inner
  {
    margin: 15px;
    padding: 15px;
    padding-top: 0px; 
  }

/** navbar **/
  #navbar
  {
    float: left;
    width: 100%;
    margin-left: 0;
    margin-right: -100%; /* Negative value of #navbar's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #navbar-inner. */
    height: 3.6em; /* The navbar can have any arbritrary height. We picked one
                      that is twice the line-height pluse 1em: 2 x 1.3 + 1 = 3.6
                      Set this to the same value as the margin-top below. */
  }

  .with-navbar #content,
  .with-navbar #sidebar-left,
  .with-navbar #sidebar-right
  {
    margin-top: 3.6em; /* Set this to the same value as the navbar height above. */
  }

  #navbar-inner
  {
  }

  #search-box
  {
    width: 200px;
    margin-right: -200px; /* Negative value of #search-box's width. */
    float: left;
  }

  #primary
  {
    margin-left: 200px; /* Width of search-box */
  }

  #secondary
  {
    margin-left: 200px; /* Width of search-box */
  }

  #navbar ul /* Primary and secondary links */
  {
    margin: 0;
    padding: 0;
    text-align: left;
  }

  #navbar li /* A simple method to get navbar links to appear in one line. */
  {
    float: left;
    padding: 0 10px 0 0;
  }

  /* There are many methods to get navbar links to appear in one line.
   * Here's an alternate method: */
  /*
  #navbar li
  {
    display: inline;
    padding: 0 10px 0 0;
  }
  */

/** sidebar-left **/
  #sidebar-left
  {
    float: left;
    width: 240px;
    margin-left: -10px;
    margin-right: -240px; /* Negative value of #sidebar-left's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
  }

  #sidebar-left-inner
  {
    margin: 0 20px 0 0;
    padding: 0;
  }

/** sidebar-right **/
  #sidebar-right
  {
    float: left;
    width: 200px;
    margin-left: 760px; /* Width of content + sidebar-left. */
    margin-right: -960px; /* Negative value of #sidebar-right's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
  }

  #sidebar-right-inner
  {
    margin: 0 0 0 20px;
    padding: 0;
  }

/** footer **/
  #footer
  {
  }

  #footer-inner
  {
  }

/** closure **/
  #closure-blocks /* See also the #page declaration above that this div shares. */
  {
  }

/** Prevent overflowing content **/
  #header,
  #content,
  #navbar,
  #sidebar-left,
  #sidebar-right,
  #footer,
  #closure-blocks
  {
    overflow: visible;
    word-wrap: break-word; /* A very nice CSS3 property */
  }

  #navbar
  {
    overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
  }

  /* If a div.clear-block doesn't have any content after it, Firefox and Safari
     will mistakenly place several pixels worth of space between the bottom of
     the div and the bottom of the viewport. This fixes it. */
  #page { } /* CSS3 property */

#system-modules tr {
  background-color: gray; 
}

tr.odd {
  background-color: #7A4387; 
}

tr.even {
  background-color: #6D4387; 
}

tr.sticky-header {
  background-color: lightgray; 
}

.submitted {
  display: none; 
}

.not-logged-in .node-type-product .add-to-cart {
}

fieldset {
  background-color: #8C5096;
  position: relative; 
  margin 0 0 1em 0; 
}

legend{
  position: absolute; 
  top: -1em;
  left: 0.2em;
  color: white; 
}

#user-register input.form-text {
  width: 100%; 
  clear: both; 
}

#user-register label {
  text-transform: uppercase;
  font-weight: normal; 
}

.page-user-register .tabs{
  display: none; 
}

.form-required{
  color: white; 
}
 table.views-view-grid{
  width: 100%; 
 }

  td.views-view-grid{
    border: 1px solid black; 
  }

  b, label {
    font-weight: normal;
    text-transform: uppercase; 
  }

  .page-members-list .view-filters{
    margin-bottom: 15px;     
  }

  .category-grid-products td{
    background-color: transparent; 
  }
 
  .category-grid-products table{
    border-collapse: separate; 
  }

  #block-uc_catalog-0 h2.title{
    display: none; 
  }
.view-calendar .views-admin-links ul.links {
display:none;
}
.view-id-Blog .views-field-comment, .view-id-Blog .views-field-replyto-comment {
display:none;
}