/* General Style */
body {
        background:#FFFFFF;
        font-size:100%;
        margin:0em;
        padding:0em;
}
h1 {
        font-size:1.313em;
        font-family:sans-serif;
        font-style: italic;
        font-weight:100;
        font-variant: small-caps;
        /*letter-spacing: -1px;*/
        line-height:1.5em;
        color:#fff;
        margin:0em 0.66em 0em 0.188em;
        text-align:right;
}
h2 {
        font-size:1.563em;
        /*line-height:1.8em;*/
        font-family:Helvetica;
        font-style: italic;
        font-weight:100;
        color:#2F2D2C;
        margin:0em 0.66em 0em 0.66em;
        padding-bottom: 0.5em;
        text-align:left;
}
p {
        line-height:1.25em;
        font-size:1.25em;
        font-family:monospace;
        font-weight:100;
        color:#2F2D2C;
        margin:0em;
        padding:1em;
        text-align:left;
}
/*pre {
        line-height:1.25em;
        font-size:1.25em;
        font-family:monospace;
        font-weight:100;
        color:#2F2D2C;
        margin:0em;
        padding:0em;
}*/
ul {
        margin:0px;
        padding:0px;
}
li {
        list-style:square;
        font-family:Helvetica;
        font-weight:100;
        color:#2F2D2C;
        line-height:1.25em;
        margin:0em;
        padding:0em;
        margin:0.313em 0em 0.313em 0em;
}
img {
        width:90%;
        height:auto;
        max-width:100%;
}
a {
	     color:#fff;
        text-decoration: none;
}
/* On Top Bar */
#menubar {
        display:block;
        background:#FFFFFF;
}
#menubar ul {
        display:block;
        width:2em;
        padding:0.9em;
}
#menubar ul li {
        display:inline;
}
#menubar ul li a.menubutton {
        display:none;
}
/* Header */
header {
        display:block;
        width:15%;
        max-width:980px;
        background:#2F2C2C;
}
header h2 {
	     width:100%;
	     background:#fff;
	     font-size:1.125em;
        font-family:sans-serif;
        font-style: italic;
        font-weight: 100;
        /*letter-spacing: -1px;*/
        line-height:1.5em;
        color:#000;
        margin:0 1.25em 0 0;
        text-align:right;
}
/* Navigation */
nav {
        display:block;
        width:96%;
        background:#FFFFFF;
        text-align:right;
        margin: auto;
        vertical-align:top;
}
nav ul {
        display:block;
        margin-left:3%;
}
nav ul li {
        display:inline;
        margin:0em 0.188em 0em 0.188em;
}
nav ul li a {
        color:#454040;
        font-size: 1.125em;
        line-height:2.5em;
        transition:background 0.2s;
        -webkit-transition:background 0.2s;
}
nav ul li a:hover {
        border-bottom: 0.088em solid #000;
}
nav ul li a.active {
        border-bottom: 0.088em solid #000;
}
/* Content Area */
#main {
        display:block;
        max-width:1080px;
        width:96%;
        margin:3.5em auto;
        padding:0em;
        text-align:center;       
}
#main article {
        display:inline-block;
        width:98%;
        max-width:1024px;
        background:#FFFFFF;
        vertical-align: top;
        margin:0em;
        padding:0em;
        text-align:justify;
}
#main article p {
		  font-size:0.813em;
        line-height:1.25em;
        font-family:Helvetica;
        font-weight:100;
        color:#2F2D2C;
        margin:0em;
        padding:1em;
        text-align:justify;
}
#main article div {
		  text-align:center;
		  margin-bottom: 1em; 
	  
}
#main article div a {
		  display:block;
		  margin-top: auto;
		  margin-bottom:auto;
		  text-align:center;
		  font-family:Helvetica;
		  color: transparent;
		  font-style: italic;
		  font-size: 30em;
		  font-variant:small-caps;
		  background-color: transparent;		    
}		
#main article div img{
        max-width:1024px;
        border-radius: 0px;
        margin:0em;
        padding:0em;
}
#main article img {
        max-width:1024px;
        border-radius: 0px;
        margin:0em;
        padding:0em;
        position: relative;
}
#main aside {
        display:inline-block;
        width:31%;
        margin-left:3.5em;
        padding:0em;
        vertical-align:top;
        font-size:0.813em;
}
#main aside section {
        margin-bottom:1.563em;
        background:#FFFFFF;
}
#main aside span {
		  display:block;
        font-family:monospace;
        font-weight:100;
        color:#2F2D2C;
        margin:0em;
        padding-bottom:1em;
        text-align:left;
}
#main article h2 {
        padding:0em;
}
#main aside section ul {
        padding:0em;
}
/* Footer */
footer {
        display:block;
        background:#2F2C2C;
        text-align:left;
        margin: 16.5em 0em 0em 0em;
}
footer ul {
        display:block;
        width:100%;
        max-width:1080px;
        text-align:left;
        margin:0px auto;
}
footer ul li {
        display:inline;
        font-size:0.8em;
        line-height:2.8em;
        color:#E2DBDB;
        padding:0em 0.625em 0em 0.625em;
}
footer ul li a {
        color:#E2DBDB;
}
/* Mobile Style */@media screen and (max-width:1280px) {
	     header {
        width:25%;
		  }
}
@media screen and (max-width:860px) {
	     header {
        width:100%;
		  }body {
                font-size:90%;
        }
        #main aside, #main article {
                display:block;
                width:100%;
                margin:0.625em 0em 0.625em 0em;
                font-size:1em;
        }
}
@media screen and (max-width:600px) {
        #main aside, #main article {
                width:100%;
                display:block;
                margin:0.625em 0em 0.625em 0em;
        }
}
@media screen and (min-width:550px) {
        nav.nav {
                display:block !important;
        }
}
@media screen and (max-width:550px) {
	     header {
        width:100%;
		  }
        body {
                font-size:86%;
        }
        #menubar ul li a.menubutton {
                display:block;
        }
        nav {
                display:none;
                height:auto;
        }
        nav ul li {
                display:block;
                margin:0.3em 0em 0.3em 0em;
                text-align:center;
        }

}