html {
background: url(images/wood3jpgbackground.jpg) no-repeat top center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 0;
margin: 0;
}
@font-face
{
font-family: Futura Medium;
src: url('css/Futura Medium.TTF'),
url('css/Futura_Medium.eot'); /* IE9+ */
}
/*div
{
font-family:Futura Medium;
}
*/
a:link {color:#C86205; text-decoration:underline; font-family: Futura Medium, Trebuchet MS, Verdana, 'Sans Serif'; }
a:visited {color:#C86205; text-decoration:underline; font-family: Futura Medium, Trebuchet MS, Verdana, Sans Serif; }
a:active {color:#C86205; text-decoration:none; font-family: Futura Medium, Trebuchet MS, Verdana, Sans Serif; }
a:hover {color:#FFC184; text-decoration:none; font-family: Futura Medium, Trebuchet MS, Verdana, Sans Serif; }
a:link.nav {color: #FFFFFF; text-decoration: none; font-family: Futura Medium, Trebuchet MS, Verdana, 'Sans Serif'; font-weight: bold; font-size: 18px;}
a:visited.nav {color:#FFFFFF; text-decoration:none; font-family: Futura Medium, Trebuchet MS, Verdana, 'Sans Serif'; font-weight: bold; font-size: 18px;}
a:active.nav {color:#FFFFFF; text-decoration:none; font-family: Futura Medium, Trebuchet MS, Verdana, 'Sans Serif'; font-weight: bold; font-size: 18px;}
a:hover.nav {color: #C86205; text-decoration: none; font-family: Futura Medium, Trebuchet MS, Verdana, 'Sans Serif'; font-weight: bold;font-size: 18px;}
a:link {color:#F2691A; text-decoration:underline; font-family: Trebuchet MS, Sans Serif; font-weight: bold; }
a:visited {color:#F2691A; text-decoration:underline; font-family: Trebuchet MS, Sans Serif; font-weight: bold; }
a:active {color:#F2691A; text-decoration:none; font-family: Trebuchet MS, Sans Serif; font-weight: bold; }
a:hover {color:#E6AC36; text-decoration:none; font-family: Trebuchet MS, Sans Serif; font-weight: bold; }
a:link.sidebar {color:#FFFFFF; text-decoration:underline; font-family: Trebuchet MS, Sans Serif; font-size: 11pt;}
a:visited.sidebar {color:#FFFFFF; text-decoration:underline; font-family: Trebuchet MS, Sans Serif; font-size: 11pt;}
a:active.sidebar {color:#FFFFFF; text-decoration:none; font-family: Trebuchet MS, Sans Serif; font-size: 11pt;}
a:hover.sidebar {color:#C2A67C; text-decoration:none; font-family: Trebuchet MS, Sans Serif; font-size: 11pt}
a:link.small {color:#F2DDD9; text-decoration:underline; font-family: Trebuchet MS, Sans Serif; font-size: 8pt;}
a:visited.small {color:#F2DDD9; text-decoration:underline; font-family: Trebuchet MS, Sans Serif; font-size: 8pt;}
a:active.small {color:#F2DDD9; text-decoration:none; font-family: Trebuchet MS, Sans Serif; font-size: 8pt;}
a:hover.small {color:#E6AC36; text-decoration:none; font-family: Trebuchet MS, Sans Serif; font-size: 8pt}
/* for listing links for horse types on listing pages */
a:link.listingLink {color:#FFFFFF; text-decoration:underline; font-family: Trebuchet MS, Sans Serif; font-weight: bold; font-size:10.5pt}
a:visited.listingLink {color:#FFFFFF; text-decoration:underline; font-family: Trebuchet MS, Sans Serif; font-weight: bold;font-size:10.5pt }
a:active.listingLink {color:#FFFFFF; text-decoration:none; font-family: Trebuchet MS, Sans Serif; font-weight: bold; font-size:10.5pt}
a:hover.listingLink {color:#A17F7B; text-decoration:none; font-family: Trebuchet MS, Sans Serif; font-weight: bold;font-size:10.5pt}
/* for header links in listing table */
a:link.header {color:#FFFFFF; text-decoration:none; font-family: Arial; font-weight: bold; font-size:10.5pt}
a:visited.header {color:#FFFFFF; text-decoration:none; font-family: Trebuchet MS, Sans Serif; font-weight: bold;font-size:10.5pt }
a:active.header {color:#FFFFFF; text-decoration:underline; font-family: Trebuchet MS, Sans Serif; font-weight: bold; font-size:10.5pt}
a:hover.header {color:#A17F7B; text-decoration:underline; font-family: Arial; font-weight: bold;font-size:10.5pt}
a:link.tiny {color: #FFFFFF; text-decoration: underline; font-family: Trebuchet MS, Sans Serif; font-size:8pt}
a:visited.tiny {color:#FFFFFF; text-decoration:none; font-family: Trebuchet MS, Sans Serif; font-size:8pt }
a:active.tiny {color:#FFFFFF; text-decoration:none; font-family: Trebuchet MS, Sans Serif; font-size:8pt }
a:hover.tiny {color:#E6AC36; text-decoration:none; font-family: Trebuchet MS, Sans Serif; font-size:8pt}
/* for links in index pages */
a:link.tableContents { color: #FFFFBB; text-decoration: none; font-family: Trebuchet MS, Sans Serif; font-weight: bold;font-size:10pt}
a:visited.tableContents {color:#FFFFBB; text-decoration:none; font-family: Trebuchet MS, Sans Serif; font-weight: bold;font-size:10pt }
a:active.tableContents {color:#FFFFBB; text-decoration:none; font-family: Trebuchet MS, Sans Serif; font-weight: bold; font-size:10pt}
a:hover.tableContents {color:#FFFFBB; text-decoration:underline; font-family: Trebuchet MS, Sans Serif; font-weight: bold;font-size:10pt}
a:link.copyright {color: #FFFFFF; text-decoration: underline; font-family: Trebuchet MS, Sans Serif; font-size: 8pt; }
a:visited.copyright {color:#FFFFFF; text-decoration:underline; font-family: Trebuchet MS, Sans Serif; font-size: 8pt; }
a:active.copyright {color:#FFFFFF; text-decoration:none; font-family: Trebuchet MS, Sans Serif; font-size: 8pt; }
a:hover.copyright {color:#FFFFFF; text-decoration:none; font-family: Trebuchet MS, Sans Serif; font-size: 8pt;}
a:link.h {color: #6c0000; text-decoration: underline; font-family: Trebuchet MS, Sans Serif; font-weight: bold;font-size: 10pt; }
a:visited.h {color:#6c0000; text-decoration:underline; font-family: Trebuchet MS, Sans Serif; font-weight: bold;font-size: 10pt; }
a:active.h {color:#6c0000; text-decoration:underline; font-family: Trebuchet MS, Sans Serif; font-weight: bold; font-size: 10pt; }
a:hover.h {color:#6c0000; text-decoration:none; font-family: Trebuchet MS, Sans Serif; font-weight: bold; font-size: 10pt;}
/* for horse name Links on listing pages */
a:link.nameLink {color:#E6AC36; text-decoration:underline; font-family: Trebuchet MS, Sans Serif; font-weight: bold;font-size:12pt; }
a:visited.nameLink {color:#E6AC36; text-decoration:underline; font-family: Trebuchet MS, Sans Serif; font-weight: bold;font-size:12pt; }
a:active.nameLink {color:#E6AC36; text-decoration:none; font-family: Trebuchet MS, Sans Serif; font-weight: bold;font-size:12pt; }
a:hover.nameLink {color:#F2DDD9; text-decoration:none; font-family: Trebuchet MS, Sans Serif; font-weight: bold;font-size:12pt; }
body
{
font-family: Trebuchet MS, Sans Serif;
color: #FFFFFF;
font-weight: 500
}
.maintable
{
border: 1px solid #775139; padding: 0px;
-moz-box-shadow: 0px 0px 20px #775139;
-webkit-box-shadow: 0px 0px 20px #775139;
box-shadow: 0px 0px 20px #775139;
background-color:rgba(58,30,18,0.8);
}
.slideshow
{
border: 7px solid #000000; padding: 0px;
-moz-box-shadow: 0px 0px 20px #000000;
-webkit-box-shadow: 0px 0px 20px #000000;
box-shadow: 0px 0px 20px #000000;
background-color:#000;
}
.content
{
border: 1px solid #000000; padding: 0px;
background-color:rgba(0,0,0,0.8);
}
.tilt2
{
transform:rotate(2deg);
-ms-transform:rotate(2deg); /* IE 9 */
-webkit-transform:rotate(2deg); /* Safari and Chrome */
border: 1px solid #F2691A; padding: 2px;
-moz-box-shadow: 0px 0px 20px #F2691A;
-webkit-box-shadow: 0px 0px 20px #F2691A;
box-shadow: 0px 0px 20px #F2691A;
margin-top: 30px;
margin-left:20px;
margin-right:10px;
margin-bottom:10px;
}
.tilt
{
transform:rotate(2deg);
-ms-transform:rotate(2deg); /* IE 9 */
-webkit-transform:rotate(2deg); /* Safari and Chrome */
border: 4px solid #fff; padding: 0px;
margin-top: 30px;
margin-left:20px;
margin-right:10px;
margin-bottom:10px;
box-shadow:0px 0px 20px #000000;
}
table,td
{
font-family: Trebuchet MS, Sans Serif;
color: #FFFFFF;
font-weight: 400;
font-size: 11pt;
vertical-align: top;
}
.img
{
border: 1px solid #000000; padding: 0px;
-moz-box-shadow: 0px 0px 20px #000000;
-webkit-box-shadow: 0px 0px 20px #000000;
box-shadow: 0px 0px 20px #000000;
}
.lgimg
{
border: 1px solid #F2691A; padding: 2px;
-moz-box-shadow: 0px 0px 20px #F2691A;
-webkit-box-shadow: 0px 0px 20px #F2691A;
box-shadow: 0px 0px 20px #F2691A;
}
.img2
{
border: 1px solid #000000; padding: 0px;
-moz-box-shadow: 0px 0px 20px #000000;
-webkit-box-shadow: 0px 0px 20px #000000;
box-shadow: 0px 0px 20px #000000;
}
hr
{
border:1px inset #000000;
}
.img1
{
border: 4px groove #7E674D; padding: 3px;
text-align: center;
float: none;
}
.footer-container
{
max-width: 100%;
height: 66px;
background-image: url(https://skwentnaroadhouse.com/images/footerbar.png);
background-size: cover;
background-position: center;
padding:5px;
}
.footer
{
font-family:"IFC INSANE RODEO";
color:#D08D3B;
font-weight: bold;
font-size: 2em;
}
a:link.footer {
color: #D08D3B;
text-decoration: none;
font-family: "IFC INSANE RODEO",Times New Roman, Verdana, 'Sans Serif';
font-weight: bold;
font-size: 100%;
}
a:visited.footer {color:#D08D3B; text-decoration:none; font-family: "IFC INSANE RODEO",Times New Roman, Verdana, 'Sans Serif'; font-size: 100%; }
a:active.footer {color:#D08D3B; text-decoration:none; font-family: "IFC INSANE RODEO",Times New Roman, Verdana, 'Sans Serif'; font-size: 100%; }
a:hover.footer {
color: #FFFFFF;
text-decoration: none;
font-family: "IFC INSANE RODEO","Times New Roman", Times, serif New Roman, Verdana, 'Sans Serif';
font-size: 100%;
}
/* for Sale Comment and Sold */
.hiLiteComment
{
background-color: #000000;
color:#FFFFFF;
font-weight:bold
}
/* for horse name on details page and for horse type heading on listing pages */
.horseHeading{
/*font-size: 12pt; font-variant: small-caps; color: #F2DFC4; font-weight: bold */
font-size: 13pt; color: #E6AC36; font-weight: bold; font-family: Trebuchet MS, Sans Serif; font-style: text-transform:uppercase;
}
/* for horse name on details page and for horse type heading on listing pages */
.horseHeadingPED{
/*font-size: 12pt; font-variant: small-caps; color: #F2DFC4; font-weight: bold */
font-size: 13pt; color: #FFFFFF; font-weight: bold; font-family: Trebuchet MS, Sans Serif; font-style: text-transform:uppercase;
}
/* for very small font */
.smallFont{
font-size: 7pt;
color: #E8E8E8
}
/* for med small font */
.medsmallFont{
font-size: 12px;
color: #E8E8E8
}
/* for med small font */
.medsmallFontPadded{
padding:3px; font-size: 12px; text-align:left; text-indent:4; margin-top:0;
}
/* for med small white font */
.medsmallwhiteFont{
font-size: 10pt;
color:#EAD6BB;
font-weight:normal;
}
/* border for listing table */
.listingTable{
padding:3px; border:0px solid #000000; border-collapse: collapse
}
/* listing table header */
.listingTableHeader{
background-color: #F2DFC4;
padding:3px; border:1px solid #F2691A; border-collapse: collapse
}
h1 {
font-size: 16pt;
color: #76B3EA;
font-weight: bold;
font-variant: normal;
font-family: "Times New Roman";
font-style: normal;
}
.pedTableLine {
border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px
}
fieldset {
border: 1px solid #000000;
padding: 2px
}
.pending {
font-size: 8pt;
color: #F2691A;
}
.pedName {
font-size: 10pt;
font-weight:bold;
color: #FFFFBB;
}
.pedNotes {
font-size: 8pt;
font-weight:normal;
}
/*.imggal.borders:hover {
padding:0px;
border:6px solid #B50378;
}*/
.imggal.borders
{
border: 1px solid #000000; padding: 0px;
-moz-box-shadow: 0px 0px 20px #000000;
-webkit-box-shadow: 0px 0px 20px #000000;
box-shadow: 0px 0px 20px #000000;
}
/* Showcase
-------------*/
#awOnePageButton .view-slide
{
display: none;
}
/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load
{
height: 470px; /* Same as showcase javascript option */
overflow: hidden;
}
/* Container when content is shown as one page */
.showcase-onepage
{
/**/
}
/* Container when content is shown in slider */
.showcase
{
position: relative;
margin: auto;
width:700px
}
.showcase-content-container
{
background-color:;
}
/* Navigation arrows */
.showcase-arrow-previous, .showcase-arrow-next
{
position: absolute;
background: url('https://skwentnaroadhouse.com/images/arrows.png');
width: 33px;
height: 33px;
top: 250px;
cursor: pointer;
}
.showcase-arrow-previous
{
left: -60px;
}
.showcase-arrow-previous:hover
{
background-position: 0px -34px;
}
.showcase-arrow-next
{
right: -56px;
background-position: -34px 0;
}
.showcase-arrow-next:hover
{
background-position: -34px -34px;
}
/* Content */
.showcase-content
{
background-color: ;
text-align: center;
}
.showcase-content-wrapper
{
text-align: center;
height: 470px;
width: 700px;
display: table-cell;
vertical-align: bottom;
}
/* Styling the tooltips */
.showcase-plus-anchor
{
background-image: url('https://skwentnaroadhouse.com/images/plus.png');
background-repeat: no-repeat;
}
.showcase-plus-anchor:hover
{
background-position: -32px 0;
}
div.showcase-tooltip
{
background-color: #fff;
color: #000;
text-align: left;
padding: 5px 8px;
background-image: url(https://skwentnaroadhouse.com/images/white-opacity-80.png);
}
/* Styling the caption */
.showcase-caption
{
color: #fff;
padding: 8px 15px;
text-align: left;
position: absolute;
left: 10px;
right: 10px;
display: none;
background-image: url('https://skwentnaroadhouse.com/images/black-opacity-40.png');
top: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
}
.showcase-onepage .showcase-content
{
margin-bottom: 10px;
}
/* Button Wrapper */
.showcase-button-wrapper
{
clear: both;
margin-top: 10px;
text-align: center;
}
.showcase-button-wrapper span
{
margin-right: 3px;
padding: 2px 5px 0px 5px;
cursor: pointer;
font-size: 15px;
color: #444444;
}
.showcase-button-wrapper span.active
{
color: #fff;
}
/* Thumbnails */
.showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */
{
background-color: #000;
}
.showcase-thumbnail-wrapper
{
overflow: hidden;
}
.showcase-thumbnail
{
width: 120px;
height: 90px;
cursor: pointer;
border: solid 1px #333;
position: relative;
}
.showcase-thumbnail-caption
{
position: absolute;
bottom: 2px;
padding-left: 10px;
padding-bottom: 5px;
}
.showcase-thumbnail-content
{
padding: 10px;
text-align: center;
padding-top: 25px;
}
.showcase-thumbnail-cover
{
background-image: url(https://skwentnaroadhouse.com/images/black-opacity-40.png);
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
}
.showcase-thumbnail:hover
{
border: solid 1px #999;
}
.showcase-thumbnail:hover .showcase-thumbnail-cover
{
display: none;
}
.showcase-thumbnail.active
{
border: solid 1px #999;
}
.showcase-thumbnail.active .showcase-thumbnail-cover
{
display: none;
}
.showcase-thumbnail-wrapper-horizontal
{
padding: 10px;
}
.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail
{
margin-right: 10px;
width: 116px;
}
.showcase-thumbnail-wrapper-vertical
{
padding: 10px;
}
.showcase-thumbnail-wrapper-vertical .showcase-thumbnail
{
margin-bottom: 10px;
}
.showcase-thumbnail-button-backward,
.showcase-thumbnail-button-forward
{
padding: 7px;
cursor: pointer;
}
.showcase-thumbnail-button-backward
{
padding-bottom: 0px;
padding-right: 0px;
}
/* -----------------------------------
Form - narrow
----------------------------------- */
.row-form {
clear: left;
overflow: hidden;
zoom: 1;
margin: 0 0 1em;
}
.label {
display: block;
margin: 0 0 .1em;
}
.input, .select, .textarea {
width: 100%;
*width: 90%;
box-sizing: border-box;
border: 1px solid #999;
border-radius: .3em;
}
.input, .textarea {
padding: 5px;
}
.textarea {
height: 150px;
}
.radio {
margin-left: 1px;
margin-right: .5em;
}
.form-list {
margin: 0;
padding: 0;
list-style: none;
}
.btn {
display: inline-block;
margin: 0;
padding: .7em 1.2em;
border: 0;
border-radius: .3em;
color: #fff;
background-color: #071F3D;
line-height: 1;
font-family:Arial, Helvetica, sans-serif
}
.btn:focus {
background-color: #000;
}
.btn:hover {
background-color: #000;
}
.btn:active {
background-color: #002500;
}
/* -----------------------------------
Form - wide
----------------------------------- */
@media (min-width:33em) {
.submission-form {
max-width: 40em;
}
.label {
float: left;
width: 25%;
margin: 0 2% 0 0;
text-align: right;
}
.input, .select, .textarea {
float: left;
width: 70%;
}
.form-indent {
margin-left: 27%;
width: 70%;
}
}