/* Colors */
/* Gold #c7994a */
/* WSNA red, and links #801517 */
/* Brown, titles #80491e */
/* Reddy orange #822f1a */
/* Orange #da491b */
/* lt Tan #ebd8c6 */

#stallion-listing {

}
/* name-block holds stallion name and one-liner */
#name-block {
	width: 100%;
	margin-bottom: 15px;
}

#stallion-image-gallery {
	width: 100%;
	margin-bottom: 15px;
	position: relative;
}

.stallion-large-image-box,
.stallion-large-image-box img {
	width: 850px;
	height: auto;
}

.stallion-credit {
	font-style: italic;
	font-size: .8em;
}

#offspring-image-gallery {
	width: 560px;
	float: right;
	margin-bottom: 15px;
	border: 0px dotted purple;
	position: relative;
}

.offspring-large-image-box,
.offspring-large-image-box img {
	width: 450px;
	height: auto;
	margin-top: 15px;
}
/*
#stallion-listing aside {
float: left;
width: 30%;
height: 800px;
padding: 15px 5px 10px 15px;
background-color: white;
border: 1px solid #ebd8c6;
-webkit-border-radius: 10px;
border-radius: 10px;
box-shadow: 2px 2px 10px #e7e7e7;
}

#stallion-listing aside {
float: left;
width: 30%;
position: absolute;
top: 0;
bottom: 0;
left: 15px;
padding: 15px 5px 10px 10px;
background: url(../images/background-gradient-light-tan.png) repeat-x 0px 0px;
background-color: #d8b67f;
box-shadow: 2px 0px 10px #e7e7e7;
}
*/
aside#stallion-stats,
aside#stallion-studfees,
aside#stallion-contact,
aside#stallion-website {
	height: auto;
	margin: 0 15px 5px 0;
	padding: 15px 5px 10px 10px;
	background: url(../images/background-gradient-light-tan.png) repeat-x 0px 0px;
	background-color: #d8b67f;
	box-shadow: 2px 0px 10px #e7e7e7;
	border: 0px solid orange;
}

aside#stallion-stats {
	width: 30%;
	float: left;
}

.aside-wrapper {
	width: 30%;
}

aside#stallion-studfees,
aside#stallion-contact,
aside#stallion-website {
	width: 94%;
}

/* Box for semen options, and styles for definition list */

#stallion-studfees dl {
}

#stallion-studfees dt {
	color: #801517;
	font-size: 1.2em;
}

#stallion-studfees dd {
	margin: 0;
	margin-left: 2em;
}

#share-box {
	display: block;
	border: 1px solid #c7994a;
	padding: 5px;
	float: left;
	width: 98%;
}

.data-name {
	color: #801517;
}

.data {
	color: white;
}

.data-list {
	list-style-type: square;
	padding-left: 20px;
}

.data-sublist {
	list-style-type: circle;
	padding-left: 30px;
}

#stallion-listing article {
	width: 65%%;
	padding: 0 15px;
	overflow: hidden;
}

#stallion-listing h1 {
	font-family: 'Cinzel', serif;
	color: #c7994a;
	font-size: 2em;
	font-weight: normal;
}

#stallion-listing h2 {
	color: black;
	font-size: 1.5em;
	font-weight: normal;
	margin: 20px 0 0 0;
	text-align: left;
	background-color: initial;
}

#stallion-listing aside h3 {
	text-align: left;
	color: white;
	font-size: 1.8em;
	line-height: 1.1em;
	margin-top: 0;
}

#one-liner {
	color: #801517;
	font-size: 1.2em;
	font-style: italic;
}

#pedigree {
	margin-bottom: 20px;
}

/* ----------------------------------Here starts the Pedigree Block */

#pedigree-block {
	font-size: 1.2em;
	color: #801517;
	height: 410px;
	width: 100%;
	padding: 0;
	margin-top: 20px;
	border-top: 1px solid #c7994a;
	border-bottom: 1px solid #c7994a;
	position: relative;
}

/* styles for the pedigree blocks around the generations and individuals. */

#gen-two {
	float: left;
	height: 300px;
	width: 33%;
}

#gen-three {
	height: 300px;
	float: left;
	width: 33%;
}

#gen-four {
	height: 300px;
	float: left;
	width: 33%;
}

/* this makes the lines for each parent group */

#parents {
	border-left: 2px solid #c7994a;
	padding-left: 10px;
}

#grandparents1 {
	border-left: 2px solid #c7994a;
	padding-left: 10px;
}

#grandparents2 {
	border-left: 2px solid #c7994a;
	padding-left: 10px;
}

#greatgrandparents1 {
	border-left: 2px solid #c7994a;
	padding-left: 10px;
}

