@import "font.css";

/* BASICS */
body, html {
margin:0;
padding:0;
height:100%;
width:100%;
}

body {
display:table;
color:#222;
background-color:#fdfdfd;
font-size:19px;
font-family:"Special Chars","Noto Sans",Verdana,sans-serif;
}

::selection {
color:#fff;
background-color:#080;
}
::-moz-selection {
color:#fff;
background-color:#080;
}

a {
color:#080;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a:focus {
outline:none;
}

textarea:focus, input[type="text"]:focus {
outline:none;
}

span.specialchar {
font-family:Verdana,sans-serif;
line-height:0.5em;
}

p.error, span.error {
color:#f00;
}

img {
border:0;
}


/* LAYOUT */
div.body {
display:table-row;
width:100%;
height:100%;
}
div.bodyBox {
display:table;
width:1150px; /* 1200px w/ padding */
height:100%;
padding:0 25px;
margin:0 auto;
vertical-align:top;
}

/* Sidebar */
div.sidebar {
display:table-cell;
width:240px;
padding-right:40px;
vertical-align:top;
font-family:"Oswald","Trebuchet MS",sans-serif;
font-size:19px;
}

div.sideBlock {
margin-top:30px;
margin-bottom:35px;
}
div.sideBlock.tags {
color:#888;
font-size:18px;
}
div.sideBlock:first-child {
margin-top:60px;
}
div.sideBlock:last-child {
margin-bottom:60px;
}
div.sideBlock + div.sideBlock:before {
content:"";
display:block;
width:70%;
height:1px;
margin:0 auto;
margin-bottom:30px;
background-color:#ccc;
}
div.sideBlockBox {
position:relative;
margin-right:25px;
}
div.sideBlockBox:after {
content:"";
position:absolute;
width:1px;
height:80%;
right:-25px;
top:10%;
background-color:#ccc;
}

div.sideBlockBox strong, ul.menu strong, p.draftlist strong, p.year strong {
color:#e50;
}

div.sideBlockBox h3 { /* Block Title */
margin:0;
margin-bottom:22px;
color:#222;
font-size:24px;
line-height:1.2em;
text-transform:uppercase;
}
div.sideBlockBox h4 { /* Subtitle */
margin-top:16px;
margin-bottom:13px;
color:#222;
font-size:22px;
font-weight:normal;
}

div.sideBlockBox ul {
margin:0;
margin-top:10px;
padding:0;
font-size:inherit;
line-height:1.1em;
list-style-type:none;
}
div.sideBlockBox li {
margin-top:9px;
}
div.sideBlockBox ul ul {
padding-left:15px;
}



/* Content */
div.content {
display:table-cell;
vertical-align:top;
}
div.contentBox {
position:relative;
width:900px;
margin:60px auto;
/*padding-right:14px;*/
}
div.sidebar + div.content div.contentBox {
width:auto;
}





/* HEADER, FOOTER */
div.header, div.footer {
display:table-row;
width:100%;
color:#eee;
background-color:#282828;
font-family:"Oswald","Trebuchet MS",sans-serif;
}

/* Header */
div.headerBox {
display:table;
width:1200px;
margin:0 auto;
}
div.headerBox a {
color:inherit;
text-decoration:none;
}

/* Logo */
div.logo {
display:table-cell;
vertical-align:middle;
}
div.logo a {
display:inline-block;
margin:14px 0;
margin-left:25px;
margin-right:70px;
}
div.logo h1 {
margin:0;
}

/* Header Menu */
div.menu {
display:table-cell;
vertical-align:middle;
text-align:right;
font-size:20px;
line-height:1.4em;
white-space:nowrap;
}
ul.menuBox {
margin:13px 0;
margin-right:11px/*25px*/;
padding:0;
text-transform:uppercase;
}
ul.menuBox li {
display:inline-block;
vertical-align:top;
list-style-type:none;
}
ul.menuBox + ul.menuBox {
margin-top:-13px;
}
ul.menuBox li a, ul.menuBox li strong {
display:block;
padding:10px 14px;
}
ul.menuBox li a:hover {
color:#fff;
background-color:#444;
}
ul.menuBox li strong {
color:#fc6;
background-color:#383838;
font-weight:normal;
}

/* Footer */
div.footer p {
width:1150px;
margin:14px auto;
padding:0 25px;
text-align:center;
}
div.footer small {
font-size:15px;
font-size:17px;
font-weight:lighter;
}
div.footer a {
color:#00ffe4;
}
div.footer span.shwe {
font-weight:normal;
}