/*

	Skin Name: Text Thumbnail Pointer

	Class: text-thumbnail-pointer

	Description: Text Thumbnail Pointer skin for Slider PRO WordPress plugin

	Author: David

*/


.advanced-slider .layer.white { background #FFF; }


.text-thumbnail-pointer {

	background-color: #FFF;

}





/* MAIN SLIDE */



.text-thumbnail-pointer .slide-wrapper {

	border: 1px solid #DDD;

}





.text-thumbnail-pointer .slide {

	background-color: #FFF;

}



/* END OF MAIN SLIDE */





/* SLIDE ARROWS */



.text-thumbnail-pointer .slide-arrows a {

	background: url(images/arrows.png) no-repeat;

	width: 33px;

	height: 33px;

	top: 50%;

	margin-top: -19px;

}





.text-thumbnail-pointer .slide-arrows a.previous {

	left: 0px;

}





.text-thumbnail-pointer .slide-arrows a.next {

	right: 0px;

	background-position: -33px 0;

}



/* END SLIDE ARROWS */





/* SLIDESHOW CONTROLS */



.text-thumbnail-pointer .slideshow-controls {

	background: url(images/playpause.png) no-repeat;

	width: 38px;

	height: 38px;

	top: 50%;

	left: 50%;

	margin-top: -19px;

	margin-left: -19px;

}





.text-thumbnail-pointer .slideshow-controls.pause {

	background-position: 0 0;

}





.text-thumbnail-pointer .slideshow-controls.play {

	background-position: -38px 0;

}



/* END OF SLIDESHOW CONTROLS */





/* TIMER ANIMATION */



.text-thumbnail-pointer .timer-animation {

	top: 20px;

	right: 20px;

}



/* END OF TIMER ANIMATION */





/* SLIDE CAPTION */



.text-thumbnail-pointer .caption-container .background {

	background-color: #000;

	width: 100%;

	height: 100%;

}





.text-thumbnail-pointer .caption-container .caption {

	color: #FFF;

	margin: 0;

	padding: 8px;

	font-size: 16px;

	line-height: 1;

}



/* END OF SLIDE CAPTION */





/* SLIDE BUTTONS/BULLETS */



/* main container of the navigation buttons */

.text-thumbnail-pointer .slide-buttons {

	margin-top: 40px;

}





/* 

 left, right and middle of the main container 

 for this skin, these elements are not styled by default

 feel free to add your own styling

*/

.text-thumbnail-pointer .slide-buttons .left, 

.text-thumbnail-pointer .slide-buttons .right {

}





.text-thumbnail-pointer .slide-buttons .left {

}





.text-thumbnail-pointer .slide-buttons .middle {

}





.text-thumbnail-pointer .slide-buttons .right {

}





/* this contains the buttons */

.text-thumbnail-pointer .slide-buttons .buttons-inner {

}





/* this is a button */

.text-thumbnail-pointer .slide-buttons .buttons-inner a {

	background: url(images/buttons.png) no-repeat;

	background-position: 0 0;

	width: 14px;

	height: 14px;

	margin: 0 2px;

}





.text-thumbnail-pointer .slide-buttons .buttons-inner a.over {

	background-position: -14px 0; 

}





.text-thumbnail-pointer .slide-buttons .buttons-inner a.select {

	background-position: -28px 0; 

}





/* this is used to style the numbers from within the buttons, when they are used */

.text-thumbnail-pointer .slide-buttons .buttons-inner a .number {

	margin-top: 2px;

	font-size: 9px;

	line-height: 11px;

	color: #666;

}





.text-thumbnail-pointer .slide-buttons .buttons-inner a.over .number {

	font-size: 8px;

	color: #FFF;

}





.text-thumbnail-pointer .slide-buttons .buttons-inner a.select .number {

	font-size: 8px;

	color: #FFF;

}





/* 

 applied to the thumbnail when the thumbnail is used only as a tooltip

 sets the distance between the button and the thumbnail

*/

.text-thumbnail-pointer .slide-buttons .buttons-inner .thumbnail-wrapper {

	margin-bottom: 10px;

}



/* END OF SLIDE BUTTONS/BULLETS */





/* THUMBNAIL */



.text-thumbnail-pointer .thumbnail {

	font-size: 12px;

	color: #666;

}





.text-thumbnail-pointer .thumbnail-text {

	padding: 8px;

	background-color: #FFF;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

    height: 100%;

}





.text-thumbnail-pointer .thumbnail.over .thumbnail-text,

.text-thumbnail-pointer .thumbnail.select .thumbnail-text {

	background-color: #fafafa;

}





.text-thumbnail-pointer .thumbnail-scroller.vertical .thumbnail-text {

    margin-left: 13px;

}





.text-thumbnail-pointer .thumbnail-title {

	font-style: normal;

	font-family: NovecentoW00-WideMedium, Arial, Helvetica, sans-serif;

	font-size:10px;



}





.text-thumbnail-pointer .thumbnail.over .thumbnail-title,

.text-thumbnail-pointer .thumbnail.select .thumbnail-title {

	text-decoration: none;

}





.text-thumbnail-pointer .thumbnail-description {

	margin-top: 5px;

font-size: 9px;

font-family: georgia;

font-style: italic;

color: #909090;

}



/* END OF THUMBNAIL */





/* THUMBNAIL SCROLLER */



.text-thumbnail-pointer .thumbnail-scroller.horizontal {

	bottom: 0;

	left: 0;

	padding: 0 1px 0 0;

	margin-top: -8px;

	border-right: 1px solid #ececec;

	border-left: 1px solid #ececec;

	width: 940px!important;

}





.text-thumbnail-pointer .thumbnail-scroller.horizontal.overlay {

	bottom: 80px;

	margin-top: 0;

}





.text-thumbnail-pointer .thumbnail-scroller.vertical {

	right: 0;

	top: 0;

	padding: 0 0 1px 0;

	margin-left: -8px;

}





.text-thumbnail-pointer .thumbnail-scroller.vertical.overlay {

	right: 80px;

	margin-left: 0;

}





.text-thumbnail-pointer .thumbnail-scroller.horizontal .thumbnail-wrapper {

	margin: 0 0 1px 1px;

	padding: 0;

}





.text-thumbnail-pointer .thumbnail-scroller.vertical .thumbnail-wrapper {

	margin: 1px 1px 0 0;

	padding: 0;

}





.text-thumbnail-pointer .thumbnail-scroller.horizontal .pointer {

	position: relative;

	display: block;

	height: 8px;

	border-bottom: 5px solid #DDD;

}





.text-thumbnail-pointer .thumbnail-scroller.horizontal .thumbnail.over .pointer,

.text-thumbnail-pointer .thumbnail-scroller.horizontal .thumbnail.select .pointer {

	border-bottom: 5px solid #F00;

	background: url(images/pointer_horizontal.png) no-repeat center;

}





.text-thumbnail-pointer .thumbnail-scroller.vertical .pointer {

	position: absolute;

	display: block;

	height: 100%;

	width: 8px;

	border-right: 5px solid #DDD;

}





.text-thumbnail-pointer .thumbnail-scroller.vertical .thumbnail.over .pointer,

.text-thumbnail-pointer .thumbnail-scroller.vertical .thumbnail.select .pointer {

	border-right: 5px solid #F00;

	background: url(images/pointer_vertical.png) no-repeat center;

}







/* THUMBNAIL SCROLLBAR ARROWS */



.text-thumbnail-pointer .thumbnail-scroller .arrows a {

	background: url(images/arrows.png) no-repeat;

	width: 38px;

	height: 38px;

}





.text-thumbnail-pointer .thumbnail-scroller.vertical .arrows a {

	background: url(images/arrows_v.png) no-repeat;

}





.text-thumbnail-pointer .thumbnail-scroller .arrows a.next {

	background-position: -38px 0;

}





.text-thumbnail-pointer .thumbnail-scroller.horizontal .arrows a.previous {

	left: 0;

}





.text-thumbnail-pointer .thumbnail-scroller.horizontal .arrows a.next {

	right: 0;

}





.text-thumbnail-pointer .thumbnail-scroller.vertical .arrows a.previous {

	top: 0;

}





.text-thumbnail-pointer .thumbnail-scroller.vertical .arrows a.next {

	bottom: 0;

}



/* END OF THUMBNAIL SCROLLBAR ARROWS */





/* THUMBNAIL SCROLLBAR BUTTONS */



.text-thumbnail-pointer .thumbnail-scroller .buttons a {

	background: url(images/buttons_small.png) no-repeat;

	background-position: 0 0; 

	width: 10px;

	height: 10px;

	margin: 2px;

}





.text-thumbnail-pointer .thumbnail-scroller .buttons a.over {

	background-position: -10px 0; 

}





.text-thumbnail-pointer .thumbnail-scroller .buttons a.select {

	background-position: -20px 0; 

}





.text-thumbnail-pointer .thumbnail-scroller.horizontal .buttons {

	margin-top: 0;

}





.text-thumbnail-pointer .thumbnail-scroller.vertical .buttons {

	margin-left: 0;

}



/* END OF THUMBNAIL SCROLLBAR BUTTONS */





/* THUMBNAIL SCROLLBAR SCROLLBAR */



.text-thumbnail-pointer .thumbnail-scroller.horizontal .scrollbar {

	margin-top: 30px;

}





.text-thumbnail-pointer .thumbnail-scroller.vertical .scrollbar {

	margin-left: 30px;

}



/* END OF THUMBNAIL SCROLLBAR SCROLLBAR */



/* END OF THUMBNAIL SCROLLER */





/* TOOLTIP */



.advanced-slider-tooltip {

	background-color: #FFF;

	margin-bottom: 20px;

	border: #EEE solid 4px;

	border-radius: 8px;

	-moz-border-radius: 8px;

	-webkit-border-radius: 8px;

}





.advanced-slider-tooltip .content {

	color: #999;

	padding: 10px;

	margin: 0;

}



/* END OF TOOLTIP */



.title_box {



}



.title {

	font-size: 40px;

	text-align: center;

	line-height: 37px;

	font-family:'Didot W01 Roman';

	width:370px;

	letter-spacing: -1px;

	vertical-align: middle;

}



.date {

	font-family:'Times New Roman', georgia, serif;

	font-size: 11px;

	text-align: center;

	font-style: italic;

	color: #5e5e5e;

	margin-top: 20px;



}



.category-slider{

	font-family: NovecentoW00-WideMedium, Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-align: center;

}



.category-slider-inside{

	border-bottom: 3px solid #000;

	padding-bottom: 5px;

	letter-spacing: 1px;

	font-style: normal;

}



.red-btn {

	background-color: #ee1c25!important;

	font-family: NovecentoW00-WideMedium, Arial, Helvetica, sans-serif;

	font-size: 9px;

	letter-spacing: 1px;

	text-transform: uppercase;

	text-align: center;

	padding-top:12px!important;

}



.red-btn a {

	color: #ffffff;

	

}

.number {
	font-family: 'Glypha LT W01 35 Thin';
font-size: 45px;
color: #7d7d7d;
}

.slide_header {
	font-family: 'Didot W01 Roman';
font-size: 60px;
letter-spacing: -4px;
line-height: 1em;
text-align: center;
margin-top: 50px;
}


