/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, cite, code, em, img, small, strong,
b, u, i, ol, ul, li, fieldset, form, label,
table, tr, th, td, #container {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}

a {
	text-decoration:none;
	color:#781418;
}

a:hover {
	color:#C44045;
}
blockquote, q {
	quotes: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*	End reset styles */
/*	"Clearing floats without structural markup" technique
http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}
.wrap:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.ie6 .clearfix, .ie7 .clearfix {
    zoom: 1;
}

/*fluid width images */
img {
	max-width:100%;
	height:auto;
}


/****** BODY *****/
/*****************/
html {
	/* margin-top:40px; */
	font-size:100%;
}
body {
	line-height:1;
	font-family: helvetica, arial, sans-serif;
	color:#3b321c;
	background:#fff url(../img/cream_dust.png) repeat; /* image from subtlepatterns.com */
	font-size:16px;
}

/**** UTILITY ****/
/* utility classes */
.clear {
	clear:both;
}
.bold, b, strong {
	font-weight:bold;
}
em, i, .italic {
	font-style:italic;
}
.normal {
	font-weight:normal;
}
.center {
	text-align:center;
}
.right {
	float:right !important;
}
.left {
	float:left !important;
}
.no-float-w {
	width:auto !important;
	float:none !important;
}
.none {
	display:none;
}
.m-b-sm {
	margin-bottom:15px;
}
.m-b-med {
	margin-bottom:20px;
}
.m-b-tn {
	margin-bottom:5px;
}
.m-b-no {
	margin-bottom:0px;
}
.m-t-sm {
	margin-top:10px;
}
.m-t-med {
	margin-top:20px;
}
.big-hd {
	font-size:28px;
	margin-bottom:1em;
}
.small-hd {
	font-size:22px;
	line-height:26px;
}
.tiny-hd {
	font-size:18px;
}
.small-txt {
	font-size:12px;
}

.med-text, .summary, .description {
	font-size:14px;
	line-height:18px;
}
/* play button */
.play {
	display:none;
	height: 149px;
    left: 50%;
    margin-left: -75px;
    margin-top: -75px;
    position: absolute;
    top: 50%;
    width: 149px;
    background:url(http://video.moka5.com/media/themes/feed/img/large-play.png) no-repeat;
}

.item-list .play{
	background:url(http://video.moka5.com/media/themes/feed/img/small-play.png) no-repeat;
	height: 74px;
	width: 74px;
	margin-left: -37px;
	margin-top: -37px;
	left:50%;
}

.item-list .img:hover .play, #featured-video:hover .play {
	display:block;
}
.related .item-list .img:hover .play {
	display:none;
}

.group-masthead, .item-list .img, #featured-video {
	position:relative;
}

.no-content {
	margin-bottom:400px;
}

.current-video-thumbnail {
    display:none;
}

/***** media object, ala http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/ ****/
/**** THIS CAN BE EXTENDED ALL OVER THE PLACE.  VERY USEFUL ****/
/* ====== media ====== */
.media-list li {margin:10px 10px 10px 0;}
.media-list li, .bd {overflow:hidden; padding-bottom:20px;}
.ie6 .media-list li, .ie6 .bd {overflow:visible; zoom:1}
.media-list li .img {float:left; margin-right: 15px;}
.media-list li .img img{display:block;}
.media-list li .imgExt{float:right; margin-left: 15px;}

.media-list li .imgLm{margin-right:30px}
.media-list li .imgRm{margin-left:30px}

.media-block {margin:10px;}
.media-block, .bd {overflow:hidden;  padding-bottom:14px;}
.ie6 .media-block, .ie6 .bd {overflow:visible; zoom:1}
.media-block .img {float:left; margin-right: 15px;}
.media-block .img img{display:block;}
.media-block .imgExt{float:right; margin-left: 15px;}

/* top level structure */

.container {
	position:relative;
}
.content, .main-header .wrap, .aside-block, .page .section {
	max-width:960px;
	margin: 0 auto;
}
.main-header .wrap {
	max-width:920px;
}
.page .main-header .wrap {
	max-width:960px;
}
.wrap, .page .section {
	margin: 0 auto;
	padding: 0 20px;
}
.column {
	width:100%;
	margin-bottom:25px;
	width:100%;
}
#home .column, .groups .column {
	height:auto;
	overflow:visible;
	padding:0;
	width:100%;
}
.col-main {
	width:65%;
	float:left;
}
.col-side {
	padding:1%;
	width:28%;
	float:right;
	margin-bottom:20px;
	box-shadow: 0 0 3px #d8d8d8;
	border: 5px solid #fff;
	/*background:#eee; */
	background:rgba(0,0,0, .1);
}
.col-side .summary {
	padding: 5px;
}
/* header */
.chrome {
	padding: 0;
	height:46px;
	width:100%;
	box-shadow: 0 0 2px #999;
	background: #781418;
	border-bottom:1px solid #eee;
	/*background: -moz-linear-gradient(top,  #e9f6fd 0%, #d3eefb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9f6fd), color-stop(100%,#d3eefb));
	background: -webkit-linear-gradient(top,  #e9f6fd 0%,#d3eefb 100%);
	background: -o-linear-gradient(top,  #e9f6fd 0%,#d3eefb 100%);
	background: -ms-linear-gradient(top,  #e9f6fd 0%,#d3eefb 100%);
	background: linear-gradient(to bottom,  #e9f6fd 0%,#d3eefb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f6fd', endColorstr='#d3eefb',GradientType=0 ); */
}
.chrome-loggedin {
  /*  position:fixed;
    top:0;
    z-index:10000;
    width:100%; */
}
.ie7 .chrome {
	margin-bottom:20px;
	float:left;
}
.socials {
	float:right;
}

