/*** MagsMag 2.0 Redesign 2012/10/22/001 ***/
/* version 0.3 Gert Brantner gb@fetznetz.com ***/

/* LAYOUT DEFINITIONS */

/* reset html, body */


html, body {
    background-image: url('http://dev.magsmag.com/wp-content/uploads/2013/01/bg-1.jpg'); background-repeat: repeat; background-position: top center; background-attachment: scroll;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}    

@media only screen and (max-device-width: 1024px) {
    html, body{
    background: url('/wp-content/themes/boilerplate/images/bg_small.jpg'); background-repeat: repeat; background-position: top center; background-attachment: scroll;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;

    }
}


/* hopefully we won't need to use clear */
.clear {clear:both}

/* WRAPPERS */
/* wrapper class for centering everything */
.wrapper{width:100%;height:100%}

/* wrapper for all content (gets resized in script.js adjustLayout()) */
/* changes to 1024px in >981px layouts; and to 1394px in >1394px layouts*/
#wrapper_main{width:980px;margin:0 auto}

/* Stub class for responsive centering (gets resized in script.js adjustLayout()) */
/* initial size 40px to the left & right of content wrapper */
/* changes to 62px in >981px layouts; and to 185px in >1394px layouts*/
.stub{float:left;width:40px;}

/* sidenav */
#sidenav{float:left;width:185px;padding-left:5px;}
.arrows{display:block;margin:0;padding-bottom:12px;}
/* hide close button in sidenav */
#sidenav .hide-overlay{display:none;}

/* wrapper for keeping content elements centered */
#wrapper_content{width:900px;margin:0 auto}

/* header elements */
#menubuttoncontainer{float:left;width:62px;padding-top:86px;}
header{float:left;width:776px;padding-top:28px;}
#headerright{float:left;width:62px}

/* CONTENT */

section#content{float:left;width:900px;padding-top:45px;}

article.post{
    width:900px;
    margin: 0px auto;
    margin-bottom:35px;
    }

.meta-container{width:900px;}
.entry-title {float:left}
.entry-meta {float:right}
.entry-utility{padding-left:45px;padding-right:45px}
.entry-share{padding-left:138px;padding-right:138px;}
.teaser-utility{padding-left:45px;padding-right:45px;padding-top:14px;padding-bottom:58px;}


.navigation{width:560px;height:62px;margin:0 auto;margin-top:15px;}
.nextpostslink {width:280px;height:62px;background:url('/wp-content/themes/boilerplate/images/arrow_left.png') no-repeat;background-position:215px;float:left;}
.previouspostslink {width:220px;height:62px;background:url('/wp-content/themes/boilerplate/images/arrow_right.png') no-repeat;background-position:0 9px;padding-left:60px;float:right;}
.pag {vertical-align:bottom;}

/* Navigation overlay for viewports < 1394px */
#overlay {
    width: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    background: url('/wp-content/themes/boilerplate/images/overlay.png') repeat 0 0;
    display: none;
    text-align: center;
}

#overlay-panel {
    margin: 10% auto 0 auto;
    width: 350px;
    background: transparent;
}

/** ie6 and below only **/
* html #overlay {
    background-image: url('/wp-content/themes/boilerplat/images/overlay.png');
    height: 100%;
    position: absolute;
}

/*hide arrows in nav overlay */
#midnav .arrows{display:none;}

.rsArrowDisabled{display:none !important;}

.teasercontainer{float:left;margin-bottom:10px;}
.tcw2.tceven{margin-left:18px;}
.tcw2.tclast{margin-left:18px;}
.tcw3.tceven{margin-left:18px;}
.tcw3.tclast{margin-left:18px;}

.wrapper_share{text-align:center;}
.addthis_toolbox{margin:0 auto;display:inline-block;}