/* 1. RESET
----------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size:100%;
  font: inherit;
  vertical-align: baseline;
  }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
  }
  
  
/* 2. ROOT
----------------------------------------------------------------------------------------*/
html { 
  overflow-y: scroll;
  background: #FFF;
  }

/* /ht Ethan Marcotte - http://front.ie/l8rJaA */
img, embed, object, video { max-width: 100%; }
.ie6 img.full, .ie6 object.full, .ie6 embed, .ie6 video { width: 100%; }


/* 3. CORE TYPOGRAPHY
----------------------------------------------------------------------------------------*/
body {
   font-family: 'Sintony', sans-serif;
  font-size: 1em;
  color: #333;
  }

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.809em;
  line-height: 1em;
  }

#content p, #content ul, #content ol, #content dl, #content blockquote {
    font-size: 1em;
    line-height: 1.618em;
    margin-bottom: 1.618em; 
    max-width: 30em; /* Optimal width for long-form text */
  }
    
ul { list-style-type: disc; margin-left: 1.618em; }
ol { list-style-type: decimal; margin-left: 1.618em; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0;}

b, strong { font-weight: bold; }
i, em { font-style: italic; }
small { font-size: 80%; }


/* 4. LINKS
----------------------------------------------------------------------------------------*/
a, a:visited { outline: none;  text-decoration: underline; }  
a:hover { outline: none; text-decoration:none; }  
a:active, a:focus { outline: none; }


/* 5. GLOBAL LAYOUT & GLOBAL CUSTOM TYPOGRAPHY
----------------------------------------------------------------------------------------*/

.banner .logo {
	font-size: 2em;
	font-weight: bold;
	display: inline-block;
	padding: 0;
	vertical-align:text-top;
}

.banner .logo a {
	color: #000;
	text-decoration: none;
}

.banner .logo img {
	float: left;
	margin: 0 0.5em 0 0;
}

.banner .logo h2 {
	display: none;
	font-size: 1.1em;
}

ul.social-media {
	float: right;
	width: 100%;
	list-style-type: none;
	margin: 1em 0;
}

.social-media li {
	float: left;
	width: 20%;
	margin: 0;
	text-align: center;
}

.social-media a {
	width: 2em;
	color: #bbe4ed;
	text-align: center;
	display: inline-block;
}

.social-media a:hover {
	color: #def3f7;
}

.search {
	display: none;
}

.search-lg {
	position: relative;
	display: block;
	margin: 0.8em 0;
}

.search-lg input[type=text] {
	width: 97.5%;
	padding: 2% 1%;
	color: #999;
	border: 1px solid #d7d7d7;
	text-indent: 1.8em;
	font-size: 1.5em;
	background: #fff;
	-webkit-appearance: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.search-lg input[type=image] {
	position: absolute;
	top: 0.2em;
	left: 0.2em;
	height: 90%;
}

.content .headline h1 {
	font-size: 2em;
	font-weight: bold;
	margin: 0;
	padding: 0.2em 0;
}

.headline h1 a,
.news-item h1 a {
	text-decoration: none;
	color: #000;
	line-height: 1.2em;
}

.headline:hover {
	cursor: auto;
}

.headline .no-break {
	display: none;
}

#slider-direction-nav {
    top: 20%!important;
}

#slider-control-nav {
    display: none;
}

.date {
	color: #555;
	display: inline;
}

.film-features h2 {
	background: #00b1d7;
}

.movie-news {
	border-top: 4px solid #464646;
	background: url('../images/tile-movie-news.gif');
	padding: 0 0 1px 0;
}

.movie-news h2 {
	background: #464646;
}

.movie-news h2 {
	font-weight: bold;
	display: inline-block;
	color: #fff;
	padding: 0.5em 1.5em;
	margin: 0;
}

.feature {
	width: 100%;
	height: auto;
	position: relative;
}

.feature ul {
	margin: 0;
	list-style-type: none;
}

.feature h3 {
	width: 100%;
	position: absolute;
	bottom: 5px;
	display: block;
	background: #006e82;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	padding: 8px 0;
	margin: 0;
	font-size: 1.5em;
}

.movie-news h2 {
	font-size: 20px;
}

