@font-face {
    font-family: 'biko';
    src: url('/assets/fonts/biko.eot');
    src: url('/assets/fonts/biko.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/biko.woff') format('woff'),
         url('/assets/fonts/biko.ttf') format('truetype'),
         url('/assets/fonts/biko.svg#biko') format('svg');
    font-weight: normal;
    font-style: normal;
}

html{
    background-color:#000;
    background-repeat:no-repeat;
    background-position:center;
    background-attachment:fixed;
    font-size:13px;
}

html, body {
    height: 100%;
    margin:0;
    padding:0;
    color:#fff;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

main{
    display:block;
}

button{
    cursor:pointer;
}

table, caption, tbody, tfoot, thead, tr, th, td{
    vertical-align:middle;
}

form table td{
    padding:2px;
}

form table tr td label{
    width:100%;
    text-align:right;
    display:block;
}

.gvTable{
    border-collapse:collapse;
    border:1px solid black;
}

.gvTable td, th{
    padding:6px;
    border:1px solid black;
}

th{
    font-weight:bold;
    background-color:rgba(0,0,0,.4);
}

ul, ol{
    list-style-type:disc;
    margin-left:20px;
}

ol{
    list-style-type:decimal;
}

li{
    margin-bottom:8px;
}

a{
    color:#fff;
}

.link{
    text-decoration:underline;
    cursor:pointer;
}

b{
    font-weight:bold;
}

#flashes{
    text-align: center;
    color:#fff;
}

.flash-success{
    background-color:green;
    padding: 10px;
}

.flash-error{
    background-color:red;
    padding: 10px;
}

#oAuth{
    display:none;
}

.blogSubscribe{
    clear:both;
}

.note{
    font-size:12px;
}

.errorSummary{
    color:red;
}

.flash-error{
    background-color:red;
}

.errorMessage{
    color:red;
    margin-bottom:8px;
    font-size:12px;
}

header{
    background-color:rgba(0,0,0,.8);
    color:#fff;
    font-family:'biko';
    overflow:hidden;
}

header a, header a:visited{
    color:#fff;
}

header a:hover, footer nav a:hover{
    color:#08a5e8;
}

p{
    margin-bottom:20px;
}

h1, h2, h3, h4{
    text-transform:capitalize;
    font-family:'biko';
}

h1{
    font-size:30px;
    margin-bottom:8px;
}

h2{
    font-size:25px;
    margin-bottom:6px;
}

h3{
    font-size:20px;
    margin-bottom:4px;
}

h4{
    font-size:16px;
    margin-bottom:2px;
}

.logo{
    font-size:50px;
    margin:20px;
    float:left;
}

.contact{
    font-size:12px;
    text-align:center;
}

nav{
    text-transform:capitalize;
    float:left;
}

nav a{
    text-decoration:none;
    color:#fff;
    display:block;
    padding:10px 20px 10px 20px;
}

nav a:hover{
    background-color: rgba(0,0,0,0.4);
}

nav ul{
    margin:0;
    padding:0;
    list-style:none;
}

nav li{
    margin:0;
}

nav li ul{
    display:none;
}

nav ul li ul {
    position:absolute;
    display:none;
    background-color:rgba(0,0,0,.8);
}

nav ul li ul li { 
    display:block;
    float:left;
    clear:both;
    width:100%
}

nav ul li:hover ul {
    display:block;
}

.collapsed{
    display:none;
}

#site-index #linkHome a, #blog-index #linkBlog a, #blog-articles #linkArticle a, #blog-dIY #linkDIY a, #user-profile #linkProfile a, 
#lead-index #linkLead a, #creditCard-admin #linkBilling a, #product-index #linkProduct a, #media-index #linkGallery a{
    color:#08a5e8;
    background-color: rgba(0,0,0,0.4);
}

nav li, #navCollapse{
    float:left;
    font-size:18px;
}

#navCollapse{
    display:none;
    cursor:pointer;
    padding:2px 16px;
}

