/* $Id: custom.css,v 1.2 2009/04/26 17:27:14 gibbozer Exp $ */
/**
 * You can use this file to override drupal and theme default css.
 * Just add your customized style below then activate it in 
 * Colourise them settings (/admin/build/themes/settings/colourise).
 */


/* GLOBAL STYLES HERE */

#site-name {
  display: none;  
}

body {
  background: #0D0B0C url('../images/barlouie_bg_main.jpg');
  width:1000px;
  margin:0 auto;
}
a { color:inherit; }

#main-content {
  float:none;
  clear:both;
  margin-top:30px;
  margin-right:0;
  top:50px;
}

h1.title {
color:#FFA072;
}

#main-content strong {
color:#147861;
}

#main-content h2 {
color:#ACAD50;
}

#main-content .node {
  position:relative;
  top:-25px;
}

#page {
  color:#aaa;
}

.logo_searcharea .content-block input {
background-color:#FFFFFF;
color:#444444;
border:none;
}

.logo_searcharea .content-block .form-submit {
background-color:#444444;
color:#FFFFFF;
font-size:10px;
border:none;
position:relative;
top:-1px;
margin-left:6px;
}

#primary-menu ul{
float:none;
}


#primary-menu ul li {
border-right:1px solid #FFFFFF;
margin-left:10px;
margin-right:5px;
padding-right:10px;
}
#primary-menu ul li.last {
border-right:none;
}

#primary-menu ul li a {
font-family:arial;
font-weight:lighter;
line-height:35px;
text-decoration:none;
text-transform:lowercase;
color:#FFFFFF;
margin:0;
font-size:11.5px;

}

#ra_subpage #primary-menu{
 top:475px;
 z-index:100;
  
}


#ra_subpage #brandthumbsbox {
top:0;
}

#footer ul{
  *margin-left:130px;
*text-align:center;

}
#footer ul li{
  display: inline-block;
  margin-right:20px;
  padding-right:20px;
  border-right: solid #FFFFFF thin;
  border-top:none;
  border-bottom:none;
  font-size:13px;
  height:11px;
  line-height:9px;
  *float:left;
}

#footer ul li.last {
  border-right:none;
}

#footer ul li a:link,#footer ul li a:hover,#footer ul li a:visited{
color:#FFFFFF;
font-size: 11px;
font-family:arial, helvetica, sans-serif;
}

#footer {
  background:url('../images/bkg-front-top-bar.png') top center no-repeat;
  padding:5px 0;
  text-align:center;
  margin:auto;
 
}

#footer h2{
  display: none;
}

#footer, #footer-column-wrap{

}

#site-info{
  text-align:center;
  margin: 0 auto 20px auto;
}

span.stop-accordion, span.toggleAccordion {
display:block;
margin-right:60px;
text-align:right;
}

#sidebar-left {
  margin:0;
  padding:0;
  background:#505050;
  position:fixed;
  top:0;
  left:0;
}


#header .topbar {
background:url('../images/bkg-front-top-bar.png') top center no-repeat;
height:40px;
}

#header .logo_searcharea {
height:70px;
background-image:url("../images/logo-header-barlouie.png");
}



/* RESTAURANT GLOBAL STYLES */

#bar-louie #header .logo_searcharea {
height:70px;
width:1000px;
}

#bar-louie.lowerbarsm {
background-position:center center;
background-repeat:no-repeat;
height:14px;
margin-top:50px;
}


#bar-louie #primary-menu {
border:medium none;
left:20px;
position:relative;
top:-35px;
}

#bar-louie #main-content {
margin-top:0;
float:left;
}

#bar-louie .logo_searcharea .content-block {
height:30px;
margin-left:790px;
position:relative;
top:80px;
width:200px;
}

#bar-louie .node,
.page-contact .inner:first-child {
background:url('../images/bkg-grad-view.png') top center repeat-y;
border:3px solid #180E0C;
padding:20px;
margin:25px 50px;
}

#bar-louie .location-list {
/*background:url('../images/bkg-location-list.png') top center repeat-y;*/
padding:20px;
/*position:relative;
top:-35px;*/
}

#bar-louie .accordion-content {
padding:30px 0 0 0;
}

#bar-louie .views-accordion .views-accordion-item {
  background:#000;
  padding:10px 0 10px 35px;
  margin-bottom:30px;
}

#bar-louie .accordion-active {
border:none;
}

#bar-louie .accordion-header {
  background:#291714;
  color:#fff;
  border:#180E0C 1px solid;
  border-top:#5B352D 1px solid;
}
#bar-louie .views-accordion p {
  margin:0;
}

#bar-louie .views-accordion .item-list ul {
margin:0;
padding:0;
}

