/*
 Theme Name:   Twenty Fourteen CCCHH Edition
 Theme URI:    http://hamburg.ccc.de
 Description:  Twenty Fourteen CCCHH Edition
 Author:       jz
 Author URI:   http://chaos.li
 Template:     twentyfourteen
 Version:      0.1
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fourteen-ccchh
*/

@import url("../twentyfourteen/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */


/* center page */
#page {
  margin-left: auto;
  margin-right: auto;
}




/**
 * 1.0 Reset
 * -----------------------------------------------------------------------------
 */

a {
        color: #000066;
}

a:active,
a:hover {
        color: #0000a0;
}

::selection {
        background: #000066;
        color: #fff;
        text-shadow: none;
}
 
::-moz-selection {
        background: #000066;
        color: #fff;
        text-shadow: none;
}

/**
 * 2.0 Repeatable Patterns
 * -----------------------------------------------------------------------------
 */

button,
.contributor-posts-link,
input[type="button"],   
input[type="reset"],    
input[type="submit"] {  
        background-color: #000066;
        color: #fff;
}

button:hover,
button:focus,
.contributor-posts-link:hover,
input[type="button"]:hover,   
input[type="button"]:focus,   
input[type="reset"]:hover,    
input[type="reset"]:focus,    
input[type="submit"]:hover,   
input[type="submit"]:focus {  
        background-color: #0000a0;
        color: #fff;
}

button:active,
.contributor-posts-link:active,
input[type="button"]:active,   
input[type="reset"]:active,    
input[type="submit"]:active {  
        background-color: #0000bb;
}

/**
 * 3.0 Basic Structure
 * -----------------------------------------------------------------------------
 */

/**
 * 4.0 Header
 * -----------------------------------------------------------------------------
 */

.search-toggle {
        background-color: #000066;
}
 
.search-toggle:hover,
.search-toggle.active {
        background-color: #0000a0;
}

.search-box {
        background-color: #0000a0;
}

/**
 * 5.0 Navigation
 * -----------------------------------------------------------------------------
 */

.site-navigation a:hover {
        color: #0000a0;   
}

.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
        color: #0000bb;
}

/**
 * 6.0 Content
 * -----------------------------------------------------------------------------
 */

.content-area {
        padding-top: 48px;
}
 
.hentry {
        margin: 0 auto 48px;
        max-width: 672px;   
}

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,   
.page-content {
        margin: 0 auto;
        max-width: 474px;
}

/**
 * 6.1 Post Thumbnail
 * -----------------------------------------------------------------------------
 */

/**
 * 6.2 Entry Header
 * -----------------------------------------------------------------------------
 */

/**
 * 6.3 Entry Meta
 * -----------------------------------------------------------------------------
 */

.entry-meta a:hover {  
        color: #0000a0;
}

.cat-links a:hover {
        color: #0000a0;
}

.entry-meta .tag-links a:hover {
        background-color: #0000a0;
        color: #fff;
}

.entry-meta .tag-links a:hover:before {
        border-right-color: #0000a0;   
}

/**
 * 6.4 Entry Content
 * -----------------------------------------------------------------------------
 */

.entry-content .edit-link a:hover {
        color: #0000a0;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
        background: #000066;
}

.page-links a:hover {
        background: #0000a0;
        border: 1px solid #0000a0;
        color: #fff;
}

/**
 * 6.5 Gallery
 * -----------------------------------------------------------------------------
 */

/**
 * 6.6 Post Formats
 * -----------------------------------------------------------------------------
 */

/**
 * 6.7 Post/Image/Paging Navigation
 * -----------------------------------------------------------------------------
 */

.post-navigation a:hover,
.image-navigation a:hover {
        color: #0000a0;
}

.paging-navigation .page-numbers.current {
        border-top: 5px solid #000066;
}
 
.paging-navigation a:hover {
        border-top: 5px solid #0000a0;
        color: #2b2b2b;
}

/**
 * 6.8 Attachments
 * -----------------------------------------------------------------------------
 */

/**
 * 6.9 Archives
 * -----------------------------------------------------------------------------
 */

/**
 * 6.10 Contributor Page
 * -----------------------------------------------------------------------------
 */

/**
 * 6.11 404 Page
 * -----------------------------------------------------------------------------
 */

/**
 * 6.12 Full-width
 * -----------------------------------------------------------------------------
 */

