/*
Theme Name: Twenty Eleven mod NomNom mod Witalli.de
Version: 1.5
License: GNU General Public License
Template: twentyeleven
*/
@import url("../twentyeleven/style.css");

/*----------------------------------------
        Using Google Fonts for titles
-----------------------------------------*/
h1,h1.entry-title,h2,h3,h4,h5,h6 {
        font-weight: normal;
        text-decoration: none;
        text-shadow: 1px 4px 6px rgba(0,0,0,0.2),0px -5px 35px rgba(255,255,255,0.3);
}

.entry-content h3 {font-size:1.2em; font-family:Verdana;}

h1.entry-title  a {
        font-weight:normal;
        font-size:24px;
        text-shadow: 1px 4px 6px rgba(0,0,0,0.2),0px -5px 35px rgba(255,255,255,0.3);
}
h3.widget-title {
        font-size:14px;
        text-shadow: 1px 4px 6px rgba(0,0,0,0.2),0px -5px 35px rgba(255,255,255,0.3);
}
.entry-title {
        font-weight:normal;
        font-size:24px;
        text-shadow: 1px 4px 6px rgba(0,0,0,0.2),0px -5px 35px rgba(255,255,255,0.3);
}
#site-title a {
        font-size: 28px;
        font-weight: normal;
        color:#272727;
        text-shadow: 1px 4px 6px rgba(0,0,0,0.2),0px -5px 35px rgba(255,255,255,0.3);
        text-decoration: none;
}
/*--------------------------------
        Sidebar for single posts
--------------------------------*/
.nav-previous { float: left !important; }
/* adjust Wordpress author bio */
.singular #author-info {
        margin: 2.2em 0 0;
        padding: 20px 5.4%;
        width: 550px;
}
/*-------------------------------------
        Reduce whitespace in header
---------------------------------------*/
#site-description {
        color: #7A7A7A;
        font-size: 14px;
        margin: 0 270px 1.65625em 0;
}
#site-title {
        margin-right: 270px;
        padding: 1.65625em 0 0;
}
.one-column #branding #searchform {top: 2.8em;}
#branding #searchform {
        position: absolute;
        right: 7.6%;
        text-align: right;
        top: 2.8em;
}
/* increase width of search in header */
#branding #s { width: 115px; }
#branding { border-top: none; } /* remove top header border */

/* change hentry bottom border color */
.hentry, .no-results {
        border-bottom: 1px dotted #bebebe;
        margin: 0 0 1.625em;
        padding: 0 0 1.625em;
        position: relative;
}
/* Post title Gravatars, uncomment line 21 of content.php to use. */
.entry-title img.avatar {
        padding: 4px;
    display: inline;
    margin: 0 5px -12px 0;
        border: 1px solid #ddd;
}
.gravatar {
        display:inline;
        overflow: hidden;
}
/*-----------------------------------------------------------------------------------
        ~ Begin of Custom Layouts ~
-----------------------------------------------------------------------------------*/

/* Custom one column wide layout
--------------------------------------------------------------------------------------*/
.wide-column #page { max-width: 890px;} /* This little bit controls the width */
.wide-column #content {
        margin: 0 7.6%;
        width: auto;
}
.wide-column #nav-below {
        border-bottom: 1px solid #ddd;
        margin-bottom: 1.625em;
}
.wide-column #secondary { display: none;}
.wide-column #branding img, #branding img {
        height: auto;
     /*   margin-bottom: -8px; */
}
.wide-column #extra-sidebar { display:none; }
/* Narrow width - Left sidebar
-----------------------------------------------------------------------------------------------------------------*/
.narrow-sidebar-left #page { max-width: 875px;} /* This little bit controls the width */
.narrow-sidebar-left #primary {
        float: right;
        margin: 0 0 0 -28.4%; /* increased by 2% to widen sidebar */
        width: 100%;
}
.narrow-sidebar-left #content {
        margin: 0 5.6% 0 34%; /* reduced the left content margin by 2% */
        width: 58.4%; /* increased by 2% to widen sidebar */
}
.narrow-sidebar-left #secondary, .narrow-sidebar-left #extra-sidebar {
        float: left;
        margin-left: 5.6%; /* controls left margin for left sidebar, reduced by 2%*/
        margin-right: 0;
        width: 22.8%; /* increased by 4% to widen sidebar */
}

