/* Buddington Cavaliers Website CSS 
 * @author: Jonathan Dorsey | Jonathan Dorsey Design
 */

body{
	text-align:center;
	font:small/1.35 Georgia, "Times New Roman", Times, serif;
	color:#333;}

abbr{
	cursor:help;
	color:#666;
	border-bottom:1px dotted #C0C0C0;}

a{
	color:#006837;
	border-bottom:1px dotted #006837;
	_border-bottom:1px solid #91bba7;
	text-decoration:none;}
	a img{border:none}
a:hover{
	color:#FA8100;
	border-bottom:1px dotted #FA8100;
	_border-bottom:1px solid #f5c591;
	text-decoration:none;}
	a img{border:none}

h4{
	color:#FA8100;
	font-size:140%;
	font-weight:normal;
	background:#FAFAFA;
	padding:7px 25px 7px 15px;
	margin:.5em -25px .5em 0;
	border-bottom:1px dotted #fac994;
}

h5{
	color:#FA8100;
	font-size:120%;
	font-weight:normal;
	margin:.5em 0 .5em 0;
}
	 
#header{
	width:736px;
	margin:0 auto;
	background:#fff url(../images/bkgnd_header.gif) bottom center repeat-x;
	border-left:1px solid #E6E6E6;
	border-right:1px solid #E6E6E6;
	border-top:1px solid #E6E6E6;
	padding:0}

	#header h1{
		background:url(../images/subpagelogo.gif) 0 0 no-repeat;
		padding:0;margin:0;}
	
	#header h1 a{
		text-indent:-9999px;
		display:block;
		width:400px;height:100px;
		border:none;}
	
	#header hr{display:none}
	
	#banner{
		width:714px;
		height:400px;
		margin:5px 10px 0 10px;
		background:url(../images/banner.jpg) no-repeat;}
	
	
	/* Header Navigation */
	#header ul{margin:0;padding:0;}
	#header cite{
		position:absolute;
		left:-9999px;
		visibility:hidden;}
	#header ul{
		margin:0;
		padding:5px 0 0 45px;
		list-style:none;
		overflow:hidden;
		zoom:1;
		background:#E9E9EA url(../images/nav_bkgnd_grad.gif) top left repeat-x}
	#header ul li{
		float:left;}
	#header ul li a{
		color:#4D4D4D;
		display:block;
		text-decoration:none;	
		padding:5px 10px 12px 10px;}
	
	/* Homepage specific styling */
			
	#home #header{
		background:none;
		min-height:560px;_height:560px;
		padding:0;
		width:738px;
		border:0;}
	#home #header h1{display:none;}
	#home #banner{
		margin:0;
		width:738px;
		height:530px;
		background:url(../images/banner.jpg) no-repeat;}

		
		
	/* You Are Here Nav Styling */
	#home #nav_home,
	#males #nav_males,
	#females #nav_females,
	#availability #nav_availability,
	#training #nav_training,
	#about #nav_about,
	#aboutcavaliers #nav_aboutcavaliers,
	#contact #nav_contact{
		background: #f2f2f2 url(../images/nav_NW.gif) 0% 0% no-repeat;}

	#home #nav_home a,
	#males #nav_males a,
	#females #nav_females a,
	#availability #nav_availability a,
	#training #nav_training a,
	#about #nav_about a,
	#aboutcavaliers #nav_aboutcavaliers a,
	#contact #nav_contact a{
		background:url(../images/nav_NE.gif) 100% 0% no-repeat;}
	/* END You-are-here Nav Styling */
		
	#header_navigation a{border:none;}

	/* Dog Details Page Header Styling */
	#banner_dogdetail{
		margin:0 12px;
		width:714px;
		height:400px;}
	#banner_dogdetail_inner{		
		width:714px;
		height:400px;
		position:relative;
		background:url(../images/banner_frame.png) no-repeat 50% 50%;
		_background:url(../images/banner_frame_IE.png) no-repeat 50% 50%;}
		
	#banner_dogdetail_caption{
		background:url(../images/black_semitransparent.png) no-repeat right top;
		_background:black;
		color:#fff;
		padding:0 60px 0 20px;_padding:0 10px 0 20px;
		position:absolute;
		text-align:left;
		bottom:12px;
		left:0;}
	#banner_dogdetail_caption h2, #banner_dogdetail_caption p{display:inline;margin:0 10px;padding:0}
	#banner_dogdetail_caption h2{font-weight:normal;font-size:350%;font-style:italic}
	#banner_dogdetail_caption p{font-style:italic;}



