/*
 * ------------------------------------------------------------------------
 * JA Wall Template for Joomla25
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites:  http://www.joomlart.com -  http://www.joomlancers.com
 * This file may not be redistributed in whole or significant part.
 * ------------------------------------------------------------------------
*/
/* RESPONSIVE FONT SIZES
--------------------------------------------------------- */
body {
  font-size: 12px;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%; /*Fix Mobile Safari Font Scale*/
}
/* MASONRY PRESETS (Basegrid : 60px)
--------------------------------------------------------- */
/* Default (Medium) ----*/
.item {
  width: 33.3%; /* 3 cols */
}
.grid-double {
  width: 66.6%;
}
.grid-triple {
  width: 100%;
}
/* Small ---*/
body.basegrid-s .item {
  width: 25%; /* 4 cols */
}
body.basegrid-s .grid-double {
  width: 50%;
}
body.basegrid-s .grid-triple {
  width: 75%;
}
/* Large ---*/
body.basegrid-l .item {
  width: 50%; /* 2 cols */
}
body.basegrid-l .grid-double,
body.basegrid-l .grid-triple {
  width: 100%; /* No triple grid on Large */
}
/* X-Large ---*/
body.basegrid-xl .item {
  width: 50%; /* 2 cols */
}
body.basegrid-xl .grid-double,
body.basegrid-xl .grid-triple {
  width: 100%; /* No triple grid on X-Large */
}
/* Auto Inner Grids ---*/
.cols-1 .col {
  width: 100%;
}
.cols-2 .col {
  width: 50%;
}
.cols-3 .col,
.cols-4 .col,
.cols-5 .col {
  width: 33.3%; /* Max 3 cols */
}
/* CORE 
--------------------------------------------------------- */
/* Links ---*/
a {
  transition: none;
  -o-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
}
/* ITEM
--------------------------------------------------------- */
.item .item-inner {
  transition: none;
  -o-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
}
.item:hover .item-inner {
  box-shadow: none;
}
/* BODY LAYOUT
--------------------------------------------------------- */
#container .main {
}
/* Content ---*/
#content {
  float: none;
  width: 100%;
}
/* Aside ---*/
#aside {
  width: 100%;
  float: none;
}
#aside .aside-inner {
  padding-top: 0;
}
/* Aside Module */
#aside .moduletable-inner {
  margin: 0 10px 10px;
}
/* Sidebar ---*/
body.has-sidebar #container .container-main {
  padding-left: 0; /* Minus space for sidebar */
}
#sidebar {
  left: 0;
  margin-left: 0;
  position: fixed;
  top: 0;
  width: 45px;
}
#sidebar.active {
  width: 45px;
}
#sidebar .sidebar-inner {
  border-radius: 0 0 3px 0;
  left: -999em;
  width: 200px;
}
#sidebar .sidebar-inner-scrollblock {
}
/* Sidebar Toggle Ation */
#sidebar.active .sidebar-inner {
  left: auto;
}
/* Sidebar Nav */
#sidebar .menu li a {
  max-width: 160px;
}
#sidebar .menu ul li a {
  max-width: 120px;
}
/* Sidebar Categories --- */
#sidebar .categories-module li a {
  max-width: 160px;
}
#sidebar .categories-module ul li a {
  max-width: 120px;
}
/* Sidebar Module */
#sidebar .moduletable:first-child {
  padding-top: 10px;
}
#sidebar .moduletable-inner {
}
/* HEADER
--------------------------------------------------------- */
#header .main {
}
body.display-video #header {
  position: absolute;
}
/* Logo Text ---*/
#logo {
  margin-left: 45px; /* Space for sidebar toggle*/
}
/* Head Search ---*/
#header #search {
  float: right;
  margin: 0;
  top: 0;
  width: 45px;
}
#header #search.active {
}
#header #search .search-inner {
  width: 200px;
  border-radius: 0 0 0 3px;
  left: -999em;
  position: relative; /* "absolute" position will create right edge gap on mobile, tablet */
  margin-top: 0;
  box-shadow: -1px 2px 2px rgba(0,0,0,.4);
}
#header #search .search-toggle {
  border-left: 1px solid #4b4b4b;
  width: 44px;
}
#header #search .search {
  border: none;
}
#header #search .inputbox,
#header #search .inputbox:focus {
  background-image: none;
  border: 1px solid #ccc;
  padding: 5px;
  width: 180px;
}
#header #search .button {
  display: none;
}
/* Search Toggle Ation */
#header #search.active .search-inner {
  left: auto;
  right: 155px; /* Right = InnerWidth - ToggleWidth*/ 
}
/* MAIN NAV
--------------------------------------------------------- */
#mainnav {
  left: 0;
  padding-left: 215px; /* Sapce for sidebar and logo */
  top: 0;
  width: 100%;
  height: 45px;
}
#mainnav .menu-inner {
  left: 215px;
  right: 255px;
}
/* arrow more ---*/
#mainnav .navprev {
  left: 165px;
}
#mainnav .navnext {
  right: 275px;
}
.no-toolbar  #mainnav .menu-inner,
.no-toolbar #mainnav .navnext {
  right: 210px;
}
/* DISPLAY TOOLBAR
--------------------------------------------------------- */
#toolbar {
  float: right;
  margin: 0;
  top: 0;
  width: 45px;
}
#toolbar.active {
}
#toolbar .toolbar-inner {
  border-radius: 0 0 3px 3px;
  position: relative;
  left: -999em;
  width: 220px;
  margin-top: 0;
}
#toolbar .toolbar-toggle {
  border-left: 1px solid #4b4b4b;
  width: 44px;
}
/* Toolbar Toggle Ation */
#toolbar.active .toolbar-inner {
  left: auto;
  right: 175px; /* Right = InnerWidth - ToggleWidth*/
}
/* Hiding Unsupported Buttons */
#toolbar dd#toolbar-basegrid-xl {
  display: none;
}
/* MISC.
--------------------------------------------------------- */
/* Show toggle on Tablet */
#sidebar .sidebar-toggle,
#toolbar .toolbar-toggle,
#search .search-toggle {
  display: block;
}