.movie-news ul {
	list-style-type: none;
	line-height: 28px;
	margin: 0;
}

.movie-news ul li:nth-child(1),
.movie-news ul li:nth-child(2),
.movie-news ul li:nth-child(3),
.movie-news ul li:nth-child(4),
.movie-news ul li:nth-child(5),
.movie-news ul li:nth-child(6),
.movie-news ul li:nth-child(7),
.movie-news ul li:nth-child(8),
.movie-news ul li:nth-child(9),
.movie-news ul li:nth-child(10),
.movie-news ul li:nth-child(11),
.movie-news ul li:nth-child(12),
.movie-news ul li:nth-child(13),
.movie-news ul li:nth-child(14) {
   display:none;
}

.movie-news li {
	font-size: 1.3em;
	margin: 1.3em 0.8em;
}

.movie-news a {
	color: #464646;
}

footer {
	float: left;
	width: 99.9%;
	margin: 3em 0 0 0;
	background: #d7d7d7;
}

.footer-container {
	max-width: 30em;
	margin: 0 auto;
}

.tweet {
	float: none;
	margin: 0 auto;
	position: relative;
	top: -1.2em;
	text-align: center;
}

.tweet img {
	float: none;
}

.tweet img:first-of-type {
	position: relative;
	top: 0.3em;
}

.tweet img:last-of-type {
	float: left;
}

.speech-bubble {
	float: left;
	padding: 1.5em;
	background: #fff;
	color: #818181;
	font-size: 0.8em;
	text-align: left;
	line-height: 1.8em;
}

.speech-bubble h3 {
	color: #000;
	font-weight: bold;
	font-size: 1.4em;
}

.speech-bubble p {
	margin: 0 0 0.809em 0;
	max-width: 100%;
}

.speech-bubble a {
	color: #00b1d7;
}

.site-summary {
	float: right;
	color: #818181;
	text-align: justify;
	padding: 0 5%;
}

.site-summary span {
	color: #00b1d7;
	font-size: 1.3em;
}

.movie-links {
	float: right;
	background: #dfdfdf;
	border-top: 4px solid #00b1d7;
}

.movie-links h3 {
	margin: 0;
	text-align: center;
	font-weight: bold;
	background: #00b1d7;
	color: #fff;
}

.movie-links ul {
	max-width: 100%;
	margin: 0;
	list-style-type: none;
}

.movie-links li {
	margin: 1.3em 0.8em;
}

.movie-links a {
	text-decoration: underline;
	color: #464646;
}

.movie-links a:hover {
	text-decoration: none;
}

.footer-container .social-media a {
	color: #b5b4b4;
}

.footer-container .social-media a:hover {
	color: #c6c6c6;
}

.copyright,
.disclaimer {
	float: left;
	width: 100%;
	display: block;
	text-align: center;
	color: #818181;
	font-size: 0.9em;
	margin: 0 0 1em 0;
}

.disclaimer {
	font-size: 0.7em;
	color: #adadad;
}

.content .image-container img {
	float: none;
}

.article h1:first-of-type {
	font-size: 2em;
	font-weight: bold;
	margin: 0.25em 0 0 0;
}

.article .date {
	float: left;
	width: 100%;
	color: #818181;
	margin: 0 0 0.5em 0;
}

.article .date a {
	color: #818181;
}

.article p {
	max-width: 100%;
}

.article-title a {
	color: #333;
	text-decoration: none;
}

.article-title a:hover {
	color: #777;
}

.content ul.page-navigation {
  float: left;
  width: 100%;
  max-width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 1.2em;
}

.page-navigation a {
	color: #000;
	text-decoration: none;
}

.page-navigation a:hover {
	color: #555;
}

ul.page-navigation li {
  float: left;
  width: 50%;
}

