/* Website for Stirling Brook Farms http://www.stirlingbrookfarms.com/ gold #e2bd23 main blue #0f4d86 blue-gray #c6cad7 */ /* ------- RESET ------- */ * {margin: 0; padding: 0;} html,body {height: 100%; } body {background-color: #0f4d86; font-family: verdana, sans-serif; font-size: 0.75em; color: #222; line-height: 1.4em; text-align: justify;} p {margin: 8px 0;} h3 {margin: 10px 0;} ul {list-style: square inside;} ol {list-style: decimal inside;} a {color: #0f4d86; outline: none;} a:visited, a:hover{color: #52a7db;} a img {border: none; outline: none;} img.border {background: #fff; padding: 5px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;} /* ------- UTILITY ------- */ .floatleft {float: left;} .floatright {float: right;} .center {text-align: center;} .clear {clear: both;} .textright {text-align: right;} /* ------- FONT / BULLETS ------- */ h3, h4 {color: #0f4d86;} h3 {font-size: 15px; margin-bottom: 3px;} h3 span {font-weight: normal; font-style: italic;} h4 {font-size: 13px; line-height: 1.6em; margin-bottom: 3px;} #facilities-list {margin-left: 30px;} .pdf {margin-right: 5px;} p.caption {margin: 2px 0 0 5px; padding: 0; font-style: italic; font-size: 0.8em; color: #555;} p.news-title {font-size: 13px; color: #0f4d86; font-weight: bold; margin-bottom: 2px;} p.news-date {font-size: 0.9em; color: #555; font-style: italic; margin: 2px 0 20px 0;} /* ------- STRUCTURE ------- */ #container {width: 900px; margin: 0 auto;} #header {width: 900px; height: 76px; margin-bottom: 15px;} #main-wrapper {background: url(../images/main-bg.gif) repeat-y; border-top: 5px solid #c6cad7; border-bottom: 5px solid #c6cad7; width: 900px; margin: 0 0 60px 0;} #main {position: relative; width: 850px; margin: 20px auto 30px auto; min-height: 260px; height: auto !important; height: 260px;} .page-header {margin-bottom: 10px;} #menu-wrapper {background: url(../images/menu/menu-bg.gif) no-repeat top left; width: 900px; height: 40px; margin: 15px 0 -5px 0; padding: 11px 0;} #menu {width: 880px; margin: 0 auto; font-size: 11px; text-transform: uppercase; font-family: "times new roman";} #footer-wrapper {background: #0f4d86 url(../images/footer/footer-bg.jpg) repeat-x top left; min-height: 80px; height: auto !important; height: 80px;} img.footer-horses {position: absolute; top: -30px; left: 10px;} #footer {position: relative; color: #fff; font-size: 0.9em; line-height: 1.3em; margin: 0 auto; padding: 10px 0; width: 860px;} #footer a {color: #fff; text-decoration: none;} #footer a:hover {color: #fff; text-decoration: underline;} /* ------- CONTACT US PAGE ------ */ #contact-left {float: left; width: 400px;} #contact-right {float: right; width: 400px;} .required {padding: 0 5px; font-style: italic; color: #555; text-align: right;} .req_field {font-style: italic; text-align: right; margin: 2px 0;} .single_field {padding: 5px 5px;} label {font-style: italic;} input.input {border: 1px solid #bbb;} p.text-area {margin-bottom: 0; padding: 0 5px; font-style: italic;} textarea.textarea {border: 1px solid #bbb; margin-top: 0;} #form_buttons {margin: 15px 0 7px 0;} .form_button {background-color: #eee; color: #444; border: 1px solid #bbb; outline: none; padding: 5px 15px;} /* ------- STAFF PAGE ------- */ div.bio {background: url(../images/gray-gradient-bg.jpg) repeat-x bottom left; border-bottom: 1px solid #ccc; padding: 0 15px 10px 15px; margin: 0 0 25px 0;} img.staff-photo {float: left; margin: 0 15px 0 0; background: #fff; padding: 5px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;} /* ------- STIRLING PERFORMERS PAGE ------- */ .performers-wrapper {background: url(../images/gray-gradient-bg.jpg) repeat-x bottom left; border-bottom: 1px solid #ccc; padding: 0 15px 10px 15px; margin: 0 0 25px 0;} .performers {float: left; margin: 0 15px 0 0;} .performers-content {float: left; margin: 0;} img.performers {background: #fff; padding: 5px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;} /* ------- YEARLINGS PAGE ------- */ .yearlings-wrapper {background: url(../images/gray-gradient-bg.jpg) repeat-x bottom left; border-bottom: 1px solid #ccc; padding: 0 15px 10px 15px; margin: 0 0 25px 0;} .yearlings {float: left; margin: 0 15px 0 0;} .yearlings-content {float: left; margin: 0;} img.yearlings {background: #fff; padding: 5px; margin-bottom: 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;} /* ------- NAVIGATION ------- */ #menu li {display: inline; list-style: none; margin: 0 5px;} #menu a {text-decoration: none; color: #0f4d86;} #menu a:hover {color: #fff; border-bottom: 2px solid #fff; padding: 0 0 2px 0;} #menu span {display: none;} /* ------- NAVIGATION w/ BUTTONS ------- */ #menu-area1 {width: 900px; height: 45px; margin: 10px 0 0 0;} #menu-area2 {width: 900px; height: 45px; margin: 10px 0 10px 0;} #menu-area1 li, #menu-area2 li {display: inline; list-style: none; margin: 0 10px 0 0; float: left;} #menu-area1 li.last, #menu-area2 li.last {margin: 0 0 0 -2px;} #menu-area1 a, #menu-area2 a {float: left; height: 45px; text-decoration: none;} #menu-area1 span, #menu-area2 span {display: none;} /* INDIVIDUAL BUTTONS */ #menu-area1 li.facilities a {background: url(../images/menu/menu-facilities.gif) top left no-repeat; width: 142px;} #menu-area1 li.facilities a:hover, #menu-area1 li.facilities a.current {background-position: 0 -45px;} #menu-area1 li.farmtour a {background: url(../images/menu/menu-farmtour.gif) top left no-repeat; width: 142px;} #menu-area1 li.farmtour a:hover, #menu-area1 li.farmtour a.current {background-position: 0 -45px;} #menu-area1 li.staff a {background: url(../images/menu/menu-staff.gif) top left no-repeat; width: 142px;} #menu-area1 li.staff a:hover, #menu-area1 li.staff a.current {background-position: 0 -45px;} #menu-area1 li.broodmares a {background: url(../images/menu/menu-broodmares.gif) top left no-repeat; width: 142px;} #menu-area1 li.broodmares a:hover, #menu-area1 li.broodmares a.current {background-position: 0 -45px;} #menu-area1 li.yearlings a {background: url(../images/menu/menu-yearlings.gif) top left no-repeat; width: 142px;} #menu-area1 li.yearlings a:hover, #menu-area1 li.yearlings a.current {background-position: 0 -45px;} #menu-area1 li.foals a {background: url(../images/menu/menu-foals.gif) top left no-repeat; width: 142px;} #menu-area1 li.foals a:hover, #menu-area1 li.foals a.current {background-position: 0 -45px;} #menu-area2 li.bookings a {background: url(../images/menu/menu-bookings.gif) top left no-repeat; width: 142px;} #menu-area2 li.bookings a:hover, #menu-area2 li.bookings a.current {background-position: 0 -45px;} #menu-area2 li.racingstable a {background: url(../images/menu/menu-racingstable.gif) top left no-repeat; width: 142px;} #menu-area2 li.racingstable a:hover, #menu-area2 li.racingstable a.current {background-position: 0 -45px;} #menu-area2 li.performers a {background: url(../images/menu/menu-performers.gif) top left no-repeat; width: 142px;} #menu-area2 li.performers a:hover, #menu-area2 li.performers a.current {background-position: 0 -45px;} #menu-area2 li.news a {background: url(../images/menu/menu-news.gif) top left no-repeat; width: 142px;} #menu-area2 li.news a:hover, #menu-area2 li.news a.current {background-position: 0 -45px;} #menu-area2 li.contact a {background: url(../images/menu/menu-contact.gif) top left no-repeat; width: 142px;} #menu-area2 li.contact a:hover, #menu-area2 li.contact a.current {background-position: 0 -45px;} #menu-area2 li.links a {background: url(../images/menu/menu-links.gif) top left no-repeat; width: 142px;} #menu-area2 li.links a:hover, #menu-area2 li.links a.current {background-position: 0 -45px;} #menu-area2 li.back-home a {background: url(../images/menu/menu-back-home.gif) top left no-repeat; width: 142px;} #menu-area2 li.back-home a:hover, #menu-area2 li.contact a.current {background-position: 0 -45px;} #menu-area2 li.home-txt-page a {background: url(../images/menu/menu-home-enter.gif) top left no-repeat; width: 142px;} #menu-area2 li.home-txt-page a:hover, #menu-area2 li.links a.current {background-position: 0 -45px;} /* ------- TABLES ------- */ thead {color: #0f4d86; font-style: italic;} table#bookings {width: 100%; margin: 10px 0 25px 0; font-size: 1.1em;} table#bookings td {font-size: 0.9em; padding: 5px 2px;} table#bookings tr.shaded {background: #efefef;} table#broodmares {width: 100%; margin: 10px 0 25px 0;} table#broodmares td {font-size: 0.9em; padding: 5px 2px;} table#broodmares tr.shaded {background: #efefef;} table#foals {width: 100%; margin: 10px 0 25px 0; font-size: 1.1em;} table#foals td {font-size: 0.9em; padding: 5px 2px;} table#foals tr.shaded {background: #efefef;} table#racingstable {width: 100%; margin: 10px 0 25px 0;} table#racingstable td {font-size: 0.9em; padding: 5px 2px;} table#racingstable tr.shaded {background: #efefef;} table#mini-2col {width: 80%; margin: 10px 0 25px 0;} table#mini-2col td {font-size: 0.9em; padding: 5px 2px;} table#mini-2col tr.shaded {background: #efefef;} /*----------- Hit Counter ------------*/ #counter {text-align: center; color: #0f4d86; margin-top: 40px;} /*-----------add by steve -----------*/ img.width580{width:580px} a.galleryImg img{width:150px;height:113px;overflow:hidden} p.hr{border-bottom:1px solid #ccc}