/*limited reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video {
margin: 0;
padding: 0;
border: 0;
}
a {
text-decoration: none;
}

/*html5 display rule*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
display: block;
}

/*.entry-content {
  border-bottom: 1px solid #C2C2C2;
}
*/
.entry-title:after, .entry-content:after{
  /*background-color: #0273ae;*/
  background-color: #F4D399;
  width: 42px;
  height: 5px;
  margin: 10px 0px;
  position: relative;
  /*left: 43%;*/
  content: "";
  display: block;
}

.no-line:after{
  background-color: transparent !important;
}

body {
background:#d9dbdd url('../img/bg-pattern.jpg');
font-family: 'Noto Sans', sans-serif;
color:#33647f;
}

nav ul, ul.menu {
list-style: none;
text-align:center;
}

/* layout styles */
#wrapper {
width: 1100px;
height:650px;
margin: 50px auto;
position: relative;
background-color:#f4ebdb;
color:#33657f;
text-align:center;
box-shadow: 10px 10px 10px #888888;
}

section {padding: 50px 20px 10px 6px;text-align:left;text-align:left;float:left;}

.page-id-11 .container, .page-id-9 .container {
  overflow : hidden;
}

.page-id-11 .entry-content, .page-id-9 .entry-content, .page-id-7 .entry-content {
  border-bottom: 0px;
}


.container {
width: 660px;
height: 520px;
position:relative;
top:50px;
/*left:20px;*/
padding-top:0px;
text-align:left;
background-color: #f5ecdc;
overflow-y: scroll; /* showing scrollbars */
overflow-x:hidden;
margin: auto;
}

p {
text-align:left;
font-size:16px;
line-height:21px;
margin-bottom: 10px;
letter-spacing:-.02em;
}

p a {
color:#33647f;
text-decoration:none !important;
}

p a:hover {
color:#f6d39e;
text-decoration:none !important;
}

h1 {
font-family: 'Noto Sans', sans-serif;
font-weight:bold;
font-size:20px;
text-align:left;
/*letter-spacing:.1em;*/
background:url('../img/cream-bar-bottom.gif') 0 100% no-repeat;
margin-bottom:20px;
line-height: 1em;
}


h3 {
font-size:14px;
font-style:italic;
font-weight:normal;
margin-top:10px;
}

h4 {
font-family: 'Noto Sans', sans-serif;
font-weight:bold;
font-size:18px;
text-align:left;
}

header#mainHeader {
font-family: 'Noto Sans', sans-serif;
text-align:center;
height: 568px;
margin:25px 0 0 0;
padding-top: 25px;
border-right:#91a0b3 solid 2px;
float:left;
}

/*.entry-title {
  text-transform: uppercase;
}*/

#post-20 header, #post-11 header {
  display: none;
}

header#mainHeader nav {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size:16px;
padding-top: 30px;
width:350px;
letter-spacing: .2em;
line-height:20px;
text-transform: uppercase;
}

header#mainHeader ul li {
  padding-top: 8px
}

header#mainHeader ul li a{
color: #33657f;
text-decoration: none;
}

#main header h1 a {
  color: #33657F;
}

#main header h1:after {
  /*background-color: #F6D49E;*/
  width: 42px;
  /*height: 5px;*/
  margin: 10px 0px;
  position: relative;
  content: "";
  display: block;
}

header#mainHeader ul li:after{
  /*background-color: #0273ae;*/
  background-color: #F4D399;
  width: 42px;
  height: 5px;
  margin: 10px 0px;
  position: relative;
  left: 43%;
  content: "";
  display: block;
}

header#mainHeader ul > li:last-child:after {
    content: none;
  }
.current-menu-item a {
 font-weight: bold;
}

header#mainHeader ul li a.last{
border: none;
}
header#mainHeader ul li a:hover {
color: #f6d39e;
}
/*footer styles*/
footer#pageFooter{clear:both;}
footer#pageFooter p{
font-family: 'Noto Sans', sans-serif;
font-weight:normal;
background-color: #0273af;
font-size:12px;
line-height:10px;
height:12px;
width:1100px;
color:#ccc;
text-align: right;
position:absolute;
bottom: 0px;
margin-bottom: 0px;
padding:15px 20px 20px 0;

}

footer#pageFooter a {
text-decoration: none !important;
color:#ccc;
}
footer#pageFooter a:hover {
text-decoration: none !important;
color: #f6d39e;
}

 .slideshow_container_style-light .slideshow_pagination .slideshow_currentView {
  opacity: 1;
  background: url("http://www.nickvassbloodstock.com.au/wp-content/themes/nick-vass-bloodstock/img/light-bullet_blue.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#post-11 .slideshow_container_style-light .slideshow_pagination {
  bottom: 3px;
}



.disclaimer p {
font-size:13px;
line-height:15px;
}

table {
font-family: 'Noto Sans', sans-serif;
font-size:22px;
text-align:left;
letter-spacing:.1em;
}

/*  HOMEPAGE - SLIDESHOW  */
/*  custom scroll bar  */
::-webkit-scrollbar {
width: 10px;
} /* this targets the default scrollbar (compulsory) */
::-webkit-scrollbar-track {
background-color: #f5ecdc;
} /* the new scrollbar will have a flat appearance with the set background color */

::-webkit-scrollbar-thumb {
    /*background-color: rgba(0, 0, 0, 0.2);*/
    background-color:#0273af;
} /* this will style the thumb, ignoring the track */

::-webkit-scrollbar-button {
    background-color: #0273af;
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) #7c2929 */

::-webkit-scrollbar-corner {
    background-color: black;
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */



/*
* CSS Styles that are needed by jScrollPane for it to operate correctly.
*
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
* may not operate correctly without them.
*/
.jspContainer
{
overflow: hidden;
position: relative;
}
.jspPane
{
position: absolute;
}
.jspVerticalBar
{
position: absolute;
top: 0;
right: 0;
width: 11px;
height: 20%;
background: #f5ecdc;
}
.jspVerticalBar *,
.jspHorizontalBar *
{
margin: 0;
padding: 0;
}
.jspCap
{
display: none;
}
.jspTrack
{
background: #f5ecdc; /* changed from #dde */
position: relative;
}
.jspDrag
{
background: #33647f; /* changed from #bbd */
position: relative;
top: 0;
left: 0;
cursor: pointer;
}
.jspArrow
{
background: #f5ecdc;
text-indent: -20000px;
display: block;
cursor: pointer;
}
.jspArrow.jspDisabled
{
cursor: default;
background: #f6d49e;
}
.jspVerticalBar .jspArrow
{
height: 16px;
}
.jspVerticalBar .jspArrow:focus
{
outline: none;
}
.jspCorner
{
background: #f5ecdc;
float: left;
height: 20%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
margin: 0 -3px 0 0;
}