1 html,body {

2 width:100%;
3 min-height:100%;
4 margin:0;
5 font-family:Arial, sans-serif;
6 font-size:12pt;
7 }
8 header{
9 height:40px;
10 width:100%;
11 background-color:black;
12 color:#FFF;
13
14 }
15
16 header h1{
17 font-size:30px;
18 line-height:40px;
19 text-transform:uppercase;
20 margin:0;
21 margin-left:10px;
22 margin-right:10px;
23 display:inline-block;
24 vertical-align: top;
25 }
26
27 header nav{
28 vertical-align: top;
29 display:inline-block;
30 height:100%;
31 }
32
33 header nav ul{
34 margin:0;
35 padding:0;
36 list-style-type:none;
37 height:100%;
38 }
39
40 header nav ul li{
41 display:inline-block;
42 margin:0;
43 height:100%;
44 width:150px;
45 text-align:center;
46 }
47
48 header nav ul li a{
49 display:block;
50 width:100%;
51 height:100%;
52 line-height:40px;
53 color:#FFF;
54 text-decoration:none;
55 }
56
57 header nav ul li a:hover{
58 background-color:#333;
59 }
60 section{
61 width:100%;
62 }
63
64 section article{
65 width:70%;
66 float:left;
67 box-sizing:border-box;
68 padding:10px;
69 }
70
71 section article h2{
72 text-align:justify;
73 text-transform:uppercase;
 74 }
75
76 section article img{
77 max-width:30%;
78 margin-right:10px;
79 float:left;
80 }
81
82 section article p{
83 text-align:justify;
84 }
85
86 section article a{
87 color:red;
88 text-decoration:none;
89 float:right;
90 }
91
92 section article a:hover{
93 text-decoration:underline;
94 }
95
96 section aside{
97 margin-top:20px;
98 box-sizing:border-box;
99 width:30%;
100 padding:10px;
101 float:right;
102 background-color:#EEE;
103 border-radius:10px;
104 }
105
106 section aside ul{
107 list-style-type:none;
108 margin:0;
109 padding:0;
110 }
111
112 section aside ul li{
113 margin:5px;
114 }
115
116 section aside ul li a{
117 color:#000;
118 text-decoration:none;
119 }
120
121 section aside ul li a:hover{
122 color:#000;
123 text-decoration:underline;
124 }
125 footer{
126 color:white;
127 position:fixed;
128 bottom:0;
129 left:0;
130 right:0;
131 height:150px;
132 background-color:#000;
133 padding:10px;
134 box-sizing:border-box;
135 }
136
137 footer ul{
138 list-style-type:none;
139 }
140
141 footer a{
142 color:#AAA;
143 text-decoration:none;
144 }
145
146 footer a:hover{
147 text-decoration:underline;
148 }
149
150 footer address
151 {
152 position:absolute;
153 text-align:right;
154 bottom:10px;
155 right:10px;
156 }
157
158 footer address a{
159 display:block
160 }