/**
 * @author Victor Zamfir <victor.zamfir@skipvine.ro>
 */

/**
 * bof yui2 css reset
 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
  margin:0;
  padding:0;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
fieldset,img { 
  border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style:normal;
  font-weight:normal;
}
ol,ul {
  list-style:none;
}
caption,th {
  text-align:left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}
q:before,q:after {
  content:'';
}
abbr,acronym { border:0;
}
/**
 * eof yui2 css reset
 */

body {
  font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}

a {
  outline: none;
}

.spacer {
  clear: both; height: 0; line-height: 0;
}
/*********** BOF splashpage ***********/
 .splashpage {
   background: black url(../images/splashpage/bg.jpg) no-repeat center;
 }

 .splashpage #wrapper {
   margin: 0 auto; width: 990px; height: 750px; position: relative;
 }

.splashpage #lounge_access, .splashpage #party_access {
  text-indent: -10000px; display: block; position: absolute; width: 298px; height: 144px;
}
  .splashpage #lounge_access {
    background: url(../images/splashpage/lounge.png) no-repeat center;
    top: 60px;
  }
  .splashpage #lounge_access:hover {
    background: url(../images/splashpage/lounge-hovered.png) no-repeat center;
  }
  
  .splashpage #party_access {
    background: url(../images/splashpage/party.png) no-repeat center;
    top: 500px; right: 0;
  }
  .splashpage #party_access:hover {
    background: url(../images/splashpage/party-hovered.png) no-repeat center;
  }
.splashpage #footer {
  position: absolute; top: 705px; left: 40px; width: 910px;
  color: #868686; text-align: center;
}
.splashpage #footer a {
  color: #868686;
}
  .splashpage #footer #logo {
    display: block; position: absolute; left: 0;
    text-indent: -10000px;
    background: url(../images/splashpage/vibecafe-logo.png) no-repeat center; 
    width: 113px; height: 15px;
  }
  .splashpage #footer #skipvine_logo {
    display: block; position: absolute; right: 0; top: 0;
    text-indent: -10000px;
    background: url(../images/skipvine-logo.gif) no-repeat center; 
    width: 114px; height: 22px;
  }
/*********** EOF splashpage ***********/

 
.inner-tpl {
  background: black url(../images/inner-tpl-bg.jpg) no-repeat center top;
}
body.party {
  background: black url(../images/party-inner-tpl-bg.jpg) no-repeat center top;
}

#wrapper {
  margin: 0 auto;
  width: 960px;
  background: url(../images/vertical-vibe.png) no-repeat left top;
}
.party #wrapper {
  background: url(../images/party-vertical-vibe.png) no-repeat left top;
}

#wrapper.gallery {
  background: none; margin-top: 30px;
}
.splashpage #wrapper {
  background: none;
}

#header {
  margin: 0 auto; position: relative; overflow: hidden;
  width: 1066px; height: 210px;
  background: url(../images/header-bg.jpg) no-repeat left top;
}

#language_switcher {
  position: absolute; top: 10px; right: 60px;
}
  #language_switcher a {
    text-indent: -10000px;
    width: 16px; height: 11px; float: left;
  }
  #language_switcher a.ro {
    background: url(../images/ro-flag.jpg) no-repeat center; margin-right: 10px;
  }
  #language_switcher a.en {
    background: url(../images/en-flag.jpg) no-repeat center;
  }

