/*------------------------------------------------
TasBreeders - master style sheet
Author:		Grafik
-----------------------------------------------*/

/*
===== CONTENTS =====

	last-updated: 27 January 2010;

	1: universal reset 
	2: html and body
	3: typography
	4: lists
	5. links
	6: images	
	7: layout
	8: tables
	9. forms
	10. misc
	11. calendar
	12.	blog
	13. galleries
	14.	web apps
	15.	rotator

====================
*/


/*
= 1. universal reset ---------------------------------- */

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight: normal;
}
ul, 
ol {
	list-style: none;
}

/*
= 2. html & body ---------------------------------- */
body {
	background-color: #00709d;
	color: #4d4d4d;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	width: 100%;
}

/*
= 3. typography ---------------------------------- */

/* =h1 */
h1 {
	background: url(../images/logo.png) 0 0 no-repeat;
	height: 118px;
	left: 0;
	position: absolute;
	top: 10px;
	text-indent: -9000px;
	width: 307px;
	
}
h1 a {
	display: block;
	height: 118px;
}

/* =h2 */
h2 {
	color: #fff;
	float: left;
	font-size: 3em;
	font-weight: bold;
	line-height: 1em;
	text-shadow: -1px -1px 2px #198dbe;
}
h2 span {
	color: #005275;
	display: block;
	font-size: .3333em;
	font-weight: bold;
	line-height: .8em;	
	margin-bottom: .5em;
	text-transform: uppercase;
	text-shadow: none;
	
}
body#home div#intro h2 {
	background: transparent url(../images/sprite_headings.png) 0 0 no-repeat;
	display: inline;
	float: left;
	height: 104px !important;
	margin: 30px 0 6px 80px;
	padding: 0;
	width: 456px;
	text-indent: -9000px;
}
body#generic h2,
body#news h2,
body#resources h2 {
	padding-top: 18px;
}


/* =h3 */
h3 {
	color: #0074a3;
	font-size: 1.3333em;
	font-weight: bold;	
}
body#home div#primary h3 {
	background: transparent url(../images/sprite_headings.png) 0 -104px no-repeat;	
	height: 13px;	
	margin-bottom: 10px;  
	text-indent: -9000px; 
	width: 245px; 
	
}
body#events h3 {
	background: transparent url(../images/content-divider.png) 0 bottom repeat-x;
	color: #004563;
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom: 1em;
	margin-bottom: .5em;
}

div.blog-post h3 {
	margin-bottom: .3em;
}

div.reports h3 {
margin-bottom: 1em;
}

div.saleDetails h3 {
	width: 30%;
	float: right;
	margin-bottom: .75em;
	display: inline;
}

/* =h4 */

h4 {
	color: #005275;
	font-size: 1.1667em;
	font-weight: bold;
	margin-bottom: .25em;
}
div.stallion h4 {
	margin-bottom: 1em;
}
.side-panel h4 {	
	font-size: 1em;
}
li.details li h4 {
	margin-top: .5em;
}

/* =p */
p {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1em;
}

div#intro p {
	color: #fff;
	float: left;
	font-size: 1.3334em;
	margin: 0 0 .8em 80px;
	width: 456px;
}

div#primary p:first-child {
	background: transparent url(../images/content-divider.png) 0 bottom repeat-x;
	color: #004563;
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom: 1em;
}
body#super-vobis div#primary p:first-child {
	background: none;
	color: #4d4d4d;
	font-size: 1em;
	font-weight: normal;
	padding-bottom: 0;
} 

body#home div#primary p:first-child,
body#news div#primary p:first-child,
body#generic div#primary p:first-child {
	background: transparent;
	color: #4d4d4d;
	font-size: 1em;
	font-weight: normal;
	padding-bottom: 0;
}
div#primary div.blog-post span.date+p {
	font-weight: bold;
}

div#recent-news p {
	margin-top: 10px;
}
p.advert {
	color: #c2c2c2;
}
p.details {
	font-size: 1.0833em;
}
p.position {
	color: #004563;
	font-style: italic;
}

div#primary div.description p {
	font-size: 1em;
	font-weight: normal;
	color: #4D4D4D;
	background: transparent;
	padding-bottom: 0;
}
/* =strong/b/em/i */
em, i {
	font-style: italic;
}
strong, b {
	font-weight: bold;
}

