1* { box-sizing: border-box; }
2html, body { margin: 0; padding: 0; }
3
4body {
5    padding: 0 20px;
6    max-width: 800px;
7    margin: 0 auto;
8
9    color: #333;
10}
11
12.clear { clear: both; }
13
14
15#language-menu, #main-menu, #title, #subtitle {
16    font-family: Georgia;
17    font-variant: small-caps;
18}
19
20.copy-left {
21    display: inline-block;
22    text-align: right;
23    margin: 0px;
24    -moz-transform: scaleX(-1);
25    -o-transform: scaleX(-1);
26    -webkit-transform: scaleX(-1);
27    transform: scaleX(-1);
28    filter: FlipH;
29    -ms-filter: "FlipH";
30}
31
32/* Language Menu */
33
34#language-menu { float: right; }
35#language-menu a {
36    display: block;
37    padding: 8px 10px;
38    width: 100px;
39
40    transition: border-left 0.3s ease-in-out;
41    border-left: 2px solid #FFF;
42}
43#language-menu a:hover { border-left: 2px solid #A00; }
44#language-menu a, #language-menu a:visited {
45    color: #333;
46}
47
48/* Main Menu */
49
50#main-menu {
51    margin-top: 20px;
52    border-left: 2px solid #A00;
53    padding-left: 10px;
54}
55
56#main-menu a {
57    float: left;
58    width: 100px;
59    text-align: center;
60
61    padding: 5px 10px;
62    margin: 0;
63
64    text-decoration: none;
65    font-size: 18px;
66
67    transition: border-bottom 0.3s ease-in-out;
68    border-bottom: 2px solid #FFF;
69}
70
71#main-menu a:hover {
72    border-bottom: 2px solid #A00;
73}
74
75/* Content */
76
77article h3 {
78    margin-bottom: 3px;
79}
80.post-meta {
81    color: #888;
82    margin-bottom: 10px;
83}
84
85/* Footer */
86
87#footer {
88    margin: 50px 0;
89    text-align: center;
90}
91