/*
Theme Name: Catch Box - Kupatrix
Theme URI: http://www.kupatrix.com
Author: Me!
Author URI: 
Description: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Template:       catch-box
Version:        1.0.0
*/

@import url("../catch-box/style.css");
@import url("dark.css");
@import url("slimbox2.css");
@import url("ngg.css");

/* Kupatrix Custom CSS
-------------------------------------------------------------- */

body {
    margin: 0;
    background: #061e33;
    background: linear-gradient(#092d4d, #02080d) repeat fixed 0 0 rgba(0, 0, 0, 0);
}

#page {
    border: 1px solid #000;
    border-width: 2px 1px 1px 1px;
    -webkit-box-shadow: 0 0 50px 10px #08f;
    -moz-box-shadow: 0 0 50px 10px #08f;
    box-shadow: 0 0 50px 10px #08f;
    color: #fff;
    font:16px/1.5 Verdana,Geneva,'DejaVu Sans',sans-serif;
    text-shadow: 1px 1px #000;
}

#branding { background: #061e33 url(http://kupatrix.com/i/h/index.php) no-repeat 50% 100%; background-position:top; }
#branding img {height:60px!important;width:218px!important;}

#header-content {
    height: 250px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

h1#site-title {
    position: absolute;
    bottom: 15px;
    left: -10px;
width:218px;height:60px;
}
h1#site-title a {width:218px;height:60px;display:block;background: transparent url(http://www.kupatrix.com/i/kupatrix-logo.png) no-repeat;}
h1#site-title a:hover {width:218px;height:60px;
background: transparent url(http://www.kupatrix.com/i/kupatrix-logo.png) no-repeat 0px -60px}

#site-description{display:none;}

#branding #searchform { display: none }

a,
.widget a,
.entry-header .comments-link a {
    color: #f1f1f1;
    text-decoration: underline;
}

a:hover,
.widget a:hover,
.entry-header .comments-link a:hover {
    color: #0f0;
    text-decoration: none;
}

.entry-title a:hover { color: #08f }

.entry-header .comments-link a,
.entry-header .comments-link a:hover { background: none }

#colophon #access-footer {
    border-top: 1px solid #394c73;
    border-bottom: 1px solid #131926;
    background: linear-gradient(#192c54, #0b1426) repeat scroll 0 0 rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0 0 1px #000;
    -moz-box-shadow: 0 0 0 1px #000;
    box-shadow: 0 0 0 1px #000;
}

#colophon #access-footer ul.menu li { /*border-color: #223545*/border:none;  }

#colophon #access-footer ul.menu a {
    font-size: 12px;
    font-weight: bold;
    line-height: 2em;
    text-shadow: 1px 1px 0px #000;
    border-radius: 15px;
}

#colophon #access-footer ul.menu a:hover {
    background: #000;
    color: #fff;
    -webkit-box-shadow: inset 0px 0px 20px 0px #000;
    -moz-box-shadow: inset 0px 0px 20px 0px #000;
    box-shadow: inset 0px 0px 0px 1px #192c54;
    border-radius: 12px;
}

#branding #access,
#branding ul.menu ul {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #4f4f4f;
    background: linear-gradient(#7a7a7a, #333) repeat scroll 0 0 rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0 0 1px #000;
    -moz-box-shadow: 0 0 0 1px #000;
    box-shadow: 0 0 0 1px #000;
}

#branding #access ul.menu li {
    border-width: 0;
    font-size: 16px;
}

#branding #access ul.menu a {
    font-size: 14px;
    font-weight: bold;
    line-height: 2em;
    text-shadow: 1px 1px 0px #000;
}

#branding #access ul.menu > a:hover,
#branding ul.menu li:hover > a,
#branding ul.menu ul :hover > a,
#branding ul.menu a:focus {
    background: #08f;
    color: #fff;
    -webkit-box-shadow: inset 0px 0px 20px 0px #000, 0px 0px 5px 0px #999;
    -moz-box-shadow: inset 0px 0px 20px 0px #000, 0px 0px 5px 0px #999;
    box-shadow: inset 0px 0px 10px 2px #000;
    border-radius: 0 12px 0 12px;
}

#branding #access ul.menu ul.sub-menu {
    top: 24px;
    left: 10px;
    padding: 0 1px;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #4f4f4f;
    background: linear-gradient(#7a7a7a, #333) repeat scroll 0 0 rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0 0 1px #000;
    -moz-box-shadow: 0 0 0 1px #000;
    box-shadow: 0 0 10px #000;
    border-radius: 0 10px;

}

#branding #access ul.menu ul.sub-menu a {
    padding: 0 0 0 8px;
    color: #fff;
border-color:#000;border-style:solid;
    background: none;
    box-shadow: none;
    border-radius: 0;
width:180px;font-size:12px;
}
#branding #access ul.menu ul.sub-menu a:hover {
box-shadow: inset 0px 0px 15px 0 #000;
background:#08f;
}

#branding #access ul.menu ul.sub-menu li:nth-child(1) a:hover {border-radius:0 10px 0 0;}
#branding #access ul.menu ul.sub-menu li:nth-last-child(1) a:hover {border-radius:0 0 0 10px;}

#branding #access ul.menu ul.sub-menu li:nth-last-child(1) a {border-bottom:1px solid #333;}
#site-generator a { color: #eee }

#site-generator a:hover {
    color: #0f0;
    text-decoration: none;
}

#site-generator {
    color: #fff;
    font-size: 11px;
    padding: 0.5em 0;
    font-weight: bold;
}

#aeopt-3, #aeopt-4 { text-align: center }

#slider img {max-height:280px!important;width:auto;}
#slider a {display:block!important;}
#slider .slider-excerpt {font-size:14px;color: #ccc;}
#slider .slider-title {font-weight: bold;color: #f1f1f1;font-size:13px;text-shadow: 1px 1px 0px #08f;}
#slider {font-size:12px;}

#breadcrumbs {
    font-size: 11px;
    padding: 0 1em;
    height: 2.4em;
    clear: both;
    line-height: 2em;
    background: #161616;
    border-bottom: 1px solid #333;margin-bottom:0;
    font-family:Verdana,Geneva,'DejaVu Sans',sans-serif;text-align:left;

}

#breadcrumbs a {
    text-decoration: none;
    color: #aaa;
    font-weight: bold;
    text-transform: lowercase;
}

#breadcrumbs a:hover { color: #ee0}

#breadcrumbs span.breadcrumb_last {
    color: #eee;
    font-size: 11px;
font-weight:bold;
}
#breadcrumbs span {
    color: #eee;
    font-size: 13px;
}

#breadcrumbs span span {font-size:11px}

.home #breadcrumbs { display: none }


.attachment-featured-slider {display:block;margin:.5em auto;}

.page-header, .hentry, .no-results, .widget, #slider {box-shadow:0 0 0 1px #222,0 0 6px 0px #333;border-radius:0 16px;border-bottom:0}

#primary {
    float: left;
    margin: 0 -24% 0 0;
    width: 100%;
}

#content {
    margin: 0 30.6% 0 2%;
    width: 72%;
}


#secondary {
    float: right;
    margin-right: 2%;
    width: 22%;
}

.hentry, .no-results, #author-info, #disqus_thread, #content .error404 {
    padding: 0 2% 2% 2%;
    }
    
    p {
    margin-bottom: 1em;
}
.cci {text-align:center}

/* Fix maybe? */.tinynav {display:none!important;}