/* =typographic spans */
span.date, div.category {
	color: #a6bf1f;
	display: block;
	font-size: 1em !important;
	margin-bottom: 1em !important;
}

span.legal {
	clear: left;
	color: #fff;
	display: block;
	font-size: .91667em;
}
span.type {
	color: #a6bf1f;
	display: block;
/*	float: right;
	width: 330px;		*/
	padding-bottom: .5em;
}
li.details li span {
	color: #005275;
	font-size: 1em;
	font-weight: bold;
}
li.details li.add span,
li.details li.pos span,
li.details li.con span, {
	display: block;
}
li.details li.pho,
li.details li.mob,
li.details li.email {
	margin-bottom: 0;
}
/*
= 4. lists ---------------------------------- */

li.member,
li.details {
	background: transparent url(../images/content-divider.png) 0 bottom repeat-x;
	margin-bottom: 1.5em;
	padding-bottom: 1em;
		
}
ul#nav_554825 {
	position: absolute;
	right: 0;
	top: -137px;
}
ul#nav_554825 li {
	border-right: #0074A3 1px solid;
	display: inline;
	float: left;
	height: auto !important;	
	line-height: 1em;
	padding: 0 10px;
	width: auto !important;
}
ul#nav_554825 li.last {
	border-right: none;
	padding-right: 0;
}
li.details ul li {
	margin-bottom: .5em;
}
li.details ul ul {
	float: none;
	padding: 0 0 0 14px;		
}
li.details ul ul li {
	list-style-type: disc;
	margin-bottom: 0;
	
}
ul#nav-footer {
	padding-bottom: .3em;
}
ul#nav-footer li {
	border-right: #fff 1px solid;
	display: inline;
	float: left;
	font-size: .91667em;
	line-height: .91667em;
	padding: 0 9px;
}
ul#nav-footer li.first {
	padding-left: 0;
}
ul#nav-footer li.last {
	border-right: none;
	padding-right: 0;
}
div#primary ul {
	list-style: disc;
	margin-left: 14px;
}
div#primary li {
	margin-bottom: .5em;
}

div#primary div.stallion ul li {
	margin-bottom: .25em;
}

div.stallion ul li span {
	padding-right: 3em;
}

div#primary ul.breeding-info li {
	background: transparent url(../images/content-divider.png) repeat-x 0 bottom;
	padding-bottom: .25em;
	margin-bottom: .25em;
}



/*
= 5. links ---------------------------------- */
a {
	outline: none;
}
a:link, 
a:visited {
	color: #0074a3;
	font-weight: bold;
	text-decoration: none;
	
}
a:hover,
a:active {
	color: #4db0db;
	text-decoration: underline;
}
a img {
	border: none;
}

ul#nav_557390 li a {
	display: block; 
		
}
ul#nav_557390 li a:link,
ul#nav_557390 li a:visited {
	color: #fff;
	text-decoration: none;
}
ul#nav_557390 li a:hover,
ul#nav_557390 li a:active {
	color: #4db0db;
}

ul#nav_554825 li.selected a {
	color: #a6bf1f !important;	
}


a#find-out {
	background: transparent url(../images/sprite_btn.png) 0 0 no-repeat;
	display: inline;
	float: left;
	height: 58px;
	margin-left: 73px;
	text-indent: -9000px;	
	width: 204px;		
}
a#find-out {
	display: block;
	height: 58px;	
}
a#join-tb {
	background: transparent url(../images/sprite_btn.png) 0 -116px no-repeat;
	display: inline;
	float: right;
	height: 58px;
	text-indent: -9000px;	
	width: 204px;		
}
body#home a#join-tb {
	display: inline;
	float: left;
	margin: 0 0 0 7px;
}
a.goto {
	font-weight: bold;
	position: absolute;
	right: 0;
	top: 45px;
}
p.advert a:link,
p.advert a:visited,
p.advert a:hover,
p.advert a:active {
	color: #c2c2c2;
}
ul#nav-footer li a:link,
ul#nav-footer li a:visited,
ul#nav-footer li a:hover,
ul#nav-footer li a:active {
	color: #fff;
}
span.legal a:link,
span.legal a:visited,
span.legal a:hover,
span.legal a:active {
	color: #fff;
}
a#grafik:link,
a#grafik:visited,
a#grafik:hover,
a#grafik:active {
	background: transparent url(../images/grafik.png) 0 0 no-repeat;
	display: block;
	height: 34px;
	position: absolute;
	right: 0;
	text-indent: -9000px;
	top: 10px;
	width: 75px;
}

