/*
Theme Name: JournalCrunch

Theme URI: http://www.s5themes.com/theme/journalcrunch/

Description: JournalCrunch - Modified for Fairerhandel-aktuell

Author: Oli

License: GPL

License URI: http://www.gnu.org/copyleft/gpl.html

*/
@import url(default.css);


body,html {
    background:url(images/soft_circle_scales.png);
}

h1 {
    line-height: 130%;
}

#content aside {
    margin-top: 10px;
}

#footerInner {
    color:#666;
}

/* -- logo --*/
#logo {
    top:60px;
}

#logo a img{
    /* margin-top: -20px; */
    vertical-align:middle;
}
#logo span {
    line-height: 130%;
    font-size: 12px;
    font-family:Arial, Helvetica, sans-serif;
}

#featuredPosts .item {
    width: 100%;
}

#featuredPosts .item h1 {
     /*padding-right:80px;*/
}

#featuredPosts .item .readMore {
    left: 560px;
}

#featuredPosts .item {
    background:url(images/featured_bubble.png) 555px 0 no-repeat;
}

#content article img.featuredBubble {
    position: absolute;
    z-index: 1;
    top: -40px;
    right: -27px;
    background: none;
}

#content article.postBox {
    width: 305px;
}

#content .postBoxInner, #content .postBoxInnerHover {
    height: 360px;
}

#content .postBoxInner h2 a {
    font-size: 0.9em;
    font-family: Georgia,"Times New Roman",Times,serif;
    line-height: 130%;
}

/* Shops */
#content .shopBoxInner {
    height:230px;
}

#content .subcategory ul {
    /*margin: 0;*/
    /*padding: 1em; *//* Set the distance from the list edge to 1x the font size */
    /*list-style-type: disc;*/
    /*list-style-position: outside;*/
    /*list-style-image: none;*/
}

#content .subcategory li {
    /*margin: 0;*/
    padding-left: 1em; /* Set the distance from the list edge to 1x the font size */
    /*list-style-type: disc;*/
    list-style-position: inside;
    list-style-image: none;
}

/* shop category menu*/
#shopSubCategories ul {
    position: relative;
}

#shopSubCategories ul li a:before {
    /* double arrows for each subcategory*/
    content: '\00BB';
    position: absolute;
    left: 0;
    color: #e94f31;
}
.activeSubCategory {
    background: #c1c1c1;
}

.activeCategory {
    background: #c1c1c1;
}


/* sticky header */
#mainWrapper {
    background: none;
}

#stickyBgBlock {
    background:url(images/bk_main_wrapper_without_dots.png) 0 0 repeat-x;
    height:70px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1999;
}

#topMenuContainer {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;
}

#topSearch {
    /* change to float: right ???*/
    position:relative;
    left: 770px;
}

div.dottedLine {
    background:url(images/bk_dotted_big.png) 0 0 repeat-x;
    height: 10px;
    width: 100%;
    margin-top: 15px;
}

div#wpadminbar {
    top: 50px;
}

/* copied from old ddsmoothmenu.css */
#topMenu.ddsmoothmenu{
    z-index:2000;
}

#topMenu.ddsmoothmenu ul{
    z-index:2000;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/*Top level list items*/
#topMenu.ddsmoothmenu ul li{
    position: relative;
    display: inline;
    float: left;
}

/*Top level menu link items style*/

* html #topMenu.ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
    display: inline-block;
}


/*1st sub level menu*/
#topMenu.ddsmoothmenu ul li ul{
    position: absolute;
    left: 0;
    display: none; /*collapse all sub menus to begin with*/
    visibility: hidden;
    width:auto;
    border-bottom:2px solid #80D5CE;
}

/*Sub level menu list items (undo style from Top level List Items)*/
#topMenu.ddsmoothmenu ul li ul li{
    float: none;
    display: list-item;
    background:#45C0B6;
    padding:0;
}


/* Sub level menu links style */
#topMenu.ddsmoothmenu ul li ul li a, #topMenu.ddsmoothmenu ul li ul li a:hover{
    text-align:left;
    margin:0;
    padding:12px 0 12px 16px;
    /*background:#000;*/
    line-height:100%;
    width:168px;
    height:1%;
    border-bottom:1px solid #80D5CE;
    text-transform:none;
    font-size:13px;
    color:#fff;
    text-shadow:none;

}

#topMenu.ddsmoothmenu ul li ul li a {
    color:#B4E7E2;
}

#topMenu.ddsmoothmenu ul li ul li a:hover {
    color:#FFF;
}

#topMenu.ddsmoothmenu ul li ul li a.last, #topMenu.ddsmoothmenu ul li ul li a.last:hover {
    border:none;
}

/* Holly Hack for IE \*/
* html #topMenu.ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

/* end ddsmoothmenu*/

/* start twoclick-scocial plugin */
#content section ul li.twoclick-facebook,
#content section ul li.twoclick-twitter,
#content section ul li.twoclick-gplus,
#content section ul li.twoclick-xing,
#content section ul li.twoclick-pinterest,
#content section ul li.settings_info {
    padding: 0;
}

#content section ul li.twoclick-facebook {width: 175px;} /* width -5px*/
#content section ul li.twoclick-twitter {width: 145px;} /* width -5px*/
#content section ul li.twoclick-gplus {width: 118px;} /* width -5px*/
#content section ul li.twoclick-xing {width: 140px;} /* width -5px*/
#content section ul li.twoclick-pinterest {width: 100px;} /* width -25px*/
#content section ul li.settings_info {width: 115px;} /* width -20px*/
#content section ul li div div.dummy_btn { margin-left: 5px} /* margin-left -5px */
/* end twoclick-scocial plugin*/

/* start yarpp */
div.yarpp-related {
    clear: both;
    padding-top: 15px;
}
/* end yarpp */

/* google map */
div.gm-style,
div.gm-style  div
{
    margin-top: 0;
}

/* googlemap */