/*
Theme Name:     Catch Everest Child
Theme URI:      http://8bit-museum.de/
Description:    Child theme for the Catch Everest theme
Author:         Stephan Slabihoud
Author URI:     http://8bit-museum.de/
Template:       catch-everest                             
Version:        0.1.0
Text Domain:    catch-everest
*/
/* @import url("../catch-everest-child/style2.css"); */
/* @import url("../catch-everest/style.css"); */


/*
#884300
#633100
*/

.site-content article {
/*
	auto, none
*/
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;	
	text-align: justify;
/*
	auto, inter-word, inter-ideograph, inter-cluster, distribute, kashida, trim, initial, inherit
*/
	text-justify: auto;
}

/* ----------------------------------------------------------------------------- */

.comment-meta {
	background-color: #E4E4E4;
	-moz-border-radius: 6px;        /* Funktioniert logischerweise nur im Firefox und Webkit-Browsern(Safari, Chrome) */
	-webkit-border-radius: 6px;
	_margin-bottom: 20px;
	padding: 5px;
	_margin-left: 70px;
	_position: relative; /* sorgt dafür, dass das Gravatar-Bild sich bei position:absolute relativ zu seinem comment-body verhält. */
}

.comment-content {
	background-color: #F4F4F4;
	-moz-border-radius: 6px;        /* Funktioniert logischerweise nur im Firefox und Webkit-Browsern(Safari, Chrome) */
	-webkit-border-radius: 6px;
	margin-bottom: 20px;
	padding: 15px;
	_margin-left: 60px;
	position: relative; /* sorgt dafür, dass das Gravatar-Bild sich bei position:absolute relativ zu seinem comment-body verhält. */
}



/* Reduces the title font size and displays more than two title lines */
.yarpp-thumbnail {
	height: 160px !important;
}
.yarpp-thumbnail-title {
	font-size:0.8em !important; 
	max-height: 4em !important;
}
.yarpp-related-widget {
	text-align:center !important;
}
.yarpp-related {
	margin-top:40px !important;
	margin-bottom:40px !important;
}

.yarpp-related .related_posts h3 {
    text-transform: none !important;
}


/* yarpp */
.related_posts {
     width: 100%;
     font-size: 12px;
}
.related_posts a {
     text-decoration: none;
}
.related_posts li {
     _idth: 260px;
     _idth: 310px;
     _eight: 105px;
     height: 85px;
     float: left;
     border: 1px solid #dedede;
     list-style-type: none;
	 overflow: hidden;
}
.related_thumbnail img {
     width: 100px;
     max-height: 90px;
     float: left;
     margin: 5px;
     _order: 3px solid #dedede;
}

@media screen and (max-width: 480px) {
.related_posts li {
     margin: 1px;
     padding: 2px;
     width: 250px;
}
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
.related_posts li {
     margin: 5px;
     padding: 5px;
     width: 360px;
}
}
@media screen and (min-width: 769px) {
.related_posts li {
     margin: 5px;
     padding: 5px;
     width: 44%;
}
}





/* ----------------------------------------------------------------------------- */


/* Shutter */
#shDisplay div#shTitle {
	font: normal 12px/17px 'Lucida Grande', Verdana, sans-serif; /* caption font */
	color: #ffffff; /* caption colour */
	text-align: center;
	margin: 0 auto;
	background-color: #000000;		/* ssl */
	padding: 4px;					/* ssl */
	border: 1px solid #000000;
}

.ngg-galleryoverview br {
    display: block;
}

@media screen and (min-width: 769px) {
.ngg-gallery-thumbnail-box {
    float: left !important;
    margin-right: 5px !important;
    text-align: center !important;
    width: 24% !important;
}
.ngg-gallery-thumbnail {
	float: none !important;
    display: inline-block;
}
}

h1,h2,h3,h4,h5,h6 {
	/* -webkit-hyphens: none;	*/
	/* -moz-hyphens: none;		*/
	/* hyphens: none;			*/
}

.entry-content h1, .comment-content h1 {
    font-size: 2.4rem;	/* 2.4rem */
}
.entry-content h2, .comment-content h2 {
    font-size: 2.2rem;	/* 2.2rem */
}
.entry-content h3, .comment-content h3 {
    font-size: 1.8rem;	/* 2rem */
}
.entry-content h4, .comment-content h4 {
    font-size: 1.5rem;	/* 1.8rem */
}
.entry-content h5, .comment-content h5 {
    font-size: 1.3rem;	/* 1.6rem */
}
.entry-content h6, .comment-content h6 {
    font-size: 1.1rem;	/* 1.4rem */
}

html,									/* BUGBUG: Chrome Android zeigt kein Hintergrundbild ohne html */
body.custom-background {
    background-attachment: fixed !important;
    background-image: url("images/background3.jpg") !important;
    background-position: left top !important;
    background-repeat: repeat !important;
}

@media screen and (min-width: 1191px) {
.entry-header .entry-title {
	font-size: 26px !important;			/* 30px */
}
}

@media screen and (max-width: 1190px) {
}