#navCollapse div{
    display:inline-block;
    border:1px solid white;
    border-radius:6px;
    width:30px;
    padding:4px;
    float:right;
    margin:10px 0;
}

#navCollapse span{
    display:block;
    background-color:#fff;
    height:2px;
    margin:4px 3px;
    line-height:2px;
}

.wrapSm{
    margin-top:4px;
}

.address{
    font-size:16px;
}

.contact{
    float:right;
    margin-top:10px;
    margin-right:20px;
    font-size:30px;
}

.sm{
    cursor:pointer;
    height:42px;
    width:42px;
    background-repeat:no-repeat;
    float:left;
    margin:3px;
    background-image:url('/assets/images/sm.png');
}

#fb{
}

#tw{
    background-position-x:-84px;
}

#ln{
    background-position-x:-210px;
}

#gp{
    background-position-x:-126px;
}

#yt{
    background-position-x:-42px;
}

#ig{
    background-position-x:-168px;
}

.wrapMain{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -150px auto;
}

.wrapContent{
    overflow:auto;
    margin:30px;
    padding:20px;
    background:rgba(0, 0, 0, 0.9);
}

.videoWrapper{
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#slides {
    position:relative;
    width:100%;
    height:350px;
    margin:10px 0;
    overflow:hidden;
    cursor:pointer;
}

#slides img{
    width:100%;
}

.wrapSlideText{
    width:100%;
    top:0;
    position:absolute;
    background:rgba(0, 0, 0, 0.4);
}

#slideText{
    padding:10px;
    font-size:25px;
}

#nextSlide, #prevSlide{
    position:absolute;
    z-index:99;
    background:rgba(0, 0, 0, 0.4);
    font-size:40px;
    width:64px;
    height:50px;
    padding-top:8px;
    margin-top:146px;
    cursor:pointer;
    text-align:center;
}

#nextSlide{right:0px; border-radius:15px 0 0 15px;}
#prevSlide{left:0px; border-radius:0 15px 15px 0;}

.form{
    margin-bottom:20px;
}

.entryResponse{
    float:left;
    clear:both;
}

.form img{
    max-width:350px;
    padding-bottom:20px;
}

.blogFilter{
    float:right;
}

.blogFilter ul{    
    list-style:none;
    padding:0;
    margin:0;
}

.blogFilter li{
    float:right;
    margin-left:10px;
}

.blogEntryWrap{
    padding-bottom:10px;
    margin:10px auto;
    clear:both;
}

.entry{
    clear:both;
}

.entry h3{
    margin:0;
    padding:0 0 6px 0;
}

.entry img{
    max-width:350px;
}

.wrapEEntry_created_on{
    display:none;
}

.entryCategories{
/*    display:none;*/
}

.wrapArticles a{
    display:block;
    padding:6px 6px 3px 6px;
}

.wrapArticles a > summary{
    height: 16px;
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.wrapArticles a:hover{
    background-color:rgba(255,255,255,.2);
}

.odd{
    background-color:rgba(0,0,0,.6);
}

#newEntry{
    display:block;
    margin:4px auto;
}

#entry-form table{
    width:99%;
}
#eEntry_text_wrap table{
    width:auto;    
}

.quote{
    color:#000;
}

.right{
    text-align:right;
}

.entryResponse{
    font-size:12px;
}

.esm{
    float:left !important;
    margin-top:10px !important;
    margin-right:10px !important;
    max-width:290px !important;
    overflow:hidden !important;
}

.wrapTrending{
    margin-bottom:20px;
}

.thumb{
    cursor:pointer;
    width:100px;
    max-height:100px;
}

#product-index .grid-view a{
    text-decoration:none;
}

.productPrice{
    font-size:30px;
    margin:10px 0;
}

.productDescription{
    padding:10px;
}

.productDetails{
    width:100%;
}

.wrapProductMedia .clear{
    margin-bottom:20px;
}