#greatgrandparents2 {
	border-left: 2px solid #c7994a;
	padding-left: 10px;
}

#greatgrandparents3 {
	border-left: 2px solid #c7994a;
	padding-left: 10px;
}

#greatgrandparents4 {
	border-left: 2px solid #c7994a;
	padding-left: 10px;
}

/* styles for the pedigree chart separate individuals */

#s {
	font-weight: bold;
	margin-top: 5em;
}

#d {
	margin-top: 7em;
}

/* ---Third Generation --*/

#ss {
	font-weight: bold;
	margin-top: 3em;
}

#sd {
	margin-top: 3em;
}

#ds {
	font-weight: bold;
	margin-top: 3em;
}

#dd {
	margin-top: 3em;
}

/* ---Fourth Generation --*/

#sss {
	font-weight: bold;
	margin-top: 1.9em;
}

#ssd {
	margin-top: .9em;
}

#sds {
	font-weight: bold;
	margin-top: .9em;
}

#sdd {
	margin-top: .9em;
}

#dss {
	font-weight: bold;
	margin-top: .9em;
}

#dsd {
	margin-top: .9em;
}

#dds {
	font-weight: bold;
	margin-top: .9em;
}

#ddd {
	margin-top: .9em;
}

/* ---------------------------Here ends the Pedigree Block.*/

/* -------------------------------Display box for embedded video. */

#video {
	width: 560px;
	float: right;
	border-top: 1px solid #c7994a;
	border-bottom: 1px solid #c7994a;
	margin-bottom: 10px;
}

#video iframe {
	margin-top: 10px;
}

#stallion-share {
	display: block;
	border: 0px solid #c7994a;
	margin-right: 15px;
	padding-left: 10px;
}

#stallion-thankyou {
	font-family: 'Quattrocento Sans', sans-serif;
	text-align: center;
	color: #822f1a;
	font-size: 1.3em;
	line-height: 1.8em;
	font-weight: 400;
	font-style: italic;
}

/* for the mini contact form used on Stallion Profile pages. 

#MiniContact {
	border: 1px solid #fff;
	margin-top: 10px;
	padding: 5px;
}

#MiniContact input, #MiniContact textarea {
	width: 98%;
	margin: 5px 0;
	height: 1.6em;
}

#MiniContact textarea {
	height: 3.6em;
}
*/

/* Media queries */

@media screen and (max-width: 1200px) {

	#offspring-image-gallery {
		width: 435px;
	}

	.offspring-large-image-box,
	.offspring-large-image-box img {
		width: 340px;
	}

	#video {
		width: 435px;
	}

	#video iframe {
		width: 430px;
		height: 245px;
	}
}

@media screen and (max-width: 1010px) {

	#offspring-image-gallery {
		width: 100%;
	}

	.offspring-large-image-box {
		width: 80%;
		margin-top: 5px;
		border: 0px solid pink;
	}

	.offspring-large-image-box img {
		width: 100%;
		border: 0px solid green;
	}

	#video {
		width: 100%;
	}

	#video iframe {
		width: 530px;
		height: 298px;
	}

	.aside-wrapper {
		width: 100%;
		float: right;
		border: 0px dashed red;
	}

	aside#stallion-studfees,
	aside#stallion-contact,
	aside#stallion-website {
		width: 44%;
		float: left;
	}

	#stallion-listing aside h3 {
		font-size: 1.4em;
	}
}

@media screen and (max-width: 850px) {

	#video iframe {
		width: 480px;
		height: 270px;
	}
}

@media screen and (max-width: 750px) {

	#video iframe {
		width: 560px;
		height: 315px;
		border: 0px solid green;
	}
}

@media screen and (max-width: 630px) {

	#video iframe {
		width: 530px;
		height: 298px;
	}
}

@media screen and (max-width: 575px) {

	#video iframe {
		width: 400px;
		height: 225px;
	}

	aside#stallion-studfees,
	aside#stallion-contact,
	aside#stallion-website {
		width: 43%;
	}
}

@media screen and (max-width: 525px) {

	#video iframe {
		width: 350px;
		height: 197px;
	}
}

@media screen and (max-width: 480px) {

	aside#stallion-studfees,
	aside#stallion-contact,
	aside#stallion-website,
	aside#stallion-stats {
		width: 96%;
	}

	#pedigree {
		font-size: .8em;
	}

}

@media screen and (max-width: 350px) {

	aside#stallion-studfees,
	aside#stallion-contact,
	aside#stallion-website {
		width: 94%;
	}
}

@media screen and (max-width: 350px) {

	#video iframe {
		width: 280px;
		height: 157px;
	}

	aside#stallion-stats {
		width: 94%;
		float: none;
	}

	img {
		max-width: 280px;
	}
}