.page-navigation-right {
  float: right;
  text-align: right;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 1em; 
    height: 0;
    clear: both;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tag-list {
  float: left;
  width: 100%;
  margin: 1.5em 0;
  font-style: italic;
  font-size: 0.8em;
  color: #777;
}

.tag-list a {
  color: #777;
}

.comments {
  float: left;
  width: 94%;
  padding: 3%;
  font-size: 0.8em;
  margin: 1em 0 2em 0;
  background: url("../images/tile-movie-news.gif") repeat;
}

.content ol.commentlist {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.content ol.commentlist li ul.children {
	list-style-type: none;
	border-left: 3px solid #999;
	margin: 1em 0 0 1em;
}

.content ol.commentlist li {
  padding: 0;
  margin: 0 0 3.5em 0;
}

.content ol.commentlist li:last-of-type {
  margin: 0;
}

.avatar {
  float: left;
  margin: 0 1em 0 0;
}

.content .comment-body p {
  margin: 0.5em 0;
}

.respond,
.contact-form{
  float: left;
  width: 100%;
  margin: 1em 0;
}

.respond label,
.contact-form label {
  display: block;
  font-size: 0.8em;
}

.respond input[type=text],
.contact-form input [type=text] {
  width: 75%;
  margin: 0 0 1em 0;
}

.contact-form .contact_form_field {
  margin: 0 0 1em 0;
}

.respond textarea,
.contact-form textarea {
  width: 100%;
  margin: 0 0 1em 0;
}

.respond label.required:after {
  content: '*';
  color: #f00;
}

.search-term {
  float: left;
  width: 100%;
  padding: 1em 0;
  text-align: center;
  font-style: italic;
  color: #999;
}

.city-strip-header {
	margin: 0 0 1em 0;
}

.category .article {
	margin: 0 0 2em 0;
	padding: 0 0 2em 0;
	border-bottom: 1px dotted #ccc;
}

.category .page-title {
	color: #818181;
}

.category .postmetadata {
	font-size: 0.8em;
}

.postmetadata a:visited {
	color: #00f;
}

.category .headline img {
	top: 0;
	left: 0;
}

.category .teaser {
	margin: 0 0 0 5px;
}

.related-posts {
	float: left; 
	margin: 0 0 1em 0; 
	font-size: 1em;
}

.related-thumb {
	float: left;
	width: 30%;
	margin: 0 1em 0 0;
}

.related-thumb img {
	margin: 0 0 0.2em 0; 
	padding: 0;
}

.related-thumb a {
	width: 100%;
	color :#333; 
	text-decoration: none; 
	display: block; 
}

.related-thumb a:hover {
	background-color: #ddd; 
	color: #000;
}

.related-posts div:nth-child(3) {
	display: none;
} 

.fb-comments {
	float: left;
	width: 100%;
}

.fb-comments span {
    width: 100% !important;
}

.fb-comments iframe {
    width: 100% !important;
}

.strip-side .film-features ul li:first-child {
  display: none;
}

.integrated-webcomic nav {
	background: #efefef;
	padding: 0;
	margin: 0 0 1em 0;
	font-size: 1.7em;
	text-align: center;
	border-bottom: 2px solid #d6d6d6;
}

.integrated-webcomic nav a {
	color: #000;
	margin: 0 0.2em;
	padding: 0 0.2em;
}

.integrated-webcomic nav a:hover {
	color: #999;
}

.webcomic-below {
	display: none;
}

h2.webcomic-collection-title {
	font-size: 2em!important;
	margin: 0!important;
}

.webcomic-characters + .related-posts,
nav.webcomic-character,
.webcomic-collection {
	display: none;
}

.webcomic-characters {
	margin: 0 0 0.5em 0;
}

.webcomic-character-avatar {
	text-align: center;
}

.single .headline time {
	display: none;
}

.single .headline .headline-blurb time {
	display: inline;
}

.box_office {
	width: 100%;
}

.box_office th {
	background: #898989;
	color: #fff;
	padding: 0.2em 0;
}

.box_office td {
	padding: 0.2em 0;
}

#stcpDiv {
	margin: 0.5em 0 1em 0;
	font-style: italic;
	font-size: 0.8em;
}

.navigation {
	display: block;
	position: relative;
	width: 100%;
	padding: 0;
	line-height: 1.2em !important;
}

.navigation * {
	-webkit-tap-highlight-color: transparent !important;
}
.navigation .main-list, .navigation .main-list li {
	margin: 0;
	padding: 0;
}
.navigation ul {
	display: block;
	width: auto !important;
	margin: 0 auto !important;
	overflow: hidden;
	list-style: none;
}

/* Sub-level Menu */

.navigation ul li ul, .navigation ul li ul li, .navigation ul li ul li a {
	display: none !important;
	height: 0 !important;
	width: 0 !important;
}
/* */

.navigation ul li {
	display: inline;
	padding: padding:0;
	margin: 0 !important;
}
.toggler {
	display: none;
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0 auto !important;
}
.button:hover {
	cursor: pointer;
}
.navigation .toggler ul {
	display: none;
	margin: 0 !important;
	padding: 0 !important;
}
.navigation .toggler ul li {
	display: block;
	margin: 0 auto !important;
}

.navigation ul li a {
	display: inline-block;
	padding: 0.5em 0.9em;
	margin: 0 -0.2em;
	font-size: 0.95em;
}

.toggler {
	min-height: 36px;
}

.toggled-controls {
	display: block;
	height: 36px;
	color: #fff;
	text-align: left;
	position: relative;
}

.toggled-title {
	position: relative;
	top: 9px;
	left: 10px;
	font-size: 16px;
	color: #fff;
}

.button {
	display: block;
	position: absolute;
	right: 15px;
	top: 8px;
}

.button span {
	display: block;
	margin-top: 4px;
	height: 2px;
	background: #fff;
	width: 24px;
}
.toggler ul li a {
	display: block;
	width: 100%;
	background-color: #313131;
	text-align: center;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #1c1c1c;
	border-top: 1px solid #474747;
}
.toggler ul li a:active {
	background-color: #444;
	border-bottom: 1px solid #444;
	border-top: 1px solid #444;
}

.contact_form_field {
	margin: 0 0 1em 0;
}

.contact_form_field label {
	display: block;
	font-weight: bold;
	clear: both;
}

.contact_form_field input,
.contact_form_field textarea {
	width: 100%;
	padding: 0.2em;
}

#contact_form_submit input {
	background: #464646;
	color: #fff;
	padding: 0.3em 0.5em;
	border: 0;
	font-weight: bold;
}