/* Narrow width - Right sidebar
------------------------------------------------------------------------------------------------------------------*/
.narrow-sidebar-right #page { max-width: 875px;} /* This little bit controls the width */
.narrow-sidebar-right #primary {
        float: left;
        margin: 0 -28.4% 0 0; /* increased by 2% to widen sidebar */
        width: 100%;
}
.narrow-sidebar-right #content {
        margin: 0 34% 0 5.6%; /* reduced the left content margin by 2% */
        width: 58.4%; /* inreased by 2% to widen content */
}
.narrow-sidebar-right #secondary, .narrow-sidebar-right #extra-sidebar {
        float: right;
        margin-right: 5.6%; /* controls right margin for right sidebar, reduced by 2%*/
        width: 22.8%; /* increased by 2% to widen sidebar */
}

/* Three Column layout - left and right sidebars
------------------------------------------------------------------------ */
.three-column #page { max-width: 1000px;}
.three-column #primary {
    float: left;
    margin: 0 -26.4% 0 0;
    width: 100%;
}
.three-column #content {
    margin: 0 34% 0 26.4%;
    width: 46.4%;
}
.three-column #secondary {
    float: right;
    margin-right: 2.6%;
    width: 20.8%;
}
.three-column #extra-sidebar{
        position:relative;
    float: left;
    width: 20.8%;
    margin-left: -70%;
}
/* Three column - Two Right sidebar layout
-------------------------------------------------------------- */
.two-right #page { max-width: 1000px;}
.two-right #primary {
        float: left;
        margin: 0 -46.4% 0 0;
        width: 100%;
}
.two-right #content {
        margin: 0 46.4% 0 3.6%;
        width: 50.4%; /*slightly wider than alternate layout */
}
.two-right #secondary {
        float: right;
        margin-right: 2.6%;
        width: 19.2%;
}
.two-right #extra-sidebar{
        position:relative;
        float: right;
        margin-right: 2.6%;
        width: 19.2%;
}
/* Three column - Two Left sidebar layout
----------------------------------------------------------- */
.two-left #page { max-width: 1000px;}
.two-left #primary {
        float: right;
        margin: 0 0 0 -46.4%;
        width: 100%;
}
.two-left #content {
        margin: 0 5.6% 0 46.4%;
        width: 49.4%;
}
.two-left #secondary {
        float: left;
        margin-left: 3.6%;
        margin-right: 0;
        width: 18.8%;
}
.two-left #extra-sidebar{
        position:relative;
        float: left;
        margin-left: 2.6%;
        margin-top: 1%;
        margin-right: 0;
        width: 18.8%;
}
/* Various .extra-sidebar layout fixes
-------------------------------------------------------------------- */
/* Extra sidebar fix for narrow browsers/media devices */
@media (max-width: 800px) {
.custom-layouts #main #extra-sidebar{
                float: none;
                margin: 0 7.6%;
                width: auto;
        }
}
/* Default right sidebar (Twenty Elevens) with extra sidebar alignment fix*/
#extra-sidebar{
        position:relative;
        float: right;
        margin-right: 7.6%;
        width: 18.8%;
}
/* Left sidebar layout (Twenty Elevens) extra sidebar alignment fix */
.left-sidebar #extra-sidebar {
        float: left;
        margin-left: 7.6%;
        margin-right: 0;
        width: 18.8%;
}
/* Fix for gallery attachment pages 1.5 */
.image-attachment #content{
    margin: 0 7.6% 0 7.7%;
    width: 84.8%;
}

/* Singular - default one column page template css for extra layouts
/*------------------------------------------------------------------------------------*/
.singular #primary {        margin: 0; }
.custom-layouts.singular #content {
        margin: 0 7.6%;
        position: relative;
        width: auto;
}
.custom-layouts.singular .entry-header,
.custom-layouts.singular .entry-content,
.custom-layouts.singular footer.entry-meta,
.custom-layouts.singular #comments-title {
        margin: 0 auto;
        width: 88.9%;
}
/* pullquotes for extra layouts */
.custom-layouts.singular blockquote.pull,
.singular blockquote.pull{ margin: 0 0 1.625em; }

.custom-layouts .pull.alignleft,
.singular .pull.alignleft { margin: 0 1.625em 0 0; }

.custom-layouts.pull.alignright,
.singular .pull.alignright { margin: 0 0 0 1.625em; }