.party #header {
  background: url(../images/party-header-bg.jpg) no-repeat left top;
  width: 1050px;
}
  
  #header .menu {
    position: absolute; right: 120px; top: 20px;
  }
    #header .menu li {
      float: left; margin-right: -40px;
    }
      #header .menu li a {
        display: block; width: 160px; height: 160px;
        text-indent: -10000px; outline: none;
      }
      
      /** bof english versions **/
      #header #menu_culture_en .menu li a.about-us {
        background: url(../images/main-menu/en/about-us.png) no-repeat center top;
      }
      #header #menu_culture_en .menu li a.about-us:hover {
        background: url(../images/main-menu/en/about-us.png) no-repeat center -160px;
      }
      #header #menu_culture_en .menu li.active a.about-us {
        background: url(../images/main-menu/en/about-us.png) no-repeat center -320px;
      }
      
      .party #header #menu_culture_en .menu li a.about-us {
        background: url(../images/main-menu/en/party-about-us.png) no-repeat center top;
      }
      .party #header #menu_culture_en .menu li a.about-us:hover {
        background: url(../images/main-menu/en/party-about-us.png) no-repeat center -160px;
      }
      .party #header #menu_culture_en .menu li.active a.about-us {
        background: url(../images/main-menu/en/party-about-us.png) no-repeat center -320px;
      }
      
      #header #menu_culture_en .menu li a.gallery {
        background: url(../images/main-menu/en/gallery.png) no-repeat center top;
      }
      #header #menu_culture_en .menu li a.gallery:hover {
        background: url(../images/main-menu/en/gallery.png) no-repeat center -160px;
      }
      #header #menu_culture_en .menu li.active a.gallery {
        background: url(../images/main-menu/en/gallery.png) no-repeat center -320px;
      }
      
      .party #header #menu_culture_en .menu li a.gallery {
        background: url(../images/main-menu/en/party-gallery.png) no-repeat center top;
      }
      .party #header #menu_culture_en .menu li a.gallery:hover {
        background: url(../images/main-menu/en/party-gallery.png) no-repeat center -160px;
      }
      .party #header #menu_culture_en .menu li.active a.gallery {
        background: url(../images/main-menu/en/party-gallery.png) no-repeat center -320px;
      }
      
      #header #menu_culture_en .menu li a.food-and-drinks {
        background: url(../images/main-menu/en/food-drinks.png) no-repeat center top;
      }
      #header #menu_culture_en .menu li a.food-and-drinks:hover {
        background: url(../images/main-menu/en/food-drinks.png) no-repeat center -160px;
      }
      #header #menu_culture_en .menu li.active a.food-and-drinks {
        background: url(../images/main-menu/en/food-drinks.png) no-repeat center -320px;
      }
      
      .party #header #menu_culture_en .menu li a.food-and-drinks {
        background: url(../images/main-menu/en/party-food-drinks.png) no-repeat center top;
      }
      .party #header #menu_culture_en .menu li a.food-and-drinks:hover {
        background: url(../images/main-menu/en/party-food-drinks.png) no-repeat center -160px;
      }
      .party #header #menu_culture_en .menu li.active a.food-and-drinks {
        background: url(../images/main-menu/en/party-food-drinks.png) no-repeat center -320px;
      }
      
      #header #menu_culture_en .menu li a.friends {
        background: url(../images/main-menu/en/friends.png) no-repeat center top;
      }
      #header #menu_culture_en .menu li a.friends:hover {
        background: url(../images/main-menu/en/friends.png) no-repeat center -160px;
      }
      #header #menu_culture_en .menu li.active a.friends {
        background: url(../images/main-menu/en/friends.png) no-repeat center -320px;
      }
      
      .party #header #menu_culture_en .menu li a.friends {
        background: url(../images/main-menu/en/party-friends.png) no-repeat center top;
      }
      .party #header #menu_culture_en .menu li a.friends:hover {
        background: url(../images/main-menu/en/party-friends.png) no-repeat center -160px;
      }
      .party #header #menu_culture_en .menu li.active a.friends {
        background: url(../images/main-menu/en/party-friends.png) no-repeat center -320px;
      }
      
      #header #menu_culture_en .menu li a.contact {
        background: url(../images/main-menu/en/contact.png) no-repeat center top;
      }
      #header #menu_culture_en .menu li a.contact:hover {
        background: url(../images/main-menu/en/contact.png) no-repeat center -160px;
      }
      #header #menu_culture_en .menu li.active a.contact {
        background: url(../images/main-menu/en/contact.png) no-repeat center -320px;
      }
      
      .party #header #menu_culture_en .menu li a.contact {
        background: url(../images/main-menu/en/party-contact.png) no-repeat center top;
      }
      .party #header #menu_culture_en .menu li a.contact:hover {
        background: url(../images/main-menu/en/party-contact.png) no-repeat center -160px;
      }
      .party #header #menu_culture_en .menu li.active a.contact {
        background: url(../images/main-menu/en/party-contact.png) no-repeat center -320px;
      }
      /** eof english versions **/
      /** bof romanian versions **/
     #header #menu_culture_ro .menu li a.about-us {
        background: url(../images/main-menu/ro/about-us.png) no-repeat center top;
      }
      #header #menu_culture_ro .menu li a.about-us:hover {
        background: url(../images/main-menu/ro/about-us.png) no-repeat center -160px;
      }
      #header #menu_culture_ro .menu li.active a.about-us {
        background: url(../images/main-menu/ro/about-us.png) no-repeat center -320px;
      }
      
      .party #header #menu_culture_ro .menu li a.about-us {
        background: url(../images/main-menu/ro/party-about-us.png) no-repeat center top;
      }
      .party #header #menu_culture_ro .menu li a.about-us:hover {
        background: url(../images/main-menu/ro/party-about-us.png) no-repeat center -160px;
      }
      .party #header #menu_culture_ro .menu li.active a.about-us {
        background: url(../images/main-menu/ro/party-about-us.png) no-repeat center -320px;
      }
      
      #header #menu_culture_ro .menu li a.gallery {
        background: url(../images/main-menu/ro/gallery.png) no-repeat center top;
      }
      #header #menu_culture_ro .menu li a.gallery:hover {
        background: url(../images/main-menu/ro/gallery.png) no-repeat center -160px;
      }
      #header #menu_culture_ro .menu li.active a.gallery {
        background: url(../images/main-menu/ro/gallery.png) no-repeat center -320px;
      }
      
      .party #header #menu_culture_ro .menu li a.gallery {
        background: url(../images/main-menu/ro/party-gallery.png) no-repeat center top;
      }
      .party #header #menu_culture_ro .menu li a.gallery:hover {
        background: url(../images/main-menu/ro/party-gallery.png) no-repeat center -160px;
      }
      .party #header #menu_culture_ro .menu li.active a.gallery {
        background: url(../images/main-menu/ro/party-gallery.png) no-repeat center -320px;
      }
      
      #header #menu_culture_ro .menu li a.food-and-drinks {
        background: url(../images/main-menu/ro/food-drinks.png) no-repeat center top;
      }
      #header #menu_culture_ro .menu li a.food-and-drinks:hover {
        background: url(../images/main-menu/ro/food-drinks.png) no-repeat center -160px;
      }
      #header #menu_culture_ro .menu li.active a.food-and-drinks {
        background: url(../images/main-menu/ro/food-drinks.png) no-repeat center -320px;
      }
      
      .party #header #menu_culture_ro .menu li a.food-and-drinks {
        background: url(../images/main-menu/ro/party-food-drinks.png) no-repeat center top;
      }
      .party #header #menu_culture_ro .menu li a.food-and-drinks:hover {
        background: url(../images/main-menu/ro/party-food-drinks.png) no-repeat center -160px;
      }
      .party #header #menu_culture_ro .menu li.active a.food-and-drinks {
        background: url(../images/main-menu/ro/party-food-drinks.png) no-repeat center -320px;
      }
      
      #header #menu_culture_ro .menu li a.friends {
        background: url(../images/main-menu/ro/friends.png) no-repeat center top;
      }
      #header #menu_culture_ro .menu li a.friends:hover {
        background: url(../images/main-menu/ro/friends.png) no-repeat center -160px;
      }
      #header #menu_culture_ro .menu li.active a.friends {
        background: url(../images/main-menu/ro/friends.png) no-repeat center -320px;
      }
      
      .party #header #menu_culture_ro .menu li a.friends {
        background: url(../images/main-menu/ro/party-friends.png) no-repeat center top;
      }
      .party #header #menu_culture_ro .menu li a.friends:hover {
        background: url(../images/main-menu/ro/party-friends.png) no-repeat center -160px;
      }
      .party #header #menu_culture_ro .menu li.active a.friends {
        background: url(../images/main-menu/ro/party-friends.png) no-repeat center -320px;
      }
      
      #header #menu_culture_ro .menu li a.contact {
        background: url(../images/main-menu/ro/contact.png) no-repeat center top;
      }
      #header #menu_culture_ro .menu li a.contact:hover {
        background: url(../images/main-menu/ro/contact.png) no-repeat center -160px;
      }
      #header #menu_culture_ro .menu li.active a.contact {
        background: url(../images/main-menu/ro/contact.png) no-repeat center -320px;
      }
      
      .party #header #menu_culture_ro .menu li a.contact {
        background: url(../images/main-menu/ro/party-contact.png) no-repeat center top;
      }
      .party #header #menu_culture_ro .menu li a.contact:hover {
        background: url(../images/main-menu/ro/party-contact.png) no-repeat center -160px;
      }
      .party #header #menu_culture_ro .menu li.active a.contact {
        background: url(../images/main-menu/ro/party-contact.png) no-repeat center -320px;
      }
      /** eof romanian versions **/
      
