* {
margin: 0;
padding: 0;
}
body {
background: url(images/bg.jpg) repeat-x #FFF;
color: #435F73;
font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
}
/**** GENERAL STYLES ****/
a {
color: #435F73;
}
p {
line-height: 1.5em;
padding: 4px 0;
}
b,
strong {
color: #000;
}
i,
em {
font-family: Georgia, serif;
}
#mainContent ul,
#mainContent ol {
line-height: 1.5em;margin: 5px 0 5px 50px;
}
#mainContent ul li {
list-style-image: url(images/b.gif);
}
blockquote {
background: url(images/q.gif) no-repeat;
font: 12px Georgia, serif;
font-style: italic;
margin: 10px 0 10px 20px;
padding: 0 60px 0 30px;
text-align: left;
}
code {
background: #E5EDF7;
border-top: 1px solid #84B0D3;
border-bottom: 1px solid #84B0D3;
padding: 2px 4px 0 4px;
}
input,
textarea {
background: #84B0D3;
border: none;
color: #000;
padding: 4px 2px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #6998C6;
font-weight: normal;
line-height: 1.4em;
}
h5,
h6 {
text-transform: uppercase;
}
h1 {
font-size: 20px;
}
h2 {
font-size: 18px;
}
h3 {
font-size: 16px;
}
h4 {
font-size: 14px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 10px;
}
/**** GENERAL LAYOUT ****/
#topBackground {
background: url(images/header.jpg) top center no-repeat;
margin: 0 auto;
padding-top: 440px;
width: 960px;
}
#container {
margin: 0 auto;
text-align: left;
width: 680px;
}
#header h1 {
font-size: 48px;
font-weight: normal;
letter-spacing: -3px;
padding-left: 24px;
}
#header h2 {
color: #6998C6;
font-size: 16px;
font-style: italic;
font-weight: normal;
padding-right: 70px;
text-align: right;
}
#header a {
color: #000;
text-decoration: none;
}
#miniMenu {
height: 20px;
float: right;
font-size: 10px;
padding-right: 70px;
padding-top: 5px;
}
#miniMenu li {
display: inline;
margin: 0 1px;
}
#miniMenu a {
background: #000;
color: #FFF;
padding: 2px 4px;
}
#miniMenu a:hover {
background: #435F73;
color: #B1DEFF;
}
#sidebar {
float: right;
width: 200px;
padding: 110px 0 0 20px;
margin-right: 2px
}
#mainContent {
margin: 0 220px 0 20px;
}
.blog {
background: url(images/blog_top.jpg) top center no-repeat;
margin-top: 30px;
}
.blogHeader h2 a {
color: #FFF;
font-weight: normal;
text-decoration: none;
}
.blogHeader h2 a:hover {
color: #B1DEFF;
}
.blogHeader h3,
.blogHeader h3 a {
color: #B1DEFF;
font-size: 11px;
font-weight: normal;
line-height: 2em;
margin-bottom: 10px;
text-decoration: none;
}
.blogHeader h3 a:hover,
#footer a:hover {
text-decoration: underline;
}
.blog2 {
background: url(images/blog_bottom.jpg) bottom center no-repeat;
padding: 6px 15px;
text-align: justify;
}
h3.blogMeta,
h3.blogMeta a {
color: #FFF;
font-size: 11px;
height: 11px;
margin-top: 20px;
padding-bottom: 8px;
text-align: center;
text-decoration: none;
}
h3.blogMeta a:hover {
text-decoration: underline;
}
.blogTags {
float: left;
}
/**** SIDEBAR STYLES & LAYOUT ****/
#sidebar h3 {
color: #FFF;
font-size: 22px;
font-weight: normal;
margin-bottom: 10px;
}
#sidebar ul {
list-style: none;
padding-left: 20px;
}
#sidebar li {
line-height: 2em;
font-size: 13px;
}
#sidebar li a {
color: #B1DEFF;
text-decoration: none;
}
#sidebar li a:hover {
color: #FFF;
}
#sidebar li.sbContent h3 {
margin-top: 10px;
}
#sidebar li.sbContent p {
border-left: 4px solid #84B0D3;
color: #FFF;
font-size: 11px;
padding: 0 20px 0 10px;
}
#search input {
margin-top: 10px;
width: 110px;
}
.sb1 {
background: url(images/sidebar1.gif) repeat-y;
margin-top: -20px;
}
.sb1 li.sbb {
background: url(images/sidebar_sep1.gif) no-repeat;
height: 37px;
margin-left: -20px;
width: 200px;
}
.sb2 {
background: url(images/sidebar2.gif) repeat-y;
}
.sb2 li.sbb {
background: url(images/sidebar_sep2.gif) no-repeat;
height: 35px;
margin-left: -20px;
width: 200px;
}
.sb3 {
background: #000;
margin-right: 0;
margin-bottom: -10px;
}
.sb3 li.sbb {
background: url(images/sidebar_base.gif) no-repeat;
height: 16px;
margin-left: -20px;
width: 200px;
}
#comments {
margin: 10px 0 0 18px;
}
#comments h3 {
font-size: 24px;
font-weight: normal;
line-height: 2em;
}
#postComment input,
#postComment textarea {
border: none;
border-bottom: 1px solid #435F73;
background: #E5EDF7;
font-size: 13px;
margin-right: 10px;
padding: 2px;
}
#postComment textarea {
margin-top: 10px;
margin-right: -1px;
overflow: hidden;
width: 417px;
}
#postComment p.b {
text-align: right;
}
#postComment button {
background: #84B0D3;
border: none;
border-bottom: 1px solid #435F73;
border-right: 1px solid #435F73;
color: #FFF;
margin: 10px 0 0 10px;
padding: 4px;
}
#mainContent #commentList {
color: #84B0D3;
font-size: 32px;
list-style: decimal outside;
margin-left: 36px;
}
#commentList .aComment {
color: #435F73;
font-size: 11px;
padding-bottom: 10px;
}
#commentList .aComment p.commentMeta {
background: #84B0D3;
color: #B1DEFF;
font-size: 16px;
height: 32px;
line-height: 32px;
padding: 8px;
}
#commentList .aComment p.commentMeta a {
color: #B1DEFF;
text-decoration: none;
}
#commentList .aComment p.commentMeta a:hover {
color: #FFF;
text-decoration: underline;
}
#commentList .aComment p.commentDate {
color: #84B0D3;
font-size: 10px;
margin-top: -10px;
text-align: right;
}
#footer {
background: url(images/footer.jpg) bottom left no-repeat;
height: 27px;
margin-left: 24px;
margin-top: 20px;
}
#footer p {
color: #B1DEFF;
padding: 8px 0 0 0;
text-align: center;
}
#footer a {
color: #B1DEFF;
text-decoration: none;
}
.floatR {
float: right;
}
.floatL {
float: left;
}
.clearfloat {
clear: both;
}
/**** SPECIAL Internet Explorer FIXES FOR VERSION 6 and below ****/
#sidebar {
margin-right: 1px;
}
h3.blogMeta {
position: relative;
top: 4px;
}
#mainContent #commentList {
margin-left: 32px;
}
#slideshow * { margin: 0; padding: 0; }
#slideshow { background: url('images/bg_shadow.gif') no-repeat top; position: relative; padding: 14px 0 15px; width: 603px; height: 306px; }
#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }
#slideshow #loading { background: url('images/spinner.gif'); display: block; top: 158px; left: 205px; text-indent: -5000px; width: 24px; height: 24px; visibility: hidden; z-index: 5; }
#slideshow #pictures { background: url('images/bg.jpg'); width: 437px; height: 277px; left: 0; overflow: hidden; }
#slideshow #pictures li { display: block; position: absolute; top: 0; width: 437px; }
#slideshow #menu { background: url('images/bg_side.jpg'); list-style-type: none; width: 166px; height: 257px; right: 0; padding-top: 20px; }
#slideshow #menu li { display: block; z-index: 1000; position: relative; }
#slideshow #menu li a { display: block; font: 11px "Lucida Grande", "Verdana"; text-decoration: none; padding: 7px 0 7px 28px; z-index: 1000; color: #ccc; line-height: 14px; vertical-align: middle; }
#slideshow #menu li a:hover { color: #fff; }
#slideshow #menu li.current a { font: 15px "Georgia"; color: #fff; padding: 5px 0 5px 28px; line-height: 18px; }
#slideshow #menu li.background { background: url('images/arrow.gif') no-repeat left center; position: absolute; font-size: 1px; height: 7px; width: 4px; z-index: 5; }
|