.custom-layouts.singular .entry-meta .edit-link a {
        position: absolute;
        left: 0;
        top: 40px;
}
.custom-layouts.singular #author-info {
        margin: 2.2em -8.8% 0;
        padding: 20px 8.8%;
}
/* Showcase style for extra layouts layout
--------------------------------------------------------------------------------*/
.narrow-sidebar-right.page-template-showcase-php #primary,
.narrow-sidebar-left.page-template-showcase-php #primary,
.two-left.page-template-showcase-php #primary,
.two-right.page-template-showcase-php #primary,
.three-column.page-template-showcase-php #primary {
        margin: 0;
}
.narrow-sidebar-right.page-template-showcase-php #content,
.narrow-sidebar-left.page-template-showcase-php #content,
.two-left.page-template-showcase-php #content,
.two-right.page-template-showcase-php #content,
.three-column.page-template-showcase-php #content {
        margin: 0 7.6%;
        width: auto;
}
.page-template-showcase-php section.recent-posts {
        float: right;
        margin: 0 0 0 31%;
        width: 67%; /* decrease recent posts width 2% */
}
.page-template-showcase-php #main .widget-area {
        float: left;
        margin: 0 -27.15% 0 0; /* increase margin 2% */
        width: 27.15%; /* increase widget width 2% */
}
/* Tidy Comments - edit at your own risk!
---------------------------------------------- */

/* Make comments as wide as possible*/
.page-template-sidebar-page-php .commentlist,
.single  .commentlist { width: auto; }
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.singular  .commentlist > li.comment,
.single  .commentlist > li.comment {
        margin-left: 102px;
        width: auto;
}
/* Talking avatars take up too much room at this size */
.page-template-sidebar-page-php .commentlist > li.comment,
.singular  .commentlist > li.comment,
.single  .commentlist > li.comment {
        margin-left: 0;
}
.page-template-sidebar-page-php .commentlist > li.comment .comment-meta,
.page-template-sidebar-page-php .commentlist > li.comment .comment-content,
.singular  .commentlist > li.comment .comment-meta,
.singular  .commentlist > li.comment .comment-content,
.single  .commentlist > li.comment .comment-meta,
.single  .commentlist > li.comment .comment-content {
        margin-right: 75px;
}
/* fix the margin for narrow content in threaded comments */
.commentlist .children li.comment .comment-content,
.commentlist .children > li.bypostauthor, .commentlist > li.bypostauthor {
        margin-right: 0;
}
.page-template-sidebar-page-php .commentlist .avatar,
.singular  .commentlist .avatar,
.single  .commentlist .avatar {
        background: transparent;
        display: block;
        padding: 0;
        top: 1.625em;
        left: auto;
        right: 1.625em;
}
.page-template-sidebar-page-php .commentlist .children .avatar,
.singular .commentlist .children .avatar,
.single  .commentlist .children .avatar {
        background: none;
        padding: 0;
        position: absolute;
        top: 2.2em;
        left: 2.2em;
}
.page-template-sidebar-page-php #respond,
.singular #respond,
.single #respond {
        width: 62.9%;
}
/* comment fix for single pages and attachment pages */
#sidebar-page-custom #respond, .single-post #respond {width: auto;}
.commentlist .children  #respond {width:auto;}
.image-attachment .commentlist{width: 68.9%;}
.image-attachment #respond {width: 62.9%;}
.one-column #respond, .wide-column  #respond,
.wide-column .commentlist, .one-column .commentlist, .page-template-default .children  > li#respond {width: auto;}
/* remove the talking arrow, unless you want it */
.commentlist > li.bypostauthor:before , .commentlist > li:before  {
    content: '';
}
/* Change the post author comment look as well */
/* Post Author threaded comments background */
.custom-layouts .commentlist .children > li.bypostauthor,
.custom-layouts .commentlist > li.bypostauthor  {
        background: #efefef;
}

/* Use our own way to author highlight :D~ */
.bypostauthor img.avatar {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom: 5px solid #F5D800;
        padding-bottom: 2px !important;
}
/* END OF CUSTOM LAYOUTS - FINALLY!~ Need beer brb :P
-----------------------------------------------------------------------------------------------*/

