html,body
{
font-family: Trebuchet MS, sans-serif;
font-size: 0.95em;
background-color: #9C9;
line-height: 20px;
margin: 0px;
padding:0px;
text-align: left;
}
/* --------------------------------------------------------------------------------------
HOME PAGE - fake index page
-------------------------------------------------------------------------------------- */
/* main div holding background */
.home_div
{
width: 1000px;
background-image: url(../art/common/home_gate_bkg.jpg);
background-repeat: no-repeat;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
}
img {
border: none;
}
/* div holding a table on home page with basic intro info, links and opening paragraph */
.intro_info{
width: 508px;
height: 281px;
margin-top: 175px;
margin-left: 149px;
margin-right: auto;
margin-bottom: 26px;
border-style: solid;
border-width: 0px;
border-color: black;
}
/*
main div containing content table
background image is the pix of the gate, open
*/
.body_div {
background-image:url(../art/common/gate_bkg.jpg);
background-repeat:no-repeat;
background-position:top;
width: 800px;
margin-left: auto;
margin-right: auto;
background-color: #bdc59b;
}
/*
div in the middle table cell containing the meat of the page
*/
.sub_content_div {
background-image:url(../art/common/frosted_bkg.jpg);
background-repeat:no-repeat;
background-position:top;
/*
10 px narrower to compensate
for 5px padding on each side
*/
width: 512px;
margin-top:20px;
margin-left: 0px;
background-color:#FFFFFF;
border-style: solid;
border-color:#000000;
border-top-width:0px;
border-left-width:0px;
border-right-width:0px;
border-bottom-width:0px;
/* compensation fot this is width of the div redused by 10 px */
padding: 5px;
}
/*
header image containing logo and page title, offset from the top
for the main body div to align with the top of the lamp column on the background pix
*/
.header_pix {
margin-top: 18px;
}
/* =======================
horse images and text details
========================= */
/* table cointaining horses details - text and images */
#horses_table a
{
font-size: 0.95em;
color:#0000FF
}
/* set of images set in a div, placed usually at the top of page */
#image_set {
border-style: solid;
border-width: 1px;
padding-left: 6px;
padding-right: 6px;
padding-top: 6px;
padding-bottom: 6px;
margin-right: auto;
margin-left: auto;
background-color:#eee;
}
#image_set img {
margin-right: 7px;
margin-left: 6px;
margin-top: 6px;
margin-bottom: 6px;
}
/* table cell hosing main headshots and thumbnails of horses */
.horse_pixes {
width: 170px;
text-align: right;
margin-right: 0px;
margin-left: 0px;
}
/* HORSE HEADSHOT */
.head_shot{
border-style: solid;
border-width: 1px;
border-color: #000;
margin-right: 0px;
}
/* thumb sized pix under main head shot */
.thumb {
border-style: solid;
border-width: 1px;
border-color: #000;
margin-top: 10px;
margin-right: 0px;
}
/* SOLD note - display when a horse got sold */
.sold {
background-color: #FC3;
border-style: solid;
border-color: #C30;
border-width: 1px;
padding: 5px;
margin-bottom: 5px;
font-family: Verdana, sans-serif;
font-size: 1.5em;
font-weight: bold;
color: #390;
text-align: center;
}
/* thumbnail to medium size image fake pop-up using 'span' tag */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail img{
border: 1px solid #333;
margin-top: 5px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0px;
}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
border: 1px solid #333;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#FFFFCC;
padding: 10px;
margin: 0px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-style: solid; /* border closest to the image */
border-width: 1px;
padding: 5px;
}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
text-align: left;
margin-left: 0px; /*position where enlarged image should offset horizontally */
margin-top: 5px;
z-index: 50;
}
/* ------------------------------------ */
/* modified horizontal rule for spacing out horse descriptions */
.hr_mod {
margin-top: 20px;
margin-bottom: 20px;
}
td{
vertical-align: top;
text-align: left;
}
/*
main table contained in the body_div
*/
.main_table
{
width: 800px;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.0em;
margin-bottom: 0.5em;
}
h1{
font-family: serif;
font-size: 24px;
color: #660000;
margin-top: 0px;
}
h2 {
color: #990;
font-family: serif;
padding: 0px;
margin: 0px;
}
h3 {
color: #660000;
margin-top: 5px;
margin-bottom: 5px;
}
h4 {
padding-top:2px;
padding-bottom: 2px;
margin-top:2px;
margin-bottom: 2px;
line-height: 1.1em;
}
/* ALTERNATE H1 SETTINGS */
.h1Alt {
font-family: Trebuchet MS, Verdana, sans-serif;
font-size: 1.25em;
line-height: 1.5em;
color: #693;
}
p {
margin-top: 0.5em;
}
.h4_link {
color: #3300FF;
text-decoration: underline;
}
/* NAVIGATION */
/* bold home page links */
.main_bold_link {
color: #600;
}
/* top & bottom text navigation links */
#footer_nav, a {
color:#FFFFCC;
font-size: 0.70em;
text-decoration: none;
}
/* top and bottom text navigation cells */
.footer_cell
{
letter-spacing: 0.5px;
text-align: center;
color:#FFFFCC;
background-color:#660000;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 0px;
padding-right: 0px;
/*margin: auto;*/
border-style: solid;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-width: 0px;
border-color:#999999;
}
/* --------------------------------------------------------------------------------------
------------------------------ TESTIMONIALS PAGE -------------------------------------
-------------------------------------------------------------------------------------- */
/* alternationg paragraphs of Times and some hand written type */
.p1 {
font-family: Monotype Cosiva, Staccato,"Times New Roman", Times, serif;
font-style: italic;
font-size: 1.1em;
}
.p2 {
font-family: Lucida Handwriting Italic, Comic Sans MS, Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-size: 1.0em;
}