.socials a {
	display:block;
	float:left;
	width: 38px;
	height:38px;
	background: #00ACED url(http://video.moka5.com/media/themes/feed/img/socials.png) 2px 3px no-repeat;
	margin:0 5px 0 0;
	position:relative;
}
.socials a:last-child {
    margin-right:0;
}
.socials a.rss {
	background-position: -52px 2px;
	background-color: #C44045;
}
.socials a.facebook {
	background-position: -98px 4px;
	background-color: #325A97;
}
.socials a.facebook:hover {
	background-color:#254371;
}
.socials a.twitter:hover {
	background-color: #0087BA;
}
.socials a.rss:hover {
	background-color: #781418;
}
.group-subscribe span {
	display:block;
	float:left;
	width:24px;
	height:24px;
	background:url(http://video.moka5.com/media/themes/feed/img/social-sprite-2.png) 0 0px no-repeat;
}
.group-subscribe .podcast-audio span {
	background-position: -131px 0px;
}
.group-subscribe .podcast span {
	background-position: -78px 0px;
}
.group-subscribe .rss span {
	background-position: -105px 0px;
}
.group-subscribe {
	margin:10px 0 0 5px;
	float:none;
}
.group-subscribe li {
	height:28px;
	margin: 0 5px 5px 0;
	font-size:12px;
	display:inline-block;
	text-indent:-99999px;
}
.ie7 .group-subscribe li {
	display:inline;
	zoom:1;
}

.group-subscribe li a {
	position:relative;
	top:2px;
	display:block;
    width:28px;
    height:28px;
}
.main-header {
	margin: 45px 0;
}

.main-header h1 {
	margin: 0;
	float:left;
	font-size:42px;
}

.main-header h1 a {}
/* search */
#modal-backdrop {
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background: black;
    opacity: .8;
}
#search-trigger {
    background:url(http://video.moka5.com/media/themes/feed/img/magnify.png);
    width:24px;
    height:24px;
    display:block;
    float:right;
    text-indent:-99999px;
    margin: 10px 20px 0 0;
}
#search {
    width:80%;
    position:absolute;
    top:20%;
    left:10%;
    z-index:10000;
    display:none;
}
#search form {
    width:100%;
}
#search-input, #search-submit {
    font-size:14px;
    -webkit-appearance: none;
}
#search-input { 
    width: 98%;
    border-radius: 4px 4px 4px 4px;
    padding: 1%;
    border: 1px solid #d8d8d8;
}
#search-submit {
    background: #781418;
    border: 0;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 1%;
    box-shadow: 0 0 2px #999999;
    position:absolute;
    top:1px;
    right:0;
}
#search-submit[type="submit"]::-moz-focus-inner { 
    border: 0px;
    padding: 0px;  
    vertical-align:top;
}
/*.ie8 #search-input, .ie7 #search-input {
	height:18px;
	position:relative;
	top:-2px;
	padding-top:5px;
} */
/*.ie7 #search {
	position:relative;
	top:-3px;
}
.ie7 #search-input {
	top:2px;
}
.ie7 #search-submit {
	height:25px;
	position:relative;
	top:1px;
} */
/*nav */
.main-nav select {
	display:none;
}
.main-nav {
	float:right;
	height:46px;
}
.main-nav li {
	background:rbga(0,0,0,.1);
}
.main-nav .sub-nav {
	display:none;	
	position:absolute;
	z-index:10000;
	background:#fff;
}
.main-nav div {
	float:left;
	line-height:24px;
}
.main-nav div:hover ul{
	display:block;
}
.main-nav .nav-hd {
	display:block;
	padding-right:20px;
	line-height:46px;
	color: #fff;
	font-weight:bold;
}
.main-nav li a {
	display:block;
	padding: 4px 10px;
	font-size:14px;
	font-weight:bold;
	background: rgba(0,0,0, .1);
	
}
.main-nav li a:hover, .current {
	background:#781418;
	color:#fff;
}
/* sort videos nav*/

