* { margin: 0; } img, div { behavior: url(/css/iepngfix.htc) } /*================================================================= MAIN STYLING OF THE ARIA WEBSITE ==================================================================*/ body{ background-image:url(../images/pageBg.jpg); margin:0px; background-color: #FFF; background-repeat: repeat-x; background-position: 0px 0px; font-family: "Lucida Grande", Arial, sans-serif; } html, body { height: 100%; } #body { padding-bottom: 285px; } a {outline:none;} a:link, a:active, a:visited { color: #900; text-decoration: underline; } a:hover {text-decoration:none;} #wrapper { min-height:100%; height: auto !important; position: relative; margin-top: 0px; } #container { width: 956px; margin-right: auto; margin-left: auto; } #container2 { width: 975px; margin-right: auto; margin-left: auto; } .clrfix { clear: both; } /*================================================================= HEADER ON ALL PAGES ==================================================================*/ #header { width: 956px; margin: 0px; } #header #logo { height: 104px; width: 311px; margin-top: 70px; float: left; padding-bottom: 20px; } #header #logo-right { float: left; height: 120px; width: 122px; margin-top: 50px; margin-left: 500px; } #wrapper #menu { height: 44px; margin: 0px; clear: both; } /*================================================================= BODY CONTENT ==================================================================*/ #wrapper #content-wrapper2 { width: 975px; margin-right: auto; margin-left: auto; margin-top: 15px; background: url(../images/flashBg.jpg) no-repeat; height: 450px; } #wrapper #content-wrapper { width: 956px; margin-right: auto; margin-left: auto; margin-top: 15px; } #content-wrapper #content { background: url(../images/contTopHeader.jpg) no-repeat 0px 0px; width: 956px; margin: 0px; padding: 0px; overflow: hidden; } #content-head h1, .galleryBox h1 { width: 500px; font: 28px/32px Arial, Helvetica, sans-serif; color: #933; margin-bottom: 25px; padding-top: 25px; padding-left: 25px; } #content-head h1 {float: left;} #content-head #addthis { float: right; width: 125px; margin-top: 28px; margin-right: 26px; } #content-head #pageoptions { width: 411px; margin-left: 20px; float: left; } #email-alerts { float: right; height: 52px; width: 262px; margin-top: 15px; margin-right: 20px; } #options { list-style: url(none) none; margin: 0px; padding: 0px 10px 0px 0px; } #options li { float: right; margin-left: 10px; padding-top: 40px; font-size: 12px; } #content .smallContentBox { width: 906px; margin-right: 25px; margin-left: 25px; margin-bottom: 15px; background: url(../images/geometric.gif) no-repeat center bottom; padding-bottom: 35px; } #content .smallContentBox p { font: 12px/16px "Lucida Grande", Arial, sans-serif; text-align: justify; margin-top: 10px; margin-bottom: 10px; } #content .smallContentBox h2 { font: 22px Arial, Helvetica, sans-serif; color: #900; margin-top: 0px; margin-bottom: 5px; } #content-wrapper #content-footer { background: url(../images/contentBottom.jpg) no-repeat; padding: 0px; height: 139px; width: 956px; margin-bottom: 15px; margin-top: 25px; } #content .smallContentBox ul li { font-size: 12px; } #flashcontent { padding-top:42px; margin-left: 10px; height: 355px; width: 956px; } #flashcontent2 { height: 355px; width: 956px; } #skipIntro { text-align: center; font-size: 11px; height: 34px; width: 213px; margin-top: 3px; margin-left: 750px; } /*================================================================ TABLES ================================================================*/ #scrapbook { border: 1px solid #333; } #scrapbook th { background: url(../images/burgundyBgbottom.gif) repeat-x; border: 1px solid #333; font: 12px Verdana, Geneva, sans-serif; color: #FFF; } #scrapbook tr td { font: 11px Verdana, Geneva, sans-serif; color: #000; } #aboutThumbs { float: right; height: 94px; width: 700px; } .tableimage { border: 2px solid #333; } #horseinfo { border: 1px solid #000; margin-top: 10px; background: url(../images/goldtoneBg.gif) repeat-x; margin-left: 150px; } #horseinfo td { font: 12px "Lucida Grande", Arial, sans-serif; color: #000; letter-spacing: 1px; text-align: left; } .mareBox { float: left; width: 200px; text-align: center; margin-right: 15px; margin-bottom: 15px; height: 260px; border: 1px solid #c0c0c0; padding-top: 3px; } #referral { width: 593px; margin-left: 150px; border: 1px solid #333; padding: 5px; background: url(../images/arrow_down.gif) no-repeat center top; } #referralinfo { padding: 5px; float: left; width: 285px; border-right: 1px solid #333; margin-top: 22px; } #referralinfo h3 { font-size: 16px; color: #930; margin-top: 0px; margin-bottom: 5px; } #referralform { padding: 5px; float: left; width: 278px; margin-top: 22px; } #rform label { font-size: 11px; color: #930; display: block; } #rform input, #rform textarea { font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding-top: 2px; } /*================================================================ FOOTER =================================================================*/ #sub-footer-wrapper { background: url(../images/footerBg_large.jpg) repeat-x; width: 100%; height: 285px; position: relative; bottom: 0px; } #sub-footer { width: 956px; margin-right: auto; margin-left: auto; } #sub-footer #footer-right { padding: 5px; width: 350px; margin-top: 5px; margin-left: 6px; float: left; border: 1px solid #933; } #footer-right h2 { font-size: 18px; color: #FFF; margin-top: 0px; margin-bottom: 5px; font-family: "Lucida Grande", Arial, sans-serif; letter-spacing: 2px; } #footer-right p { font-size: 10px; color: #FFF; text-align: justify; font-family: Verdana, Arial, sans-serif; letter-spacing: 1px; line-height: 12px; margin-bottom: 10px; padding-bottom: 3px; border-bottom: 1px dotted #FFF; } #footer-right img { border: 1px solid #333; margin-left: 40px; } #footer-right a { color: #FFF; text-decoration: underline; } #footer-right a:hover { text-decoration: none; } #sub-footer #footer-left { padding: 10px; float: left; width: 530px; border: 1px solid #933; font: 10px/15px Verdana, Arial, sans-serif; color: #FFF; letter-spacing: 1px; text-align: justify; margin-top: 5px; } #footer-left h1 { margin-bottom: 1px; font-size: 18px; } #footer-left p { margin-top: 10px; margin-bottom: 2px; } #footer-left a, #footer-left a:active, #footer-left a:visited { color: #FFF; text-decoration: underline; } #footer-left a:hover { text-decoration:none; } #content-footer #share { float: right; height: 64px; width: 330px; padding-top: 60px; margin-right: 40px; } #follow { float: left; width: 575px; padding-top: 60px; } #follow ul { list-style: url(none) none; padding: 0px; margin-left: 25px; } #follow ul li { float: left; margin-right: 15px; } /*================================================================ PHOTO GALLERY =================================================================*/ #content .galleryBox { width: 906px; margin-right: 25px; margin-left: 25px; margin-bottom: 15px; background: url(../images/geometric.gif) no-repeat center bottom; padding-bottom: 35px; } #content .galleryBox p { font: 12px/14px "Lucida Grande", Arial, sans-serif; text-align: justify; margin-top: 5px; margin-bottom: 5px; } .galleryBox img { padding: 2px; margin-right: 10px; border: 1px solid #333; } .gallery { margin-left: 100px; } .galleryBox a, .galleryBox a:active, .galleryBox a:visited { font: 12px "Lucida Grande", Arial, sans-serif; color: #900; text-decoration: underline; } .galleryBox a:hover { text-decoration: none; } .thumbnail { padding: 0px; height: 100px; width: 900px; margin: 0px 0px 0px 25px; list-style: url(none) none; } .thumbnail li { padding: 2px; float: left; height: 100px; width: 79px; margin-right: 10px; margin-bottom: 10px; } /*================================================================ STYLING OF THE HORSES =================================================================*/ #content .stallionBox, #content .contactBox, #content .profileBox { width: 906px; margin-right: 25px; margin-left: 25px; margin-bottom: 15px; background: url(../images/geometric.gif) no-repeat center bottom; padding-bottom: 35px; overflow: hidden; } #content .profileBox img { margin: 2px 4px; } #content .stallionBox p, #content .profileBox p { font: 12px/14px "Lucida Grande", Arial, sans-serif; text-align: justify; margin-top: 5px; margin-bottom: 2px; } #stallionphoto img { padding: 2px; margin-right: 10px; border: 1px solid #333; } .stallionBox a, .stallionBox a:active, .stallionBox a:visited { font: 12px "Lucida Grande", Arial, sans-serif; color: #900; text-decoration: underline; } .stallionBox a:hover { text-decoration: none; }.stallionBox #stallionphoto { margin: 0px 20px 0px 0px; padding: 0px; float: left; height: 504px; width: 404px; } .stallionBox #stallioninfo { margin: 50px 0px 0px; padding: 0px; float: left; width: 446px; } #stallioninfo h2, .stallionBox h2, .profileBox h2 { font: 20px/20px Arial, Helvetica, sans-serif; color: #900; margin-top: 5px; margin-bottom: 5px; } #stallioninfo ul { margin: 0px 0px 10px 30px; padding: 0px; list-style: square url(none); } #stallioninfo ul li { font: bold 12px/14px Verdana, Arial, sans-serif; color: #000; } #pedigree tr td { font: 12px/14px "Lucida Grande", Arial, sans-serif; } .pedigree-small { font-size: 10px; font-family: "Lucida Grande", Arial, sans-serif; } .smallpedigreeline { background: url(../images/bracket_small.gif) no-repeat right center; } .largepedigreeline { background: url(../images/bracket_large.gif) no-repeat right center; } .xlargepedigreeline { background: url(../images/bracket_xlarge.gif) no-repeat right center; } .stallionBox li, .profileBox li { font: 12px/14px "Lucida Grande", Arial, sans-serif; } #content .galleryBox .mareBox h2 { font: 18px Verdana, Arial, sans-serif; color: #900; } #content .galleryBox .mareBox img { margin-left: 20px; } #content .galleryBox .mareBox p { text-align: center; font-size: 11px; } #content .stallionBox #marephoto { text-align: center; } #marephoto img { border: 1px solid #333; } #myplayer, #myplayer1, #myplayer2, #myplayer3, #myplayer4, #myplayer5, #myplayer6, #myplayer7, #myplayer8, #myplayer9, #myplayer10, #myplayer11 { height: 450px; width: 600px; margin-top: 15px; margin-left: 150px; padding-bottom: 15px; } .expectedBox { width: 800px; margin-top: 15px; margin-left: 50px; text-align: center; margin-bottom: 15px; border-bottom: 1px solid #000; padding-bottom: 20px; } .expectedBox h3 { font-size: 24px; color: #900; font-family: "Lucida Grande", Arial, sans-serif; } .expectedBox h5 { font: normal 14px "Lucida Grande", Arial, sans-serif; } .expectedBox .foalparents { float: left; height: 250px; width: 280px; margin-right: 10px; margin-left: 75px; margin-top: 25px; } .foalparents .parents { font: 12px "Lucida Grande", Arial, sans-serif; text-align: center; } .backtop { float: right; width: 150px; height:15px; text-align: right; font-size: 11px; } .download {margin-left: 150px;} /*================================================================= THUMBNAIL PHOTO DISPLAY -- NOT BEING USED RIGHT NOW ==================================================================*/ .nav-links { position: absolute; top: 30px; left: 20px; width: 200px; list-style: none; margin: 0; padding: 0; } .nav-links li { line-height: 1.6em; font-size: 1.2em; } .nav-prev { border-style: none; } .filmstrip li a img { padding: 2px; border: 1px solid #333; } .contactBox .contact-left { float: left; width: 410px; margin-right: 15px; } .contactBox .contact-right { float: left; width: 475px; text-align: center; background: url(../images/shadowline.gif) repeat-y left top; } .contact-right p { font: 14px "Lucida Grande", Arial, sans-serif; } .contact-right h2 { font: normal 24px "Lucida Grande", Arial, sans-serif; color: #900; margin-top: 0px; margin-bottom: 15px; } .contact-right img { padding: 2px; border: 1px solid #333; } /*================================================================= FORM ==================================================================*/ #form1 { width: 400px; padding: 5px; } #form1 p { margin-top: 2px; margin-bottom: 2px; font: 12px/14px "Lucida Grande", Arial, sans-serif; } #form1 p label { display: block; font: 12px/14px "Lucida Grande", Arial, sans-serif; margin-top: 5px; margin-bottom: 5px; } #form1 p a img { border-style: none; } #form1 #fname , #form1 #email, #form1 #phone, #form1 #fax, #form1 #city, #form1 #state, #form1 #country, #form1 #subject, #form1 #message, #form1 #captcha_code{ padding: 6px; } #postcard { background: url(../images/postcard.jpg) no-repeat; margin: 0px; padding: 0px; height: 371px; width: 360px; } #postcard #form1 { margin-top: 130px; padding-right: 30px; padding-left: 30px; } /*================================================================ SLIDER ================================================================*/ #sliderBox { position:relative; height: 275px; width: 886px; background: #900 url(../images/sliderBg.jpg) repeat-x; margin: 0px; padding: 10px; } #slider{ width: 886px; height: 275px; } #slider ul, #slider li{ margin:0; padding:0; list-style:none; } #slider li{ width:886px; height:275px; overflow:hidden; } #prevBtn, #nextBtn{ display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px; } #nextBtn{ left:696px; } #prevBtn a, #nextBtn a{ display:block; width:30px; height:77px; background:url(../images/btn_prev.gif) no-repeat 0 0; } #nextBtn a{ background:url(../images/btn_next.gif) no-repeat 0 0; } a.journey, a.journey:active, a.journey:visited { font-size: 18px; text-decoration: underline; font-family: "Lucida Grande", Arial, sans-serif; font-weight: normal; letter-spacing: 1px; } a.journey:hover { text-decoration:none; } /*====================================================================== COMMENT SYSTEM ======================================================================*/ .dsq-item-cp, .dsq-by, #dsq-login-toggle {display: none;} /* * SimpleModal Contact Form * http://www.ericmmartin.com/projects/simplemodal/ * http://code.google.com/p/simplemodal/ * * Copyright (c) 2009 Eric Martin - http://ericmmartin.com * * Licensed under the MIT license: * http://www.opensource.org/licenses/mit-license.php * * Revision: $Id: contact.css 185 2009-02-09 21:51:12Z emartin24 $ * */ /* Overlay */ #contact-overlay {background-color:#000; cursor:wait;} /* Container */ #contact-container {width:450px; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left;} #contact-container .contact-content {background-color:#333; color:#ddd; height:40px;} #contact-container h1 {color:#d76300; margin:0; padding:0 0 6px 12px; font-size:1.2em; text-align:left;} #contact-container .contact-loading {position:absolute; background:url(../img/contact/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;} #contact-container .contact-message {text-align:center;} #contact-container .contact-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px;} #contact-container br {clear:both;} #contact-container form {padding:0; margin:0;} #contact-container label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold;} #contact-container .contact-input {font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:300px;} #contact-container textarea {height:114px; font-size:.9em;} #contact-container .contact-cc {font-size:.9em; cursor:default;} #contact-container .contact-top {height:13px; background:url(../img/contact/form_top.gif) no-repeat; padding:0; margin:0;} #contact-container .contact-bottom {height:13px; background:url(../img/contact/form_bottom.gif) no-repeat; font-size:.7em; text-align:center;} #contact-container .contact-bottom a, #contact-container .contact-bottom a:link, #contact-container .contact-bottom a:active, #contact-container .contact-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;} #contact-container .contact-bottom a:hover {color:#888;} #contact-container .contact-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;} #contact-container .contact-send {width:50px; background:url(../img/contact/send.png) no-repeat;} #contact-container .contact-cancel {width:65px; background:url(../img/contact/cancel.png) no-repeat;} #contact-container a.modalCloseX, #contact-container a.modalCloseX:link, #contact-container a.modalCloseX:active, #contact-container a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-4px; right:6px; color:#999;} #contact-container a.modalCloseX:hover {color:#9bb3b3;} /*===================================================================== COMMENTS SYSTEM =====================================================================*/ #leftForm { float: left; width: 450px; margin-right: 10px; padding-right: 10px; height: 300px; border-right: 1px dotted #666; } #rightForm { float: left; width: 350px; height: 300px; } #comments label { display: block; } #commentSection { background: #EDEDED; border: 1px solid #DCDDDD; padding: 25px; } #commentsName { background: url(../images/comment_arrow.png) no-repeat 50px bottom; height: 50px; } .comments { background: #FFF; border: 1px solid #DCDDDD; padding: 15px; } .commentsMessage { color: #FFF; background: #900; padding: 10px; margin-bottom: 10px; border: 1px solid #333; } .comments p { line-height: 16px; margin-bottom: 10px; } #comments input, #comments textarea { font: 12px Arial, Helvetica, sans-serif; padding: 6px; } /*===================================================================== FORWARD TO A FRIEND =====================================================================*/ #forward { text-align: center; } #forward-box { width: 595px; margin-left: 150px; padding: 5px; background: #FFF url(/images/forwardBoxTop.jpg) repeat-x; height: 225px; } .fwdBoxLeft { float: left; width: 240px; margin-left: 5px; padding-left: 50px; } .fwdBoxRight { float: left; width: 290px; margin-left: 5px; } #close { width: 75px; margin-left: 525px; font-size: 11px; color: #933; } #forwardForm { margin-top: 15px; margin-bottom: 5px; } #close a, #close a:active, #close a:visited { color: #933; font-size: 11px; text-decoration: none; } #forwardForm label { font-size: 12px; color: #933; display: block; } #sendit { height: 30px; width: 100px; background: url(/images/sendButton.png) no-repeat; border-style: none; margin-left: 15px; } #forwardForm #tname, #forwardForm #fname, #forwardForm #femail, #forwardForm #temail, #forwardForm #message { font: 12px Arial, Helvetica, sans-serif; padding: 4px; } #submitted { text-align: center; margin-bottom: 10px; } #forward-box #fwdTitle { font-size: 14px; color: #933; }