#header .logo {
  text-indent: -10000px; 
  display: block; width: 251px; height: 76px; 
  position: absolute; top: 65px; left: 50px;
  background: url(../images/vibe-cafe-logo.png) no-repeat center;
}
.party #header .logo {
  background: url(../images/party-vibe-cafe-logo.png) no-repeat center;
}

#header .section-switcher {
  margin: 180px 0 0 50px;
  width: 285px; height: 23px;
  cursor: pointer;
}
  #header .section-switcher.party {
    background: url(../images/private-party-switcher.gif) no-repeat center;
  }
  #header .section-switcher.lounge {
    background: url(../images/coffee-lounge-switcher.gif) no-repeat center;
  }
  #header .section-switcher a {
    text-decoration: none; text-indent: -9999px;
    display: block; height: 100%;
  }
  #header .section-switcher a.lounge-switcher {
    width: 160px; float: left;
  }
  #header .section-switcher a.party-switcher {
    width: 120px; float: right;
  }
  
  /*
  #header .section-switcher a:hover {
    text-decoration: underline;
  }
  #header .section-switcher a.selected {
    background: #B800E6;
  }
  .party #header .section-switcher a.selected {
    background-color: #0883A2;
  }
  */
  
  
#main_content {
  margin-top: 20px;
  width: 600px; float: left;
  padding-left: 30px;
  color: white;
  overflow: hidden;
}
  #main_content h1 {
    font-size: 48px; margin-bottom: 10px;
  }
  #main_content .body {
    
  }
    #main_content .body p {
      margin-bottom: 10px;
    }
    #main_content .body strong {
      font-weight: bold;
    }
    #main_content .body ul, #main_content .body li {
      list-style-type: disc;
    }
      #main_content .body li {
        margin-left: 20px;
      }
    