.sort-videos {
/*	background: #781418;
    border: 1px solid #D8D8D8;
    box-shadow: 1px 1px 2px #D8D8D8; */
    clear: both;
    float: left;
    margin-bottom: 10px;
    padding: 0 10px;
    width: 97.5%;
}
.sort-videos a {
	color:#fff;
	padding: 10px;
	display:block;
}
.sort-videos a.load-cat {
    color:#781418;
    border:0;
    padding: 9px 17px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 0;
    text-align:left;
}
.sort-videos .hd {
	float:left;
	margin-right: 25px;
	padding-top:10px;
}
.sort-links {

}
.sort-links > li {
	float:left;
	margin-right: 10px;
}
.child-list li {
	float:none;
	background: #fff;
	font-size:14px;
}
.child-list li:last-child {
	border-bottom:0;
}
.parent-list {

}
.parent-list-link {
	
}
.child-list {
	display:none;
	position:absolute;
	z-index:10000;
	background: transparent;
	border-width: 0 1px 1px 1px;
	padding: 0;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-width: 0 1px 1px 1px;
	border-radius: 0 0 4px 4px;
	box-shadow: 1px 1px 2px #d8d8d8;
}
.parent-list:hover .child-list {
    display:block;
}

/* footer */

#footer {
	font-size:12px;
	padding: 10px 0;
	background: #781418;
	border-top:1px solid #eee;
	height:10px;
	box-shadow: 0 0 2px #999;
	width:100%;
	color:#fff;
}

#footer a {
	color:#fff;
	font-weight:bold;
}

#footer .wrap:after {
	display:none;
}
#footer ul li {
	float:left;
	margin-right:10px;
}

#footer p {

}
/***** main player container ****/

.lead-item {
	height:360px;
	overflow-y:scroll;
	max-width:900px;
	margin: 0 auto;
}

.main-content-area {
	height:400px;
	margin-bottom:30px;
	overflow-y:scroll;
}
.loading-vids {
	display:block;
	width:250px;
	height:300px;
	margin: 50px auto 50px auto;
	text-align:center;
	background: url(http://video.moka5.com/media/img/please-stand-by.gif) top center no-repeat;
}
.loading-vids span {
	display:block;
	padding-top:30px;
}

/* details page */
.related .media-list .bd {
	font-size:12px;
	padding-bottom:10px;
}
/*#details-video {
	padding: 1%;
	float:left;
	width:100%;
	margin-bottom:20px;
	box-shadow: 0 0 3px #d8d8d8;
	background:#fff;
} */

#details-video {
	height: 0;
	padding-bottom: 56.25%; /* 16:9 */
	position: relative;
}
#details-video iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.video-wrap, #featured-video {
    height: 100%;
    padding: 1%;
    width: 98%;
    box-shadow: 0 0 3px #d8d8d8;
	background:#fff;
	margin-bottom:20px;
}

#details-video a {
	display:block;
	line-height:0;
}
#featured-video {
    margin-bottom:20px;
}
.meta-nav {
	width:100%;
	line-height:26px;
	float:left;
}
.meta-nav ul {
	float:left;
	width:100%;
}
.tag-nav {
	line-height: 18px;
    margin-top: 14px;
}
.meta-nav li {
	float:left;
	margin-right:10px;
}
.details-meta .group {
	background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    padding: 3px 6px;
}
.details-info-nav {
	margin: 20px 0 10px 0;
	background:transparent;
}
.details-info-nav a, .sort-videos a {
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 8px 13px;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.1);
	color: #781418;
	font-weight:bold;
    text-align: center;
    position:relative;
}
.details-info-nav a {
	font-size:14px;
    float:left;
    margin-right:10px;
	display:block;
}
.details-info-nav a.current:after,
.sort-videos a.current:after {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #781417 transparent transparent transparent;
    position:absolute;
    bottom:-8px;
    left:40%;
    content: '';
}
.details-info-nav .current,
.sort-videos .current,
.sort-videos a.load-cat.current,
.details-info-nav a:hover,
.sort-videos a:hover {
	color:#fff;
	background:#781418;
	border: 1px solid #781418;
}