#bar-louie .views-accordion .item-list ul li {
line-height:34px;
list-style:none outside none;
font-family: arial;
}

#bar-louie #main-content dt {
margin:0;
}

#bar-louie #main-content dd{
margin:0;
}

#bar-louie #main-content dl{
margin:0;
}

#bar-louie #main-content .accordion-active{
}

#bar-louie .left{
/*  margin:0;
  padding:0;
  margin-right:20px;
  float:left;
  background-color:#7A7A7A;*/
  
}

#bar-louie #main-content td, #bar-louie #main-content th, #bar-louie #main-content table,#bar-louie #main-content h3  {
  /*margin:0;
  padding:0;*/
}

#node-3 li{
  color:#8BB8BC;
  
}

#bar-louie #main-content h3 {
color:#9FFF69;
}

#bar-louie #main-content td p {
  padding-left:3px;
  margin-bottom:0;
}

/**
* Bar Louie Homepage Styles
**/
#bar-louie #bigbox {
  background:url('../images/bkg-bl-bigbox.jpg') top center no-repeat;
  height:490px;
}
#bar-louie #content-wrapper {
  background:url('../images/bkg-content-wrapper.png') top center repeat-y;
}
#bar-louie #front-top-bar {
  background:url('../images/bkg-front-bot-bar.png') top center no-repeat;
  height:25px;
}

#bar-louie #front-bot-bar {
  background:url('../images/bkg-front-bot-bar.png') bottom center no-repeat;
  height:25px;
}

#bar-louie #front-mid-bar {
  background:url('../images/bkg-view-front-page-bl.png') top center repeat-y;
  padding:15px 5px;
}
#bar-louie #front-mid-bar p { margin:0; }

#bar-louie #front-mid-bar .view-front-page-bl {
  background:url('../images/bkg-grad-view.png') top center repeat-y;
  padding:10px 0;
}
#bar-louie #front-mid-bar .imagefield-field_image_strip {
  background:#000;
  float:left;
  margin:8px 10px 0 0;
  padding:13px;
}



/* PAGE STYLES */


#bar-louie.franchising #bigbox{
  background-image:url('../images/header_franchising_barlouie.jpg');

}

#bar-louie.careers #bigbox{
   background-image:url('../images/barlouie_bg_careers.jpg');
}

#bar-louie.emailclub #bigbox{
   background-image:url('../images/barlouie_bg_email.jpg');
  
  
}

#bar-louie.giftcards #bigbox{
  background-image:url('../images/barlouie_bg_giftcards.jpg');
  
}

#bar-louie.fdc #bigbox{
    background-image:url('../images/barlouie_bg_fdc.jpg');
  
}

#bar-louie.locations #bigbox{
  background-image:url('../images/barlouie_bg_locations.jpg');
  
}

#bar-louie.pressbox #bigbox{
    background-image:url('../images/bkg-blpressbox-bigbox.jpg');
}

/**
 * RESETS LOCATION BODY DISPLAY STYLES
 * FOR TEMPORARY SOLUTION UNTIL FORMATED FIELDS ARE CREATED
 */
#bar-louie.node-type-locations .custom-text p,
#bar-louie.node-type-locations .custom-text span {
  color:#AAAAAA;
}
#bar-louie.node-type-locations .custom-text a {
  color:inherit;
}
#bar-louie.node-type-locations .custom-text strong {
  color: #FFA072;
}
#views-accordion-bar_louie_locations2-default h3.accordion-header{
padding:0.5em 1em;
}
#views-accordion-bar_louie_locations2-default h4 {
  color:#2E6E51;
  font-size:1.5em;
  font-weight:bold;
}
#views-accordion-bar_louie_locations2-default dt {
margin-top:5px;
}
#views-accordion-bar_louie_locations2-default dl,
#views-accordion-bar_louie_locations2-default div.three {
display:block;
float:left;
padding:0 1%;
min-height:300px;
border-right: 3px solid #000;
-moz-border-right-colors: #333333 #3F3F3F #4D4D4D;
padding-right:5px; 
}
#views-accordion-bar_louie_locations2-default dl.one,
#views-accordion-bar_louie_locations2-default dl.two {
width:26%
}
#views-accordion-bar_louie_locations2-default div.three {
width:38%;
}
#views-accordion-bar_louie_locations2-default div.three .imagefield-field_promotion_img {
  height:300px;
  width:200px;
}
#views-accordion-bar_louie_locations2-default div.three .right-side {
float:right;
width:200px;
}
#views-accordion-bar_louie_locations2-default div.three .left-side {
float:left;
width:150px;
}
#views-accordion-bar_louie_locations2-default h5.promo-title {
  float:left;
  font-size:1.5em;
  width:150px;
}