+#article article {
+ border-bottom: 1px solid #222222;
+}
+
+.vieworiginal a {
+ color: #888888;
+ text-decoration: none;
+}
+
+/*** ***/
+#main
+{
+ max-width: 60em; /* 960 px */
+ margin: 0 auto;
+}
+ #content
+ {
+ width: 103.125%; /* 990px */
+ overflow: hidden;
+ margin-left: -1.562%; /* 15px */
+ margin-bottom: -1.875em; /* 30px */
+ }
+ .entrie
+ {
+ width: 30.303%; /* 300px */
+ float: left;
+ margin: 0 1.515% 1.875em; /* 15px 30px */
+ }
+
+@media only screen and ( max-width: 40em ) /* 640px */
+{
+ .entrie
+ {
+ width: 46.876%; /* 305px */
+ margin-bottom: 0.938em; /* 15px */
+ }
+}
+@media only screen and ( max-width: 20em ) /* 640px */
+{
+ #content
+ {
+ width: 100%;
+ margin-left: 0;
+ }
+ .entrie
+ {
+ width: 100%;
+ margin-left: 0;
+ margin-right: 0;
+ }