* {
font-family : Georgia, Times New Roman, Times, serif;
font-size : 10pt;
color: #fccf57;
}
html, body {
margin: 0;
padding: 0;
/* These next two get rid of that small grey border around the page in IE */
border: 0;
outline: 0;
background-color: #93340b;
scrollbar-base-color: #93340b;
}
/* Adding display:block to the images seems to remove the 5PX bottom padding */
/* that we get on images in | s */
/* But only do this for images within | s. */
td img {
display: block;
}
SMALL, .blog_date {
font-size : 8pt;
color: #fcbea3;
}
/* Links */
a:link, a:visited {
color: #FFFFFF;
}
a:hover, a:active {
color: #FFFFFF;
}
/* Links for Nav bar */
a:link.nav, a:visited.nav {
font-family : Arial, Helvetica, sans-serif;
color: #fb894b;
text-decoration: none;
display: block;
padding-top: 4px;
padding-left: 6px;
padding-right: 7px;
padding-bottom: 5px;
}
a:hover.nav, a:active.nav {
color: #FFFFFF;
text-decoration: none;
display: block;
background-color: #441501;
}
H2, .heading2, .blog_name {
font-size: 18pt;
font-weight: normal;
color: #ff631f;
}
H3, .heading3, .heading_blog, .blog_title {
font-size: 14pt;
font-weight: normal;
color: #fd8049;
}
H4, .heading4 {
font-weight: bold;
color: #fd8049;
}
hr {
border: none;
color: #ff631f;
background-color: #ff631f;
height: 1px;
}
/* Remove the space at the top of ul and ol */
ul.compact, ol.compact {
margin-top: 2px;
}
ul.align, ol.align {
margin-top: 2px;
margin-left: 18px;
margin-bottom: 2px;
}
.align_right {
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 15px;
float: right;
}
.align_left {
margin-top: 10px;
margin-right: 15px;
margin-bottom: 10px;
margin-left: 0px;
float: left;
}
.photo_border {
border: 5;
border-style: solid;
border-color: #c14b17;
}
.question {
color: red;
font-weight: bold;
}
select, input, textarea {
font-family : Arial, Helvetica, sans-serif;
color: black;
background-color: #fb7b44;
border: 1px solid #770d1b;
}
input.button, .button {
font-family : Arial, Helvetica, sans-serif;
color: white;
background-color: #770d1b;
border: 1px solid black;
border-radius: 20px;
padding-right: 6px;
padding-left: 6px;
padding-top: 2px;
padding-bottom: 2px;
cursor: hand;
}
.quote {
font-family : Arial, Helvetica, sans-serif;
}
.quoter, .quoter i {
font-size : 9pt;
color: #fcbea3;
text-align: right;
margin-top: 5px;
margin-right: 4px;
}
/* This is for displaying checkboxes and radio buttons, which look
bad when formatted using the above style */
input.box {
background-color: white;
border: none;
}
.home_page {
background-image: url(/images/home_page_background.jpg);
background-repeat: repeat-x;
background-position: top;
}
.blog_toc {
padding-top: 10px;
font-size : 8pt;
}
.blog_toc_div {
margin: 0px 0px 10px 10px;
padding: 0px 0px 0px 10px;
width: 150px;
float: right;
border-left: 1px solid #000000;
}
.hvmusic_headline, .hvmusic_band_name {
color: #ff631f;
}
/* For pop-up messages */
#opaque {
/* make this FIXED so that scrolling doesn't remove the opaqueness */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
z-index: 100;
visibility:hidden;
background-color: black;
filter: alpha(opacity=50);
opacity: 0.5;
}
.popup {
position: absolute;
/* Fixed keeps this popup in the same place even when the window is
scrolled. But IE requires:
*/
top: 50px;
left: 50%;
width: 640px;
height: 580px;
margin-left: -320px; /* set to negative number 1/2 the div width */
background-color: #93340b;
padding: 0px;
border: 8px solid #770c1c;
/* These lines create a transparent border
border: 15px solid rgba(119,12,28,0.7);
-moz-background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
*/
border-radius: 15px;
visibility:hidden;
z-index: 200; /* Make this larger than z-index for opaque */
}
.video_data {
padding: 10px;
z-index: 200; /* Make this larger than z-index for opaque */
}
|