.sort-videos a.load-cat.current {
    border:0;
}
.sort-videos a.load-cat:hover,
.sort-videos a.current.load-cat:after {
    border-width: 0;
}
.summary, .description p {
	margin-bottom:22px;
}
#details .button {
	display:block;
	margin-top:20px;
	text-align:center;
	background: #781418;
    border: 1px solid #D8D8D8;
    box-shadow: 1px 1px 2px #D8D8D8;
    border-radius:3px;
    color:#fff;
    font-size:14px;
}
#details .button:hover {
	background: rgba(0, 0, 0, 0.1);
	color: #781418;
	border: 1px solid rgba(0, 0, 0, 0.2);
}
#details .load-related.button {
	display:none;
}
/* sharing addthis fix */
#details-video .addthis_counter.addthis_bubble_style a {
    line-height:17px;  
}

/* comments */
#comments {
	width:100%;
	font-size:14px;
}

#comments form {
	margin-top:10px;
}

#comments .small-hd {
	font-size:18px;
}

#comments li {
	clear:both;
	margin-bottom:14px;
	width:100%;
}

#comments label {
	display:block;
	font-size:14px;
}
#comments input, textarea {
	border: 1px solid #d4d4d4;
    box-shadow: 0 0 3px #c8c8c8;
    font-size:14px;
    padding:1%;
    width:98%;
}
#comments input:focus, textarea:focus {
	box-shadow: none;
}
#comments textarea {
	height:60px;
}

#comments .button, #details .button {
	border:1px solid #781418;
	font-weight:bold;
	width:auto;
	margin-top:20px;
	padding: 8px 15px;
	box-shadow:0 0 3px #999;
	 -webkit-appearance: none;
}
#comments li.submit {
	margin-bottom:25px;
}
#comments p {
	color:#666;
	clear:both;
	font-size:12px;
	line-height:14px;
	margin-top:3px;
}

#comments .disclaimer {
	margin-top:20px;
	font-style:italic;
}
#comments .authenticated .comment p {
	float:none;
	color:inherit;
}
#comments .authenticated .comment textarea {
	width:98%;
}
#comments .details-comments p {
	float:none;
	color:inherit;
	font-size:14px;
}
.details-comments .img, #comments .details-comments time {
	font-size:12px;
}
.details-comments .img img {
	margin-bottom:5px;
	background: #FFFFFF;
    border: 1px solid #D8D8D8;
    border-radius: 3px 3px 3px 3px;
    display: block;
    padding: 3px;
}
.comments-list .bd {
	position:relative;
	padding-left:9px;
}
.comments-list .comment-meta {
	background:#fff;
	border-radius:3px;
	padding: 10px;
	border: 1px solid #d4d4d4;
    box-shadow: 0 0 3px #c8c8c8;
}
.comments-list .bd span {
	background: #FFFFFF;
    color: #FFFFFF;
    font-size: 14px;
    left: 3px;
    position: absolute;
    text-shadow: -2px 0 1px #999999;
    top: 22px;
    width: 0;
    z-index: 0;
    -webkit-transform: rotate(-10deg)
    -moz-transform: rotate(-10deg)
    transform: rotate(-10deg);
}

/* lists */
#info, #discussion, #related-vids {
    min-height:700px;
}
.resize-list li {
	padding: 20px 0 20px 20px;
	margin-right:0;
}
.resize-list li:nth-child(odd) {
	background:rgba(0,0,0, .1);
}
/*.item-list li:hover {
	background:rgba(0,0,0, .1);
}*/
.item-list.media-list .bd {
	width: 60%;
}
.item-list.media-list .img {
	padding: 2px 2px 1px 2px;
	background:#fff;
	border:1px solid #f8f8f8;
	width: 30%;
	box-shadow: 0 0 6px #666;
}

.media-list .sub, 
.media-list .meta, 
.media-list .hd {
	font-size:14px;
	line-height:18px;
}
.media-list .hd {
    font-size:18px;
    line-height:24px;
}
.media-list .sub {
    margin-top:5px;
}
.media-list .meta, .col-side .meta {
	font-size:12px;
	margin-top:5px;
}