#content{
	width:573px;
	padding:20px 24px 40px 139px;
	margin:0 auto 0 auto;
	background:#f2f2f2;
	border-left:1px solid #E6E6E6;
	border-right:1px solid #E6E6E6;
	text-align:left;}

	.wide{
		width:686px !important;
		padding:20px 25px 40px 25px !important;}
	
	#content h2{		
		color:#4D4D4D;
		font-weight:normal;
		font-size:180%;}	
		
		h2 .h2raquo{color:#999;}
		
	.wide h2{margin-left:0 !important;}
	
	#content h3{
		color:#006837;
		font-weight:normal;
		font-size:160%;}
	#content .pulltext{
		background:#FAFAFA;
		font-style:italic;
		font-size:130%;
		color:#006837;	
		padding:10px 25px 10px 15px;
		margin:1em -25px 1em -15px;
		border-bottom:1px solid #E6E6E6;
		border-left:1px solid #E6E6E6;}
	#content .pulltext p{padding:0;margin:0}
	#content .pulltext p p{margin:1em 0}
	
	#content .unavailable{
		background:#fafafa;
		padding:10px 10px;
		color:#808080;
		font-style:italic;
		border:1px solid #fff;
		margin:1em 0}
	#content .unavailable p{margin:0;padding:0}	
			

	#content .doglistrecord{
		margin:1em 0;
		padding:0;}
	
	#content .doglistrecord li{
		margin:1em 0;
		position:relative;
		list-style:none;
		overflow:hidden;
		width:500px;
		zoom:1;
		min-height:8em;
		_height:8em}
	
	#content .doglistrecord p{float:right;width:380px;margin:0 0 .5em 0 }
	#content .doglistrecord p.reg_name{color:#666;font-style:italic}
	
	#content .doglistrecord h3{float:right;width:390px;margin:0 0 .5em 0}
		#content .doglistrecord h3 a{color:#006837;text-decoration:none;border-bottom:2px solid #91bba7;}
		#content .doglistrecord h3 a:hover{color:#FA8100;text-decoration:none;border-bottom:2px solid #f5c591;}
	
	#content .doglistrecord a.portrait{position:absolute;top:0;left:0;display:block;border:10px solid #fff;}
	#content .doglistrecord a.portrait img{border:none;}
	
#photolist{overflow:hidden;margin:1em 0;}
#photolist a.thumbnail{border:10px solid #fff;display:block;float:left;margin-right:10px;}
#photolist a.portrait img{border:none;}
.videocaption{
	font-size:85%;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	margin-top:8px;
	width:420px;

}
			
#footer{
	position:relative;
	color:#808080;
	width:738px;
	height:178px;
	padding:0;
	margin:0 auto 20px auto;
	line-height:1em;
	letter-spacing:-.04em;
	border-top:1px solid #CFCFCE;
	background:#fff url(../images/bkgnd_footer.gif) 0 -1px no-repeat;}


	#footer .copyright{
		position:absolute;
		text-align:left;
		top:20px;
		font-size:11px; 
		right:15px;
		width:150px;
		height:50px;
		}
	#footer hr{display:none}

	#footer ul{
		position:absolute;
		text-align:left;
		top:25px;
		font-size:11px; 
		width:100px;
		height:50px;
		list-style:none;
		margin:0;padding:0}
		
	#footer ul a{color:#808080;border:none;}
	#footer ul a:hover{color:#FA8100;border-bottom:1px dotted #FA8100;}
	#flinks_col1{left:315px;}
	#flinks_col2{left:420px;}


/* Litter Page */
.litterheading{
	background:#FAFAFA;
	padding:7px 25px 7px 15px;
	margin:.5em -25px .5em 0;
	border-bottom:1px dotted #fac994;
}
.litterheading h4{padding-left:0;}
.litterheading p{color:#808080}
#puppylist{margin:10px 0 0 20px}
#puppylist td{padding:5px 10px;vertical-align:top;}
#puppylist h3{margin:0;padding:0}
#puppylist .thumb{position:relative;zoom:1;}
#puppylist a.thumbnail{border:10px solid #fff;display:block;}
.puppysold{position:absolute;top:-15px;left:-15px;}

.parentdisplay{width:300px}
.parentdisplay td{padding:5px 10px;text-align:center}
.parentdisplay a.thumbnail{border:10px solid #fff;display:block;margin:0 auto 10px auto;width:75px}
.parentdisplay td.paring{vertical-align:top;padding-top:45px;}

.sold_container img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.sold_container{
	zoom:1;position:absolute;top:-15px;left:-15px;z-index:1000;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sold.png');
}
	
#pedigreechart table{
	border:1px solid #CFCFCF;
	border-collapse:collapse;
	font-family:Arial, Helvetica, sans-serif !important;
	background:#fafafa;}	
#pedigreechart table *{
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:100% !important;}
#pedigreechart table td, #pedigreechart table th{
	border:1px solid #CFCFCF !important;
	padding:2px 3px !important;
	font-size:70% !important;}
#pedigreechart table th{background-color:#e3e3e3;}
#pedigreechart .champion{	color:red;}
#pedigreechart p{margin:0;padding:0}

