/*
body {
	padding: 20px 10px 10px 10px;
	font: 12px/16px Arial, Helvetica, sans-serif;
}
a, a:link, a:visited, a:active {
	color: #b70e0e;
	text-decoration: none;
}
a:hover {
}
*/
/* gallery wrapper */
.startube-wrapper {
	margin: 0 auto  ;
	overflow: hidden ;
}

/* video player */
.startube-player {
	position: relative ;
	background: #010101 ;
	padding-bottom: 56.25% ;
	height: 0; overflow: hidden ;
}
.startube-player iframe {
	display: block ;
	margin: 0; padding: 0 ;
    position: absolute ;
    top: 0 ;
    left: 0 ;
    width: 100%;
    height: 100%;
}

/* video title */
.startube-title {
	font-size: 17px;
	line-height: 20px;
}
.startube-title a,
.startube-title a:link,
.startube-title a:visited,
.startube-title a:active {
	color: #404040;
}
.startube-title a:hover {
	color: #b70e0e;
}
.startube-title span {
	color: #b70e0e;
}

/* video details pane */
.startube-details {
	margin-bottom: 10px;
	color: #888888;
}

/* categories list */
ul.star-cats {
	overflow: hidden ;
	list-style: none ;
	margin: 0 0 10px 0 ; padding: 2px 5px ;
	font-size: 11px ;
}
ul.star-cats li {
	list-style: none ;
	display: block; float: left ;
}
ul.star-cats a {
	display: block ;
	padding: 2px 3px ;
	color: #757575 ;
	text-shadow: 0 1px #000000 ;
}
ul.star-cats a:hover {
	color: #959595 ;
}
ul.star-cats a.active,
ul.star-cats a.active:hover {
	color: #eaeaea ;
}
ul.star-cats {
	background: #010101 ;
}

ul.star-thumbs {
	clear: both ;
	overflow: hidden ;
	margin: 0; padding: 0 ;
	width: 101% ;
}
ul.star-thumbs li {
	float: left ;
	width: 49% ;
	padding: 0 ;
	margin-right: 0.95% ;
	margin-bottom: 5px ;
	list-style: none ;
}
ul.star-thumbs li > a {
	padding: 1px ;
	display: block ;
}
ul.star-thumbs li > a.thumb:focus {
	outline: none ;
}
ul.star-thumbs li.selected > a {
	border: 2px solid #cc181e ;
	background: #ccc ;
}
ul.star-thumbs li > a > img {
	border: none ;
	display: block ;
	width: 100% ; height: auto ;
}

/* page pagination controls */
.startube-pager.above {
}
.startube-pager.below {
}
.startube-pager {
	float: left; clear: both;
	overflow: hidden;
	margin: 5px 0;
}
.startube-pager a,
.startube-pager span.active,
.startube-pager span.skip {
	font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	float: left;
	margin-right: 3px;
	padding: 3px 6px;
	margin-bottom: 5px;

    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
}
.startube-pager span.skip {
	padding: 3px 5px;
}
.startube-pager span.active {
	cursor: pointer;
}
.startube-pager a.prev {
}
.startube-pager a.next {
}

/* previous & next video controls */
.startube-controls {
    position: absolute; z-index: 1000;
    left: 10px; bottom: 50px;
}

.startube-controls a {
    display: inline-block;
    margin-right: 2px;
    width: 16px; height: 20px;
    text-indent: -999999px;
    opacity: 0;

    transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
}
.startube-controls a.next { background: url(../images/next2.png) no-repeat; }
.startube-controls a.prev { background: url(../images/prev2.png) no-repeat; }

.startube-player:hover .startube-controls a { opacity: 0.3; }
.startube-player:hover .startube-controls a:hover { opacity: 0.6; }
.startube-player:hover .startube-controls a:active { opacity: 1; }

/* media queries */
@media screen and (min-width: 321px) {
	ul.star-thumbs li {
		width: 32.35%;
	}
}

@media screen and (min-width: 481px) {
	ul.star-thumbs li {
		width: 24%;
	}
	.startube-controls a {
	    width: 25px; height: 35px;
    	margin-right: 5px;
	}
	.startube-controls a.next { background: url(../images/next.png) no-repeat; }
	.startube-controls a.prev { background: url(../images/prev.png) no-repeat; }
}