body {
height : 100%;
margin : 0;
padding : 0;
background : #ffffff url(images/img01.gif) repeat-x;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size : 13px;
color : #333333;
}
#container {
margin-left : -390px;
position : absolute;
left : 50%;
width : 780px;
visibility : visible;
}
form {
margin : 0;
padding : 0;
}
fieldset {
margin : 0;
padding : 0;
border : none;
}
input, textarea {
font : bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #333333;
}
h1, h2, h3 {
margin : 0;
font-weight : normal;
color : #333333;
}
h1 {
letter-spacing : -1px;
font-size : 2.6em;
}
h2 {
font-size : 1.6em;
}
h3 {
font-size : 1em;
font-weight : bold;
}
p, ul, ol {
margin-bottom : 1.6em;
line-height : 180%;
}
blockquote {
font-style : italic;
}
a {
border-bottom : 1px dotted #efefef;
text-decoration : none;
color : #356aa0;
}
a:hover {
text-decoration : none;
color : #cc0000;
}
hr {
display : none;
}
img {
border : none;
}
img.left {
float : left;
margin : 0 15px 0 0;
}
img.right {
float : left;
margin : 0 0 0 15px;
}
#header {
width : 100%;
height : 110px;
margin : 0 auto;
}
#header h1 {
float : left;
margin-top : 5px;
padding : 0 200px 0 0;
letter-spacing : -3px;
font-size : 4.4em;
}
#header h1 span {
color : #cc0000;
}
#header h2 {
float : left;
margin : 0 0 0 -190px;
padding : 45px 0 0 0;
font-size : 1em;
font-weight : bold;
color : #333333;
}
#header h2 a {
color : #333333;
}
#search {
float : right;
width : 400px;
padding : 35px 0 0 0;
}
#search legend {
display : none;
}
#searchfield {
width : 130px;
}
#searchsubmit {
width : 80px;
}
#page {
width : 100%;
margin : 0 auto;
}
#content {
float : right;
width : 580px;
height : 100%;
}
.post {
padding : 12px 50px;
background : url(images/img04.jpg) no-repeat;
}
.post .title {
letter-spacing : -1px;
font-size : 1.9em;
color : #356aa0;
}
.post .meta {
margin : 0 0 20px 0;
padding : 0 0 20px 0;
border-bottom : 1px solid #efefef;
line-height : normal;
color : #666666;
}
#sidebar {
float : left;
width : 200px;
}
#sidebar ul {
margin : 0;
padding : 0;
list-style : none;
}
#sidebar li {
margin-bottom : 20px;
padding : 20px 40px;
background : url(images/img03.jpg) no-repeat;
}
#sidebar li ul {
line-height : 2em;
}
#sidebar li li {
margin : 0;
padding : 0;
background : none;
border-bottom : 1px solid #efefef;
}
#sidebar h2 {
margin-bottom : 5px;
letter-spacing : -1px;
color : #cc0000;
}
#sidebar a {
border : none;
}

