/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Style Style Sheet - Defines the main look like colors and backgrounds
 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
 */


/* Base
----------------------------------------------------------------------------------------------------*/

body { color: #666; overflow: hidden;}

hr { border-top-color: #ccc; }


/* Layout
----------------------------------------------------------------------------------------------------*/

body { 	
        background: #eee url('../images/honeycombbg.png') 0 0 repeat-x;
}

@media (min-device-width: 1025px) {

	/* body { background: #eee; } */

}
#footer_wrapper {
        width: 100%;
        height: 670px;
        margin-top: 30px;
        padding-top: 30px;
        background: #eee url('../images/honeycombbottombg.png') 0 0 repeat-x;    
        color: #000;
        text-transform: uppercase;
}
#footer_wrapper .footer_top {
    height: 500px;
}
.box_background_gray {
    background: #4b463f;
    text-transform: none; 
}
#footer_wrapper .box_background_gray H1, H2, H3 {
    color: #ffc000;
    font-weight: bold;
    margin: 0;
    padding: 0;      
}
#footer_wrapper .footer_top H2 {
    text-transform: uppercase;
    font-size: 24px;    
}    
#footer_wrapper .footer_top ul {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    background: url('../images/yellow_bg_2px.png') repeat-y; 
}
#footer_wrapper .footer_top ul li {
    margin-left: 12px;
    padding: 0;
    line-height: 24px;
}    
.box_background_gray li {
    color: #d9cda9;
    font-weight: normal;
}
.box_background_gray a {
    color: #d9cda9;
}    
.box_background_gray a:hover {
    color: #FFF;
} 
/* Menus - Mega Drop-Down Menu
----------------------------------------------------------------------------------------------------*/

/* Level 1 */
.menu-dropdown a.level1,
.menu-dropdown span.level1 { text-transform: uppercase; font-size: 14px; font-weight: bold; color: #4c4c4c;}

/* Level 2-3 */
.menu-dropdown a.level2,
.menu-dropdown span.level2,
.menu-dropdown a.level3 { color: #888;}

.menu-dropdown li.level2 { border-top: 1px solid #ccc; }

/* Menu + Module */
.menu-dropdown .module a { color: #888; }


/* Menus - Sidebar/Accordion Menu
----------------------------------------------------------------------------------------------------*/

/* Link */
.menu-sidebar a,
.menu-sidebar li > span,
.menu-sidebar a.level2 { color: #888; }

/* Parents Level 1 */
.menu-sidebar li.level1 { border-bottom: 1px solid #ccc; }


/* Modules
----------------------------------------------------------------------------------------------------*/
.mod-box  {
    font-size: 14px;    
}


/* Transparent */
.mod-box-transparent1 { background: url(../images/module_box_transparent1.png) 0 0 repeat; }
.mod-box-transparent2 { background: url(../images/module_box_transparent2.png) 0 0 repeat; }
.mod-box-transparent3 { background: #eee; }

.system-white #footer { color: #888; }


/* Tools
----------------------------------------------------------------------------------------------------*/

/* Zebra List and Table */
ul.line > li,
ul.line > li:last-child,
.mod-plain ul.line > li { border-color: #ccc; }

table.zebra caption { color: #ccc; }

.mod-box ul.zebra > li:nth-of-type(odd),
.mod-box table.zebra tbody tr:nth-of-type(odd) {
    background: #ddd;
    background: rgba(0,0,0,0.05);
}

/* Boxes */
.box-note,
.box-info,
.box-warning,
.box-hint,
.box-download,
.box-content { border-color: #ccc; }

/* Forms (Needed for System Markup) */
form.style input,
form.style select,
form.style textarea { color: #888; }


/* System
----------------------------------------------------------------------------------------------------*/

/* Search Box */
.searchbox { border-left: 1px solid #ccc; }

.searchbox input::-moz-placeholder { 
    color: #ccc;
    opacity: 1;
}

.searchbox input:-ms-input-placeholder { color: #ccc; }
.searchbox input::-webkit-input-placeholder { color: #ccc; }
.searchbox input.placeholder { color: #ccc; }

/* Drop-Down Results */
.searchbox .results li.results-header { color: #888; }

.searchbox.loading button { background-image: url(../images/searchbox_loader.gif); }

/* Breadcrumbs */
.breadcrumbs {
    background: #f4f4f4;
    background: url(../images/module_box_transparent1.png) 0 0 repeat;
    text-transform: uppercase;
}

/* Author */
#system .author-box {
    border-color: #ccc;
    background: rgba(0,0,0,0.03);
}

#system .author-box .avatar { border-color: #888; }

/* Comments */
#system #comments .comment-head,
#system #comments .comment-byadmin .comment-head,
.comments-list > article { border-color: #ccc; }

#system #comments .comment-byadmin .comment-head {  background: rgba(0,0,0,0.03); }


/* Item
----------------------------------------------------------------------------------------------------*/

.isblog #system .item,
.isblog #system > .title,
.noblog #content {
    padding: 30px;
    background: #f4f4f4;
    background: url(../images/module_box_transparent1.png) 0 0 repeat;
}
.isblog #system .title {
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    border-bottom: 1px solid #000;
}
.title_wrap {
    position: relative;
    top: 6px;
    font-weight: bold;
    background: #000;
    margin: 0;
    padding: 8px 15px;
    text-transform: uppercase;    
}
#system .content {
    margin-top: 40px;
    padding-bottom: 60px;
    font-size: 14px;    
}

/* Widgetkit Gallery
----------------------------------------------------------------------------------------------------*/
.wk-gallery-glass li { background: url(../images/module_box_transparent2.png) 0 0 repeat; }

/* Icons
----------------------------------------------------------------------------------------------------*/
.box_defined {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
.box_defined li {
    margin: 0;
    padding: 0 0 10px 0;
}
.box_defined li img {
    padding-right: 5px;
    vertical-align: text-top;
}

/* Widgetkit
----------------------------------------------------------------------------------------------------*/
.uk-tab {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}
.uk-panel {
    margin: 0;
    padding: 0;
}
.uk-panel-space {
    padding-top: 24px;
}
.uk-panel h3  {
    font-size: 28px;
}

/* Image Fade
----------------------------------------------------------------------------------------------------*/
.greydout {
  -webkit-opacity: 0.35;
  -moz-opacity: 0.35;
  opacity: 0.35;
} 
.greydout:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
} 
/* Colors
----------------------------------------------------------------------------------------------------*/
.eeeeee {
    background-color: #EEE;
}
/* Spacing
----------------------------------------------------------------------------------------------------*/
.nospace {
    margin: 0;
    padding: 0;
}