#site_sections {
  width: 277px; float: right; margin-top: 20px;
}
  #site_sections li {
    margin-bottom: 25px;
  }
    #site_sections li h3 {
      margin-bottom: 5px;
    }
    #site_sections li a {
      width: 275px; height: 141px;
    }
    
.box-list li h3 {
  padding-right: 5px;
  text-align: right; color: white; font-size: 18px; text-transform: uppercase;
  /* background: url(../images/dot.jpg) no-repeat right 13px; */
 text-align: center;
}
.box-list li a {
  display: block; border: 1px solid white;
}
.box-list li a:hover {
  border: 1px solid #B800E6;
}
    
#list_of_specialities {
  margin-top: 20px;
}
  #list_of_specialities li {
    float: left; margin-right: 64px;
  }
  #list_of_specialities li.last {
    margin-right: 0;
  }
    #list_of_specialities li h3 {
      margin-bottom: 10px;
    }
    #list_of_specialities li a {
      height: 181px; width: 273px;
    }
    
.inner-tpl #footer {
  border-top: 1px solid #333333; margin-top: 30px; padding: 10px 0 5px; overflow: hidden; color: #747474; font-size: 11px;
}
  .inner-tpl #footer a {
    color: #747474; font-size: 11px;
  }
  .inner-tpl #footer a:hover {
    background-color: #747474; text-decoration: none; color: black;
  }
  
  .inner-tpl #footer .menu {
    float: right; 
  }
  .inner-tpl #footer .menu, .inner-tpl #footer .menu a {
    font-size: 13px;
  }

