html {background:#190401 url(../images/wood-bg.jpg) repeat;}
body {
color:#d5d1b9;
font:12px arial, helvetica, sans-serif;
margin:0;
background:url(../images/leather.jpg) repeat-x;
min-width:964px;
padding-top:270px
}
body#index {padding-top:173px;}
/* Common Parts */
a {color:#d5d1b9;}
a:hover {text-decoration:none;}
p {
margin:0 0 15px;
line-height:19px;
}
img {border-style:none;}
form, fieldset {
margin:0;
padding:0;
border-style:none;
}
input, select, label, textarea {vertical-align:middle;}
input.text,
select,
textarea {
font:100% arial, helvetica, sans-serif;
color:#000;
}
textarea#comment{
width:100%;
}
ul {
margin:0 0 15px 15px;
padding:0;
}
ul ul {margin:2px 0 2px 15px;}
.sIFR-replaced object, .sIFR-replaced embed {
margin:0;
padding:0;
display:block;
}
/* Main Blocks */
#page-box {
width:964px;
position:relative;
margin:0 auto 30px;
z-index:2;
}
/* header */
#header {
width:100%;
position: absolute;
top:0;
left:0;
background:url(../images/rotate/rotate.php) repeat-x 0 89px ;
height:325px;
border-bottom:8px solid #603813;
z-index:1;
min-width:964px;
overflow:hidden;
}
#index #header {height:400px;}
#header .content {
width:964px;
margin:0 auto;
}
/* logo */
.logo {
float:left;
margin:0 0 0 -4px;
background:url(../images/logo.png) no-repeat;
width:267px;
height:133px;
overflow:hidden;
position:relative;
z-index:1;
text-indent:-9999em;
}
.logo a {
display:block;
height:100%;
position:relative;
}
/* navigation */
#header ul {
float:right;
margin:27px 0 0;
padding:0 0 0 20px;
list-style:none;
font-size:12px;
position:relative;
z-index:0;
text-transform:uppercase;
}
#header li {
float:left;
padding:12px 8px 9px;
margin:0 -1px 0 1px;
display:inline;
position:relative;
z-index:1;
background:url(../images/split.gif) no-repeat 100% 15px;
}
#header li a {
text-decoration:none;
float:left;
}
#header li span {
padding:0 15px;
float:left;
cursor:pointer;
}
#header li.bg a {
background:#a49e7c url(../images/item-left-bg.gif) no-repeat;
color:#2f130d;
display:block;
float:none;
overflow:hidden;
margin:-9px 0 -7px;
}
#header li.bg a span {
background:url(../images/item-right-bg.gif) no-repeat 100% 0;
line-height:32px;
display:block;
float:none;
}
#header li.bg {
position:absolute;
top:0;
left:0;
background:none;
z-index:0;
}
/* container */
#container {
height:1%;
overflow:hidden;
background:url(../images/container-bg.gif) repeat-y 100% 0;
padding:11px 11px 0 5px;
}
#container h1 {
color:#bdb89a;
margin:0;
font-weight:normal;
font-size:26px;
}
/* main-column */
.main-column {
float:right;
width:630px;
padding:15px 34px 0 23px;
background:url(../images/paper.jpg) repeat-y;
}
#container .main-column h1 {
background:url(../images/heading-bg.jpg) repeat-y;
margin:-15px -35px 20px -23px;
padding:8px 35px 8px 23px;
}
.main-column h2 {
color:#d5d1b9;
margin:0 0 3px;
font-size:15px;
}
.main-column p strong {
color:#d5d1b9;
margin:0;
font-size:16px;
float:left;
}
/* horses for sale link from detail*/
.listing a {
color:#b95b26;
text-transform:uppercase;
font-size:10px;
text-decoration:none;
float:left;
margin-top:15px;
position:relative;
}
/* title */
.title {
position:absolute;
z-index:3;
left:245px;
top:166px;
}
.title div {
background:url(../images/title-bg.png) no-repeat;
width:390px;
height:37px;
padding:17px 0 0 18px;
}
.title a {
color:#b95b26;
text-transform:uppercase;
font-size:10px;
text-decoration:none;
float:left;
margin-top:15px;
position:relative;
}
#container .main-column .title h1 {
margin:0;
float:left;
color:#fff;
background:none;
padding:0;
}
.slide-show {
width:651px;
height:230px;
overflow:hidden;
padding:10px 0 0 10px;
position:relative;
margin:0 -20px 20px -10px;
}
.slide-show div.item {
position:absolute;
top:10px;
left:6px;
z-index:1;
background:#000;
}
.slide-show div.active {
z-index:2 !important;
}
.slide-show img{
height:220px;
width:640px;
}
.slide-show .mask {
position:absolute;
top:-10px;
left:-10px;
background:url(../images/mask.png) no-repeat;
width:658px;
height:240px;
z-index:2;
}
/* footer */
#footer {
float:right;
background:#1b0e0d;
border-top:8px solid #603813;
padding:15px 20px 15px;
width:647px;
overflow:hidden;
color:#bdb89a;
font-size:9px;
text-transform:uppercase;
}
#footer a {
color:#bdb89a;
text-decoration:none;
}
#footer a:hover {text-decoration:underline;}
#footer p {
float:left;
margin:0;
}
#footer span {float:right;}
/* sidebar */
.sidebar .textwidget{
margin-bottom:20px;
}
.sidebar {
float:left;
margin-top:70px;
width:246px;
background:url(../images/sidebar-top-bg.png) no-repeat;
padding-top:56px;
color:#bdb89a;
font-size:14px;
}
#index .sidebar {margin-top:174px;}
.sidebar a {
color:#bdb89a;
text-decoration:none;
}
.features-post {clear:both;}
.features-post h3 {
margin:0;
font-size:31px;
}
.features-post strong {
font-size:24px;
font-weight:normal;
display:block;
margin-bottom:5px;
}
.sidebar .content {
background:#050100 url(../images/sidebar-bg.gif) repeat-y 9px 0;
padding-left:33px;
float:left;
width:213px;
}
.sidebar .btm-bg {
background:url(../images/sidebar-btm-bg.gif) no-repeat;
height:50px;
width:100%;
overflow:hidden;
clear:both;
}
.photo-holder {
width:188px;
height:167px;
overflow:hidden;
position:relative;
margin:-18px 0 10px;
float:left;
}
.photo-holder span {
position:absolute;
top:0;
left:0;
background:url(../images/photo-box.png) no-repeat;
width:100%;
height:100%;
}
.sidebar ul {
margin:0 0 0 -4px;
list-style:none;
}
.sidebar li a {
display:block;
width:207px;
}
.sidebar li span {
display:block;
width:192px;
padding:7px 5px 7px 10px;
}
.sidebar li a:hover, .sidebar li.current_page_item a {background:#603813 url(../images/sub-item-top-bg.gif) no-repeat;}
.sidebar li a:hover span, .sidebar li.current_page_item span {background:url(../images/sub-item-btm-bg.gif) no-repeat 0 100%;}
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
visibility: visible !important;
margin: 0;
}
.sIFR-replaced {
visibility: visible !important;
}
span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash #container h1 span {
visibility: hidden;
}
.sIFR-hasFlash .main-column h2 {
visibility: hidden;
}
.sIFR-hasFlash .main-column p strong {
visibility: hidden;
margin-right:-20px;
}
.sIFR-hasFlash .features-post h3 {
visibility: hidden;
}
.sIFR-hasFlash .features-post strong {
visibility: hidden;
}
.sIFR-hasFlash .features-post span {
visibility: hidden;
}
.sIFR-hasFlash .title h1 {
visibility: hidden;
}
/* Image Styles */
img.alignleft{float:left; margin:0 10px 0 0; border: thin; padding: 5px 5px 5px 5px;
border-left: 1px solid #bdb89a;
border-right: 1px solid #bdb89a;
border-bottom: 1px solid #bdb89a;
border-top: 1px solid #bdb89a;
}
img.aligncenter{margin:0 0 0 0; border: thin; padding: 5px 5px 5px 5px;
border-left: 1px solid #bdb89a;
border-right: 1px solid #bdb89a;
border-bottom: 1px solid #bdb89a;
border-top: 1px solid #bdb89a;
}
img.alignnone{ margin:0 0 0 0; border: thin; padding: 5px 5px 5px 5px;
border-left: 1px solid #bdb89a;
border-right: 1px solid #bdb89a;
border-bottom: 1px solid #bdb89a;
border-top: 1px solid #bdb89a;
}
img.alignright{float:right; margin:0 0 0 10px; border: thin; padding: 10px;}
.border{
border:1px solid #bdb89a;
color: #bdb89a;
}