* {
margin : 0;
padding : 0;
}
body {
background : #ffffff url(images/bg.jpg) repeat-x fixed;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #666666;
}
#wrap {
background : url(images/mainbg.jpg) repeat-y;
width : 880px;
margin : auto;
}
#header {
height : 210px;
background-image : url(images/header.jpg);
background-repeat : no-repeat;
}
#content #sidebar {
width : 222px;
float : right;
}
#content #left {
width : 648px;
float : left;
}
.clear {
clear : both;
}
#footer {
background : url(images/footer.jpg) no-repeat;
height : 35px;
padding-top : 25px;
text-align : center;
}
#footer p {
display : block;
margin-top : 3px;
}
#footer #credit {
font-size : 11px;
}
#sitename {
display : block;
padding-top : 20px;
padding-left : 20px;
font-variant : normal;
text-transform : uppercase;
}
#sitename .description {
display : block;
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
color : #bb9f6c;
font-variant : normal;
}
#sitename a {
text-decoration : none;
}
#sitename a:visited, active {
text-decoration : none;
}
h1, h3, h4, h5, h6 {
color : #000000;
font-family : "Trebuchet MS", Verdana, sans-serif;
font-variant : small-caps;
}
h1 {
font-size : 36px;
}
h2 {
font-size : 24px;
color : #991900;
font-family : "Trebuchet MS", Verdana, sans-serif;
}
h3 {
font-size : 18px;
}
h4 {
font-size : 16px;
}
h5 {
font-size : 14px;
}
h6 {
font-size : 12px;
}
a {
color : #000000;
}
a:visited {
color : #000000;
}
a:active {
color : #b7410e;
}
a:hover {
color : #7c5b43;
text-decoration : none;
}
#content #left p {
line-height : 20px;
margin-bottom : 20px;
}
#sidebar .sidebartop {
background : url(images/sidebartop.jpg) no-repeat;
height : 55px;
}
#sidebarcontent {
padding : 5px 10px 5px 12px;
}
#sidebar h2 {
background : url(images/sidebarheading.jpg) no-repeat center bottom;
display : block;
padding : 5px;
font-size : 18px;
}
#sidebar ul {
list-style : none;
}
#sidebar li {
display : block;
height : 25px;
}
#sidebar a {
display : block;
color : #999999;
height : 20px;
padding : 5px 5px 0 5px;
text-decoration : none;
border-bottom : 1px solid #efefef;
}
#sidebar a:visited, active {
display : block;
color : #999999;
height : 20px;
padding : 5px 5px 0 5px;
text-decoration : none;
border-bottom : 1px solid #efefef;
}
#sidebar a:hover {
color : #000000;
border-bottom : 1px solid #cccccc;
}
#left .post {
background : url(images/postmid.jpg) repeat-y;
width : 641px;
margin-left : 8px;
margin-bottom : 20px;
}
#left .post .posttop {
background : url(images/posttop.jpg) no-repeat;
height : 11px;
}
.post .postitem {
padding : 10px;
}
.post h2 {
display : block;
padding : 5px 0 5px 0;
border-bottom : 1px solid #d8cdb8;
margin-bottom : 15px;
}
#left .postinfo {
display : block;
font-size : 11px;
color : #666666;
font-variant : normal;
font-weight : normal;
}
h2 a {
text-decoration : none;
}
h2 a:visited {
text-decoration : none;
}
h2 a:active {
text-decoration : none;
}
h2 a:hover {
text-decoration : none;
}
blockquote {
display : block;
padding : 15px 15px 15px 35px;
margin : 10px;
border-bottom : 1px dashed #d0be9b;
border-top : 1px dashed #d0be9b;
font-size : 16px;
font-family : Georgia, "Times New Roman", Times, serif;
color : #000000;
background : url(images/quote.png) no-repeat 5px 10px;
}
blockquote p {
line-height : 25px;
margin : 0;
}
.rightquote {
float : right;
width : 250px;
text-align : left;
}
blockquote cite {
display : block;
color : #000000;
font-weight : bold;
padding : 3px;
margin-top : 10px;
}
.leftquote {
float : left;
width : 250px;
text-align : right;
}
#header ul {
list-style : none;
}
#topmenu {
float : right;
}
#topmenu li {
display : inline;
font-size : 14px;
font-family : "Trebuchet MS", Verdana, sans-serif;
text-transform : uppercase;
font-weight : bold;
}
#topmenu a {
display : block;
float : left;
color : #e9e0cf;
height : 36px;
padding-top : 10px;
padding-left : 15px;
padding-right : 15px;
text-decoration : none;
}
#topmenu a:visited, active {
display : block;
float : left;
color : #e9e0cf;
height : 36px;
padding-top : 10px;
padding-left : 15px;
padding-right : 15px;
text-decoration : none;
}
#topmenu a:hover {
display : block;
float : left;
color : #e9e0cf;
height : 36px;
padding-top : 10px;
padding-left : 15px;
padding-right : 15px;
text-decoration : none;
background : url(images/topmenu.png) repeat-x;
color : #ffffff;
}
#pagination {
background : #f5f0ea;
padding : 8px;
margin-left : 8px;
margin-top : 20px;
margin-bottom : 20px;
}
#pagination .pre {
display : block;
padding : 3px;
float : left;
}
#pagination .next {
display : block;
padding : 3px;
float : right;
}
#pagination .clear2 {
clear : left;
}
#center .centerimg {
float : none;
border : none;
}
#left img {
background : #ffffff;
padding : 3px;
border : 1px solid #d3c2a3;
margin : 8px;
}
#left .leftimg {
float : left;
}
#left .rightimg {
float : right;
}
#tab {
background : url(images/tabcontenbg.jpg) repeat;
margin-bottom : 15px;
margin-left : 8px;
}
#tab #tabhead {
background : url(images/tabheader.jpg) repeat-x;
height : 40px;
}
#tab #tabcontent {
padding : 10px;
}
#tabhead ul {
list-style : none;
padding-left : 10px;
}
#tabhead li {
display : inline;
}
#tabhead a {
display : block;
float : left;
height : 30px;
padding : 10px 10px 0 10px;
background : url(images/tabnormal.jpg) repeat-x;
color : #ffffff;
text-decoration : none;
}
#tabhead a:visited, active {
display : block;
float : left;
height : 30px;
padding : 10px 10px 0 10px;
background : url(images/tabnormal.jpg) repeat-x;
color : #ffffff;
text-decoration : none;
}
#tabhead a:hover {
background : url(images/tabhover.jpg) repeat-x;
color : #000000;
}
#tabhead .activetab a {
background : url(images/tabhover.jpg) repeat-x;
color : #000000;
}
#tabhead .activetab a:visited {
background : url(images/tabhover.jpg) repeat-x;
color : #000000;
}
#tabhead .activetab a:active {
background : url(images/tabhover.jpg) repeat-x;
color : #000000;
}
.post ul {
list-style : square;
margin-left : 10px;
}
.post ol {
list-style : decimal;
list-style-position : inside;
}
.post li {
padding : 5px 10px 5px 10px;
}
.post ul li {
margin-left : 10px;
}
#left code {
white-space : pre;
display : block;
font-family : "Courier New", Courier, monospace;
font-size : 12px;
background-color : #e3d6c6;
color : #000000;
margin : 10px;
padding : 10px;
}
#left table {
width : 95%;
border : 1px solid #e7a630;
}
#left th {
padding : 5px;
color : #f8e25b;
font-family : "Trebuchet MS", Verdana, sans-serif;
font-size : 11px;
text-transform : uppercase;
margin : 0;
border-bottom : 1px solid #e7a630;
}
#left td {
padding : 5px;
background : #f8e25b;
text-align : left;
border-bottom : 1px solid #e7a630;
}
.form {
margin : 10px 25px 10px 50px;
}
.form .text {
display : block;
border : 1px solid #e7a630;
background : #ffffff;
width : 300px;
padding : 5px;
font-size : 14px;
color : #000000;
}
.form label {
display : block;
margin-bottom : 3px;
margin-top : 10px;
}
.form .text:hover {
background : #ffffff;
border : 1px solid #000000;
}
.form .text:focus {
background : #fce074;
border : 1px solid #000000;
}
.form .button {
display : block;
border : 2px solid #e7a630;
background : #ffdb58;
padding : 5px 10px 5px 10px;
margin : 10px 0 10px 0;
}
.form .button:hover {
display : block;
border : 2px solid #e7a630;
background : #ffd700;
padding : 5px 10px 5px 10px;
margin : 10px 0 10px 0;
}