/** BASIC */
html, body {
height: 100%;
}
body {
margin: 0px;
padding: 0px;
background: #EEE2C3 url(images/bg01.jpg) repeat left top;
}
#sitename {
background: url('images/homepage01.jpg');
width: 272px;
height: 200px;
text-align: center;
}
#sitename_text {
padding-top: 160px;
padding-left: 40px;
}
.content_item {
padding-bottom: 22px;
}
#audioList li {
padding-bottom: 25px;
}
#latest_audio {
padding-top: 30px;
}
/** FORMS */
form {
margin: 0px;
padding: 0px;
}
.form {
width: 90%;
}
.form label {
display: block;
padding: 3px 10px 0 0;
float: left;
width: 10em;
}
.required {
font-weight: bold;
}
.form-row {
padding-bottom: 15px;
}
/** HEADINGS */
h1, h2, h3, h4, h5, h6 {
margin: 0px;
}
h1, h2 {
color: #614C31;
}
h1 span, h2 span {
padding: 0px 40px 0px 0px;
background: url(images/homepage03.gif) no-repeat right center;
}
h1 {
margin-bottom: 20px;
font-size: 14px;
}
h2 {
margin-bottom: 15px;
font-size: 12px;
}
h3 {
margin-bottom: 5px;
font-size: 11px;
color: #9C5234;
}
/** TEXTS */
body, th, td, input, textarea, select {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #9C8C67;
}
p, blockquote, ul, ol, dl {
margin-top: 0px;
margin-bottom: 1em;
text-align: justify;
}
.list1 {
margin-left: 0px;
padding-left: 0px;
list-style: none;
}
.list1 li {
display: block;
height: 17px;
margin-bottom: 3px;
padding: 3px 0px 0px 10px;
background: url(images/homepage11.jpg) no-repeat left top;
}
.list1 li a {
text-decoration: none;
font-size: 10px;
}
.list1 li a:hover {
text-decoration: underline;
}
.list2 {
margin-left: 0px;
padding-left: 0px;
list-style: none;
}
.list2 li {
display: block;
height: 13px;
margin-bottom: 3px;
padding: 3px 0px 0px 0px;
}
.list2 li a {
text-decoration: underline;
}
.list2 li a:hover {
text-decoration: none;
}
/** LINKS */
a {
color: #994D2E;
}
a:hover {
text-decoration: none;
}
.more {
margin: 10px 0px 20px 0px;
padding: 0px 0px 0px 68px;
background: url(images/homepage09.gif) no-repeat left center;
text-transform: uppercase;
font-weight: bold;
font-size: 7px;
}
.more a {
padding-right: 15px;
background: url(images/homepage10.gif) no-repeat right center;
text-decoration: none;
}
.more a:hover {
text-decoration: underline;
}
/** STYLES */
.style1 {
}
.style1 a {
}
.style1 a:hover {
}
/** BACKGROUNDS */
.bg1 {
}
/** MISC */
.align-justify { text-align: justify; }
.align-right { text-align: right; }
img { border: none; }
img.left {
float: left;
margin: -5px 5px 0px -5px;
}
img.right {
float: right;
margin: -5px -5px 0px 5px;
}
hr { display: none; }
.hr1 {
height: 31px;
background: url(images/homepage04.gif) repeat-x left center;
}
/** WRAPPER */
#wrapper {
height: 100%;
min-height: 100%;
background: url(images/bg02.jpg) repeat-x left top;
}
html>body #wrapper {
height: auto;
}
/** HEADER */
#header {
width: 748px;
height: 200px;
}
/** LOGO */
#logo {
width: 272px;
height: 200px;
}
#logo h1, #logo p {
}
/** MENU */
#menu {
width: 476px;
height: 200px;
background: url(images/homepage02.jpg) no-repeat left top;
}
#menu a {
text-decoration: none;
font-weight: bold;
}
#menu a:hover {
text-decoration: underline;
}
/** PAGE */
#page {
width: 748px;
background: url(images/subpage2_01.jpg) repeat-y left top;
}
#page-bg {
background: url(images/subpage2_02.jpg) no-repeat left top;
}
/** SIDEBAR > BOXED */
.boxed {
background: url(images/homepage16.jpg) repeat-y left top;
}
.boxed-top {
background: url(images/homepage15.jpg) no-repeat left top;
}
.boxed-bottom {
padding: 29px 10px 10px 16px;
background: url(images/homepage17.jpg) no-repeat left bottom;
}
.boxed h2, .boxed-first h2 {
margin-bottom: 5px;
font-size: 10px;
}
.boxed .more, .boxed-first .more {
padding: 0px;
background: none;
}
.boxed-first {
background: url(images/homepage13.jpg) repeat-y left top;
}
.boxed-top-first {
background: url(images/homepage12.jpg) no-repeat left top;
}
.boxed-bottom-first {
padding: 29px 10px 20px 16px;
background: url(images/homepage14.jpg) no-repeat left bottom;
}
.boxed-second {
background: url(images/subpage1_06.jpg) repeat-y left top;
}
.boxed-top-second {
background: url(images/subpage1_05.jpg) no-repeat left top;
}
.boxed-bottom-second {
padding: 29px 10px 20px 16px;
background: url(images/subpage1_07.jpg) no-repeat left bottom;
}
/** FOOTER */
#footer {
width: 748px;
height: 80px;
background: url(images/subpage2_03.jpg) no-repeat left top;
}
#footer p {
margin: 0px;
padding: 40px 0px 0px 0px;
text-align: center;
font-size: 9px;
color: #9A8661;
}
/** FORMS */
.vTextField, #prefix {
width: 18em;
}
.vTextArea1 {
width: 29em;
}
/** COMMENTS */
.comment-count {
color: #9C8C67;
display: block;
}
#comments{
background-color: #9C8C67;
width: 100%;
clear: left;
}
#comment_head{
background: url('images/bg01.jpg') repeat;
border-bottom: solid 2px #5e4711;
margin: 0;
padding: 15px 0 10px 7px;
font-weight:bold;
color: #ffffff;
}
#comment_head span{
margin: 10px;
}
#comment_head .comments{
color: #ffffff;
}
#comments .comment{
width: 95%;
padding: 10px;
border-bottom: solid 2px #5e4711;
}
#comments .author, #comments .moderator{
/* width: 458px; */
background-color: #ffffff;
border-right: solid 2px #a9c8cb;
}
#comments .last{
border-bottom-width: 0;
}
#comments .info, #comment_response .info{
width: 90px;
float: left;
margin-right: 10px;
margin-left: 7px;
}
#comments .number{
margin: 0;
color: #ffffff;
}
#comments .name{
color: #5e4711;
font-weight: bold;
margin: 0;
}
#comments .name a{
color: #5e4711;
}
#comments .author .name, #comments .moderator .name{
}
#comments .author .name a, #comments .moderator .name a{
color: rgb(183,144,27);
}
#comments .date, #comments .time{
margin: 0;
color: #5e4711;
}
#comments .body, #comment_response .form{
font-family: inherit;
}
#comments .body, #comment_response .form{
/* width: 90%;*/
float: left;
line-height: 21px;
}
#comments .body p{
margin: 0 0 20px 0;
}
#comment_response{
background-color: #5e4711;
background: url('images/bg01.jpg') repeat;
padding: 10px;
color: #ffffff;
width: 95%;
}
#comment_response a{
background-color: #5e4711;
color: #8fe3ee;
}
#comment_response .username{
margin: 0;
font-weight: bold;
}
#comment_response .info, #comment_response .info p{
width: 95%;
}
#comment_response .date{
margin: 0;
color: #ffffff;
}
#comment_response .logout{
}
#comment_response textarea {
width: 100%;
}
#comment_response .submit{
float: right;
}
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
font-family: inherit;
color: #ffffff;
text-align: left;
width: 250px;
}