#player {
  float: left;
}
/**
 * bof gallery tpl
 */
#tabs {
  height: 35px;
}
#tabs.tab1, #tabs.tab2 {
  position: relative;
}
.lounge .tab1 {
  background: url(../images/tabs/lounge-tab2.png);
}
.lounge .tab2 {
  background: url(../images/tabs/lounge-tab1.png);
}
.party .tab1 {
  background: url(../images/tabs/party-tab2.png);
}
.party .tab2 {
  background: url(../images/tabs/party-tab1.png);
}
  #tabs a {
    float: left; margin: 3px 0 0 15px; padding: 7px 0;
    text-transform: uppercase; color: white; text-decoration: none; font-weight: bold; text-align: center;
    width: 125px;
  }
  #tabs a:hover {
    text-decoration: underline;
  }
    
.gallery-body {
  margin-top: 30px; overflow: hidden;
  min-height: 300px; height:auto !important; height: 300px;
}
    
#list_of_galleries {
  border-top: 2px solid #979195;
  width: 240px; float: left;
}
  #list_of_galleries li {
    border-bottom: 1px solid #979195; padding: 9px 0 9px 5px;
    background: url(../images/menu-arrow.png) no-repeat right center;
  }
  #list_of_galleries li.last {
    border-bottom: none
  }
    #list_of_galleries li a {
      color: white; text-decoration: none;
    }
    #list_of_galleries li a:hover {
      text-decoration: underline;
    }
    #list_of_galleries li.active a {
      color: #cc00ff; font-weight: bold;
    }
    
#gallery_content {
  float: right; width: 620px;
}
  #gallery_content #list_of_images {
    overflow: hidden;
  }
    #gallery_content #list_of_images a {
      float: left; width: 140px; height: 121px; border: 1px solid white;
      margin-right: 17px; margin-bottom: 15px;
    }
    #gallery_content #list_of_images a:hover {
      border-color: #CC00FF;
    }
    #gallery_content #list_of_images a.last {
      margin-right: 0;
    }
  
.pagination {
  clear: both; float: right;
}
  .pagination a {
    float: left; text-decoration: none; color: white; font-weight: bold; margin-left: 5px;
    background-color: #525252; padding: 1px 4px;
  }
  .pagination a.active {
    background-color: #CC00FF;
  }
/**
 * eof gallery tpl
 */

#list_of_menu_items {
  
}
  #list_of_menu_items .box {
    float: left; width: 440px; height: 104px; background: url(../images/menu-item-box.png) no-repeat center;
    padding: 13px 10px;
    color: white;
    margin: 0 40px 20px 0;
  }
  #list_of_menu_items .box.even {
    margin-right: 0;
  }
    #list_of_menu_items .box img {
      float: left; width: 120px; height: 104px; border: 1px solid white;
    }
    #list_of_menu_items .box .body {
      float: right; width: 310px;
    }
      #list_of_menu_items .box .body h4 {
        font-weight: bold; font-size: 18px; margin-bottom: 3px;
      }
      
#section_content_body {
  color: white; margin: 0 0 15px 0;
}

#friends_wrapper {
  overflow: hidden;
}