/*
Template 4221
copy of 4141 (more flexible)
modified by jörn schreiber
*/





/* Fonts
-----------------------------------------------------------------*/

#gj-contents #gj-sidebar #gj-globalnavi ul li {
    font-size: 100%;
}

#gj-footer {
    font-size: 75%;
}

div.hr {
    margin: 25px 0;
}


/* Container
--------------------------------------------*/


.body {
    background: url(https://u.jimcdn.com/cms/o/layout/l8d23a2a7eabdfc36/img/img-body-bg.gif) repeat 0 0;
    padding:0px 0px;
    text-align:center;
}


#gj-container {
    width: 900px;
    margin:0 auto; 
    text-align:left;   
}




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


#gj-visual {
    margin: 20px 0;
    position: relative;
}
#gj-visual h1 {
    bottom: 25px;
    right: 25px;
    color: #FFF;
    position: absolute;
    font-family: "Hiragino Mincho Pro", "MS Mincho", "Times New Roman";
    margin: 0;
    padding: 0;
}


/* Contents
------------------------------------ */


#gj-contents {
    zoom: 1;
    padding: 0 0 10px 0;
}
#gj-contents:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

#gj-contents #gj-main_contents {
    width: 650px;
    float: left;
}
#gj-contents h1, #gj-contents h2, #gj-contents h3 {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin: 0 0 15px;
    box-shadow: rgba(60, 60, 60, .45) 1px 1px 2px;
}

#gj-contents h1 {
    background: #684f3e url(https://u.jimcdn.com/cms/o/layout/l8d23a2a7eabdfc36/img/img-h1-bg.gif) no-repeat left center;
    background: url(https://u.jimcdn.com/cms/o/layout/l8d23a2a7eabdfc36/img/img-h1-bg.gif) no-repeat left center, url(https://u.jimcdn.com/cms/o/layout/l8d23a2a7eabdfc36/img/img-h1-bg-dot.gif) repeat top left, -webkit-gradient(linear, left top, left bottom, color-stop(48%, #966a56), color-stop(100%,#684f3e));
    background: url(https://u.jimcdn.com/cms/o/layout/l8d23a2a7eabdfc36/img/img-h1-bg.gif) no-repeat left center, url(https://u.jimcdn.com/cms/o/layout/l8d23a2a7eabdfc36/img/img-h1-bg-dot.gif) repeat top left, -moz-linear-gradient(top, #966a56 48%, #684f3e 100%);
    padding: 12px 10px 12px 16px;
}


#gj-contents h2 {
    background: #fece3f url(https://u.jimcdn.com/cms/o/layout/l8d23a2a7eabdfc36/img/img-h2-bg.gif) no-repeat left center;
    background: url(https://u.jimcdn.com/cms/o/layout/l8d23a2a7eabdfc36/img/img-h2-bg.gif) no-repeat left center, url(https://u.jimcdn.com/cms/o/layout/l8d23a2a7eabdfc36/img/img-h2-bg-dot.gif) repeat top left, -webkit-gradient(linear, left top, left bottom, color-stop(48%, #fcebb9), color-stop(100%,#fece3f));
    background: url(https://u.jimcdn.com/cms/o/layout/l8d23a2a7eabdfc36/img/img-h2-bg.gif) no-repeat left center, url(https://u.jimcdn.com/cms/o/layout/l8d23a2a7eabdfc36/img/img-h2-bg-dot.gif) repeat top left, -moz-linear-gradient(top, #fcebb9 48%, #fece3f 100%);
    padding: 10px 10px 10px 16px;
}
#gj-contents h3 {
    background: #dddad2;
    background: url(https://u.jimcdn.com/cms/o/layout/l8d23a2a7eabdfc36/img/img-h3-bg.gif) no-repeat left center, -webkit-gradient(linear, left top, left bottom, color-stop(48%, #efede3), color-stop(100%,#dddad2));
    background: url(https://u.jimcdn.com/cms/o/layout/l8d23a2a7eabdfc36/img/img-h3-bg.gif) no-repeat left center, url(https://u.jimcdn.com/cms/o/layout/l8d23a2a7eabdfc36/img/img-h3-bg-dot.gif) repeat top left, -moz-linear-gradient(top, #efede3 48%, #dddad2 100%);
    padding: 8px 10px 8px 16px;
}

#gj-contents #gj-sidebar {
    width: 220px;
    float: right;
}








/* Sidebar 
---------------------------------------- */

#gj-sidebar #gj-globalnavi a {
    text-decoration: none;
    color: #933f3d;
}

#gj-sidebar #gj-globalnavi ul {
    background: url(https://u.jimcdn.com/cms/o/layout/l8d23a2a7eabdfc36/img/img-nav-bg-top.gif) no-repeat top left, url(https://u.jimcdn.com/cms/o/layout/l8d23a2a7eabdfc36/img/img-nav-bg-bottom.gif) no-repeat bottom left;
    padding: 42px 0 20px;
    margin: 0 0 20px;
    overflow: hidden;
    list-style-type:none;
}

html>body #gj-sidebar #gj-globalnavi ul
{
  background: url(https://u.jimcdn.com/cms/o/layout/l8d23a2a7eabdfc36/img/img-nav-bg-top.gif) no-repeat top left;
}


#gj-sidebar #gj-globalnavi ul li {
  background:none;
    margin: 0;
    padding: 0 0px;
    display:inline;
}
#gj-sidebar #gj-globalnavi ul li a {
    display: block;
    background: #ffd351 url(https://u.jimcdn.com/cms/o/layout/l8d23a2a7eabdfc36/img/img-nav-li-bg.gif) no-repeat 8px center;
    padding: 10px 5px 10px 20px;
    border-bottom: 1px dotted #d6b144;
}
#gj-sidebar #gj-globalnavi ul li a:hover,
#gj-sidebar #gj-globalnavi ul li a.current {
    font-weight: bold;
}

#gj-sidebar #gj-globalnavi ul ul {
    margin: 0;
    padding: 0;
    background: none;
}
#gj-sidebar #gj-globalnavi ul ul li {
    padding: 0;
}
#gj-sidebar #gj-globalnavi ul ul li a {
    padding: 10px 5px 10px 40px;
    background-position: 28px center;
}
#gj-sidebar #gj-globalnavi ul ul ul li a {
    padding: 10px 5px 10px 60px;
    background-position: 48px center;
}

#gj-sidebar ul, #gj-sidebar ol {
    margin: 10px;
}






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



#gj-footer {
    zoom: 1;
}
#gj-footer:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
#gj-footer_in {
    padding: 30px 0 50px;
    width: 900px;
    margin:0 auto; 
    text-align:left;
    border-top: 1px dotted #7f7f72;
}
#gj-footer #gj-footernavi {
    float: left;
}
#gj-footer #gj-author_meta {
    float: right;
}


/* Blog Headline
-----------------------------------------------------------------*/

#gj-contents #gj-main_contents .j-blogarticle > h1,
#gj-contents #gj-main_contents .post h1 {
    background: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
}
#gj-contents #gj-main_contents .post { padding: 5px;}
#gj-contents #gj-main_contents .post h1 a { text-decoration: none; }

/* disable comment h2 styling  */
#gj-contents .j-comment h2,
#gj-contents .cc-m-comment h2 {box-shadow: none; background: none; padding: 0;}
/* disable comment h2 styling for blog comments */
#gj-contents .skiptoform + h2 {box-shadow: none; background: none; padding: 0;}