-.contentwrapper{
- width: 960px;
+body{
+ background-color: #DDDDDD;
+ font-family: Sans;
+ font-size: 0.8em;
+}
+
+.page{
+ max-width: 60em;
margin: 0 auto;
+}
+.contentwrapper{
+ overflow: auto;
}
.column-left{
float: left;
- width: 500px;
- background-color: #DDDDDD;
- padding: 10px;
+ width: 45%;
}
.column-right{
float: right;
- width: 400px;
- background-color: #DDDDDD;
- padding: 10px;
+ width: 45%;
+}
+
+#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: 1em;
}
/*Adjustment of textAdjustment of text */
h1, h2, h3, .title{
- color: #D70A53;
+ color: #C70036;
+}
+
+.pageheader {
+ 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: 7em;
+ margin-top: 0.6em;
+ display: block;
+ font-size: 150%;
+ padding-top: 0.9em;
+ line-height: 1em;
+}
+
+.pageheader .header{
+ border-radius: 1em;
+ background-color: white;
+ padding: 1em;
+ height: 4.0em;
+}
+
+.pageheader .actions{
+ padding: 1em;
+ height: 1.5em;
+}
+
+.pagebody{
+ max-width: 60em;
+}
+
+a{
+ text-decoration: none;
+}
+
+a:link, a:visited {
+ color: #1888A4;
+ text-decoration: none;
+}
+
+a:active, a:hover{
+ color: #23C7F0;
+ text-decoration: none;
+}
+
+.parentlinks a:link, .parentlinks a:visited{
+ color: #C70036;
+ padding-right: 0.5em;
}
-.title {
+.imgcenter {
+ display: block;
+ margin: 0px auto;
}