/**
 * 6.13 Singular
 * -----------------------------------------------------------------------------
 */

/**
 * 6.14 Comments
 * -----------------------------------------------------------------------------
 */

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
        color: #0000a0;
}

.comment-reply-title small a:hover {
        color: #0000a0;
}

/**
 * 7.0 Sidebars
 * -----------------------------------------------------------------------------
 */

/**
 * 7.1 Widgets
 * -----------------------------------------------------------------------------
 */

.widget a:hover {
        color: #0000a0;
}

.widget button,
.widget input[type="button"],
.widget input[type="reset"], 
.widget input[type="submit"] {
        background-color: #000066;
}

.widget input[type="button"]:hover,
.widget input[type="button"]:focus,
.widget input[type="reset"]:hover, 
.widget input[type="reset"]:focus, 
.widget input[type="submit"]:hover,
.widget input[type="submit"]:focus {
        background-color: #0000a0;  
}

.widget input[type="button"]:active,
.widget input[type="reset"]:active, 
.widget input[type="submit"]:active {
        background-color: #0000bb;   
}

.widget-title a:hover {
        color: #0000a0;
}

.widget_calendar tbody a {
        background-color: #000066;
        color: #fff;
}
 
.widget_calendar tbody a:hover {
        background-color: #0000a0;
}
 
.widget_calendar tbody a:hover {
        color: #fff;
}

.widget_twentyfourteen_ephemera .entry-meta a:hover {
        color: #0000a0;
}

/**
 * 7.2 Content Sidebar Widgets
 * -----------------------------------------------------------------------------
 */

.content-sidebar .widget a {
        color: #000066;
}
 
.content-sidebar .widget a:hover {
        color: #0000a0;
}

.content-sidebar .widget input[type="button"],
.content-sidebar .widget input[type="reset"], 
.content-sidebar .widget input[type="submit"] {
        background-color: #000066;
        color: #fff;
}
 
.content-sidebar .widget input[type="button"]:hover,
.content-sidebar .widget input[type="button"]:focus,
.content-sidebar .widget input[type="reset"]:hover, 
.content-sidebar .widget input[type="reset"]:focus, 
.content-sidebar .widget input[type="submit"]:hover,
.content-sidebar .widget input[type="submit"]:focus {
        background-color: #0000a0;
}

.content-sidebar .widget input[type="button"]:active,
.content-sidebar .widget input[type="reset"]:active, 
.content-sidebar .widget input[type="submit"]:active {
        background-color: #0000bb;
}

.content-sidebar .widget .widget-title a:hover {
        color: #0000a0;
}

.content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover {
        color: #0000a0;
}

/**
 * 8.0 Footer
 * -----------------------------------------------------------------------------
 */

/* Remove WordPress advertising from the footer */
.site-info {
  display: none;
}

.site-info a:hover {
        color: #0000a0;
}

/**
 * 9.0 Featured Content
 * -----------------------------------------------------------------------------
 */

.featured-content a:hover {
        color: #0000a0;
}

.slider-control-paging a:hover:before {
        background-color: #0000a0;
}

.slider-control-paging .slider-active:before,
.slider-control-paging .slider-active:hover:before {
        background-color: #000066;
}

.slider-direction-nav a:hover {
        background-color: #000066;
}

/**
 * 10.0 Multisite
 * -----------------------------------------------------------------------------
 */

/**
 * 11.0 Media Queries
 * -----------------------------------------------------------------------------
 */

@media screen and (min-width: 783px) {
        .primary-navigation ul ul {
                background-color: #000066;
        }

        .primary-navigation li:hover > a,
        .primary-navigation li.focus > a {
                background-color: #000066;
                color: #fff;
        }

        .primary-navigation ul ul a:hover,
        .primary-navigation ul ul li.focus > a {
                background-color: #0000a0;
        }
}

@media screen and (min-width: 1008px) {
        .secondary-navigation ul ul {
                background-color: #000066;
        }

        .secondary-navigation li:hover > a,
        .secondary-navigation li.focus > a {
                background-color: #000066;  
                color: #fff;
        }

        .secondary-navigation ul ul a:hover,
        .secondary-navigation ul ul li.focus > a {
                background-color: #0000a0;
        }
}

/**
 * 12.0 Print
 * -----------------------------------------------------------------------------
 */