.media-list .meta a, .col-side .meta a {
	border-left: 1px solid #3b321c;
	margin-left:5px;
	padding-left:5px;
}
.col-side .meta {
	padding:5px;
}
.col-side .meta time, .col-side .meta a {
	font-size:12px;
}
time, .tag-label {
	color:#666;
}

/***** paginator ****/

.paginator {
	float:right;
	position:relative;
	left:-50%;
	text-align:left;
	display:none; 
}

.pages {
	position:relative;
	left:50%;
	display:none;
}

.paginator {
    margin: 2em 1em;
}

.paginator a, .paginate-pages, .paginate-current {
	background:#d4c7a3;
	background: rgba(212, 199, 163, 0.60);
    margin: 2px;
    padding: 10px 12px 6px;
    font-size:14px;
    display:none;
}

/* infinite scroll */
#infscr-loading {
	margin: 0 auto;
	text-align:center;
	padding: 20px 0;
	clear:both;
}
/* flat page */
.page .section p {
	margin-bottom:16px;
	line-height:20px;
}
.page .section ul, .page .section ol {
	margin:0 25px 25px 25px;
}
.page .section ul {
	list-style-type:disc;
}
.page .section ol {
	list-style-type:decimal;
}
.page .section li {
	padding-bottom:5px;
}
.page .section h1, .page .section h2,
.page .section h3, .page .section h4 {
	margin-bottom:1em;
}
.page .section h1 {font-size:28px;}
.page .section h2 {font-size:24px;}
.page .section h3 {font-size:22px;}
.page .section h4 {font-size:20px;}

/* global messages*/

#messages {
	margin: 0 auto 20px;
    width: 100%;
    max-width:920px;
}
#messages li {
	list-style: none;
	padding: 0.7143em 0.7143em 0.7143em 2.8571em;
}
#messages li,
#messages .success {
	background: #cfffcf url(http://video.moka5.com/media/img/silk/accept.png) no-repeat 1.4286em 50%;
	-webkit-border-radius: 0.357143em;
	-moz-border-radius: 0.357143em;
	border-radius: 0.357143em;
	color: #2f9f2f;
}
#messages .error {
	background: #ffdfdf url(http://video.moka5.com/media/img/silk/cancel.png) no-repeat 1.4286em 50%;
	color: #ff2f2f;
}
#messages .warning {
	background: #ffefaf url(http://video.moka5.com/media/img/silk/error.png) no-repeat 1.4286em 50%;
	color: #6f5f00;
}
#messages .info,
#messages .debug {
	background: #cfefff url(http://video.moka5.com/media/img/silk/information.png) no-repeat 1.4286em 50%;
	color: #2f5f7f;
}

/* media queries */

@media only screen
and (min-width : 320px)
and (max-width : 720px) {

	.col-side, .col-main {
		width:100%;
		float:none;
		clear:both;
	}
	.col-side {
		margin-top:20px;
		width:96%;
	}
	.main-header  {
	    margin: 20px 0 40px 0;
	}
	.main-header h1 {
		text-align:center;
		float:none;
		line-height:2em;
		font-size:32px;
	}
	/* centered menu */
	.socials {
		float:left;
		width:100%;
		overflow:hidden;
		position:relative;
		margin-top:0;
	}
	.socials div {
		clear:left;
		float:left;
		position:relative;
		left:50%;
		text-align:center;
	}
	.socials a {
		display:block;
		float:left;
		position:relative;
		right:50%;
	}
	/* end centered menu */
	.sort-videos {
		width:96%;
	}
	#details-video {
		width:100%;
	}
	.related {
		float:none;
		padding:2%;
	}
	.slider-nav .small-hd {
		float:none;
	}
	.slide-switcher {
		float:none;
		width:104px;	
	}
	.slider-nav .first {
		margin-bottom:8px;
	}
	.slider-nav .close {
		top:39px;
		left:250px;
	}
	.flex-next {
		left:206px;
	}
	.flex-prev {
		left:164px;
	}
	.item-list .play {
		height: 50px;
		width: 50px;
		margin-left: -25px;
		margin-top: -25px;
		background:url(http://video.moka5.com/media/themes/feed/img/tiny-play.png) no-repeat;
	}

}
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
	.main-nav {
		float:none;
		margin-left:10px;
	}
	.main-nav .nav-hd {
		padding-right:14px;
	}
	.main-nav .sub-nav, .main-nav .nav-hd {
		font-size:14px;
	}
	#home .sort-videos {
		padding:0;
		width:100%;
	}
	.sort-videos .hd, .sort-links li {
		float:none;
		margin: 0;
		padding:0;
		border-bottom:1px solid #fff;
	}
	.sort-videos .hd {
		padding: 10px;
	}
	.sort-links li:last-child {
		border-bottom:0;
	}
	.sort-videos .child-list {
	    position:static;
	    border:0;
	    box-shadow: 0;
	    margin-top:1px;
	}
	.sort-videos a.load-cat {
	    border: 1px solid rgba(0, 0, 0, 0.2);
	    border-radius:2px;
	    text-align:center;
	}
	.sort-videos a.load-cat:hover {
	    border-width:1px;
	}
	.media-list .sub, .media-list .meta, .media-list .hd {
		font-size:12px;
		line-height:16px;
	}
	.details-info-nav {
		margin-bottom:10px;
	}
	.details-info-nav a {
		margin: 0 0 2px 0;
		float:none;
	}
	.details-info-nav a.current:after,
	.sort-videos a.current:after {
	    display:none;
	}
}
@media only screen
and (min-width : 320px)
and (max-width : 350px) {
	.main-nav .nav-hd {
		padding-right:12px;
	}
}