/* Rounded corners in subnav credit style and nav- http://designerfied.com
------------------------------------------------------------------------------*/
#access ul ul, #access2 ul ul {
        background: #333;
        -moz-border-radius-bottomleft: .5em;
        -moz-border-radius-bottomright: .5em;
        -webkit-border-bottom-left-radius: .5em;
        -webkit-border-bottom-right-radius: .5em;
        border-bottom-left-radius: .5em;
        border-bottom-right-radius: .5em;
        display: none;
        float: left;
        margin: 0;
        padding: 0 0 8px 0;
        top: 3.333em;
        left: 0;
        width: auto;
        z-index: 99999;
}
/* Set next/previous default style */
#content nav a {
        background: none repeat scroll 0 0 #EEEEEE;
        border-radius: 3px 3px 3px 3px;
        color: #666666;
        font-size: 12px;
        font-weight: 300;
        line-height: 1.5em;
        margin-right: 5px;
        padding: 2px 15px;
        text-decoration: none;
}
/* add Wordpress logo to credits */
#site-generator span.wpcredits {
        padding:9px 0 5px 20px;
}
/*------------------------------------------------
The second navigation menu
------------------------------------------------*/

#access2 {
background: rgb(200,215,220); /* Old browsers */
background: -moz-linear-gradient(top, rgba(200,215,220,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,215,220,1)), color-stop(37%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(200,215,220,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(200,215,220,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(200,215,220,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8d7dc', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(200,215,220,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* W3C */
        clear: both;
        display: block;
        float: left;
        margin: 0 auto 0;
        width: 100%;
        /*position: relative; */
        z-index: 9999;
}




#access {
background: rgb(200,215,220); /* Old browsers */
background: -moz-linear-gradient(top, rgba(200,215,220,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,215,220,1)), color-stop(37%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(200,215,220,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(200,215,220,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(200,215,220,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8d7dc', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(200,215,220,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* W3C */
        clear: both;
        display: block;
        float: left;
        margin: 0 auto 0;
        width: 100%;
        /*position: relative; */
        z-index: 9999;
}
#access2 div { margin: 0 7.6%; float:right;}
#access2 ul {
        font-size: 13px;
        list-style: none;
        margin: 0 0 0 -0.8125em;
        padding-left: 0;
}
#access2 li {
        float: left;
        position: relative;
}
#access2 a {
        color: #eee;
        display: block;
        line-height: 3.333em;
        padding: 0 1.2125em;
        text-decoration: none;
}
#access2 ul ul {
        -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        display: none;
        float: left;
        margin: 0;
        position: absolute;
        top: 3.333em;
        left: 0;
        width: 188px;
        z-index: 99999;
}
#access2 ul ul ul {
        left: 100%;
        top: 0;
}
#access2 ul ul a {
        background: #f9f9f9;
        border-bottom: 1px dotted #ddd;
        color: #444;
        font-size: 13px;
        font-weight: normal;
        height: auto;
        line-height: 1.4em;
        padding: 10px 10px;
        width: 168px;
}
#access2 li:hover > a,
#access2 ul ul :hover > a,
#access2 a:focus {
background: #efefef;
}
#access2 li:hover > a,
#access2 a:focus {
        background: #f9f9f9; /* Show a solid color for older browsers */
        background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
        background: -o-linear-gradient(#f9f9f9, #e5e5e5);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
        background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
        color: #373737;
}
#access2 ul li:hover > ul { display: block; }
#access2 .current_page_item > a,
#access2 .current_page_ancestor > a {
font-weight: bold;
}

