﻿/* Accessible News Slider : Theme Default */

/*************************************
	Height and Width values
	these are extremely important!!!
*************************************/

/* the stories ul and lis must have the same height */
div.jqans-wrapper.default .jqans-stories ul,
div.jqans-wrapper.default .jqans-stories li {
	height:72px;
}

div.jqans-wrapper.default .jqans-stories-selector ul,
div.jqans-wrapper.default .jqans-stories-selector li {
	height:0px; display:none;
}

/* 
	wrapper and the container must have the same width
	in order to get this value take the width value of
	of story ".jqans-stories li" and times it by the 
	number of stories you want to initially display.
	
	107px * 4 = 428px
	
 */
div.jqans-wrapper.default {margin-top:10px; margin-right:0px;
	width:616px; padding:2px; font:14px/1.5 "myriad-pro-1","myriad-pro-2",Helvetica,Arial,san-serif;
}



/* width value for each story li */
div.jqans-wrapper.default li {
	width:150px;
}

/* default styles */
div.jqans-wrapper.default a {
	text-decoration: none;
	font-weight: normal;
	color: #363636;
	outline: none;
}
div.jqans-wrapper.default a sup {bottom:1ex; height:0; line-height:1; position:relative; vertical-align:baseline; font-size:10px;}

div.jqans-wrapper.default strong {
	color: #000;
}

/* wrapper */
div.jqans-wrapper.default {
border-top:0px #46361A solid;
}

/* container */
div.jqans-wrapper.default .jqans-container { 
	min-height:244px; 
	width:616px;
	max-height:258px;
        overflow:hidden;
	border-bottom:0px #46361A solid;	
}

div.jqans-wrapper.default .jqans-container a {
}

/* headline */
div.jqans-wrapper.default .jqans-headline {
	text-align: left;
	margin-left: 4px;
	margin-bottom: 4px;
}

div.jqans-wrapper.default .jqans-content .entry-date {
    background:#46361A;
    padding:2px 4px;
    position:absolute;
    right:0px;
    top:0px;
    color:#fcf9f0;
    font-size:12px;
    line-height:16px;
    font-style:italic;
    text-align:right;
}

div.jqans-wrapper.default .jqans-content .content {
	float:right;
	width:292px;
	color:#585858;
	text-align:left;
	overflow:hidden;
}

div.jqans-wrapper.default .jqans-content h1 {
display:none;
}

div.jqans-wrapper.default .jqans-content .content h3 {line-height:1em; margin-bottom:5px;}
div.jqans-wrapper.default .jqans-content .content h3 a {
    margin-bottom:0px;
    color:#585858;
    width:500px;
    font-size:18px;
    font-weight:500;
    line-height:.5em !important;
}

div.jqans-wrapper.default .jqans-content .content h3 a sup {bottom:1ex; height:0; line-height:1; position:relative; vertical-align:baseline; font-size:12px;}

div.jqans-wrapper.default .jqans-content .content a {color:#735425; font-size:12px;}

div.jqans-wrapper.default .jqans-content .img {
	float:left; margin:1px 0 0 11px; width:300px; overflow:hidden;
}

div.jqans-wrapper.default .jqans-content .img img {-webkit-filter:grayscale(0.5);
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.5)";
filter: url('../filters.svg#grayscale');
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.5);
filter:gray;}
div.jqans-wrapper.default .jqans-content .img img:hover {-webkit-filter:grayscale(0); filter:grayscale(0%);
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)";
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
filter:none;}

/* stories */
div.jqans-wrapper.default .jqans-stories {
    color:#fff;
    border-top:1px solid #cebb9d;
    border-bottom:1px solid #cebb9d;
    overflow:hidden;
}

div.jqans-wrapper.default .jqans-stories li {
	overflow:hidden;
	text-align:center;
	font-size:12px;
	color:#fff;
        padding:0;
}

div.jqans-wrapper.default .jqans-stories li img {
	margin-top: 11px;
        width:143px;
        height:52px;
        display:block;
        padding:0 17px;
        -webkit-filter:grayscale(0.5);
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.5)";
filter: url('../filters.svg#grayscale');
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.5);
filter:gray;
}
div.jqans-wrapper.default .jqans-stories li img:hover {-webkit-filter:grayscale(0); filter:grayscale(0%);
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)";
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
filter:none;}

div.jqans-wrapper.default .jqans-stories li p {
	display: none;
}

div.jqans-wrapper.default .jqans-stories li .content {
	display: none;
}

div.jqans-wrapper.default .jqans-stories li h3 {
	margin:0;
	font-size:12px;
	font-weight:normal;
	color:#fff;
}

div.jqans-wrapper.default .jqans-stories-selector li.selected div {
	margin:auto;
	height: 0px;
	width:0px;
	line-height:0px;
	font-size:0px;
	display:none;
}

/* pagination */
div.jqans-wrapper.default .jqans-pagination {
	border-top: 0px solid #271d12;
	border-bottom: 0px solid #271d12;
	margin: 0;
	padding: 5px 3px 0px 230px;
	text-align: left;
	clear: both;
	width:auto;
	overflow: hidden;
}

div.jqans-wrapper.default .jqans-pagination-count {
	float: left;margin-left:2px;font-size:12px;
}

div.jqans-wrapper.default .jqans-pagination-controls {
	float:left; padding:2px; margin-right:5px; margin-top:-3px;
}

div.jqans-wrapper.default .jqans-pagination-controls a {
	display:inline-block;
	width:20px;
	height:20px;
        margin:0 3px;
	text-indent:-9999px;
	background:#725422 no-repeat center center;
        border-radius:50%;
}

div.jqans-wrapper.default .jqans-pagination-controls a:hover {background-color:#b3822f;}

div.jqans-wrapper.default .jqans-pagination-controls-back a {
	background-image: url('../../img/left_arrow.png');
}

div.jqans-wrapper.default .jqans-pagination-controls-next a {
	background-image: url('../../img/right_arrow.png');
}






div.jqans-wrapper.default .jqans-content .content #shareyours {display:block; position:absolute; bottom:114px; width:262px; height:64px; padding:0 0 0 20px; background:url(../../img/shareyoursBG.png) top left no-repeat;}
div.jqans-wrapper.default .jqans-content .content #shareyours a {display:block; float:left; height:30px; line-height:30px; margin:18px 15px 0 0; padding:0 0 0 35px; color:#a28249;}
div.jqans-wrapper.default .jqans-content .content #shareyours a:hover {text-decoration:underline; color:#735425;}
div.jqans-wrapper.default .jqans-content .content #shareyours a.viewarticle {background:url(../../img/iconDamper.png) top left no-repeat;}
div.jqans-wrapper.default .jqans-content .content #shareyours a.submitstory {background:url(../../img/iconIdlerWheel.png) top left no-repeat;}




