/*
Template Name: Ost Magazine
File: Featured Slider CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 Unported License</a>
*/

#featured_slide {
	position:relative;
	margin:0 auto 0;
	display:block;
	width:480px;
	height:270px;
	overflow:hidden;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:url("../images/featured_bg.png") no-repeat;
	}

#featured_slide a, #featured_slide ul, #featured_slide img, #featured_slide p{
	margin:0;
	padding:0;
	border:none;
	outline:none;
	list-style:none;
	text-decoration:none;
	line-height:normal;
	}

#featured_slide h1, #featured_slide h2, #featured_slide h3, #featured_slide h4, #featured_slide h5, #featured_slide h6{
	margin:0 0 8px 0;
	padding:0;
	line-height:normal;
	font-size:14px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:none;
	}
.featured_slidebg {
    background:url("../images/trans_middle2.png") repeat #E3E5E5;
	}
/* ----------------------------------------------Content-------------------------------------*/

.featured_box{
	position:relative;
	display:block;
	width:456px;
	height:250px;
	margin:12px 0 0 12px;
	}

.featured_box img{
	width:456px;
	height:250px;
	}

.featured_box .floater{
	position:absolute;
	bottom:0px;
	width:456px;
	height:40px;
	margin:0 0 0 0px;
	padding:3px 5px;
	overflow:hidden;
	background:url("../images/fs_txt_trans_bg.png");
	}
.featured_box .floater p{
    color:#fff;
}
#featured_slide p.readmore{
	position:absolute;
	bottom:3px;
	right:5px;
	margin:0 0 3px 0;
	}

#featured_slide p.readmore a{
	color:#FFFF00;
	background:url("../images/fs_txt_trans_bg.png");
	padding:2px;
	}

/* ----------------------------------------------Navigation Buttons-------------------------------------*/

/*

Navigation dynamically created using: jquery.cycle.setup.js and jquery.cycle.min.js

HTML Output:

<div id="fsn">
  <ul id="fs_pagination">
    <li><a href="javascript:void()">1</a></li>
    <li><a href="javascript:void()">2</a></li>
    <li><a href="javascript:void()">3</a></li>
    <li><a href="javascript:void()">4</a></li>
  </ul>
</div>

*/

#fsn{
	position:relative;
	margin:0 auto 0;
	display:block;
	width:480px;
	height:20px;
	text-align:center;
	color:#666666;
	background:url("../images/trans2.png") #E3E5E5;
	z-index:1000;
	}

#fsn ul{
	position:relative;
	margin:0 auto 0;
	display:block;
	width:160px;
	height:20px;
	padding:0 0 0 0;
	overflow:hidden;
	list-style:none;
	}

#fsn ul li, #fsn ul li a{
	display:block;
	float:left;
	width:10px;
	height:10px;
	margin:0 10px 0 0;
	padding:0;
	}

#fsn ul li a{
	float:none;
	border:none;
	margin:0;
	outline:none;
	text-indent:-5000px;
	text-decoration:none;
	background:url("../images/slide3.png") 33% 33% no-repeat;
	}

#fsn .activeSlide{
	background:url("../images/slide3.png") 0% 33% no-repeat;
	}