.wrapProductImage{
    width:520px;
    position:absolute;
    height:100%;
}

.productImages{
    float:left;
    margin:4px 4px 0 0;
}

#productImage > a > img{
    max-width:550px;
}

.wrapProductImage .image{
    width:500px;
    float:left;
    clear:both;
}

.wrapProductMedia{
    width:550px;
    float:left;
    margin-right:20px;
}

.wrapAddToCart{
    margin-top:10px;
}

.productCategories{
    float:left;
    width:120px;
    margin-right:20px;
}

.productRCol{
    margin-left:160px;
}

.adminImage{
    width:300px;
    position:relative;
    float:left;
    margin:6px;
    max-height:400px;
    overflow:hidden;
}

.adminImage a.deleteLink{
    position:absolute;
    right:6px;
    top:6px;
    text-shadow: 2px 2px #000000;
}

.adminVideo{
    position:relative;
}

.adminImage img{
    min-height:50px;
}

.adminImage a.primaryLink, .adminVideo a{
    position:absolute;
    left:6px;
    top:6px;
    text-shadow: 2px 2px #000000;
}

.adminImage img, #product-grid img{
    width:100%;
}

.adminPriority{
    text-shadow: 2px 2px #000000;
}

.trendingProduct .adminImage{
    width:100px;
}

.trendingProduct img{
    width:100px;
}

.adminImage, .productAudio, .adminVideo{
    float:left;
}

.adminImage, .productAudio, .adminVideo{
    margin-bottom:20px;
}

.top td{
    vertical-align:top;
}

.trendingProduct{
    border:1px solid black;
    padding:10px;
    float:left;
    line-height:16px;
}

.primaryImageBorder{
    border:3px solid yellow;
    width:294px;
}

#adminMedia-view img{
    width:100%;
}

#adminMedia-index img{
    width:80px;
    height:80px;
}

.mediaSelectBox img, .mediaSelectBox video{
    padding:5px;
    max-width:100px;
    max-height:100px;
}

.mediaSelectBox .clear{
    margin-bottom:8px;
}

.tiny{
    font-size:10px;
}

.pager{
}

.pad20{
    height:20px;
}

.push{
    clear:both;
    height:150px;
}

footer{
    height:150px;
    background-color:rgba(0,0,0,.8);
}

footer nav{
    float:right;
}

.wrapFooterNav{
    height:75px;
}

.gfWrap{
    position:relative;
    height:75px;
    float:left;
    width:100%;
}

.gf{
    position:absolute;
    bottom:10px;
    width:100%;
}

.gf a{
    color:#fff;
}

.clear{
    clear:both;
}

.mediaSelectBox{
    padding:10px;
    width:60%;
    display:inline-block;
}


.row{
    margin:10px auto;
}

.row label{
    float:left;
    text-align:right;
    width:30%;
    padding-right:10px;
    padding-top:3px;
}

#toolbar{
    display:inline-block;
    width:100%;
    background:rgb(215, 227, 242);
}

#toolbar img{
    padding:0;
}

#toolbar div{
    float:left;
}

.separator{
    margin-top:4px;
}

.row input[type="text"], .row input[type="email"], .row input[type="url"], .row input[type="password"], .row textarea{
    width:60%
}

.row > span{
    display:inline-block;
}

.row > span > label{
    width:initial;    
}

.row > span > input[type="radio"], .row > span > input[type="checkbox"]{
    float:left;
}

.row .errorMessage{
    text-align:center;
    padding-top:4px;
}

form > .note{
    margin-left:20%;
}

.buttons{
    text-align:right;
}

.priority{
    position:absolute;
    bottom:10px;
    right:7px;
    margin-bottom:0px;
}

.priorityTb{
    width:20px !important;
}
    
#userForm h3{
    margin-left:20%;
}

.grid-view table.items th{
    background: none;
    background-color:rgba(0,0,0,.4) !important;
    border:1px solid black;
    color:fff;
}

