@import url(http://fonts.googleapis.com/css?family=Radley:400,400italic);

body {
	background: #fff url('../images/subtle_dots.png') 0 0;
}

a:link, a:visited { text-decoration: none; color: #68B3AF; font-weight: bold; }
a:hover { color: #AACCB1; }

div.bg {
  background: #68B3AF;
  height: 20px;
}

.logo { margin:30px 30px 28px 28px; }

h1.logo {
	width: 223px;
	height: 80px;
	margin: 50px 10px 0 90px;
	float: left;
	font-size: 60px;
	font-family: 'Radley';
	color: #68B3AF;
	text-shadow: 1px 1px 1px #fff;
}

h1.logo small { font: bold 12px 'Helvetica Neue', sans-serif; text-transform: none; line-height: 1px; position: relative; top: -8px; }
h1.logo small .thin { font-weight: normal; position: relative; top: -18px; }

h1.logo a {
	display: block;
	height: 100%;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Radley', Georgia, serif;
  font-style: italic;
  color: #68B3AF;
  font-weight: normal;
}

h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link { font-weight: 100; }

div.nav {
	height: 150px;
	width: 520px;
	border-left: 1px solid #ddd;
	float: right;
	margin-top: 26px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	list-style:none;
}

div.nav ul {
	margin: 15px 0 0 44px;
	float: left;
	list-style:none;
	text-decoration:none;
}

div.nav ul:first-child {
	margin-left: 66px;
}

div.nav ul li { margin: -2px 0 0;
}

div.nav a {
	font: 10px 'Helvetica Neue', sans-serif;
	color: #999;
	text-transform: uppercase;
	text-decoration:none;
}

div.nav a:hover { color: #000;
}

div.nav li.title { margin: 0; margin-bottom: 10px; color: #777; font-weight: bold;
}

div.nav li.title a, ul.menu-side a {
	font: bold 13px 'Helvetica Neue', sans-serif;
	text-transform: none;
	color: #777;
}

ul.menu-side a { font-size: 12px;
}

div.nav li.title a:hover { color: #777 !important;
}

div.nav ul.menu-side {
	margin: 17px 31px 8px 0;
	float: right;
}
div.nav ul.menu-side li {
	background: url(../images/list.png) no-repeat left center;
	margin-bottom: 9px; padding-left: 13px;
}

div.nav ul.menu-side a:hover { color: #a01b9b; }
div.nav ul.menu-side a.active:hover { color: #2595d7; }
div.nav li.title a.active { color: #383838; }
div.nav li a.active { color: #a01b9b; }

div.footer-text {
	background: #68B3AF;
	margin-top:30px;
	margin-bottom: 0;
}

div.footer-text p:first-child { margin: 0; padding: 25px; }
div.footer-text p { color: #fff; }
div.footer-text a { color: #fff; font-weight: bold; text-decoration:none; }

.pink-bg {
  background: url('../images/green-bg.png') 0 0;
  margin: 0 0 30px;
	font-size:24px;
	color:#414141;
	font-family: 'Radley', Georgia, serif;
	font-style: italic;
	line-height: 32px;
	-webkit-font-feature-settings: "liga" 0;
	-moz-font-feature-settings: "liga" 0;
	font-feature-settings: "liga" 0;
}

.pink-bg-inner {
  padding: 25px;
}

.white { color: #c4e2e1; text-transform: none; }
.images { margin: 15px 0 15px 0; }

.horsepage-header {
  background: url('../images/bokeh.jpg') 0 0;
  padding: 25px 0 25px 0;
  min-height: 450px;
  color: #fff;
}

.horsepage-header small { color: #e9fee7; }

.page-img {
  border: 10px solid #fff;
  -webkit-box-shadow: 0px 0px 10px 0px #419d9a;
  box-shadow: 0px 0px 10px 0px #419d9a;
}

.inner  {  position: relative; top:80px;  }
.pedigree                   { border: 0 none;}
.pedigree tbody tr:hover td,
.pedigree tbody tr:hover th { background-color: transparent; }
.pedigree tbody tr td       { vertical-align: middle; padding: 10px 5px; }
#sire                       { vertical-align: bottom; font-weight: bold; background: url('../images/border.png') repeat-x left bottom; }
#dam                        { vertical-align: top; font-weight: bold; }
.top                        { vertical-align: top; }
.bottom                     { vertical-align: bottom; }
.border-left                { background: url('../images/border.png') repeat-y left top; }
.border-bottom              { background: url('../images/border.png') repeat-x left bottom; }
.border-top                 { background: url('../images/border.png') repeat-x left top; }
.borderless                 { border: 0 none; }
.pedigree tbody tr td a      { color: #e9fee7; }
.pedigree tbody tr td a:hover { color: #fff; }
.pedigree tbody tr td {text-shadow: 0px 0px 10px #4e9692;
        filter: dropshadow(color=#4e9692, offx=0, offy=0);}