* {margin: 0; padding: 0;}
header, nav, section, article, aside, footer {display: block;}
body {
- font: 16px/18px Arial, Tahoma, sans-serif;
- color: #555;
- width: 960px;
- margin-left:auto;
- margin-right:auto;
- text-align:center;
+ font: 16px/18px Arial, Tahoma, sans-serif;
+ color: #555;
+ width: 960px;
+ margin-left:auto;
+ margin-right:auto;
+ text-align:center;
}
a {
- color: #333;
- outline: none;
+ color: #333;
+ outline: none;
}
a:hover { color: #A80202;}
img {border: none;}
blockquote {
- margin: 0 20px 18px 20px;
- padding: 1px 12px;
- background: #F2F2F2;
- border-left: 3px solid #A80202;
- border-right: 3px solid #A80202;
+ margin: 0 20px 18px 20px;
+ padding: 1px 12px;
+ background: #F2F2F2;
+ border-left: 3px solid #A80202;
+ border-right: 3px solid #A80202;
}
blockquote p {
- padding: 8px 0;
- margin: 0;
+ padding: 8px 0;
+ margin: 0;
}
.clear {
- clear: both;
- height: 0;
- overflow: hidden;
+ clear: both;
+ height: 0;
+ overflow: hidden;
}
.aligncenter,
div.aligncenter {
- display: block;
- margin-left: auto;
- margin-right: auto;
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
}
.alignleft {float: left;}
img.alignright {margin: 5px 0 5px 15px;}
#wrapper {
- width: 960px;
- text-align:left;
+ width: 960px;
+ text-align:left;
}
/* Header
-----------------------------------------------------------------------------*/
header {
- height: 200px;
- position: relative;
- background: url(images/roundedheader.png);
- margin-top: 10px;
+ height: 200px;
+ position: relative;
+ background: url(images/roundedheader.png);
+ margin-top: 10px;
}
#headerlogo {
- position: absolute;
- top: 23px;
- right: 47px;
+ position: absolute;
+ top: 23px;
+ right: 47px;
}
-
-
#sitename a {
- position: absolute;
- top: 30px;
- left: 10px;
- font: 40px/1 Georgia, "Times New Roman", Times;
- color: #F2F2F2;
- text-shadow: 2px 2px 2px #000;
- text-decoration: none;
+ position: absolute;
+ top: 30px;
+ left: 10px;
+ font: 40px/1 Georgia, "Times New Roman", Times;
+ color: #F2F2F2;
+ text-shadow: 2px 2px 2px #000;
+ text-decoration: none;
}
#description {
- position: absolute;
- top: 80px;
- left: 15px;
- width: 600px;
- font-size: 16px;
- font-weight: bold;
- line-height: 16px;
- color: #F2F2F2;
- text-shadow: 1px 1px 0 #000;
+ position: absolute;
+ top: 80px;
+ left: 15px;
+ width: 600px;
+ font-size: 16px;
+ font-weight: bold;
+ line-height: 16px;
+ color: #F2F2F2;
+ text-shadow: 1px 1px 0 #000;
}
header nav {
- position: absolute;
- top: 173px;
- width: 915px;
- left: 25px;
- height: 26px;
- font: 14px/1 Tahoma, Arial;
- text-transform: uppercase;
- overflow: hidden;
+ position: absolute;
+ top: 173px;
+ width: 915px;
+ left: 25px;
+ height: 26px;
+ font: 14px/1 Tahoma, Arial;
+ text-transform: uppercase;
+ overflow: hidden;
}
header nav li {
- float: left;
- list-style: none;
- background: #FFF;
- margin: 2px;
- border: 2px solid #696969;
- -moz-border-radius-topleft: 5px;
- -moz-border-radius-topright: 5px;
- -webkit-border-top-left-radius: 5px;
- -webkit-border-top-right-radius: 5px;
+ float: left;
+ list-style: none;
+ background: #FFF;
+ margin: 2px;
+ border: 2px solid #696969;
+ -moz-border-radius-topleft: 5px;
+ -moz-border-radius-topright: 5px;
+ -webkit-border-top-left-radius: 5px;
+ -webkit-border-top-right-radius: 5px;
}
header nav a {
- float: left;
- color: #333;
- text-decoration: none;
- padding: 7px 10px 6px;
- border-bottom: 3px solid #F0EFEF;
+ float: left;
+ color: #333;
+ text-decoration: none;
+ padding: 7px 10px 6px;
+ border-bottom: 3px solid #F0EFEF;
}
/* Middle
-----------------------------------------------------------------------------*/
section {
- width: 946px;
- margin-top: 5px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border: 1px solid #AEB0AD;
- padding: 5px;
- background-color: #F2F2F2;
+ width: 946px;
+ margin-top: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border: 1px solid #AEB0AD;
+ padding: 5px;
+ background-color: #F2F2F2;
}
section:after {
- content: '.';
- display: block;
- clear: both;
- visibility: hidden;
- height: 0;
+ content: '.';
+ display: block;
+ clear: both;
+ visibility: hidden;
+ height: 0;
}
#container {
- width: 100%;
- float: left;
- overflow: hidden;
+ width: 100%;
+ float: left;
+ overflow: hidden;
}
#content {
- margin: 0 199px;
- padding: 15px 15px 1px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border: 1px solid #AEB0AD;
- height: 1%;
- background-color: #FFF;
+ margin: 0 199px;
+ padding: 15px 15px 1px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border: 1px solid #AEB0AD;
+ height: 1%;
+ background-color: #FFF;
}
#content h2 {
- font: 24px/1 Arial, Tahoma;
- margin: 0 0 18px;
- color: #333;
+ font: 24px/1 Arial, Tahoma;
+ margin: 0 0 18px;
+ color: #333;
}
#content h2 a {
- color: #333;
- text-decoration: none;
- text-shadow: 2px 1px 2px #CCC;
+ color: #333;
+ text-decoration: none;
+ text-shadow: 2px 1px 2px #CCC;
}
#content h2 a:hover {
- color: #A80202;
- text-decoration: underline;
- text-shadow: none;
+ color: #A80202;
+ text-decoration: underline;
+ text-shadow: none;
}
#content .entry h2,
#content .entry h4,
#content .entry h5,
#content .entry h6 {
- font: 24px/1 Arial, Tahoma;
- margin: 25px 0 18px;
- color: #333;
- text-shadow: 2px 1px 2px #CCC;
+ font: 24px/1 Arial, Tahoma;
+ margin: 25px 0 18px;
+ color: #333;
+ text-shadow: 2px 1px 2px #CCC;
}
#content .entry h3 {font-size: 22px;}
#content .entry h6 {font-size: 16px;}
#content h3 {
- color: #333;
- font-size: 22px;
- font-weight: normal;
- line-height: 1;
- text-shadow: 2px 1px 2px #CCC;
- margin: 0 0 28px;
+ color: #333;
+ font-size: 22px;
+ font-weight: normal;
+ line-height: 1;
+ text-shadow: 2px 1px 2px #CCC;
+ margin: 0 0 28px;
}
/* Sidebars
-----------------------------------------------------------------------------*/
aside {
- float: left;
- width: 199px;
- position: relative;
- font-size: 14px;
+ float: left;
+ width: 199px;
+ position: relative;
+ font-size: 14px;
}
#left {
- margin-left: -100%;
+ margin-left: -100%;
}
#right {
- margin-left: -200px;
+ margin-left: -200px;
}
aside h3 {
- line-height: 35px;
- color: #A80202;
- font-size: 14px;
- text-transform: uppercase;
- text-shadow: 1px 1px 1px #DDD;
- height: 35px;
- padding-left: 10px;
+ line-height: 35px;
+ color: #A80202;
+ font-size: 14px;
+ text-transform: uppercase;
+ text-shadow: 1px 1px 1px #DDD;
+ height: 35px;
+ padding-left: 10px;
}
aside#right h3 {
- color: #A80202;
+ color: #A80202;
}
aside ul {list-style-position: inside;
-list-style-image: url(images/redarrow.gif);}
+ list-style-image: url(images/redarrow.gif);}
aside li {
- color: #696969;
- padding: 4px 6px 5px 5px;
+ color: #696969;
+ padding: 4px 6px 5px 5px;
}
aside a {
- color: #6E7761;
- text-decoration: none;
+ color: #6E7761;
+ text-decoration: none;
}
.box {
- padding: 0 0 5px;
+ padding: 0 0 5px;
}
.inner {
- margin-left: 10px;
- margin-right: 10px;
- overflow: hidden;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border: 1px solid #A80202;
- padding: 5px;
- margin-top: -7px;
- margin-bottom: 10px;
+ margin-left: 10px;
+ margin-right: 10px;
+ overflow: hidden;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border: 1px solid #A80202;
+ padding: 5px;
+ margin-top: -7px;
+ margin-bottom: 10px;
}
-----------------------------------------------------------------------------*/
footer {
- background: #F2F2F2;
- font-size: 11px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border: 1px solid #AEB0AD;
- padding: 5px;
- margin-top: 5px;
- margin-bottom: 5px;
+ background: #F2F2F2;
+ font-size: 11px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border: 1px solid #AEB0AD;
+ padding: 5px;
+ margin-top: 5px;
+ margin-bottom: 5px;
}
#copyright {
- font: 10px/16px Tahoma, Arial;
- text-align: right;
- color: #333;
- padding: 22px 10px 0 0;
+ font: 10px/16px Tahoma, Arial;
+ text-align: right;
+ color: #333;
+ padding: 22px 10px 0 0;
}
#copyright span {
- display: block;
- text-transform: uppercase;
+ display: block;
+ text-transform: uppercase;
}
#copyright a {
- color: #6E7761;
- text-decoration: none;
+ color: #6E7761;
+ text-decoration: none;
}
#copyright a:hover { color: #A80202;}