/*
Theme Name: ROFmagazine
Theme URI: http://www.rofmagazine.com/
Description: ROFmagazine
Author: ROFmagazine
Author URI: http://www.rofmagazine.com/
Template: yoko
Version: 1.0
Tags: reise
*/

/* Imports the stylesheet from the Tatami parent theme */
@import url('../yoko/style.css');

blogname, blogdesc {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
}

#site-title blogname {
        margin: 0 10px 0 0;
        font-size: 2.1em;
        line-height:1.2;
        font-weight: bold;
        text-transform:uppercase;
        display: block;
        float: left;
}
#site-title blogname a:hover {
        text-decoration:none;
}
#site-title blogdesc {
        font:italic .9em 'Droid Serif',  Times, serif;
        color: #404F33;
        margin: 17px 0 0 0;
}

#content .page-header blogname.page-title {
        padding: 0 0 15px 0;
        font-size: .8em;
        color: #5C1D56;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: .1em;
}

#content .post .author-info {
    background: #A86BA7 none repeat scroll 0 0;
    border-top: 1px solid #ddd;
    margin: 20px 0 0 0;
    overflow: hidden;
    padding: 15px 20px 15px 0px;
}

.author-info img {
        float: left;
}

.entry_author_image {
  width:140px;
}

.author-beschreibung {
  margin-left:160px;
  padding:0 0 0 0px;
        font-size: .95em;
        font: inherit;
        vertical-align: baseline;
        margin-bottom: 20px;
}

#content .post .author-description {
  margin-left:90px;
}

/* Links
--------------------------------------------- */

a {
    color: #5C1D56;
}

a:hover {
        color: #A86BA7!important;
}

a {

}

/* Media queries for responsive design
--------------------------------------------- */
/* --- iPad Landscape --- */
@media screen and (max-width: 1024px) {

#site-title blogname {
        margin: 0 10px 3px 0;
        float: none;
}
#site-title blogdesc {
        margin: 0;
}

#site-title blogname a {
        margin: 0 auto;
}
}

/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width : 620px) {
/* --- Header --- */
#site-title {
        float: left;
        padding: 10px 0 5px;
}
#site-title blogname {
        margin: 0;
        text-align: center;
        float: none;
}
#site-title blogdesc {
        margin: 0;
        text-align: center;
}
}