body {
margin : 0;
padding : 0;
background : #ffffff;
font : normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #666666;
}
h1, h2, h3, h4, h5, h6, form {
margin : 0;
padding : 0;
}
p, ul, ol, blockquote {
margin-top : 0;
}
a {
color : #268ed4;
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
img {
border : none;
}
#header {
height : 40px;
background : #5a5a5a url(images/img01.gif) repeat-x;
}
#header h1 {
width : 860px;
margin : 0 auto;
padding : 12px 0 0 0;
font-size : 1em;
}
#header h2 {
width : 760px;
margin : -18px auto 0 auto;
text-align : right;
font-size : 1em;
}
#header a {
text-decoration : none;
color : #ffffff;
}
#pages {
height : 110px;
padding-top : 10px;
background : url(images/img02.gif) repeat-x;
}
#pages h2 {
display : none;
}
#pages ul {
display : block;
width : 760px;
height : 100px;
margin : 0 auto;
padding : 0;
}
#pages li {
display : inline;
}
#pages a {
display : block;
float : left;
width : 152px;
height : 75px;
padding : 35px 0 0 0;
text-align : center;
text-decoration : none;
text-transform : lowercase;
letter-spacing : -1px;
font-size : 1.6em;
font-weight : normal;
color : #333333;
}
#pages a:hover {
color : #000000;
}
#page1 {
background : #e5faa1 url(images/img03.gif) no-repeat;
}
#page2 {
background : #97f0e6 url(images/img04.gif) no-repeat;
}
#page3 {
background : #f3b6ce url(images/img05.gif) no-repeat;
}
#page4 {
background : #fadda1 url(images/img06.gif) no-repeat;
}
#page5 {
background : #c9cdff url(images/img07.gif) no-repeat;
}
#page6 {
background : #f3b6ce url(images/img05.gif) no-repeat;
}
#page7 {
background : #97f0e6 url(images/img04.gif) no-repeat;
}
#page8 {
background : #f3b6ce url(images/img05.gif) no-repeat;
}
#page9 {
background : #fadda1 url(images/img06.gif) no-repeat;
}
#page10 {
background : #c9cdff url(images/img07.gif) no-repeat;
}
#page11 {
background : #e5faa1 url(images/img03.gif) no-repeat;
}
#page12 {
background : #97f0e6 url(images/img04.gif) no-repeat;
}
#page13 {
background : #f3b6ce url(images/img05.gif) no-repeat;
}
#page14 {
background : #fadda1 url(images/img06.gif) no-repeat;
}
#page15 {
background : #c9cdff url(images/img07.gif) no-repeat;
}
#page16 {
background : #e5faa1 url(images/img03.gif) no-repeat;
}
#page17 {
background : #fadda1 url(images/img06.gif) no-repeat;
}
#page18 {
background : #c9cdff url(images/img07.gif) no-repeat;
}
#page19 {
background : #e5faa1 url(images/img03.gif) no-repeat;
}
#page20 {
background : #97f0e6 url(images/img04.gif) no-repeat;
}
#page21 {
background : #f3b6ce url(images/img05.gif) no-repeat;
}
#page22 {
background : #fadda1 url(images/img06.gif) no-repeat;
}
#page23 {
background : #c9cdff url(images/img07.gif) no-repeat;
}
#page24 {
background : #97f0e6 url(images/img04.gif) no-repeat;
}
#page25 {
background : #f3b6ce url(images/img05.gif) no-repeat;
}
#page26 {
background : #fadda1 url(images/img06.gif) no-repeat;
}
#page27 {
background : #c9cdff url(images/img07.gif) no-repeat;
}
#page28 {
background : #f3b6ce url(images/img05.gif) no-repeat;
}
#page29 {
background : #fadda1 url(images/img06.gif) no-repeat;
}
#page30 {
background : #c9cdff url(images/img07.gif) no-repeat;
}
#page31 {
background : #97f0e6 url(images/img04.gif) no-repeat;
}
#page32 {
background : #f3b6ce url(images/img05.gif) no-repeat;
}
#page33 {
background : #fadda1 url(images/img06.gif) no-repeat;
}
#page34 {
background : #c9cdff url(images/img07.gif) no-repeat;
}
#page35 {
background : #e5faa1 url(images/img03.gif) no-repeat;
}
#page1:hover, #pages .active #page1 {
background-image : url(images/img08.gif);
}
#page2:hover, #pages .active #page2 {
background-image : url(images/img09.gif);
}
#page3:hover, #pages .active #page3 {
background-image : url(images/img10.gif);
}
#page4:hover, #pages .active #page4 {
background-image : url(images/img11.gif);
}
#page5:hover, #pages .active #page5 {
background-image : url(images/img12.gif);
}
#content {
width : 760px;
margin : 0 auto;
padding : 20px 0 0 0;
}
#latest-post {
float : left;
width : 400px;
}
#latest-post .title {
letter-spacing : -1px;
font-size : 2.2em;
}
#latest-post .posted {
margin-bottom : 2em;
font-size : 0.8em;
font-weight : normal;
}
#latest-post .image {
float : left;
margin : 0.3em 1em 0 0;
}
#latest-post p, #latest-post blockquote, #latest-post ul, #latest-post ol {
line-height : 155%;
}
#recent-posts {
float : right;
width : 320px;
}
#recent-posts h3 {
width : 310px;
height : 32px;
padding : 12px 0 0 10px;
background : #5a5a5a url(images/img13.gif);
font-size : 1em;
color : #ffffff;
}
#recent-posts ul {
margin : 0;
padding : 0;
list-style : none;
}
#recent-posts li {
padding : 5px 10px;
border-bottom : 1px solid #5a5a5a;
}
#recent-posts li:hover {
background : #efefef;
}
#colOne {
padding-bottom : 20px;
}
#colTwo {
padding : 20px;
background : url(images/img02.gif) repeat-x;
}
#colTwo ul {
margin : 0;
padding : 0;
list-style : none;
}
#colTwo li, #colTwo form {
padding : 10px;
}
#colTwo li {
display : block;
float : left;
width : 220px;
}
#colTwo li li {
display : list-item;
float : none;
padding : 0 0 0 10px;
}
#colTwo h2 {
margin : 0 0 0.5em 0;
padding : 0 0 0 10px;
background : url(images/img15.gif) no-repeat left center;
font-size : 1em;
}
#footer {
width : 760px;
height : 100px;
margin : 0 auto;
padding : 20px;
background : url(images/img02.gif) repeat-x;
}
#footer p {
text-align : center;
font-size : x-small;
}