#contact_form_submit input:hover {
	cursor: pointer;
	background-color: #6b6b6b;
}

.social-media-share {
	float: left;
}

/* 6. CUSTOM LAYOUT & TYPOGRAPHY (Baby bear)
----------------------------------------------------------------------------------------*/

#container {
    padding: 0 0.809em 0.809em 0.809em;
    max-width: 30em;
    margin: auto;
}
  
.banner .logo {
	width: 100%;
	text-align: center;
}

.banner .logo img {
	float: none;
	vertical-align: middle;
	width: 60%;
}
  
.banner .social-media {
	display: none;
}

aside { width: 100%; }

nav {
	position: relative;
	width: auto;
	background: #000;
	padding: 0.8em 1em;
	font-size: 1em;
	text-transform: uppercase;
}

nav ul {
	max-width: 100%;
	display: block
}

nav a {
	color: #ccc;
	text-decoration: none;
	font-family: 'Viga', sans-serif;
}

nav visited {
	color: #999;
}

nav a:hover,
nav .active a {
	color: #fff;
}

.content {
	float: none;
	width: 100%;
	display: block;
}

.headline {
	width: auto;
	margin: 0 0 1em 0;
	border-bottom: 1px dotted #ccc;
}

.headline img {
	position: relative;
}

.headline-blurb p:after {
	content: '...';
}

.headline-blurb .date {
	color: #0ab1d8;
	display: block;
}

.sidebar {
	float: right;
}

.sidebar img {
	width: 100%;
}

.film-features {
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
}

.film-features h2 {
	display: none;
}

.feature {
	margin: 0 0 1em;
}

.news-item {
	float: left;
	width: 100%;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	border-bottom: 1px dotted #ccc;
	position: relative;
	top: 0;
}

.news-item h1,
.news-item .date {
	float: left;
	width: 100%;
	margin: 0;
}

.news-item .date {
	font-size: 0.8em;
	margin: 0 0 0.5em 0;
}

.news-item img {
	float: left;
	position: relative;
	margin: 0 0.5em 0 0;
}

