/* COMMON GRID ELEMENTS
--------------------------------------------------------- */
.wrap {
    clear: both;
    width: 100%;
}

.main {
    margin: 0px auto;
}

.inner {
    padding: 15px;
}

.content-inner, .sidebar-inner, .aside-inner, .menu-inner, .search-inner, .toolbar-inner, .moduletable-inner {
    padding: 0px;
}

.main, .item, .col {
    -moz-box-sizing: border-box;
}

/* MASONRY PRESETS
--------------------------------------------------------- */

/* Percentage width reference:
- 100%   ~ 1 col
- 50%    ~ 2 cols
- 33.3%  ~ 3 cols
- 25%    ~ 4 cols
- 20%    ~ 5 cols
- 16.6%  ~ 6 cols
- 14.2%  ~ 7 cols
- 12.5%  ~ 8 cols
- 11.1%  ~ 9 cols
- 10%    ~ 10 cols
*/


/* Default (Medium) ----*/
.item {
    display: block;
    float: left;
    width: 25%;
    max-width: 100%;
}

.item .item-inner {
    margin: 5px;
    padding: 0px;
}

.grid-double {
    width: 50%;
}

.grid-triple {
    width: 75%;
}

/* Small ---*/
body.basegrid-s .item {
    width: 20%;
}

body.basegrid-s .grid-double {
    width: 40%;
}

body.basegrid-s .grid-triple {
    width: 60%;
}

/* Large ---*/
body.basegrid-l .item {
    width: 33.3%;
}

body.basegrid-l .grid-double {
    width: 66.6%;
}

body.basegrid-l .grid-triple {
    width: 100%;
}

/* X-Large ---*/
body.basegrid-xl .item {
    width: 50%;
}

body.basegrid-xl .grid-double, body.basegrid-xl .grid-triple {
    width: 100%;
}

/* Auto Inner Grids ---*/
.col {
    float: left;
}

.cols-1 .col {
    width: 100%;
}

.cols-2 .col {
    width: 50%;
}

.cols-3 .col {
    width: 33.3%;
}

.cols-4 .col {
    width: 25%;
}

.cols-5 .col {
    width: 20%;
}

/* MAIN CONTAINER
--------------------------------------------------------- */
#container .main {
    padding-top: 60px;
    padding-right: 0.1%;
}

/* Content ---*/
#content {
    float: left;
    width: 100%;
    position: relative;
}

body.has-aside #content {
    width: 60%;
}

body.gridview #content {
    width: 100% ! important;
}

/* Aside ---*/
#aside {
    float: right;
    width: 40%;
    margin-top: -45px;
}

#aside .aside-col-1 {
}

#aside .aside-col-2 {
}

/* Sidebar ---*/
body.has-sidebar #container .container-main {
    padding-left: 165px;
}

#sidebar {
    margin-left: -180px;
    position: fixed;
    top: 60px;
    width: 170px;
}

#sidebar, #sidebar .sidebar-inner {
    height: 100%;
}

#sidebar ul.menu li a {
    width: 182px;
}

/* MIK Addons from JA Lens*/


/* SpotLight ---*/
#botsl .main-inner1 {
    margin: 0px -20px;
}

#botsl .ja-box {
    float: left;
}

#botsl .ja-box .moduletable {
    margin: 0px 20px;
}