/* ==========================================================================
   HTML5 Boilerplate + Twitter Bootstrap (just their necessary base styles)
   ========================================================================== */

	html,
	button,
	input,
	select,
	textarea {
		color: #535353;
		font-family:"PragmaticaCond-Book", sans-serif;
	}

	body {
		background:#FFF;
		font-size: 14px;
		line-height: 1.4;
		font-family:"PragmaticaCond-Book", sans-serif;
	}

	::-moz-selection {
		background: #6ecff6;
		text-shadow: none;
	}

	::selection {
		background: #6ecff6;
		text-shadow: none;
	}

	hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #ccc;
		margin: 1em 0;
		padding: 0;
	}

	img {
		vertical-align: middle;
	}

	fieldset {
		border: 0;
		margin: 0;
		padding: 0;
	}

	textarea {
		resize: vertical;
	}

	.chromeframe {
		margin: 0.2em 0;
		background: #ccc;
		color: #000;
		padding: 0.2em 0;
	}

	


/*  ==========================================================================
	Home Page
	========================================================================== */

	#homeFeaturedTop {margin-bottom:15px;}
	#homeSlideshow {float:left; width:660px; height:232px; overflow:hidden; padding:9px; border:1px solid #cccfd1;}
	.slideshow ul.slides {list-style:none; margin:0; padding:0;}
	.slideshow ul.slides li.slide {position:relative; width:660px; height:232px; display: block; float: left; }
	.slideshow li.slide img {position:absolute; left:0; top:0;}
	.slideshow li.slide .slideText {position:absolute; bottom:0; left:0; right:0; padding:5px 10px 10px; background:rgba(250,250,250,.88);}
	.slideshow .slide h3 {color:#02628f; font-size:23px; margin:0 0 3px 0; text-transform:none; font-weight:700;}
	.slideshow .slide h4 {color:#4b4b4b; font-size:16px;}
	.slideshow .slide .btn {
		position:absolute; 
		right:20px; 
		bottom:16px;
	}

	.slidePagingWrap {position:absolute;display:block;width:auto;padding:3px 8px;left:585px;top:20px;z-index:500;background:rgba(255,255,255,0.8);border-radius:10px;border:rgba(255,255,255,0.85);}
	#slidePaging {color:#096e9c;font-size:12px;}
	#slidePaging a {display:none;float:left;text-decoration:none;text-align:center;color:#096e9c;font-size:12px;}
	#slidePaging a.cycle-pager-active, #slidePaging a.slideCount {display:block;}
	.slidePagingWrap .pagination {float:left;}
	#homeSlidePrev, #homeSlideNext {display:block;width:10px;height:11px;margin:3px;float:left;background:url(../images_v3/slide-arrows.png) no-repeat 0 0;}
	#homeSlideNext {float:right;background-position:-10px 0;}

	.col3 {
		position:relative;
		float: left;
		width: 321px;
		margin: 0 14px;
		border: 1px solid #ced1d3;
		background:#fff;
		overflow:hidden;
	}
	.cols.medium .col3 {
		min-height: 354px;
		padding: 10px;
		width: 301px;
	}
	.cols.tall .col3 {
		min-height:536px;
	}
	a.more {
		font-size:13px;
		color:#979797;
		line-height:25px;
	}
	a.more:hover {
		color:#767676;
	}
	#homeColumns .headingWrap {
		border: 1px solid #c7cacc;
		padding: 5px 12px 1px;
		box-shadow: 0 2px 6px -1px #000;
	}
	.featuredItems li {
		position: relative;
		padding: 10px 5px;
		border-bottom: 1px solid #d3d2d2;
		color: #5b5b5b;
		width: 297px;
		margin: 0 auto;
	}
	.featuredItems li:last-child {border-bottom:none;}
	.featuredItems .thumbWrap {
		width: 105px;
		min-height: 72px;
	}
	.featuredItems .thumb {position:absolute; left:0; top:0; width:105px; height:72px;}
	/*.featuredItems .btn {position:absolute; bottom:11px; right:29px;}*/
        .featuredItems span.headline { width:180px; height:72px; display:table-cell; vertical-align: middle; }
	.featuredItems span.headline a {color:#0071a5;font-size:16px;text-decoration:none;}
        .featuredItems span.headline a:hover { color:#171717; }
	.featuredItems p {color:#858585; font-size:12px;}
	.featuredItems p a {
		color:#5b5b5b; 
		font-size:14px;
	}
	.featuredItems p a:hover {color:#171717;}

	/* Icons in the featured items lists */
	.iconV3 {
		position:relative; 
		display:block;
		float:left;
		width:22px; 
		height:22px;
		margin:0 6px 6px 0;
		background:url(../images_v3/icon-sprite.png) no-repeat; 
		text-indent:-9999px; 
		z-index:10;
	}
	.iconV3.greenCircle {position:absolute; left:5px; top:5px; width:28px; height:27px; background-position:0 -72px; z-index:1000;}
	.iconV3.turquoiseTriangle {}
	.iconV3.orangeTriangle {background-position:0 -51px;}
	.iconV3.greenPlus {background-position:0 -22px;}
	.iconV3.playVideo {
		display:block; 
		position:absolute; 
		left:0; 
		top:0; 
		width:100%; 
		height:72px; 
		background:url(../images_v3/play-video.png) no-repeat center center;
		-webkit-transition: background-color linear .1s;
		-moz-transition: background-color linear .1s;
		-o-transition: background-color linear .1s;
		transition: background-color linear .1s;
		z-index:50;
	}
	.iconV3.playVideo:hover {
		background-color:rgba(30,30,30,.55);
	}
        .newContent {
            display:block;
            position:absolute;
            top:0;
            right:-1px;
            width:33px;
            height:32px;
            background:url(../images_v3/new-small.png) no-repeat;
            z-index: 10;
        }

	#homeFeaturedMain > .rightCol {
		float:right;
		border:1px solid #cccfd1;
		padding:13px 15px 0;
		width:783px;
		height:587px;
		position: relative;
	}

	.bottomCols h4 {font-size:15px;}

    .femaleNamesWrap ol, .maleNamesWrap ol {
    	margin: 10px 0 0 5px;
        padding: 0;
    }
    .topPuppyNamesBlock ol li {
    	color: #fff;
		font-family: "PragmaticaCond-Book", sans-serif;
		font-size: 16px;
		line-height: 1.2em;
		padding: 0;
		margin: 0 0 3px;
		list-style: none;
    }
    .femaleNamesWrap, .maleNamesWrap {float:left; width:128px;}
    .maleNamesWrap {padding-left:22px;}
    .pmdv3 .topPuppyNamesBlock h3 a {font-weight:700; text-decoration:none; color:#0071A5;}
    .pmdv3 .topPuppyNamesBlock > h3 > a,
    .pmdv3 .femaleNamesWrap > h3 > a,
    .pmdv3 .maleNamesWrap > h3 > a {font-weight:normal; font-family:"PragmaticaCond-Bold", sans-serif; font-size: 21px;}
    .pmdv3 .topPuppyNamesBlock a:hover {text-decoration:underline;}
    .pmdv3 .topPuppyNamesBlock > h3 {margin-bottom: 8px;}
    .pmdv3 .topPuppyNamesBlock li a {color: #FFFFFF; font-weight: normal; font-size: 16px;}
    .pmdv3 .femaleNamesWrap h3, .pmdv3 .maleNamesWrap h3 {margin-bottom:11px; padding:0; text-align:center;}
    .pmdv3 .femaleNamesWrap h3 a {color:#d84d8d;}
    .pmdv3 .maleNamesWrap h3 a {color:#0071a5;}
    .pmdv3 .maleNamesWrap ol + a,
    .pmdv3 .femaleNamesWrap ol + a {color:#fff; font-weight:normal; text-decoration:underline; margin-left: 5px;}
    .topPuppyNamesBlock li span.name {float:left; width:75px;}
    .topPuppyNamesBlock li span.loveCount {display:block; float:right; width:30px; font-size:11px; display:inline-block; background:url(../images_v3/heart-small.png) no-repeat left center; padding:0 0 0 16px;}
    .topPuppyNamesBlock * a {font-weight:700; color:#fff;}
    #admin-menu, #admin-menu ul {z-index:11000;}
.featuredVideos {
	width: 100%;
	height: 557px;
}
.featuredVideos > .featuredVideo {
	width: 185px;
	height: 172px;
	margin: 5px 14px 5px 0;
	overflow: hidden;
	cursor: pointer;
	float: left;
}
.featuredVideos > .featuredVideo:nth-of-type(4),
.featuredVideos > .featuredVideo:nth-of-type(8),
.featuredVideos > .featuredVideo:nth-of-type(12) {
	margin-right: 0;
}
.featuredVideos > .featuredVideo > .thumbnail {
	position: relative;
}
.featuredVideos > .featuredVideo > .thumbnail:after {
	content: "\f01d";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	position: absolute;
	font-size: 72px;
	color: #FFFFFF;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -30px;
	z-index: 1;
	opacity: 0.65;
}
.featuredVideos > .featuredVideo > .thumbnail img {
	width: 185px;
	height: 106px;
}
.featuredVideos > .featuredVideo > .title h4 {
	font-size: 16px;
	padding-top: 5px;
}
.selectedVideo {
	display: none;
	margin: 13px 0;
}
.selectedVideo h4 {
	margin: 16px 0!important;
	color: #5b5b5b!important;
	font-family: "PragmaticaCond-Bold"!important;
	font-size: 16px!important;
}
.selectedVideo p {
	margin-top: -10px;
}
.selectedVideo > .videoClose {
	position: absolute;
	top: 15px;
	right: 15px;
	color: #0071a5;
	font-size: 18px;
	text-decoration: underline;
	cursor: pointer;
}
.selectedVideo > .videoClose i {
	color: #5b5b5b;
	text-decoration: none;
	padding-right: 5px;
}
.videoInfo {
	width: 100%;
	height: 80px;
}
.videoInfo > .videoText.fullWidth {
	width: 100%;
}
.videoInfo > .videoText {
	float: left;
	width: 555px;
}
.videoInfo > .videoShare {
	display: none;
	float: right;
	margin-top: 15px;
}