/*
 * jQuery Blueberry Slider v0.4 BETA
 * http://marktyrrell.com/labs/blueberry/
 *
 * Copyright (C) 2011, Mark Tyrrell <me@marktyrrell.com>
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 */

.blueberry { margin: 0 auto 20px auto; position:relative; height:400px; background-color: #CCC;
/*background:url(images/loading1.gif) transparent no-repeat; background-repeat: none; background-position: 50% 50%;*/}
.blueberry .slides {
	display: block;
	position: relative;
	overflow: hidden; }
.blueberry .slides li {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden; }
.blueberry .slides li img {
	display: block;
	width: 100%;
	max-width: none; }
.blueberry .slides li.active { display: block; position: relative; }
.blueberry .crop li img { width: auto; }

.blueberry .pager {
	height: 40px;
	text-align: center; }
.blueberry .pager li { display: inline-block; }
.blueberry .pager li a,
.blueberry .pager li a span {
	display: block;
	height: 4px;
	width: 4px; }
.blueberry .pager li a {
	padding: 18px 8px;
-webkit-border-radius: 6px;
   -moz-border-radius: 6px;
	border-radius: 6px; }
.blueberry .pager li a span {
	overflow: hidden;
	background: #c0c0c0;
	text-indent: -9999px;
-webkit-border-radius: 2px;
   -moz-border-radius: 2px;
	border-radius: 2px; }
.blueberry .pager li.active a span { background: #404040; }

.blueberry h2 {
	color:#fff;
	font-size:64px; letter-spacing:-.03em; 
	text-shadow: 2px 2px 4px rgba(0, 0, 0, .75);
	filter: chroma(color=black) shadow(color=black,direction=135,strength=4); /*ie hack*/
	z-index:99;
	position: absolute; bottom:-10px; left:10px; }
.blueberry h5 {
	color:#fff;
	font-family: ArvoRegular, serif; font-size:16px; letter-spacing:-.03em; font-weight:normal; 
	text-shadow: 2px 2px 4px rgba(0, 0, 0, .75);
	filter: chroma(color=black) shadow(color=black,direction=135,strength=4); /*ie hack*/
	z-index:99;
	background:url(images/30black.png) transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    zoom: 1;
	position: absolute; bottom:0; left:0; height:14px; width:100%; padding:2px 10px 10px 10px; }
	
	
/* #Media Queries
================================================== */
	
	/* iPad Portrait/Browser */
	@media only screen and (min-width: 768px) and (max-width: 961px) {
.blueberry { height:324px;}
.blueberry h2 {	font-size:54px;}
.blueberry h5 {	font-size:14px;}
	}
	
	/* Mobile/Browser */
	@media only screen and (max-width: 479px) {
.blueberry { height:164px;}
.blueberry h2 {	font-size:28px;}
.blueberry h5 {	font-size:10px;}
}

	/* Mobile Landscape/Browser */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
.blueberry { height:248px;}
.blueberry h2 {	font-size:40px;}
.blueberry h5 {	font-size:12px;}
}
	
	/* Anything smaller than standard 960 */
	@media only screen and (max-width: 959px) {
.blueberry h2 {	font-size:54px;}
.blueberry h5 {	font-size:12px;}
}
	
	/* iPad Portrait Only */
	@media only screen and (min-width: 768px) and (max-width: 961px) and (max-device-width: 1000px) {
.blueberry h2 {	font-size:54px;}
.blueberry h5 {	font-size:14px;}
}
	
	/* Mobile Only */
	@media only screen and (max-width: 767px) and (max-device-width: 1000px) {
.blueberry h2 {	font-size:40px;}
.blueberry h5 {	font-size:12px;}
}
	
	/* Mobile Landscape Only */
	@media only screen and (min-width: 480px) and (max-width: 767px) and (max-device-width: 1000px) {
.blueberry h2 {	font-size:40px;}
.blueberry h5 {	font-size:12px;}
}