}
.page{
- max-width: 960px;
+ max-width: 60em;
margin: 0 auto;
}
.column-left{
float: left;
- width: 50%;
+ width: 45%;
}
.column-right{
width: 45%;
}
-.columns, #content{
- border-radius: 10px;
+#footer{
+ width: 60em;
+ padding: 1em;
+ margin: 0 auto;
+ margin-top: 1.0em;
+}
+
+@media (max-width: 60em) {
+ .column-left { float: none; width: auto; }
+ .column-right { float: none; width: auto; }
+ #footer { width: auto; }
+}
+
+#content{
+ border-radius: 1em;
background-color: white;
- padding: 10px;
+ padding: 1em;
}
}
.pageheader {
- margin: 20px auto;
+ margin: 1.0em auto;
+}
+
+.pageheader .parentlinks{
+ height: 1em;
+ display: block;
}
.pageheader .title{
background-image: url('swirl_and_vienna.png');
background-repeat: no-repeat;
- padding-left: 170px;
- margin-top:10px;
- height: 95px;
+ padding-left: 7em;
+ margin-top: 0.6em;
display: block;
- font-size: 2em;
- padding-top: 47px;
+ font-size: 150%;
+ padding-top: 0.9em;
+ line-height: 1em;
}
.pageheader .header{
- border-radius: 10px;
+ border-radius: 1em;
background-color: white;
- padding: 10px;
- height: 100px;
+ padding: 1em;
+ height: 4.0em;
}
.pageheader .actions{
- padding: 10px;
- height: 30px;
+ padding: 1em;
+ height: 1.5em;
}
.pagebody{
- max-width: 960px;
-}
-
-#footer{
- width: 960px;
- padding: 10px;
- margin: 0 auto;
- margin-top: 20px;
+ max-width: 60em;
}
a{
text-decoration: none;
}
-a:link, a:vistited {
+a:link, a:visited {
color: #1888A4;
text-decoration: none;
}
color: #23C7F0;
text-decoration: none;
}
+
+.parentlinks a:link, .parentlinks a:visited{
+ color: #C70036;
+ padding-right: 0.5em;
+}
+
+.imgcenter {
+ display: block;
+ margin: 0px auto;
+}