div.stallion ul+a {
	display: block;
	margin-top: 1em;
	width: 86px;
	height: 33px;
	background: transparent url(../images/details-btn.png) no-repeat 0 0;
	float: left;
	text-indent: -9999px;
}

div#primary div.reports a {
	display: block;
	background: transparent url(../images/arrow-indicator.png) no-repeat 0 0;
	padding-left: 20px;
	margin-bottom: .5em;
}

div.sales-search-wrap a {
	display: block;
	background: transparent url(../images/most-recent-btn.png) no-repeat 0 0;
	width: 86px;
	height: 33px;
	text-indent: -9999px;
	float: left;
	margin-left: 2.5%;
}

/*
= 6. images ---------------------------------- */

div#primary img {
	border: #d7d7d7 7px solid !important;
	display: inline;
	float: right;
	margin: 0 0 10px 10px;
}
div#primary p.literature-container img {
	border: none !important;
	float: none;
}

div#primary div.stallion img {
	float: left;
	margin: 0 2em 0 0;
}

/*
= 7. layout ---------------------------------- */


div#wrap-header,
div#wrap-nav,
div#wrap-intro,
div#wrap-content-head,
div#wrap-content,
div#wrap-footer {
	width: 100%;
}
div#wrap-header {
	background: #fff url(../images/bg_wrap-header.png) 50% 0 no-repeat;
	height: 147px;
}
div#wrap-nav {
	background: #0073a2 url(../images/bg_wrap-nav.png) 0 0 repeat-x;
	height: 51px;
	position: relative;
	z-index: 5;
}
div#wrap-intro {
	background: #0194ce url(../images/bg_wrap-intro.jpg) 50% 0 no-repeat;
	height: 301px;
	z-index: 3;
}
div#wrap-content-head {
	background: #0194ce url(../images/bg_wrap-intro.jpg) 50% 0 no-repeat;
	height: 98px;
}

div#wrap-content {
	background: #f4f4f4 url(../images/bg_wrap-content.png) 0 0 repeat-x;
	z-index: 3;
}
div#wrap-footer {
	background: #0084ad url(../images/bg_wrap-footer.png) 0 0 repeat-x; 
}

div#slideshow {
	border: #f4f4f4 7px solid;
	float: left;
	height: 248px;
	margin-top: 19px;
	overflow: hidden;
	width: 393px;
}

div#header,
div#nav,
div#intro,
div#content-head,
div#content,
div#footer {
	margin: 0 auto;
	position: relative;
	width: 959px;
}

div#content-head {
	padding-top: 24px;	
}

div#content {
	padding-bottom: 20px;
}
div#nav {
	padding-top: 23px;
}
div#primary {
	float: left;
	padding-top: 45px;
	position: relative;
	width: 614px;
}
body#news div#primary {
	width: 673px;
}
body#events div#primary {
	width:959px;
}

div#secondary {
	float: right;
	padding-top: 25px;	
	width: 269px;
}



div#footer {
	min-height: 117px;
	height: auto !important;
	height: 117px;
	padding: 10px 0 20px 0;
	position: relative;
	
}



div.signup {
	background: #dfdfdf url(../images/signup.jpg) 0 0 repeat-x;
	height: 223px;
	margin-bottom: 10px;
	width: 269px;
}
div.ad {
	margin-bottom: 10px;
}
div.stallion {
	background: transparent url(../images/content-divider.png) 0 bottom repeat-x;
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
}

div.reports, div.description, div.sales-search-wrap {
	background: transparent url(../images/content-divider.png) 0 bottom repeat-x;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

/*
= 8. tables ---------------------------------- */
table {
	border-collapse: collapse;
}
div#primary table {
	font-size: 11px;
	text-align: left;
}
div#primary th {
	border-bottom: #c2c2c2 2px solid;
	color: #005275;
	font-weight: bold;
	padding-bottom: .5em;
}

div#primary td {
	border-bottom: #c2c2c2 1px solid;
	padding: .5em 0;
}

body#contact div#primary td {
	border-bottom: none;
	padding-top: 0;
}


/*
= 9. forms ---------------------------------- */