#footer {
clear : both;
width : 100%;
padding : 10px 0;
border-top : 10px solid #dddddd;
background : #efefef;
height: 125px;
}
#footer p {
margin : 0;
padding : 10px 0 0 0;
text-align : center;
line-height : normal;
}
#pagination {
text-align : right;
width : 100%;
}
#pagination ul {
display : inline;
list-style-type : none;
line-height : 2em;
padding : 0;
margin : 0 0 0 0.5em;
}
#pagination li {
display : inline;
}
#pagination a {
color : #000;
text-decoration : none;
padding : 0.1em 0.3em;
border : 1px solid #aaa;
}
#pagination a:hover {
color : #11d;
border-color : #11d;
}
#pagination li.current span {
color : #000;
padding : 0.1em 0.3em;
background-color : #d0d7e2;
border : 1px solid #32528c;
}
#pagination li.disabled span {
color : #888;
padding : 0.1em 0.3em;
border : 1px solid #888;
}
* {
margin : 0;
padding : 0;
}
.newpost {
margin : 0;
padding : 0;
font-size : 100%;
width : 100%;
}
form fieldset {
clear : both;
font-size : 100%;
padding : 5px;
margin : 0 0 0 0;
}
form fieldset legend {
font-size : 125%;
font-weight : normal;
color : #000000;
margin : 0 0 0 0;
padding : 0 5px;
}
label {
font-size : 100%;
}
label u {
font-style : normal;
text-decoration : underline;
}
.formbutton {
cursor : pointer;
border : 1px outset #ccc;
background : #999;
color : #111;
font-weight : bold;
padding : 1px 2px;
margin : 2px;
background : url(/images/formbg.gif) repeat-x left top;
}
textarea {
overflow : auto;
}
form div {
clear : left;
display : block;
width : 354px;
margin : 5px 0 0 0;
padding : 1px 3px;
}
form fieldset div.notes {
float : right;
width : 170px;
height : auto;
margin : 0 0 10px 10px;
padding : 5px;
border : 1px solid #666666;
background-color : #ffffe1;
color : #666666;
font-size : 88%;
}
form fieldset div.notes h4 {
background-image : url(/images/icons/info.gif);
background-repeat : no-repeat;
background-position : top left;
padding : 3px 0 3px 27px;
border-width : 0 0 1px 0;
border-style : solid;
border-color : #666666;
color : #666666;
font-size : 110%;
}
form fieldset div.notes p {
margin : 0 0 1.2em 0;
color : #666666;
}
form fieldset div.notes p.last {
margin : 0;
}
form div fieldset {
clear : none;
border-width : 1px;
border-style : solid;
border-color : #666666;
margin : 0 0 0 144px;
padding : 0 5px 5px 5px;
width : 197px;
}
form div fieldset legend {
font-size : 100%;
padding : 0 3px 0 9px;
}
form div.required fieldset legend {
font-weight : bold;
}
form div label {
display : block;
float : left;
width : 110px;
padding : 3px 5px;
text-align : right;
}
form div.optional label, label.optional {
font-weight : normal;
}
form div.required label, label.required {
font-weight : bold;
}
p.error {
background-color : #ff0000;
background-image : url(/images/icon_error.gif);
background-repeat : no-repeat;
background-position : 3px 3px;
color : #ffffff;
padding : 3px 3px 5px 27px;
border : 1px solid #000000;
margin : auto 100px;
}
form div.error {
background-color : #ffffe1;
background-image : url(/images/required_bg.gif);
background-repeat : no-repeat;
background-position : top left;
color : #666666;
border : 1px solid #ff0000;
}
form div.error p.error {
background-image : url(/images/icon_error.gif);
background-position : top left;
background-color : transparent;
border-style : none;
font-size : 88%;
font-weight : bold;
margin : 0 0 0 118px;
width : 200px;
color : #ff0000;
}
form div input, form div select, form div textarea {
width : 200px;
padding : 1px 3px;
margin : 0 0 0 0;
}
form div input.inputFile {
width : 211px;
}
form div select.selectOne, form div select.selectMultiple {
width : 211px;
padding : 1px 3px;
}
form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
display : inline;
height : 14px;
width : 14px;
background-color : transparent;
border-width : 0;
padding : 0;
margin : 14px 14px 14px 110px;
}
form div.submit {
width : 140px;
padding : 0 0 0 110px;
}
form div.submit div {
display : inline;
float : left;
text-align : left;
width : auto;
padding : 0;
margin : 0;
}
form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
background-color : #cccccc;
color : #000000;
width : auto;
padding : 0 6px;
margin : 0;
}
form div.submit div input.inputSubmit, form div.submit div input.inputButton {
float : right;
margin : 0 0 0 5px;
}
form div small {
display : block;
margin : 0 0 5px 142px;
padding : 1px 3px;
font-size : 88%;
}
form fieldset legend {
line-height : 150%;
}
form textarea.expanding {
overflow : auto;
}
div.optional label:before {
content : '';
}
div.required label:before {
content : '';
}
form div label.compact {
display : inline;
width : auto;
padding : 4px 10px 0 0;
text-indent : 0;
margin : 0 0 0 0;
}
form div.wide label {
float : none;
display : block;
}