/*	Messages styles (mostly copied from the base styles.css) */
#messages {
	margin: 0 auto 2em;
	width: 100%;
}
#messages li {
	font-size: 1em;
	list-style: none;
	padding: 0.7143em 0.7143em 0.7143em 2.8571em;
	line-height:1.2;
}
#messages li,
#messages .success {
	background: #cfffcf url(http://video.moka5.com/media/img/silk/accept.png) no-repeat 1.4286em 48%;
	-webkit-border-radius: 0.357143em;
	-moz-border-radius: 0.357143em;
	border-radius: 0.357143em;
	color: #2f9f2f;
}
#messages .error {
	background: #ffdfdf url(http://video.moka5.com/media/img/silk/cancel.png) no-repeat 1.4286em 48%;
	color: #ff2f2f;
}
#messages .warning {
	background: #ffefaf url(http://video.moka5.com/media/img/silk/error.png) no-repeat 1.4286em 48%;
	color: #6f5f00;
}
#messages .info,
#messages .debug {
	background: #cfefff url(http://video.moka5.com/media/img/silk/information.png) no-repeat 1.4286em 48%;
	color: #2f5f7f;
}
.errorlist li {color: #ff2f2f;}
/*** transcript box *****/

#transcript {
	/*	These needed to be adjusted a bit for this theme */
	margin: 20px 0 0 0;
	position: relative;
}
#transcript-wrap {
	/*	These needed to be adjusted a bit for this theme */
	background: #fdfdfd url(../../../img/caption-box-bg.png) repeat-x 0 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.25), 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.25), 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 0 1px rgba(0,0,0,0.25), 1px 1px 2px rgba(0,0,0,0.2);
	height: 200px;
	min-height: 80px;
	overflow-y: scroll;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
#transcript-text {
	padding: 20px 80px 20px 20px;
	position: relative;
}
#transcript-text p {
	color: #555;
	/*	Needed to specify a font-family for this theme */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
}
#transcript-text span {
	height: 20px;
}
#transcript-text .current-phrase,
#transcript-text span:hover {
	background: #ccc;
	color: #111;
	cursor: pointer;
}
#transcript-text span:hover {
	background: #c2ddff;
}
#transcript-expand-button {
	position: absolute;
	right: 28px;
	top: 18px;
	z-index: 2;	
}
#transcript-expand-button a {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.25)));
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.25), rgba(0,0,0,0.25));
	border: 1px solid #999;
	border-top-color: #bbb;
	border-left-color: #bbb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	display: block;
	height: 24px;
	opacity: 0.5;
	text-indent: -9999px;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	transition: opacity 0.2s;	
	width: 24px;
}
#transcript-expand-button a:hover {
	opacity: 1;
}
#transcript-expand-button span {
	background: url(../../../img/icons/caption-box-expand-button.png) no-repeat 50% 50%;
	display: block;
	height: 16px;
	left: 50%;
	margin: -8px 0 0 -4px;
	position: absolute;
	top: 50%;
	width: 8px;
}
#transcript-expand-button a:active {
	position: relative;
	top: 1px;
}