.grid-view table.items th{
    font-weight:bold;
    text-align:center;
    text-transform:capitalize;
}

.grid-view table.items th, .grid-view table.items td{
    border:1px solid black;
    padding:6px;
}

.grid-view table.items tr.even{
    background-color:transparent;
}

.grid-view table.items tr.odd{
    background-color:rgba(0,0,0,.6);
}

.grid-view table.items th, .grid-view table.items{
    background: none;
}

.grid-view table.items tr.selected, .grid-view table.items tr:hover.selected{
    background:#000;
}

.grid-view table.items tbody tr:hover{
    background-color:rgba(0,0,0,.8);
}

ul.yiiPager a:link, ul.yiiPager a:visited{
    border:1px solid #fff;
    color:#fff;
}

.pager li > a:hover, .pager li > a:focus, ul.yiiPager .selected a{
    background:none;
    background-color:rgba(0,0,0,.4);
}

.pager li > a, .pager li > span{
    border-radius: 0px;
    background:none;
}

.next a{
    margin-left:6px;
}

.grid-view select, .grid-view textarea, .grid-view input[type="text"], .grid-view input[type="password"], .grid-view input[type="datetime"], .grid-view input[type="datetime-local"], .grid-view input[type="date"], .grid-view input[type="month"], .grid-view input[type="time"], .grid-view input[type="week"], .grid-view input[type="number"], .grid-view input[type="email"], .grid-view input[type="url"], .grid-view input[type="search"], .grid-view input[type="tel"], .grid-view input[type="color"], .uneditable-input{
    padding:0;
}

.CGridColumn a{
    display:inline-block;
}

.icon-white, .icon-black{
    background-image:url('/core/assets/images/glyphicons-halflings-white.png');
    background-repeat:no-repeat;
    width:20px;
    height:20px;
    display:inline-block;
}
.icon-black{background-image:url('/core/assets/images/glyphicons-halflings.png');}
.icon-eye-open{background-position: -93px -116px;}
.icon-edit{background-position: -94px -69px;}
.icon-trash{background-position: -454px 3px;}
.icon-plus{background-position: -405px -93px;}
.icon-envelope{background-position: -69px 3px;}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.center{
    text-align: center;
}

@media (max-width:840px){
    .wrapContent .center img{
        width:100%;
    }
    header{
        overflow:hidden;
    }
    
    .wrapContent{
        margin:0;
    }
    
    footer nav{
        width:initial;
    }
    
    nav{
        width:100%;
    }
    
    nav li, #navCollapse{
        float:none;
        clear:both;
    }
    
    nav ul li ul{
        width:100%;
        position:relative;
        display:block;
    }
    
    nav ul li ul li{
        padding-left:24px;
    }
    
    .contact{
        margin-bottom:10px;
    }
    
    #slides{
        min-height:170px;
        height:initial;
    }
    
    .row label{
        float:none;
        display:block;
        text-align:left;
        margin-bottom:2px;
    }
    
    .row label, .row input[type="text"], .row input[type="email"], .row input[type="url"], .row input[type="password"], .row textarea{
        width:100%
    }

    .row > span > label{
        width:initial;
        float:left;
    }

    form > .note{
        margin-left:0;
    }
    
    #userForm h3{
        margin-left:0;
    }
}

@media (max-width:480px){
    
    .wrapContent{
        margin:0;
    }
    
    .contact, .logo{
        text-align:center;
        float:none;
        clear:both;
        margin-right:0;
    }
    
    .wrapSm{
        width:192px;
        margin:0 auto;
    }
    
    #slides{
        min-height:170px;
        height:inherit;
    }
    
    #nextSlide, #prevSlide{
        font-size:40px;
        width:64px;
        height:50px;
        padding-top:8px;
        margin-top:112px;
    }
    
    .blogFilter{
        float:left;
        clear:both;
        margin:10px 0;
    }
}