/*---------------------------------------------------------------------------
        Wp-PageNavi style - colors are in color scheme /includes/css/style.css
        Make sure to disable wp-pagenavi css in plugin options
----------------------------------------------------------------------------*/
.wp-pagenavi span.current { font-weight: normal; }
.wp-pagenavi { margin-top:10px; margin-left:0; }
.wp-pagenavi a, .wp-pagenavi span {
        margin-right: 5px;
        font-size: 12px;
        text-decoration: none;
        background: none repeat scroll 0 0 #EEEEEE;
        border-radius: 3px 3px 3px 3px;
        color: #666666;
        font-size: 12px;
        font-weight: 300;
        line-height: 1.5em;
        padding: 2px 15px;
        text-decoration: none;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
        background: #888;border-radius: 3px 3px 3px 3px;
        color: #FFF;
}
/*------------------------------------
        Special css3 effects
-------------------------------------*/
#main:hover a , a:hover, input:hover, input:focus, textarea:hover, textarea:focus, a:hover img {
        -webkit-transition:all 0.2s ease-in-out; /* Safari and Chrome */
        -moz-transition:all 0.2s ease-in-out; /* Firefox 4 */
        -o-transition:all 0.2s ease-in-out; /* Opera */
}
#page {
        box-shadow: 0 5px 18px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 5px 16px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.3);
        -moz-border-radius: .5em;
        -moz-border-radius: .5em;
        -webkit-border-radius: .5em;
        -webkit-border-radius: .5em;
        border-radius: .5em;
        border-radius: .5em;
}
#site-generator {
        -moz-border-radius-bottomleft: .5em;
        -moz-border-radius-bottomright: .5em;
        -webkit-border-bottom-left-radius: .5em;
        -webkit-border-bottom-right-radius: .5em;
        border-bottom-left-radius: .5em;
        border-bottom-right-radius: .5em;
}
/*------------------------------------------
        Flickr, about and twitter widgets
-------------------------------------------*/
/* Twitter */
.widget_twentyeleven_twitter h3 {
        background-image: url("images/twitter-icon.png");
        background-position: 0 20%;
        background-repeat: no-repeat;
        padding-left: 30px;
}
.widget_twentyeleven_twitter {
        font-size: 13px;
        line-height: 18px;
        list-style: none;
}
.widget_twentyeleven_twitter li {
        background: url('images/twitter-divider.png') bottom left repeat-x;
        padding-bottom: 7px;
        margin-bottom: 9px;
        list-style:none;
}
.widget_twentyeleven_twitter span {
        color: #ababab;
        text-decoration: none;
}
.widget_twentyeleven_twitter a, .widget_twentyeleven_twitter span a {}
/* Blog Author Widget */
.widget_twentyeleven_blogauthorinfo span.left {
        border: 1px solid #eee;
        float: left;
        margin: 2px 10px 5px 0;
        padding: 5px 5px 0;
}
.widget_twentyeleven_blogauthorinfo h3 {
        background-image: url("images/gravatar-icon.png");
        background-position: 5px 10%;
        background-repeat: no-repeat;
        line-height: 20px;
        margin-bottom: 5px;
        padding-left: 30px;
}
.widget_twentyeleven_blogauthorinfo  p {text-align:right;} /* change this to left if you prefer */
.widget_twentyeleven_blogauthorinfo { line-height:18px; }

/* Flickr Widget */
.widget_twentyeleven_flickr h3  {}
.widget_twentyeleven_flickr h3 span{color:#0061D8;}
.widget_twentyeleven_flickr h3 span span{color:#FF1183;}
.widget_twentyeleven_flickr .flickr_badge_image  { float: left; margin: 0; }

.widget_twentyeleven_flickr .wrap  { position: relative; padding: 0; }
.widget_twentyeleven_flickr a img  { float: left;  margin: 0 3px 6px 3px; display: block; border: #dddddd 1px solid; padding: 4px;}
.widget_twentyeleven_flickr a:hover img  { border:#bbbbbb 1px solid;background-color: #eeeeee; }
.flickr_badge_image, .wrap { display:inline-block; padding: 1px;}
/*---------------------------------------------------
        Recent Related posts style
---------------------------------------------------*/
#recent {
        font-size: 12px;
        padding-left: 7px;
        display: block;
        margin-top: 15px;
        color: #666666;
        width: 130px;
        padding-top: 2px;
        padding-bottom: 2px;
        clear:both;
}
#related {
        margin-bottom: 230px;
        border: 1px solid #E8E8E8;
        clear:both;
}
#related h2 {
        text-transform: uppercase;
        font-size: 0.9em;
        margin-bottom: 2px;
        line-height: 1.2em;
}
#related .date {
        font-size: 0.7em;
        color: #999999;
        margin-top: -3px;
        margin-bottom: 10px;
}
#related p {
        font-size: 13px;
        line-height: 1.4em;
}
#related .story1 {
        width: 45%;
        float: left;
        margin: 10px 0;
        border-right: 1px solid #E8E8E8;
        padding-right: 20px;
}
#related .story2 {
        width: 45%;
        margin: 10px 0 10px 12px;
        float: right;
}
/* Fix for vertical stacking images on load */
#nomnom-header{
        clear:both;
}
#slider img {
        display:none;
        overflow: hidden;
        position:absolute;
        top: 155px;
        left: 0;
        bottom:0;
}

/*------------------------------------------------
THE END :)~
------------------------------------------------*/