@media screen and (max-width: 960px) {
/* iPhone Landscape */	
}

@media only screen 
and (min-device-width : 769px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Pad Portrait */	
}

@media screen and (max-width: 768px) {
/* Larger Smart Devices */
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
/* iPhone Landscape */
}

@media screen and (max-width: 480px) {
/* iPhone Portrait */
}

@media screen and (max-width: 320px) {
/* Small Devices */	
}

@media screen and (min-width: 769px) {
#hgroup-wrap {
	_ackground-image:url('../images/banner.jpg') !important;
	background-image:url('images/banner.jpg') !important;
	background-size: 100% 100% !important;
}
}

@media screen and (max-width: 768px) {
#hgroup-wrap {
	
	_ackground-image:url('../images/banner.jpg') !important;
	_ackground-image:url('http://8bit-museum.de/wordpress/wp-content/themes/catch-everest/images/banner.jpg') !important;
	background-image:url('images/banner.jpg') !important;
	background-size: cover !important;
}
}

/* ----------------------------------------------------------------------------- */

@media screen and (min-width: 769px) and (max-width: 960px) {
#main-slider .entry-container {			/* Gesamter Block */
    bottom: 15%;
    max-width: 60%;
    position: absolute;
}
#main-slider .entry-header {			/* Abstand zwischen Blöcken */
    color: #393938;
    display: inline-block;
    left: 0;
    margin-bottom: 7.5px;
}
.entry-header .entry-title {
	font-size: 20px !important;			/* 20px */
}

#main-slider .entry-title a {
    padding: 5px 10px !important;		/* 1rem 2.5rem */
}

#main-slider .entry-content {
    font-size: 1rem !important;			/* none */
    padding: 5px 10px !important;		/* 1.5rem 2.5rem */
}
}

/* ----------------------------------------------------------------------------- */

@media screen and (min-width : 961px) and (max-width: 1190px) {
#main-slider .entry-container {			/* Gesamter Block */
    bottom: 15%;
    max-width: 60%;
    position: absolute;
}
#main-slider .entry-header {			/* Abstand zwischen Blöcken */
    color: #393938;
    display: inline-block;
    left: 0;
    margin-bottom: 10px;
}
.entry-header .entry-title {
	font-size: 20px !important;			/* 20px */
}

#main-slider .entry-title a {
    padding: 5px 10px !important;		/* 1rem 2.5rem */
}

#main-slider .entry-content {
    /* font-size: 1.25rem !important; */			/* none */
    padding: 5px 10px !important;		/* 1.5rem 2.5rem */
}
}


/* 
********* custom css ***************************************************************
*/


#main {
    padding-bottom: 10px !important;
    padding-top: 30px !important;
    _ackground: #fffffd;
}

#header-right #s {
   background-color: #f8f8f8 !important;
}

#site-description {
    color: #000000;
    font-weight: bold;
    text-shadow: 1px 1px #E6E6E6;
}

#site-logo, #hgroup, #header-right, #supplementary, #main {
    padding-top: 40px !important;    /* 2 */
    padding-bottom: 80px !important; /* 9 */
}

.by-author,
.xby-author {
    _isplay:none !important;
}

ul.menu {
    text-align: left !important;
}

.featured-slider .slides {
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2) !important;
}

#header-menu ul.menu ul a {
    font-size: 12px !important;
    line-height: 16px !important;
    padding: 5px 10px 5px 10px !important;
border-bottom: none !important;
_order-bottom: 1px dotted #444444 !important;
}

#header-menu {
	background-color: #633100 !important;		/* war #3a3d41;   ssl   jetzt #633100   menu */
}
#header-menu ul.menu a {
    text-transform: none !important;
}
#header-menu ul.menu ul a {
	background: #633100 !important;		/* war #3a3d41;   ssl   jetzt #633100   menu drop down */
}
#header-menu ul.menu li:hover > a,
#header-menu ul.menu a:focus,
#colophon #access-footer ul.menu a:hover,
#colophon #access-footer ul.menu a:focus {
	background-color: #884300 !important; 	/* war #2d2d2d;   ssl   jetzt #c46000    menu selektiertes element */
}
#header-menu .menu .current-menu-item > a,
#header-menu .menu .current-menu-ancestor > a,
#header-menu .menu .current_page_item > a,
#header-menu .menu .current_page_ancestor > a,
#colophon .menu .current-menu-item a {
	background-color: #3a1c00 !important;		/* war #000;   ssl   jetzt #3a1c00   aktuelles element ausgewählt */ 
}
.sb-options {
	background-color: #633100 !important;		/* war #3a3d41;   ssl   jetzt #633100 */
}
.sb-options a:hover,
.sb-options a:focus,
.sb-options a.sb-focus {
	background-color: #884300 !important; 	    /* war #2d2d2d;   ssl   jetzt #c46000 */
}
#site-generator {
	background-color: #633100 !important;		/* war #3a3d41;   ssl   jetzt #633100   footer */
}


body, button, input, select, textarea {
    line-height: 1.6 !important;
    font-size: 1.4rem !important;
}

p {
    margin-bottom: 8px !important;
}