.news-item p:nth-last-child(3):after{
  content: ' ...';
}

.news-item p.read-more {
  display: block;
}

.read-more a {
	display: inline-block;
	text-decoration: none;
	font-size: 1.3em;
	color: #0ab1d8;
	font-weight: bold;
}

.read-more a:hover {
  color: #1cc8f0;
}

.speech-bubble {
	width: 85%;
}

.movie-links {
	width: 100%;
	margin: 1em 0;
}

.movie-links h3 {
	width: 100%;
	font-size: 1.5em;
	padding: 0.5em 0;
}

.movie-links li {
	font-size: 1.3em;
}

.content .image-container img.alignright,
.content .image-container img.alignleft,
.content .image-container img.centered {
	float: none;
	clear: both;
	margin: 0!important;
	padding: 0!important;
	display: block!important;
}

.bx-wrapper .bx-controls-direction a {
	top: 50%;
}

.city-strip-side .feature li:first-child {
	display: none!important;
}

.city-strip-side .movie-news {
	margin: 0 0 1.5em 0;
}

.citystrip-title {
	font-size: 3em;
	font-weight: bold;
	margin-bottom: 0.2em;
}

.city-strip p:first-letter {
	float: left;
	font-size: 4em;
	margin: 0 0.1em 0 0;
}

.city-strip-date {
	float: left;
	width: 100%;
	font-size: 0.9em;
	margin: 0 0 0.5em 0;
}

.bx-pager {
	display: none;
}

.guide-nav {
	float: left;
	width: 100%;
	margin: 1em 0;
	text-align: center;
	color: #888;
	font-weight: normal;
}

.guide-nav a {
	color: #ea5900;
	font-weight: bold;
	text-decoration: none;
}

.guide-nav a:hover {
	color: #c44a03;
	text-decoration: underline;
}

/* General Content Formatting */

.content blockquote {
    display: block;
    unicode-bidi: embed;
    margin: 1.12em 2em;
	border-left: 5px solid #ddd;
	padding: 0 0 0 1em;
	color: #777;
}

.content address {
	display: block; 
	unicode-bidi: embed 
}

.content sup{
    font-size:xx-small; 
    vertical-align:super;
} 

.content sub{
    font-size:xx-small; 
    vertical-align:sub;
} 

.content p {
    margin: 0 0 1em 0;
	line-height: 1.7em;
}

.content pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    font-weight: bold;
    padding: 0.5em 0;
}

.content h1 img {
	vertical-align: middle;
}

.content h1 {
    font-size: 1.3em;
}

.content h2 {
    font-size: 1.2em;
}

.content h3 {
    font-size: 1.1em;
}

.content h4 {
    font-size: 1.05em;
}

.content h5 {
    font-size: 1em;
}

.content h6 {
    font-size: 0.8em;
}

.content em {
    font-style: italic;
}

.content strong {
    font-weight: bold;
}

.content ul {
    list-style-type: disc;
    margin: 0 0 0 1em;
    padding: 1em 0 1em 2em;
}

.content ol {
    list-style-type: decimal;
    margin: 0 0 0 15px;
    padding: 1em 0 1em 2em;
}

.content li {
	margin: 0 0 0.2em 0;
	padding: 0 0 0.2em 0;
}

.content img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.content img.alignright {
    display: inline;
    margin: 0 0 2px 7px;
    padding: 4px;
}

.content img.alignleft {
    display: inline;
    margin: 0 7px 2px 0;
    padding: 4px;
}

.content hr {
	float: left;
	width: 100%;
}

.textwidget {
	position: relative;
}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 1.5em;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

ul.bxslider {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.bx-wrapper .bx-viewport {
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -10px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url('../images/bx_loader.gif') center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url('../images/controls.png') no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url('../images/controls.png') no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url('../images/controls.png') -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url('../images/controls.png') -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-controls-auto {
	display: none;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: center;
	width: 100%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


/* 7. BROWSER AND NON-SEMANTIC STYLING
----------------------------------------------------------------------------------------*/
.cf:before, .cf:after { content: ""; display: block; }
.cf:after { clear: both; }
.ie6 .cf { zoom: 1 }