/*
= 10. misc ---------------------------------- */

/* float clearing for IE6 */
* html .clearfix,
* html li.details,
* html div.blog-post,
* html .ctrlHolder,
* html li.member {
	height: 1%;
  	overflow: visible;
}
/* float clearing for IE7 */
*+html .clearfix,
*+html li.details,
*+html div.blog-post,
*+html .ctrlHolder,
*+html li.member {
   	min-height: 1%;
}
/* float clearing for everyone else */
.clearfix:after,
li.details:after,
div.blog-post:after,
.ctrlHolder:after,
li.member:after {
 	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/*
= 11. calendar ---------------------------------- */

div#primary div.select-month-year {
	padding: 9px 0;
}
div#primary table.module-calendar {
	border: 1px solid #888;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}
div#primary table.module-calendar td {
	border: 1px solid #d7d7d7;
	font-size: 11px;
	height: 80px;
	line-height: 14px;
	overflow: hidden;
	padding: 0;
	vertical-align: top;
}
div#primary table.module-calendar td span {
	background: #f7f7f7;
	color: #333;
	display: block;
	font-size: 11px;
	padding: 0 2px;
	text-align: right;
}
div#primary tr.day-of-week td {
	background: #d7d7d7;
	color: #343535;
	font-size: 12px;
	font-weight: bold;
	height: 18px;
	text-align: center;
	vertical-align: middle;
	width: 14%;
}
div#primary table.module-calendar td.events span {
	background: #4DB0DB;
	color: #fff;
	font-weight: bold;
}
div#primary table.module-calendar td.events {
	background: #cae5f3;
}
div#primary table.module-calendar td ul {
	margin: 0;
	padding: 5px;
}
div#primary table.module-calendar td.last-month {
	background: #f8f8f8;
}
div#primary table.module-calendar td.next-month {
	background: #f8f8f8;
}
div#primary table.module-calendar a:link,
div#primary table.module-calendar a:visited {
	color: #4DB0DB;
}
div#primary table.module-calendar a:hover,
div#primary table.module-calendar a:active {
	color: #004563;
}
/*
= 12. blog ---------------------------------- */
div.blog-post {
	background: transparent url(../images/content-divider.png) 0 bottom repeat-x;
	margin-bottom: 1.5em;
	padding-bottom: 1em;
}
body#home div.blog-post {
	background: transparent url(../images/content-divider.png) 0 0 repeat-x;
	clear: both;
	margin-bottom: 0;
	padding: 20px 0 10px 0;
	
}
/*
= 13. galleries ---------------------------------- */
div#primary table.photogalleryTable {
	background: transparent url(../images/content-divider.png) 0 bottom repeat-x;
	margin-bottom: 1.5em;
	margin-top: 10px; 	
	padding-bottom: 20px;
}
div#primary table.photogalleryTable td {
	border-bottom: none;
	padding: 0;
}
div#primary table.photogalleryTable img {
	margin: 0 10px 10px 0;
}
div#imageDataContainer {
	color: #4d4d4d;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: .9167em;
}

/*
= 14. web apps ---------------------------------- */
div#primary li.details,
div#primary ul.farms,
div#primary ul.comm,
div#primary ul.comm ul,
div#primary div.stallion ul {
	list-style: none;
	margin-left: 0; 	
}
div#primary ul.farm-contact {
	float: left;
	list-style: none;
	margin-left: 0; 
}

div.farm-services {
	float: right;
	width: 260px;
}
div#primary ul.comm {
	background:transparent url(../images/content-divider.png) repeat-x 0 0;
	padding-top: 1em;
}

/*
= 15. rotator ---------------------------------- */

/* rotator in-page placement */
div#slideshow div.rotator { position:relative; height:170px; }
div#slideshow div.rotator ul li { float:left; position:absolute; list-style:none; }
div#slideshow div.rotator ul li.show { z-index:2; }

/*

/*
= 16. Horse Sales --------------------------------------------*/

div.stallion.list img {
	width: 30%;
}

div#primary div.saleDetails {
	width: 100%;
}

div#primary div.saleDetails img {
	width: 65%;
	float: left;
	margin:0 0 1.5em;
}

div#primary div.saleDetails ul {
	float:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding-left:10px;
	width:30%;
}

div.description {
	clear: both;
	margin-top: 
}