blockquote {
    margin-bottom: 20px !important;
}


div.entry-content {
	overflow: hidden;
}

.entry-content img {
    _display: inline;		/* ok, aber Bilder nicht zentriert */
    _display: block;
	box-shadow: none !important;
	_order:1px solid #f0f0f0 !important;
	_ox-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;
}
div.entry-content ul li img {
    display: inline;
}
.entry-content table {
    width: auto !important;
	margin-bottom: 0px !important;
    border-bottom: 0px solid #E6E6E6 !important;
}
.entry-content td {
    border-top: 0px solid #E6E6E6 !important;
    padding: 3px 3px 3px 0 !important;
}


table {
    width: auto !important;
}
td, th {
    text-align: inherit;	/* left */
	vertical-align: top !important;
}


img.sslnobox {
    border: none !important; 
    box-shadow: none !important;
}

img.sslbox {
    border: 1px solid #888888 !important; 
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5) !important;
	padding:3px 3px 3px 3px; 
	margin:3px 3px 3px 3px; 
    _ox-shadow: none !important;
}

#imgshadow {
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5) !important;
}


/* Verstecke Settings-Zeile im 2-Bottons Plugin */
.social_share_privacy li.settings_info {
    display: none;
}


.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
	margin: 0 0 4px;
}


/* =Asides
----------------------------------------------- */

article.format-aside .entry-header {
	margin-bottom: 0;
}
article.format-aside .entry-title {
	_ont-size: 24px;
	padding-bottom: 0;
    margin-bottom: 20px;
}

article.format-aside .entry-title a {
	text-decoration: none;
	color: #222;
}
article.format-aside .entry-title a:hover {
	color: #0088cc;
}
article.format-aside .aside {
	margin-bottom: 20px;
	padding: 20px;
	background: #f0f0f0;				/* d2e0f9; */
	_order-left: 11px double #be9867;	/* a8bfe8; */
	_order-top: 1px solid #cccccc;
	_order-right: 1px solid #cccccc;
	_order-bottom: 1px solid #cccccc;
	border: 1px solid #cccccc;
	box-shadow: 2px 2px 2px #cccccc;
}
article.format-aside p {
	_ont-size: 14px;
	_ine-height: 1.5;
	color: #4a5466;
}
article.format-aside blockquote:last-child,
article.format-aside p:last-child {
	margin-bottom: 0;
}


/* =Quote based on Aside
----------------------------------------------- */

article.format-quote .entry-header {
	margin-bottom: 0;
}
article.format-quote .entry-title {
	_ont-size: 24px;
	padding-bottom: 0;
    margin-bottom: 20px;
}
article.format-quote .entry-title a {
	text-decoration: none;
	color: #222;
}
article.format-quote .entry-title a:hover {
	color: #0088cc;
}
article.format-quote .quoteaside {
	margin-bottom: 30px;
	padding: 30px;
	background: #d2e0f9;
	border-left: 22px solid #a8bfe8;
}
article.format-quote p {
	_ont-size: 14px;
	_ine-height: 1.5;
	color: #4a5466;
}
article.format-quote blockquote:last-child,
article.format-quote p:last-child {
	margin-bottom: 0;
}

pre {
	margin-bottom: 0.8em !important;
	padding: 0.8em !important;
	font-size: inherit !important;
	line-height: inherit !important;
}

article.category-commodore {

}

.comments-area article { 
	padding-bottom: 15px !important;
}
.comments-area article header {
    margin-bottom: 10px !important;
}
.comments-title,
#reply-title {
    margin-bottom: 15px !important;
}
article.comment {
    margin-bottom: 15px !important;
}

.site-navigation {
    margin-bottom: 30px !important;
}



/* ----------------------------------------------------------------------------- */

#site-title, #site-title a {
	font-family: sans-serif;
    _font-size: 5rem;
    font-weight: bold;
    line-height: 1.4;
    text-shadow: 3px 3px 3px #000000;
    color: #d7d7d7 !important;
	text-align: left;
}

#site-description {
	font-family: sans-serif;
    _font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.2;
    text-shadow: 2px 2px 2px #000000;
    color: #d7d7d7 !important;
	text-align: left;
}

/* 480-768-768-960-1024-1190 */


@media screen and (min-width: 1191px) {
#site-title, #site-description {
	padding-left: 200px;
}
}

@media screen and (min-width: 961px) and (max-width: 1190px) {
#site-title, #site-description {
	padding-left: 180px;
}
}

@media screen and (min-width: 769px) and (max-width: 960px) {
#site-title {
	padding-left: 140px;
    font-size: 3rem !important;
}
#site-description {
	padding-left: 140px;
    font-size: 1.2rem !important;
}
#site-logo, #hgroup, #header-right, #supplementary, #main {
    padding-top: 40px !important;    /* 2 */
    padding-bottom: 30px !important; /* 9 */
}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
#site-title, #site-description {
	padding-left: 0px;
}
}

@media screen and (max-width: 480px) {
#site-title {
    _font-size: 3rem !important;
}
#site-description {
    _font-size: 1rem !important;
}
}